Dissecação de um Drupal tema

Antes de começar a mudar um tema Drupal, é bom saber como temas são estruturados. Para ajudar você a entender a estrutura básica de um tema Drupal este exemplo usa o Garland, porque contém todas as partes essenciais de um tema.

Você pode usar o FTP ou o gerenciador de arquivos do ISP para olhar no temas diretório sob Drupal e ver os arquivos que compõem cada tema. Olhe para a festão pasta no temas diretório.

image0.jpg

Para acompanhar a discussão melhor, permitir que o tema Garland e ativar o menu principal (não visível por padrão com este tema). Siga esses passos:

  1. Clique em Aparência.

  2. Localize o tema Garland e clique em Ativar e definir padrão.

  3. Escolha Estrutura-Blocks.

  4. Clique na guia Garland no canto superior direito.

  5. Encontre o item do menu principal na lista e arraste-o para a parte superior da segunda secção da barra lateral.

  6. Role a página e clique em Salvar Blocks.

tipos de arquivos tema

Os quatro tipos de arquivos no tema Garland são

  • CSS: As informações em CSS (Cascading Style Sheet) arquivos controla todas as cores, tamanhos de fonte, estilos de fonte larguras de margem, e muito mais.

  • INFO: Um arquivo de texto muito pequeno que contém informações específicas do tema.

  • PHP: Esses arquivos contêm grande quantidade de código HTML e algum código PHP. Eles são responsáveis ​​para exibir todo o conteúdo que aparece nas várias páginas de tipo de conteúdo, tais como comentários e blocos.

  • PNG: Os arquivos de imagem.

arquivos de código tema

Mostrando-lhe como modificar e personalizar um tema existente é o foco desta discussão. Para fazer isso, você precisa entender o que cada arquivo nos controles temáticos. Garland contém oito arquivos contendo código:

  • style-rtl.css: A menos que você está criando um site para um idioma que é lido da direita para a esquerda, você pode ignorar este arquivo. Isso é usado para ajudar a tornar a direita; para a esquerda rodando línguas mais legível.

  • style.css: Este é o arquivo no qual você tem que pagar mais atenção. Isto controla praticamente tudo a ver com a aparência do seu site.

  • garland.info: Este arquivo contém as informações Drupal precisa sobre este tema.

  • node.tpl.php: Este arquivo controla a aparência de todos os tipos de conteúdo que aparecem nos blocos do tema Garland. Todos os seus artigos e posts estão contidos em nós, por exemplo.

  • page.tpl.php: O modelo de página é o maior arquivo. Ele constrói uma página completa, incluindo menus, todos os blocos, e todo o conteúdo. Isto define onde tudo se passa na página. Se, por exemplo, você queria o conteúdo na barra lateral esquerda para deslocar para a direita, este é o arquivo que você mudaria. A aparência das páginas em Garland é gerido por este arquivo. A aparência dos tipos de conteúdo em blocos dentro de uma página é gerido por node.tpl.php.

    image1.jpg
  • comment.tpl.php: O modelo comentário puxa em estruturas e um comentário indivíduo. Opcionalmente, pode incluir uma foto do usuário e bloco de assinatura. A ilustração a seguir mostra um formulário de comentário no tema Garland.

    image2.jpg
  • template.php: O modelo nó controla a estrutura do conteúdo. Todas as suas histórias e posts estão contidos em nós, por exemplo.

  • theme-settings.php: Este controla o que estão disponíveis para este tema configurações.

arquivos de imagem Tema

Garland tem uma série de arquivos de imagem, mas apenas dois no diretório principal:

  • logo.png: O logotipo Drupal que aparece no canto superior esquerdo deste tema.

  • screenshot.png: A imagem de pré-visualização do tema.

menu