O WordPress 4.7 trouxe alguns aprimoramentos fantásticos para o sistema de modelos CMS. Os modelos foram ampliados para abranger todos os formatos de postagem, permitindo que os desenvolvedores criem temas com mais nuances e, ao mesmo tempo, permitindo que os proprietários de sites gerenciem o conteúdo com mais facilidade.

Mas como isso funciona? Neste tutorial, mostrarei como usar os modelos de Post Format em seus temas com alguns exemplos fáceis.

O que são modelos no WordPress?

Os modelos são basicamente arquivos especiais que podem alterar a aparência de uma página e / ou adicionar funcionalidade ao seu site WordPress.

Antes do WordPress 4.7, os modelos estavam disponíveis apenas para páginas, por isso eram apelidados de modelos de página . No entanto, o WordPress 4.7 expandiu seu uso para incluir angariar formato de publicação, portanto, neste tutorial, falarei sobre modelos para designá-los.

Atributo do item

Uma vez que os modelos são salvos no tema, eles podem ser selecionados nas páginas de edição do artigo.

Preparando o terreno para o uso de modelos

Vamos trabalhar em um exemplo.

Para testar isso, precisamos primeiro criar um tema filho. uso  vinte Seventeen , o novo tema padrão do WordPress.

Para começar, crie uma nova pasta no diretório do tema. Eu tenho o meu chamado "cPPT" (abreviação de modelos de tipo de postagem personalizados) e adicionei novos arquivos: style.css et functions.php . Use o código abaixo para configurar esses arquivos:

/ * Nome Tema: costumizadas Postar Tipo Tema Template Exemplo URI: http://blair-jersyer.com Descrição: Um tema exemplo que utiliza modelos de tipos de pós personalizado Autor: Daniel Pataki Autor URI: http://blair-jersyer.com Template : versão twentyseventeen: 1.0.0 * /
<?php

add_action( 'wp_enqueue_scripts', 'cptt_assets' );
function cptt_assets() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ));
}

Todos juntos! Agora você deve ver o tema filho na seção Aparência do painel do WordPress. Quando ativado, você deve ver uma imagem original, não modificada, que vem do tema pai.

Crie um formato de postagem personalizado

Começaremos testando o sistema Template com um formato de publicação personalizado. Imagine que você está criando um site relacionado a videogames.

Enquanto estiver escrevendo conteúdo para videogames, você desejará postar um novo conteúdo que seja conciso, mas já o suficiente para fornecer a maioria das informações.

Para tornar um visualmente diferente do outro, você deve usar uma categoria ou dispositivo arbitrário. Os modelos simplificam muito o processo.

add_action ('init', 'cptt_custom_post_types'); function cptt_custom_post_types () {register_post_type ('game', array ('labels' => array ('name' => __ ('Video Games'), 'singular_name' => __ ('Video Game')), 'public' => verdadeiro, 'has_archive' => verdadeiro, 'suporta' => array ('título', 'editor', 'miniatura'), 'menu_icon' => 'dashicons-laptop')); }

Omiti alguns rótulos e opções, mas esse código será suficiente para o propósito que queremos alcançar.

Criação de modelo

Um modelo é um arquivo PHP comum com um comentário especial no topo, que informa ao WordPress o título do modelo e onde ele deve ser usado.

Criaremos um para as análises de videogames.

<?php
/*
Template Name: Critique de Jeu
Template Post Type: game
*/

Ao criar uma nova postagem de videogame, você verá um seletor aparecer com duas opções: "Padrão" e "Revisão do jogo". Depois de selecionar um modelo, o código dentro do modelo será usado.

Usando um modelo

 

Análise de videogame
Para criar uma visualização, tudo o que vou fazer é copiar do Twenty Seventeen. Eu crio um arquivo que é, portanto, denominado "template-game-review.php" com o seguinte código:
' '. __ ('Artigo Anterior', 'vinte e dezessete'). ' '. __ ('Anterior', 'vinte e dezessete'). ' '. twentyseventeen_get_svg (array ('icon' => 'seta para a esquerda')). ' % title ', 'next_text' => ' '. __ ('Próxima postagem', 'vinte e dezessete'). ' '. __ ('Próximo', 'vinte e dezessete'). ' % title '. twentyseventeen_get_svg (array ('icon' => 'seta para direita')). ' ',)); fim; // Fim do loop. ?>

Copiei todo esse código de "Twenty Seventeen". Modifiquei a função "get_header" com um parâmetro, de modo que resultou em um cabeçalho diferente. Eu também modifico os parâmetros dos modelos "get_template_part ()" para que fiquem assim: "get_template_part ('template-parts / game / content', 'review'); "

Em seguida, crio um arquivo para o cabeçalho com o nome de "header-review.php" e colo o código do arquivo "header.php" de Twenty Seventeen e removo a seguinte linha:


Em seguida, criei um arquivo "template-parts / game / content-review.php". Colei o código do "content.php" do Twenty Seventeen e removi algumas linhas de código que não eram realmente necessárias. Eu adicionei este código no topo:

Análise de vídeo completa

Adicionei o seguinte código CSS:

.site-content-conter {position: static; } # Revisão -Head {position: absolute; superior: 55px; esquerda: 0px; padding: 22px; Cor: #fff; largura: 100%; text-align: center; fundo: rgba (0,0,0,0.3); } # -head rever h1 {font-weight: 300; margem: 0px; padding: 0px; } # -Head revisão pequena {color: RGBA (255,255,255,0.5); fonte de peso: 500; text-transform: uppercase; fonte de tamanho: 11px; letter-spacing: 1px}

Isso é tudo o que é preciso para criar um modelo para um formato de postagem personalizado no WordPress. Se você tiver alguma dúvida, não hesite em nos perguntar.

 

15 ações
ação10
chilrear1
Enregistrer4