Você pode atingir um tema especificamente detalhado e diferenciado para cada parte do WordPress usando apenas os template files, mas as coisas não param por aí. É possível criar page templates (modelos de página) conforme você preferir, para deixar algumas páginas com layout totalmente diferente das outras. E o melhor de tudo é que você poderá escolher o modelo assim que for criar ou editar qualquer página.

Page templates no WordPress

Page templates no WordPress

Nesse artigo, você vai aprender a criar page templates para temas WordPress.

Aulas anteriores

Antes de continuar a ler esse artigo, saiba que ele faz parte de uma série de tutoriais sobre “Criar um tema WordPress“, portanto, sugiro que leia as aulas anteriores para não parecer que seu conteúdo está incompleto.

Agora vamos aos modelos de página…

Criando o template file

Para que você tenha um modelo de página, é necessário criar um arquivo de modelo chamado page-nomedomodelo.php. Por exemplo, vou criar um modelo de página sem barra lateral, chamado de “Largura máxima”. Nesse caso, meu arquivo modelo vai se chamar page-largura-maxima.php.

Primeiramente, vou adicionar um cabeçalho no meu arquivo com o nome do meu modelo:

<?php
/*
Template Name: Largura máxima
*/
?>

Agora vou copiar o conteúdo do meu index.php, remover a barra lateral e adicionar uma classe para identificar a largura do conteúdo da página. Veja:

<?php
/*
Template Name: Largura máxima
*/
?>
<!-- Adiciona o cabeçalho (header.php) -->
<?php get_header(); ?>

<main role="main" class="artigos conteudo padding-esquerda-direita">

	<div class="linha clearfix">
	
		<div class="pagina-largura-maxima colunas principal">
			<div class="conteudo-ajax conteudo-coluna margem-total">
				<?php get_template_part('loop', 'index'); ?>
	
				<?php
					$paginas = paginacao();
					if ( ! empty( $paginas ) ): 
				?> 
					<div class="paginacao">
						<?php echo $paginas;?>
					</div>
				<?php endif; ?>
				
			</div>			
		</div>
	</div>
	
</main>

<!-- Adiciona o rodapé (footer.php) -->
<?php get_footer(); ?>

E pronto!

Agora é só você acessar wp-admin e tentar criar ou editar uma página. Os modelos de página já devem aparecer para que você possa escolher.

CSS do page template

Claro que se você quer algo diferente, provavelmente terá que fazer algumas adições no CSS padrão do seu tema.

No meu caso, foi apenas isso:

/* Modelo de página */
.pagina-largura-maxima {
	width: 100%;
}

 Download

Caso queira baixar nosso tema criado até o momento, segue o link:

Descompacte a pasta dentro de wp-content/themes/.

Concluindo

Não deixe de seguir as novas aulas sobre “Criar temas WordPress“.

Em caso de dúvidas, pergunte nos comentários.