"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Desenvolvimento de tema WordPress: o guia definitivo de estrutura de pastas

Desenvolvimento de tema WordPress: o guia definitivo de estrutura de pastas

Publicado em 2024-11-06
Navegar:711

WordPress Theme Development: The Ultimate Folder Structure Guide

WordPress é uma estrutura flexível para a construção de sites. Você pode construir qualquer tipo de site como CMS, e-commerce, landing page única etc. Aqui irei discutir a estrutura do projeto WordPress, para que você possa fazer seu tema customizado. Temas populares como div, Astra, Neve, oceanwp etc. são algumas escolhas fantásticas quando você cria um site para você ou para um cliente. Mas às vezes você também precisa criar seu tema personalizado para criar sites do zero. A principal vantagem de usar o WordPress como backend é que você tem um painel de administração pronto com recursos robustos como postagem de blog, SEO, biblioteca de plugins versátil para diversos trabalhos.

Vamos ver como construir a estrutura adequada de um projeto WordPress:

index.php
page.php
single.php
404.php
front-page.php
category.php
header.php
footer.php
archive.php
template-name.php
sidebar-name.php
/assets
          /js
          /css
          /images
          /fonts
          /icon

/templates
          contact_us.php
          about_us.php

? Para a página inicial:
?front-page.php (se existir): Este arquivo contém header.php e footer.php. Além disso, também contém seções da página inicial, como banner, carrosséis, imagens da primeira página, etc. ?home.php (se nenhuma página inicial estática estiver definida ou se front-page.php não existir)
index.php (se não existirem front-page.php nem home.php)

? page.php: chama quando você chama uma página no frontend. usando este arquivo que o conteúdo da página é exibido. Para exibir o conteúdo dentro da página você precisa chamar a função “the_content()”.

? single.php: quando você chama uma postagem de blog nesse momento, esse arquivo é chamado. Para instalar este arquivo, obtenha o arquivo post-details.html do desenvolvedor front-end ou do seu tema HTML.

? 404.php: Chama quando a página não é encontrada. às vezes acessamos alguma página do navegador referente ao nosso site WordPress e, entretanto, essa página ou slug não existe! dessa vez esse arquivo é chamado. Também menciona um link de redirecionamento da página inicial, que processa usando “” .

? categoria.php: quando você deseja mostrar posts relacionados a uma determinada categoria, nessa hora esta página é chamada.

? header.php: Este arquivo contém a seção do cabeçalho relacionada ao site. Inclui meta tags, favicon, arquivos de cabeçalho, barra de navegação e páginas e, às vezes, até áreas de banner comuns.

? footer.php: Este arquivo contém informações da seção de rodapé, como links rápidos de páginas, seção de boletim informativo, endereço de e-mail do administrador do site, número de telefone, e-mail etc.

? archive.php: uma página de arquivo no WordPress permite que você direcione facilmente os leitores através de seu conteúdo publicado anteriormente, como blogs. As páginas de arquivo do WordPress são produzidas para organizar uma lista de postagens em um determinado tipo, categoria ou tag de postagem.

? template-name.php: quando você tiver que chamar uma determinada parte em todas as páginas do site wordpress, dessa vez você pode usar esta técnica de arquivo. Por exemplo, todo site tem uma seção chamada “entre em contato” ou “inscreva-se na newsletter”. Esta seção está sempre presente na parte superior ou no rodapé de todas as páginas desse site. Portanto, podemos criar um arquivo como “template-get_in_touch.php” e podemos chamá-lo via

?‍? sidebar-name.php: As barras laterais desempenham um papel importante no design do layout de um site WordPress para exibir conteúdo diferente dos artigos principais de um site. Por exemplo, uma pequena lista de artigos recentes, comentários recentes, uma lista de páginas ou artigos populares em um site pode ser facilmente exibida em todo o site.

? assets/: Contém arquivos como js, ​​imagens estáticas css, fontes etc. Esses arquivos não são alterados dinamicamente, são exigidos por muitas páginas. Para chamar esses ativos você pode usar “/assets/js/file.js”

? templates/: Esta pasta consiste em muitos arquivos php que podem ser usados ​​por algumas páginas do wordpress como ‘Template’. Por exemplo, tenho uma página chamada contact e criei um arquivo como ‘contact_us.php’ e defini seu ‘Nome do modelo’ como ‘Fale conosco’ dentro da pasta templates/. Agora posso selecionar este modelo dentro da página ‘contato’.

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/shimanta_microcodes/wordpress-theme-development-the-ultimate-folder-structure-guide-fae?1 Se houver alguma violação, entre em contato com [email protected] para excluir isto
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3