Compreendendo a hierarquia de modelos do WordPress para um desenvolvimento mais rápido

Criar um tema WordPress não é nenhuma ciência de foguetes. Se você começar com o básico, poderá mergulhar facilmente no desenvolvimento de temas para WordPress. Mas antes de mergulhar nas coisas de desenvolvimento hardcore, é absolutamente necessário que você entenda a hierarquia de modelos do WordPress e a hierarquia de temas do WordPress. As páginas em um site WordPress são construídas usando um único arquivo de modelo ou uma combinação de arquivos de modelo que são solicitados em uma área específica de uma página da web.

Alguns exemplos de arquivos de hierarquia de modelo do WordPress são:

1. Index.php
2. Sidebar.php
3. Header.php
4. footer.php

Eles residem na pasta wp-content / themes / theme-name . Existem muitos arquivos de estrutura de modelo do WordPress, mas apenas dois arquivos são absolutamente necessários para que um tema do WordPress funcione, eles são index.php e style.css. Além disso, functions.php (não considerado um arquivo de modelo) é um arquivo obrigatório que contém funcionalidades de um tema. Para adicionar uma aparência mais personalizada ao nosso site e sentir que podemos usar vários arquivos de modelo disponíveis para nós na hierarquia de temas do WordPress.

Primeiro, para entender como ele renderiza uma página e como sobe na hierarquia de modelos do WordPress, vamos considerar este exemplo.

Um visitante visita uma página de depoimentos em seu site WordPress e você criou um modelo de página personalizado conhecido como page-testimonials.php . O WordPress carregará o page-testimonials.php. Se, no entanto, page-testimonials.php não existir, então o WordPress fará o fallback e carregará page.php, e se page.php não existir nos arquivos de tema, então o WordPress carregará o index.php .

Dividirei os arquivos de modelo em seções para que seja mais fácil entender sua finalidade e onde são usados.

Hierarquia básica da página do WordPress

A hierarquia de página básica do WordPres inclui:

1. index.php
2. header.php
3. footer.php
4. sidebar.php

1. Index.php

Como mencionei anteriormente, index.php está entre um arquivo de modelo na hierarquia de páginas do WordPress necessário para um tema do WordPress funcionar. index.php é mais comumente usado para renderizar a página inicial de um tema WordPress. Sempre que um arquivo de modelo não existir, por exemplo, single.php ou post.php, o WordPress carrega o index.php.

O index.php geralmente contém outros arquivos de modelo como header.php, footer.php e sidebar.php, que contém a seção principal do site, a área de rodapé e barras laterais com áreas de widget, respectivamente. Ele também contém um loop que exibe as postagens ou páginas do modelo.

2. header.php

O header.php contém a seção head de um site WordPress e é comumente chamado no início de todos os arquivos de modelo. Geralmente contém as informações do cabeçalho, análises, chamadas para arquivos CSS, navegação do site, títulos de página e logotipo do site, etc.

3. footer.php

Da mesma forma, footer.php em um arquivo na hierarquia de páginas do WordPress é usado para construir a seção de rodapé de um tema do WordPress e chamado na seção de rodapé de todos os arquivos de modelo. O footer.php geralmente contém as informações de copyright, chamadas para arquivos JS, áreas de widget que normalmente têm navegação no site.

4. sidebar.php

Enquanto o sidebar.php, como o nome sugere, é usado para construir a barra lateral de um site e é chamado em arquivos de modelo como index.php, page.php, single.php para chamar na barra lateral. Geralmente contém áreas de widget para fácil personalização.

Páginas de exibição da página inicial

1. front-page.php
2. home.php
3. page.php
4. index.php

As páginas iniciais de sites WordPress exibem as últimas postagens do blog ou uma página estática. Depende das configurações em Configurações do painel do WordPress -> Leitura . Se estiver definido para as últimas postagens, ele exibirá as últimas postagens do blog na página inicial e, quando for definido como uma página estática, carregará um modelo da hierarquia de modelos do WordPress, como page.php ou front-page.php.

