![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153948-61e516ac9d3c4.png\")
<\/a><\/p>\nDentro da metabox “Page Attributes" para p\u00e1ginas \u00e9 onde aparece a op\u00e7\u00e3o de template de p\u00e1gina. Mas a op\u00e7\u00e3o de template s\u00f3 aparecer\u00e1 se o tema ativo tiver pelo menos um template de p\u00e1gina.<\/p>\n
Os modelos de p\u00e1gina tamb\u00e9m podem ser usados \u200b\u200bpara postagens e tipos de postagem personalizados. Ap\u00f3s o WordPress 4.7 e superior, voc\u00ea pode definir para quais tipos de postagem deseja que o modelo esteja dispon\u00edvel. O WordPress adicionar\u00e1 automaticamente a metabox “Page Attributes” necess\u00e1ria para esses tipos de postagem.<\/p>\n
Nomenclatura e posicionamento do modelo de p\u00e1gina<\/h2>\n
Para come\u00e7ar, voc\u00ea normalmente faria uma c\u00f3pia de qualquer arquivo de modelo mais pr\u00f3ximo do que deseja alcan\u00e7ar com o modelo de p\u00e1gina. Na maioria dos casos \u00e9 \u00c9 tentador simplesmente nomear seu modelo de p\u00e1gina, por exemplo, Uma boa pr\u00e1tica \u00e9 prefixar seu modelo de p\u00e1gina com algo que n\u00e3o faz parte dos nomes dos modelos de p\u00e1gina do WordPress. Por exemplo ‘ Depois de decidir por um padr\u00e3o de nomenclatura, vamos em frente e criar um modelo de p\u00e1gina.<\/p>\n Fa\u00e7a uma c\u00f3pia Tudo o que voc\u00ea precisa \u00e9 de um coment\u00e1rio no in\u00edcio do arquivo, com “Nome do modelo: ” e o nome do seu modelo depois. \u00c9 isso! Entre no admin, edite uma p\u00e1gina e voc\u00ea ver\u00e1 a op\u00e7\u00e3o de escolher “Fullwidth” como modelo.<\/p>\n Eu mencionei que no WordPress 4.7 voc\u00ea pode definir para quais tipos de postagem voc\u00ea deseja que o modelo de p\u00e1gina esteja dispon\u00edvel. No momento, est\u00e1 dispon\u00edvel apenas para p\u00e1ginas, mas digamos que voc\u00ea queira a op\u00e7\u00e3o de fazer postagens de largura total tamb\u00e9m? Nesse caso, adicione “Template Post Type:” dentro do mesmo bloco de coment\u00e1rios e defina seus tipos de postagem separados por v\u00edrgula. Por exemplo, para disponibiliz\u00e1-lo para postagens e p\u00e1ginas;<\/p>\n Edite uma postagem e voc\u00ea dever\u00e1 ver uma nova metabox “Atributos da postagem”, onde voc\u00ea pode escolher o modelo Fullwidth. Agrad\u00e1vel!<\/p>\n Agora vamos editar o modelo de p\u00e1gina para que ele realmente fa\u00e7a algo diferente da visualiza\u00e7\u00e3o de p\u00e1gina \u00fanica. Vamos remover o pedido de template da barra lateral: (eu comentei para torn\u00e1-lo mais vis\u00edvel, mas voc\u00ea pode simplesmente deletar a linha).<\/p>\n Vamos fazer mais uma coisa para tornar nosso modelo de p\u00e1gina mais f\u00e1cil de estilizar. Quando voc\u00ea adiciona CSS, muitas vezes voc\u00ea precisa saber se a p\u00e1gina tem uma barra lateral ou n\u00e3o, para ajustar as colunas\/layout. Lembre -se Observa\u00e7\u00e3o: voc\u00ea deve ter notado que qualquer p\u00e1gina ou postagem que usa um modelo de p\u00e1gina j\u00e1 recebe uma classe de corpo espec\u00edfica; “page-template-” \u2013 em nosso exemplo Nota: Isso apenas adiciona uma classe ao corpo para que o estilo fique mais f\u00e1cil, na verdade n\u00e3o desativa a sa\u00edda da barra lateral. Voc\u00ea tem que se lembrar de excluir Vamos adicionar um filtro para Provavelmente, enquanto estiver desenvolvendo os modelos, voc\u00ea ocasionalmente encontrar\u00e1 modelos aos quais n\u00e3o deseja adicionar a classe da barra lateral e, \u00e0 medida que for adicionando esses casos dentro deste arquivo Cabe a voc\u00ea quantos modelos de p\u00e1gina voc\u00ea deseja e o que eles devem conter. Esta foi apenas uma simples introdu\u00e7\u00e3o. Se voc\u00ea estiver interessado em como consultar outras postagens dentro de modelos de p\u00e1gina, d\u00ea uma olhada na pr\u00f3xima etapa<\/a>.<\/p>\npage.php<\/code>. Quanto ao nome do seu modelo de p\u00e1gina, depende de voc\u00ea. Mas existem algumas regras e algum bom senso.<\/p>\npage-books.php<\/code>para um modelo listando livros de tipo de postagem personalizados. Nunca prefixe seu modelo de p\u00e1gina com ‘ page-<\/code>‘! Se voc\u00ea se lembrar da hierarquia de modelos<\/a> do WordPress, o WordPress procurar\u00e1 page-<slug>.php<\/code>antes de tentar page.php<\/code>, e os usu\u00e1rios do seu tema podem encontrar um comportamento inesperado.<\/p>\npagetemplate-'<\/code>, ‘ pt-<\/code>‘, ou simplesmente o nome completo ‘ fullwidth-template.php<\/code>‘. Tamb\u00e9m \u00e9 uma boa pr\u00e1tica mant\u00ea-los em uma subpasta; \/page-templates\/<\/code>no entanto, isso n\u00e3o \u00e9 bom se voc\u00ea quiser que seu tema esteja dispon\u00edvel para estender com um tema filho. Um tema filho n\u00e3o pode substituir modelos de p\u00e1gina que s\u00e3o colocados em uma subpasta no tema pai.<\/p>\nCriando um modelo de p\u00e1gina<\/h2>\n
page.php<\/code>e renomeie para pagetemplate-fullwidth.php<\/code>. Para transform\u00e1-lo em um modelo de p\u00e1gina, voc\u00ea precisa apenas adicionar um coment\u00e1rio no in\u00edcio, informando ao WordPress que este \u00e9 um modelo de p\u00e1gina:<\/p>\n<?php \n\/*\nTemplate Name: Fullwidth \n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\n<?php \n\/*\nTemplate Name: Fullwidth \nTemplate Post Type: post, page\n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\nAlterando o c\u00f3digo em nosso modelo de p\u00e1gina<\/h2>\n
...\n ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n}\n\/\/get_sidebar(); \nget_footer(); ?><\/code><\/pre>\nbody_class<\/code>que fornece um monte de classes \u00fateis para o elemento body? E se adicion\u00e1ssemos uma classe personalizada ao corpo que nos informasse se a p\u00e1gina atual tem uma barra lateral ou n\u00e3o?<\/p>\nFiltrar em
body_class<\/code><\/h2>\n\"page-template-pagetemplate-fullwidth\"<\/code>. \u00c9 uma classe bastante longa e, al\u00e9m disso, queremos tornar nosso tema mais flex\u00edvel \u2013 e permitir largura total em outros modelos al\u00e9m dos que usam modelo de p\u00e1gina. Por exemplo, voc\u00ea geralmente n\u00e3o quer uma barra lateral na primeira p\u00e1gina, certo?<\/p>\nget_sidebar()<\/code>onde n\u00e3o quiser.<\/p>\nbody_class<\/code>adicionar uma classe de barra lateral personalizada em nosso functions.php<\/code>, para que voc\u00ea possa adicionar mais posteriormente em outros casos em que n\u00e3o deseja a barra lateral. O WordPress tem uma boa tag condicional para verificar se um template de p\u00e1gina est\u00e1 em uso; is_page_template()<\/code>onde voc\u00ea coloca o nome do seu modelo de p\u00e1gina como par\u00e2metro. Queremos adicionar uma classe se isso n\u00e3o for verdade, ent\u00e3o adicionamos o inverso com “!”:<\/p>\nadd_filter('body_class', 'wptutorial_body_class_filter');\nfunction wptutorial_body_class_filter($classes) {\n if (!is_page_template('pagetemplate-fullwidth.php')) {\n $classes[] = 'has-sidebar';\n }\n return $classes;\n}<\/code><\/pre>\nif<\/code>. Por exemplo, se voc\u00ea n\u00e3o quiser a classe da barra lateral na p\u00e1gina inicial, poder\u00e1 adicionar !is_front_page()<\/code>. Isso adicionar\u00e1 a classe ‘has-sidebar’ em todas as p\u00e1ginas, exceto na p\u00e1gina inicial e no modelo de p\u00e1gina:<\/p>\nif (!is_front_page() && !is_page_template('pagetemplate-fullwidth.php'))<\/code><\/pre>\n