La disección de un tema drupal

Video: 017.- Curso de CakePHP. ORM: Relaciones muchos-a-muchos

Antes de empezar a cambiar un tema de Drupal, se&rsquo-s bueno saber cómo se estructuran los temas. Para ayudar a entender la estructura básica de un tema Drupal este ejemplo se utiliza la Garland, ya que contiene todas las partes esenciales de un tema.

Puede utilizar FTP o el administrador de archivos de su ISP para buscar en el temas directorio bajo Drupal y ver los archivos que componen cada tema. Mira el guirnalda carpeta en el temas directorio.

Para seguir la discusión mejor, que el tema de Garland y activar el menú principal (no visible por defecto con este tema). Sigue estos pasos:

Haga clic en Apariencia.

  • Busque el tema de Garland y haga clic en Habilitar y conjunto predeterminado.

  • Elija Estructura → Bloques.

  • Haga clic en la pestaña de la guirnalda en la parte superior derecha.

  • Encontrar el punto del menú principal en la lista y arrastrarlo a la parte superior de la segunda sección de la barra lateral.

    Video: 021.- Curso de CakePHP. Respóndeme. Creación de una Aplicación Web (I)

  • Desplácese hacia abajo y haga clic en Guardar bloques.

  • tipos de archivos tema

    Los cuatro tipos de archivos en el tema son Garland

    • CSS: La información contenida en CSS (Cascading Style Sheet) Archivos controla todos los colores, tamaños de fuente, estilos de fuente, el ancho de margen, y mucho más.

    • INFORMACIÓN: Un archivo de texto muy pequeño que contiene información de un tema específico.

    • PHP: Estos archivos contienen gran cantidad de código HTML y código PHP. Ellos son los responsables para la visualización de todo el contenido que aparece en las distintas páginas de tipo de contenido, como los comentarios y bloques.

    • PNG: Los archivos de imagen.

      Video: 016.- Curso de CakePHP. ORM: Modelar las relaciones entre tablas

    archivos de código tema

    Que muestra cómo modificar y personalizar un tema existente es el foco de esta discusión. Para ello, es necesario entender lo que cada archivo en los controles temáticos. Garland contiene ocho archivos que contienen código:

    • estilo-rtl.css: A menos que usted&rsquo re-creación de un sitio para un lenguaje que se lee de derecha a izquierda, puede ignorar este archivo. Esto se utiliza para ayudar a hacer la derecha; a izquierda idiomas correr más legible.

    • style.css: Este es el archivo en el que usted tiene que pagar la mayor atención. Esto controla prácticamente todo lo relacionado con la aparición de su sitio.

    • garland.infoEste archivo contiene la información de Drupal necesita alrededor de este tema.

    • node.tpl.phpEste archivo controla la apariencia de todos los tipos de contenido que aparecen en los bloques del tema de Garland. Todos los artículos y blogs están contenidos en los nodos, por ejemplo.

    • page.tpl.php: La plantilla de página es el archivo más grande. Se construye una página completa, incluyendo menús, todos los bloques, y todo el contenido. Esto define donde todo va en la página. Si, por ejemplo, que quería el contenido de la barra lateral izquierda para desplazar a la derecha, esta es la imagen que iba a cambiar. El aspecto de las páginas en Garland es gestionado por este archivo. La aparición de los tipos de contenido en los bloques dentro de una página es administrada por node.tpl.php.

    • comment.tpl.php: La plantilla comentario tira en estructuras y un comentario individual. Opcionalmente, se puede incluir un bloque de firma Foto del usuario y. La siguiente ilustración muestra un formulario de comentarios en el tema de Garland.

    • template.php: La plantilla de nodo controla la estructura de contenido. Todas sus historias y blogs están contenidos en los nodos, por ejemplo.

    • es el tema de settings.php: Controla lo que están disponibles para este tema ajustes.

    archivos de imagen tema

    Garland tiene una serie de archivos de imagen, pero sólo dos en el directorio principal:

    • logo.jpg: El logotipo de Drupal que aparece en la esquina superior izquierda de este tema.

    • screenshot.jpg: La imagen de vista previa del tema.

    Artículos Relacionados