Como fazer modelos de páginas personalizados no wordpress

Video: Aprenda a criar modelos de páginas no WordPress

Usando WordPress página e modelos Categoria, você pode fornecer um tipo diferente de experiência do leitor, definindo o estilo com CSS e as características e funções com marcas de modelo. Você vê isso muitas vezes em sites que oferecem mais do que um simples blog.

Sites que vendem produtos ou serviços, ou sites de notícias que focalizam em artigos, conteúdo e publicidade, utilizar página diferente, ou conteúdo, modelos para atingir vários layouts e estilos tudo dentro do mesmo site, usando as ferramentas WordPress lhes dá.

O modelo padrão página (page.php)

Você pode ver que o modelo padrão página (page.php) arquivo exibe páginas estáticas regulares neste site em um formato de duas colunas. O conteúdo está do lado esquerdo, e uma barra lateral está à direita da Sobre página.

O modelo padrão página que cria a exibição usa marcas Modelo básico do WordPress para chamar os arquivos de cabeçalho, conteúdo da barra lateral e rodapé. O código dentro do modelo parecido com este no page.php arquivo de modelo para este tema.

? Lt; get_header php () - gt;
? lt; php if (have_posts ()): while (have_posts ()):? the_post () - gt;
lt;? Php the_title () - gt;
? Lt;? Php the_content (__ ( `(mais ...)`)) - gt;
lt; php endwhile- mais:? gt;

? Lt; _e php ( `Desculpe, nenhum texto combina com seus critérios.`) - gt;

lt;?? php endif- gt;
    ? Lt; php if (function_exists ( `dynamic_sidebar`) || dynamic_sidebar ( `Blog`)!):??? Gt; lt; php endif- gt;
? Lt; get_footer php () - gt;

Como criar um novo modelo de categoria Página

Você pode usar o modelo de página (page.php) Para definir o layout e estilo para todas as páginas internas em seu site, proporcionando um estilo padrão e consistente para os seus visitantes. No entanto, se o seu site também publica uma carteira de trabalho que você fez para os clientes, você provavelmente deseja que a página tem um estilo diferente do resto das páginas porque apresenta imagens que representam o seu trabalho passado.

Para conseguir isso, criar uma categoria Portfolio Design em seu site, e para cada entrada que você quer que apareça na página Portfolio, criar um post e atribuí-lo à categoria Portfolio Design. Você pode ver que ele é feito principalmente de imagens em miniatura que são clicáveis ​​através de um artigo completo fornecendo um estudo de caso sobre o projeto de design em si.

Para realizar esta exposição, criar um modelo específico para a categoria Portfolio Design: category-portfolio.php. Cada post que você criar que é atribuído à categoria Portfolio Design aparece no formato que você definiu no categoria-design-portfolio.php modelo na sua pasta tema.



Se você deseja que a página Portfolio para exibir uma lista de apenas imagens, atribuir uma imagem caracterizada para cada post carteira, e depois no category-portfolio.php modelo, faça o seguinte usando este código:

  1. Diga WordPress para exibir cada post da categoria Portfolio Design, mas apenas exibir a imagem em destaque.

    Video: Wordpress Blogs | Como Criar Páginas no Wordpress

  2. Fazer a ligação que contou para a página de postagem individual.

O código para criar a exibição Portfolio Design parecido com este:

? Lt; get_header php () - gt;
? lt; php if (have_posts ()): while (have_posts ()):? the_post () - gt;
Lt; php the_post_thumbnail ( `miniatura`) - gt;
lt; php endwhile- mais:? gt;

? Lt; _e php ( `Desculpe, nenhum texto combina com seus critérios.`) - gt;

??? Lt; php endif- gt; lt; get_footer php () - gt;

Comparar dois modelos de página

As diferenças entre o modelo padrão de página e o modelo Categoria são sutis.

ElementoNo modelo de página?Na categoria de modelo?
Chamada para o modelo Header lt;? php
get_header () - gt;
simsim
layout de duas colunasSim. o
ID =”principal” gt;
styling é definida em CSS com um
largura: 600px.
Não. O
classe =”fullwidth” gt;
é definida em CSS com um
largura de 900px.
Chamada para o título do post / página lt;? php
the_title () - gt;
simNão
Chamada para o conteúdo do post / página lt;? php
the_content () - gt;
simNão
Chamada para a imagem em destaque lt;? php
the_post_thumbnail () - gt;
Nãosim
Chamada para o modelo Sidebar lt;? php
the_sidebar () - gt;
simNão
Chamada para o modelo de Rodapé lt;? php
the_footer () - gt;
simsim

As diferenças entre o padrão, layout de página padrão e o layout da página categoria portfólio são apenas um exemplo do poder por trás do motor do tema WordPress. O motor de tema permite designar e definir olhares personalizados, layouts e designs para diferentes tipos de conteúdo. Este recurso ajuda a criar sites exclusivos para você e seus clientes e é o verdadeiro poder por trás usando o WordPress como um CMS.

Muita gente ainda pensa em WordPress simplesmente como uma plataforma de blogs onde você pode ter e exibir um típico blog em seu domínio- no entanto, com o exemplo, você pode ver como você pode ter um blog e muito mais no seu website com apenas alguns ajustes simples e adaptações dos modelos que alimentam o tema do site.


Publicações relacionadas