Se front-page.php existir , o WordPress usará esse arquivo de modelo para as configurações “ últimas postagens do blog ” e “ página estática ”. O home.php será carregado se front-page.php não existir e as “últimas postagens do blog” estiverem definidas nas configurações de leitura do WordPress.

Se em Configurações -> Lendo uma página estática com página de postagens for selecionado, o WordPress procurará o modelo page.php para renderizar a página inicial.

Se, entretanto, front-page.php, page.php e home.php não existirem, o WordPress voltará para index.php para renderizar a página inicial.

Páginas de postagem única

1. single.php
2. singular.php

1. single.php

No WordPress, postagens de blog individuais são renderizadas usando o arquivo single.php. No WordPress versão 4.3 e superior, um novo arquivo de modelo do WordPress, singular.php foi adicionado.

Para tipos de postagem personalizados do WordPress, podemos usar single- {post-type} .php. Por exemplo, nosso tipo de postagem é animais, então o WordPress procurará single-animals.php e terá precedência sobre single.php. Se o arquivo post-type não existir, ele usará single.php para renderizar a página.

2. singular.php

O singular.php é usado nos casos em que page.php e single.php geralmente têm o mesmo código. Se single.php não existir, o WordPress procurará por singular.php.

Páginas estáticas

As páginas são renderizadas na seguinte ordem:

1. modelos de página
2. page- {slug} .php
3. página- {id} .php
4. page.php
5. singular.php
6. index.php

Como afirmado acima, se quisermos ter uma aparência semelhante para single.php e page.php, então é melhor criar um singular.php.

Páginas de arquivo

1. author.php
2. category.php
3. taxonomy.php
4. date.php
5. tag.php
6. archive.php

As páginas de arquivo no WordPress são aquelas usadas para obter postagens de autores, categorias, taxonomias, datas, tags e assim por diante específicos.

Podemos ter um único modelo de arquivo, isto é, archive.php. Mas para aprofundar em mais modelos, temos author.php, category.php, taxonomy.php, date.php, tag.php e todos eles são bastante autoexplicativos.

Podemos ainda fazer modelos personalizados, por exemplo

category- {slug} .php - se o slug de uma categoria for cute-kittens, então o WordPress irá procurar por category-cute-kittens.php; se não existir, category.php será usado.

category- {id} .php - se id = 3, então o WordPress irá procurar por category-3.php para renderizar a página. Caso contrário, carregará category.php

Teoria semelhante de {slug} e {id} se aplica à página “Tag”

Para modelos de Autor personalizados, podemos usar author- {nicename} .php ou author- {id} .php. Se o nome do autor for Andy, o WordPress procurará por author-andy.php; se ele não existir, o WordPress voltará para author.php para renderizar a página.

Outros arquivos de modelo do WordPress

- search.php

Os resultados da pesquisa no WordPress usam o arquivo de modelo search.php. Se não existir, os resultados da pesquisa são renderizados a partir de index.php.

- attachment.php

Este arquivo de modelo é usado para renderizar páginas de anexo, como imagens e vídeos. image.php e video.php são usados ​​para renderizar imagens e vídeos, respectivamente. Se esses arquivos não existirem, o arquivo attach.php será usado.

- 404.php

As páginas não encontradas no WordPress são renderizadas a partir de 404.php. Se o 404 não existir, ele renderiza a página de index.php.

- comments.php

É um modelo de comentários, é chamado em arquivos de modelo como single.php ou page.php para adicionar a seção de comentários.

Palavras Finais

Compreender a hierarquia de modelos do WordPress é muito benéfico se você deseja desenvolver temas personalizados do WordPress e / ou personalizar a estrutura de arquivos do tema do WordPress. Você terá facilidade em encontrar os arquivos de modelo certos para editar e personalizar. A coisa boa sobre a hierarquia de modelos do WordPress é que ela segue uma convenção de nomenclatura rígida. Tornar mais fácil criar temas WordPress assim que você os tiver em mãos. Você pode consultar a hierarquia de temas do WordPress para obter uma referência rápida e visual para o desenvolvimento de temas.