La Red de Conocimientos Pedagógicos - Currículum vitae - ¿Cómo cambiar la página en Drupal?

¿Cómo cambiar la página en Drupal?

Los pasos son los siguientes:

1. Copie una copia del directorio garland en el directorio de temas y cambie el nombre a tn (prepárese para crear un sitio web como www.tnstudio). .cn). En este momento actualice la lista de temas de [Página de inicio>Administración>Creación de sitio], hay un tema tn adicional al final, selecciónelo.

Nota: Hay un directorio minnelli debajo del directorio copiado, que se puede eliminar

2. Cambie el ícono y reemplace temas/tn/logo.png con su propio logotipo. no es una imagen png, puedes usar ps para convertirla

Fuente: /showpost.php?p=43961amp; postcount=17

== Crea un nuevo estilo de tema PHPTemplate ==

Cree un directorio de temas en el directorio de temas de Drupal, como mytheme.

Cree un archivo page.tpl.php en el directorio del tema

Este es el único archivo que debe crearse. Sobrecarga la función theme('página') y genera el contenido. de toda la página, incluidas decoraciones adicionales, encabezados, pestañas, bloques de contenido, barras laterales, pies de página y todo lo que desee mostrar en la página.

También puedes crear otros archivos para anular otras funciones

- block.tpl.php: sobrecarga la función theme('block'): controla el estilo del bloque

- box.tpl.php: función de tema de sobrecarga('box'): controla el estilo del contenedor (cuadro) en el área principal de la página

- comment.tpl. php: sobrecargar la función theme('comment'): controlar el estilo de los comentarios

- node.tpl.php: sobrecargar la función theme('node') para controlar el estilo de los nodos

- PHPTemplate contiene estos archivos de plantilla Ejemplos, puede copiar estos ejemplos al directorio tema/mytheme para modificarlos

bg-navigation.png Cambie la imagen de fondo del encabezado a todo amarillo y azul

body.png body Cambia la imagen de fondo a todo blanco

bg-content-left.png, bg-content.png, bg-content-right.png se cambian a bordes grises

3. Modifique la ubicación principal del menú, busque el siguiente código. Corte y pegue el siguiente código en la ubicación adecuada. Puede comprobar el efecto después de cada corte y pegado.

lt. ;?php if (isset($primary_links)): ?gt;

lt;?php print theme('enlaces', $primary_links, array('clase' =gt; 'enlaces-enlaces primarios' )) ?gt;

lt;? php endif; ?gt;

lt;?php if (isset($secondary_links)): ?gt;

lt;?php print theme('enlaces', $enlaces_secundarios, array('clase' =gt; 'enlaces-enlaces secundarios')) ?gt;

lt;?php endif;

Además, el menú predeterminado está alineado a la derecha, puede modificar ul.primary-links-gt; float: left del archivo style.css y configurarlo en alineación izquierda si es necesario otro formato. Para modificarlo, busque los estilos relacionados con los enlaces principales y modifíquelos para comprobar el efecto.

4. Modifique el ancho de la página a 770 px fijo, modifique el archivo page.tpl.php y agregue lt; DIV STYLE="width: 770px"gt; --gt; , antes de lt;!--/layout --gt;

Agregar lt;/DIVgt;

5. Agregue una imagen de fondo y agregue fondo al estilo del cuerpo. de style.css -image:url(./images/bg.gif);