\n Quais s\u00e3o os arquivos de modelos no WordPress?\n<\/p>\n
\n Os modelos s\u00e3o arquivos que informam ao tema do WordPress como exibir diferentes tipos de conte\u00fado de maneira sistem\u00e1tica.\n<\/p>\n
\n Sempre que algu\u00e9m enviar uma solicita\u00e7\u00e3o para visualizar uma parte do seu site, a plataforma de p\u00e1ginas da Web do WordPress descobrir\u00e1 qual conte\u00fado deseja ver e como essa parte espec\u00edfica do seu site deve ser mostrada ao p\u00fablico.\n<\/p>\n
\n Al\u00e9m disso, o WordPress tentar\u00e1 usar o arquivo de modelo mais adequado presente em seu tema, que deve ser decidido com base na ordem hier\u00e1rquica.\n<\/p>\n
- \n
- Tamb\u00e9m \u00e9 conhecida como hierarquia de modelo de p\u00e1gina do WordPress.\n <\/li>\n
- A hierarquia de modelo de p\u00e1gina do WordPress \u00e9 uma lista completa de v\u00e1rios arquivos de modelo.\n <\/li>\n
- O WordPress est\u00e1 familiarizado com isso e eles s\u00e3o classificados para determinar qual arquivo tem prioridade sobre o outro. Funciona como qualquer tipo de \u00e1rvore de decis\u00e3o.\n <\/li>\n<\/ul>\n
\n Quando o WordPress tenta decidir como exibir uma determinada p\u00e1gina da maneira mais adequada, ele funciona de acordo com a hierarquia do modelo.\n<\/p>\n
\n Por exemplo:<\/strong>\n<\/p>\n
\n Se algu\u00e9m quiser acessar o seguinte URL.\n<\/p>\n
\n
Your-site.com\/category\/news<\/code>\n<\/p>\n\n Em seguida, o tema personalizado do WordPress procuraria os arquivos de modelo corretos na seguinte ordem:\n<\/p>\n
- \n
- \n
category-{slug}.php<\/code>: nesse casocategory-news.php<\/code>\n <\/li>\n- \n
category-{id}.php<\/code>: se o ID da categoria fosse 5, o WordPress tentaria encontrar um arquivo chamadocategory-5.php<\/code>\n <\/li>\n- \n
category.php<\/code>\n <\/li>\n- \n
archive.php<\/code>\n <\/li>\n- \n
index.php<\/code>\n <\/li>\n<\/ol>\n\n No final dessa hierarquia de modelo de p\u00e1gina personalizada do WordPress est\u00e1 o arquivo index.php.\n<\/p>\n
\n Ele ser\u00e1 usado para exibir qualquer tipo de conte\u00fado que n\u00e3o possua um arquivo de modelo mais espec\u00edfico. Se o arquivo de modelos tiver uma classifica\u00e7\u00e3o mais alta na ordem hier\u00e1rquica, a personaliza\u00e7\u00e3o do tema do WordPress usar\u00e1 automaticamente esse arquivo para exibir o conte\u00fado.\n<\/p>\n
\n Quais s\u00e3o os modelos de p\u00e1gina nas p\u00e1ginas da web do WordPress?
\n<\/h3>\n\n Para p\u00e1ginas da Web do WordPress, o plug-in de modelo de p\u00e1gina do WordPress geralmente \u00e9 nomeado como page.php. \u00c0s vezes, h\u00e1 um arquivo de modelo mais espec\u00edfico dispon\u00edvel chamado archive.php.\n<\/p>\n
\n O tema personalizado do WordPress usa o mesmo arquivo para renderizar o conte\u00fado de todas as p\u00e1ginas do seu site.\n<\/p>\n
\n \u00c0s vezes, \u00e9 necess\u00e1rio alterar o design, a apar\u00eancia ou a funcionalidade de se\u00e7\u00f5es individuais do seu site.\n<\/p>\n
\n Este \u00e9 o lugar onde os modelos de p\u00e1gina entram em a\u00e7\u00e3o.\n<\/p>\n
\n O modelo de p\u00e1gina personalizado WordPress permite que voc\u00ea padronize e individualize qualquer parte do seu site WordPress sem afetar o restante.\n<\/p>\n
\n Por exemplo, existem muitos temas do WordPress hoje que v\u00eam com a op\u00e7\u00e3o de alterar sua p\u00e1gina para o tamanho de largura total e, em seguida, adicionar uma segunda barra lateral a ela.\n<\/p>\n
\n Tamb\u00e9m pode ser feito por meio de diferentes arquivos de modelo.\n<\/p>\n
\n Se voc\u00ea estiver fazendo o mesmo e trabalhando com modelos diferentes, isso envolve a edi\u00e7\u00e3o e altera\u00e7\u00e3o de arquivos em seu tema WordPress ativo; portanto, sempre comece com um tema filho ao fazer esses tipos de personaliza\u00e7\u00f5es.\n<\/p>\n
\n Ser\u00e1 f\u00e1cil de editar e n\u00e3o substituir\u00e1 outras coisas.\n<\/p>\n
\n Como fazer personaliza\u00e7\u00e3o de p\u00e1ginas em modelos de p\u00e1gina personalizada do WordPress?
\n<\/h3>\n\n Existem tr\u00eas maneiras b\u00e1sicas de usar os modelos de p\u00e1gina personalizados do WordPress, descritos a seguir:\n<\/p>\n
- \n
- Ao adicionar instru\u00e7\u00f5es condicionais a uma hierarquia existente de modelo de p\u00e1gina do WordPress,\n <\/li>\n
- Crie um modelo de p\u00e1gina espec\u00edfico com classifica\u00e7\u00e3o mais alta na ordem hier\u00e1rquica e\n <\/li>\n
- Atribua diretamente os modelos \u00e0s p\u00e1ginas espec\u00edficas.\n <\/li>\n<\/ul>\n
\n Vamos explorar tudo isso em profundidade.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c2306e7de.webp\")
<\/a><\/p>\n\n Usando tags condicionais no modelo padr\u00e3o de p\u00e1ginas da web do WordPress
\n<\/h5>\n\n Existe uma maneira f\u00e1cil de fazer altera\u00e7\u00f5es espec\u00edficas da p\u00e1gina nas tags condicionais da personaliza\u00e7\u00e3o do tema WordPress para qualquer modelo espec\u00edfico que j\u00e1 esteja em uso.\n<\/p>\n
\n Essas tags s\u00e3o usadas para criar fun\u00e7\u00f5es que s\u00f3 s\u00e3o executadas se uma determinada condi\u00e7\u00e3o for atendida de acordo.\n<\/p>\n
\n Em seguida, voc\u00ea adicionaria tags condicionais ao arquivo page.php do seu tema ativo.\n<\/p>\n
\n Eles permitiriam que voc\u00ea fizesse altera\u00e7\u00f5es limitadas \u00e0 p\u00e1gina inicial, p\u00e1gina inicial, p\u00e1gina do blog ou qualquer outra p\u00e1gina do seu site.\n<\/p>\n
\n Algumas das principais tags condicionais usadas s\u00e3o as seguintes:\n<\/p>\n
- \n
- \n
is_page( )<\/code>: \u00e9 usado para segmentar uma p\u00e1gina espec\u00edfica e pode ser usado com o ID, t\u00edtulo ou URL\/nome da p\u00e1gina.\n <\/li>\n- \n
is_home( )<\/code>: Aplica-se apenas \u00e0 p\u00e1gina inicial.\n <\/li>\n- \n
is_front_page( )<\/code>: segmenta com sucesso a primeira p\u00e1gina do seu site, conforme definido em Configura\u00e7\u00f5es -> Leitura\n <\/li>\n- \n
is_category( )<\/code>: \u00c9 uma condi\u00e7\u00e3o para uma p\u00e1gina de categoria. Ele tamb\u00e9m pode usar ID, t\u00edtulo ou URL\/nome comois_page( )<\/code>tag.\n <\/li>\n- \n
is_single( )<\/code>: \u00c9 usado para postagens \u00fanicas ou anexos\n <\/li>\n- \n
is_archive( )<\/code>: \u00c9 a condi\u00e7\u00e3o para p\u00e1ginas de arquivo\n <\/li>\n- \n
is_404( )<\/code>: Aplica-se apenas a p\u00e1ginas de erro 404\n <\/li>\n<\/ol>\n\n \u2013 Por exemplo, quando ele \u00e9 adicionado ao seu page.php no lugar da
get_header( );<\/code>tag padr\u00e3o, o c\u00f3digo a seguir carregar\u00e1 um arquivo de cabe\u00e7alho personalizado chamado header-shop.php ao exibir a p\u00e1gina yoursite.com\/product.\n<\/p>\n\n C\u00f3digo:<\/strong>\n<\/p>\n
If (is_page ('products')) {\n get_header ('shop');\n} else {\n get_header( );\n}<\/code><\/pre>\n\n \u2013 Por exemplo, essas duas condi\u00e7\u00f5es mudar\u00e3o totalmente o comportamento das diferentes p\u00e1ginas do seu site.\n<\/p>\n
\n Al\u00e9m do carregamento do arquivo de cabe\u00e7alho espec\u00edfico da loja acima mencionado, ele tamb\u00e9m carregaria um header-about.php em uma p\u00e1gina com o ID 42.\n<\/p>\n
\n Para todas as outras p\u00e1ginas, o arquivo de cabe\u00e7alho padr\u00e3o tamb\u00e9m se aplica a ela.\n<\/p>\n
\n Crie alguns arquivos espec\u00edficos da p\u00e1gina na hierarquia de modelos de p\u00e1gina do WordPress
\n<\/h5>\n\n As tags condicionais s\u00e3o uma das melhores maneiras de introduzir algumas mudan\u00e7as menores em suas p\u00e1ginas da web do WordPress.\n<\/p>\n
\n Ele pode ajud\u00e1-lo a criar personaliza\u00e7\u00f5es maiores usando muitas instru\u00e7\u00f5es condicionais uma ap\u00f3s a outra.\n<\/p>\n
\n Uma das melhores maneiras de fazer isso \u00e9 implantar a hierarquia completa do modelo de p\u00e1gina do WordPress, que percorreria uma lista de arquivos de modelo m\u00e1ximos poss\u00edveis e, em seguida, seria poss\u00edvel escolher o que melhor se adequasse a eles.\n<\/p>\n
\n O modelo de p\u00e1gina personalizada do WordPress inclui a seguinte hierarquia:\n<\/p>\n
\n
Page-{slug}.php<\/code>\n<\/p>\n\n
Page-{id}.php<\/code>\n<\/p>\n\n
Page.php<\/code>\n<\/p>\n\n
index.php<\/code>\n<\/p>\n\n Os modelos de p\u00e1gina personalizados s\u00e3o aqueles que foram atribu\u00eddos \u00e0 p\u00e1gina espec\u00edfica.\n<\/p>\n
\n Portanto, se um deles existir, o WordPress o usar\u00e1 independentemente de os arquivos de modelo estarem presentes ou n\u00e3o. Depois disso, o WordPress encontrar\u00e1 o modelo de p\u00e1gina que inclui ‘slug' nele.\n<\/p>\n
\n Por exemplo: Se voc\u00ea incluir um arquivo chamado page-about.php no arquivo de temas, ele poder\u00e1 ser encontrado neste tipo de URL seusite.com\/sobre.\n<\/p>\n
\n Atribuindo os modelos de p\u00e1gina personalizados do WordPress
\n<\/h5>\n\n Tamb\u00e9m \u00e9 poss\u00edvel atribuir os modelos personalizados manualmente \u00e0s p\u00e1ginas espec\u00edficas e o WordPress tamb\u00e9m pode us\u00e1-lo de forma autom\u00e1tica.\n<\/p>\n
\n Na forma de hierarquia de modelo de p\u00e1gina do WordPress, haver\u00e1 um arquivo de modelo presente na pasta do tema.\n<\/p>\n
\n Portanto, assim como voc\u00ea cria um modelo espec\u00edfico de p\u00e1gina para a hierarquia do WordPress, isso solicitar\u00e1 que voc\u00ea forne\u00e7a um arquivo de modelo espec\u00edfico e, em seguida, vincule-o \u00e0 p\u00e1gina em que deseja us\u00e1-lo.\n<\/p>\n
\n Isso pode ser feito de duas maneiras diferentes com as quais voc\u00ea estar\u00e1 familiarizado. Alguns dos detalhes s\u00e3o dados a seguir:\n<\/p>\n
\n Atribua modelos de p\u00e1gina personalizados no editor do WordPress
\n<\/h5>\n\n No editor do WordPress, voc\u00ea encontrar\u00e1 um campo de op\u00e7\u00e3o chamado ‘Atributos da p\u00e1gina', que possui um menu suspenso denominado ‘Modelo'.\n<\/p>\n
\n Depois de clicar nele, ele fornecer\u00e1 uma lista de diferentes modelos de p\u00e1gina dispon\u00edveis em seu site de tema WordPress. Escolha o que voc\u00ea gosta, salve-o; atualize-o quando terminar.\n<\/p>\n
\n Definir um modelo personalizado por meio de edi\u00e7\u00e3o r\u00e1pida
\n<\/h5>\n- \n
- V\u00e1 para a se\u00e7\u00e3o ‘Todas as p\u00e1ginas' e passe o mouse sobre qualquer um dos itens mencionados na lista.\n <\/li>\n
- Um menu ficar\u00e1 vis\u00edvel para voc\u00ea, incluindo o item ‘Edi\u00e7\u00e3o r\u00e1pida'.\n <\/li>\n
- Clique nele para editar a configura\u00e7\u00e3o da p\u00e1gina diretamente de l\u00e1.\n <\/li>\n
- Voc\u00ea ver\u00e1 o menu suspenso semelhante para escolher um modelo de p\u00e1gina diferente.\n <\/li>\n
- Escolha o que voc\u00ea gosta e edite-o.\n <\/li>\n<\/ul>\n
\n Como usar o modelo de p\u00e1gina personalizada do WordPress?
\n<\/h3>\n\n Os modelos de p\u00e1gina do WordPress podem ser empregados para muitos prop\u00f3sitos diferentes e podem ser personalizados facilmente em qualquer coisa.\n<\/p>\n
\n Requer apenas uma boa imagina\u00e7\u00e3o e codifica\u00e7\u00e3o bem versada.\n<\/p>\n
\n Alguns dos principais usos s\u00e3o dados abaixo:\n<\/p>\n
\n Ele pode ser usado como modelo de p\u00e1gina de largura total.<\/strong>\n<\/p>\n
\n Em primeiro lugar, neste caso, a barra lateral \u00e9 removida excluindo-a por meio deste comando,\n<\/p>\n
<?php get_sidebar(); ?><\/code><\/pre>\n\n Em seguida, algumas altera\u00e7\u00f5es espec\u00edficas s\u00e3o feitas na codifica\u00e7\u00e3o CSS, conforme mostrado abaixo,\n<\/p>\n
.site-content {\n Float: left;\n Width: 65 %;\n}<\/code><\/pre>\n\n O atributo width limita o elemento do site que cont\u00e9m nosso conte\u00fado a 65% do espa\u00e7o dispon\u00edvel.\n<\/p>\n
\n Se apenas alterarmos o tamanho para 100%, isso tamb\u00e9m afetar\u00e1 todas as outras p\u00e1ginas do nosso site, o que n\u00e3o \u00e9 exatamente o que queremos.\n<\/p>\n
\n Portanto, para esse prop\u00f3sito, a classe div no modelo de p\u00e1gina personalizada do WordPress seria alterada para
class=\"site-content-fullwidth\"<\/code>.\n<\/p>\n\n Seria algo como o mostrado abaixo:\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c23239d2d.webp\")
<\/a><\/p>\n\n Pode adicionar as p\u00e1ginas 404 com as barras de widget
\n<\/h5>\n\n A p\u00e1gina de erro 404 \u00e9 aquela p\u00e1gina espec\u00edfica que surge quando a pessoa acessa alguma p\u00e1gina de um site que n\u00e3o existe. Talvez seja um link defeituoso ou um erro de digita\u00e7\u00e3o.\n<\/p>\n
\n \u00c9 muito importante adicionar essas p\u00e1ginas em seu site. Isso mostra sua responsabilidade em rela\u00e7\u00e3o ao p\u00fablico.\n<\/p>\n
\n \u00c9 dif\u00edcil codificar uma p\u00e1gina do zero se voc\u00ea n\u00e3o for muito versado em suas habilidades de codifica\u00e7\u00e3o, ent\u00e3o \u00e9 muito melhor adicionar alguns widgets aos seus modelos. Pode ser alterado de forma flex\u00edvel com a ajuda de arrastar e soltar.\n<\/p>\n
\n Isso seria feito com a ajuda do arquivo 404.php. Ele apareceria no seu site quando necess\u00e1rio.\n<\/p>\n
\n Depois de carregar o modelo de p\u00e1ginas da web do WordPress para o site, avance para a cria\u00e7\u00e3o da \u00e1rea de widgets.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c233d9dcb.webp\")
<\/a><\/p>\n\n Facilita adicionando modelo de p\u00e1gina para exibir os tipos de postagem personalizados
\n<\/h3>\n\n Os tipos de postagem personalizados s\u00e3o uma das t\u00e9cnicas eficazes para apresentar conte\u00fado que possui seu pr\u00f3prio conjunto de pontos de dados, design e outras personaliza\u00e7\u00f5es semelhantes.\n<\/p>\n
\n Em primeiro lugar, crie um tipo de postagem personalizado – CPT, que pode ser feito facilmente por meio de um plug-in ou manualmente. Um plug-in chamado ‘Tipos' pode ser usado para criar tipos de postagem personalizados e campos personalizados.\n<\/p>\n
- \n
- \n
- \n
- \n