Ir para o conteúdo principal

Como criar modelos personalizados WordPress

Divi: o tema WordPress mais fácil de usar

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Deseja criar um modelo personalizado exclusivo no WordPress?

Modelos personalizados permitem selecionar facilmente modelos diferentes para suas publicações.

Neste tutorial, mostraremos como criar facilmente modelos personalizados exclusivos no WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então vamos voltar para o que estamos aqui ...

Nota: Este tutorial requer que você edite os arquivos de tema do WordPress. Se ainda não o fez, confira nosso tutorial sobre como criar um plugin para WordPress.

Quando você precisa de um modelo de postagem personalizado exclusivo?

Às vezes, você pode querer uma aparência diferente de algumas publicações em seu site. Por exemplo, você pode usar um modelo diferente para artigos ou artigos em uma categoria específica.

Descubra também Como criar modelos personalizados WordPress

É aqui que você precisará criar um modelo de postagem WordPress personalizado exclusivo.

Como criar um modelo de publicação personalizado?

Crie um novo artigo e, a seguir, na metabox “Atributos da página” na barra lateral da sua área de edição. Em seguida, selecione seu modelo na lista de modelos. E isso é tudo !

Em seguida, vejamos como criar facilmente modelos personalizados exclusivos no WordPress.

Criando modelos personalizados exclusivos no WordPress

Primeiro, você precisa abrir um editor de texto em seu computador, como o Bloco de notas, e colar o seguinte código dentro:

/*

 * Nome do modelo: Artigo em destaque

 * Tipo de postagem do modelo: postagem, página, produto

 */

 

 get_header (); ?>

 

Este código define um novo modelo chamado " Artigo em destaque E o disponibiliza para os formatos de artigo, página e publicação personalizada.

Você pode salvar este arquivo como " BPC-single-post.php Na sua mesa.

Então você precisa fazer o upload para sua pasta de tema WordPress atual usando um cliente FTP.

Depois, você pode entrar no painel do WordPress e criar ou editar uma postagem. Role um pouco para baixo na tela de edição de postagem e você notará a nova caixa-meta "Atributos da página" com uma opção para selecionar o modelo.

Você verá seu modelo personalizado aparecerArtigo em destaque".

No momento, o seu modelo está quase todo em branco; se você selecioná-lo, verá uma página em branco.

Vamos corrigir isso.

A maneira mais fácil de fazer isso é copiar o código do arquivo single.php do tema do WordPress e usá-lo como ponto de partida.

Descubra também Como entender o modelo de tipo de postagem do WordPress

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Abra o arquivo single.php depois copiar tudo depois da função get_header () ".

Cole este código no final do seu arquivo BPC-single-post.php ". Agora você pode salvar este arquivo e transferi-lo de volta para o seu servidor.

No entanto, isso se parece exatamente com o modelo atual de publicação única. Agora você pode começar a fazer alterações no seu modelo personalizado exclusivo.

Você pode adicionar seu próprio classes CSS personalizadas, remova as barras laterais, crie um modelo de largura total ou o que você quiser.

Crie modelos personalizados exclusivos com base na categoria

Deseja usar um modelo personalizado de itens exclusivos com base em categorias?

Por exemplo, os artigos da categoria "viagens" podem ter um layout diferente daqueles da categoria "fotografia".

Veja como você pode fazê-lo.

Primeiro você precisa adicionar este código ao arquivo functions.php seu tema ou um plugin WordPress específico para o seu site.

/*

* Defina uma constante para acessar nosso arquivo

*/

define (SINGLE_PATH, TEMPLATEPATH. '/ single');

 

/ **

* Filtre o single_template com nossa função personalizada

*/

add_filter ('single_template', 'my_single_template');

 

/ **

* Função para o nosso modelo

*/

função my_single_template ($ single) {

global $ wp_query, $ post;

 

/ **

* Verifica um modelo único por categoria

* Verifique por categoria slug e ID

*/

foreach ((matriz) get_the_category () como $ cat):

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

 

if (file_exists (SINGLE_PATH. '/ single-cat-'. $ cat-> slug. '.php'))

retornar SINGLE_PATH. '/ single-cat-'. $ cat-> slug. '.php';

 

elseif (file_exists (SINGLE_PATH. '/ single-cat-'. $ cat-> term_id. '.php'))

retornar SINGLE_PATH. '/ single-cat-'. $ cat-> term_id. '.php';

 

endforeach;

}

Este código primeiro verifica se o WordPress está solicitando uma única postagem. Nesse caso, ele informa ao WordPress para procurar o modelo na pasta "/ single /" do seu tema do WordPress.

Agora você precisa adicionar arquivos de modelo definidos por este código. 

Faça login em seu site WordPress usando um cliente FTP ou gerenciador de arquivos no cPanel e vá para " / Wp-content / themes / your-theme / ".

Descubra também Como usar o FTP no Windows 10

Dentro de sua pasta de tema atual, você precisa criar uma nova pasta chamada "exclusivo".

Agora você precisa abrir esta pasta e criar um novo arquivo dentro dela. Vá em frente e nomeie este arquivo " gato-único- {categoria-lesma} ". substituir {Categoria-lesma} pela categoria slug.

Por exemplo, se você tem uma categoria chamada 'Notícias', você criará um arquivo " single-categoria-news.php ". Se você tem uma categoria chamada "Dicas de Viagem»Criar um modelo single-gato-dicas-de-voyage.phpe assim por diante.

Agora, esses arquivos de modelo estarão totalmente vazios. Como ponto de partida, você pode copiar o conteúdo do seu arquivo single.php da pasta do tema e cole-os em cada um desses modelos.

Agora você pode editar esses modelos para fazer as alterações desejadas.

Quando terminar, você poderá acessar o site e visualizar uma publicação. Ele usará o modelo que você criou para a categoria em que esta publicação está anexada.

Leia também nosso tutorial Como gerenciar arquivos e pastas WordPress

Agora, suponha que você tenha uma postagem em duas categorias de notícias e conselhos de viagem. O WordPress exibirá automaticamente o modelo para 'Notícias'porque aparece primeiro em ordem alfabética.

Por outro lado, se você abandonou uma postagem em uma categoria e não criou um modelo para essa categoria, o WordPress reverterá para o modelo. single.php padrão do seu tema WordPress.

Descubra também alguns plugins premium do WordPress  

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Social Wall Addon para UserPro

UserPro pode ser muito mais divertido com uma parede social. É isso que o “Social Wall Addon for UserPro” traz. Com o plugin do Social Wall, você pode adicionar um mural ao seu blog ou site e fornecer aos seus membros uma maneira renovadora de interagir com toda a comunidade.

O plugin WordPress Social Wall permite que seus usuários: compartilhem mensagens entre si, compartilhem imagens, comentem as postagens de outras pessoas, os usuários podem gostar ou não de uma mensagem, eles podem escolher exibir o mural apenas para eles. usuários conectados ou para todos os usuários, os administradores podem excluir postagens ou comentários de usuários, etc.

Descarregar | Demo | hospedagem na web

2. Categorias Avançadas WooCommerce

Com este poderoso plugin WordPress, coloque sua loja online no mesmo nível que as maiores lojas do mundo. Ele permite que você melhore seu SEO adicionando textos vinculados a uma categoria. Você também pode adicionar uma imagem de cabeçalho agradável às suas categorias e dar mais estilo às suas subcategorias.

Você terá controle total sobre suas categorias do WooCommerce e seu layout com este plugin do WordPress. Em particular, você pode exibir as subcategorias desejadas e também modificá-las ou organizá-las em colunas. Você poderá definir o estilo, a fonte e até mesmo fornecer uma breve descrição.

Descarregar | Demo | hospedagem na web

3. WavePlayer

Como você pode adivinhar pelo nome que tem, WavePlayer é um plug-in de reprodutor de áudio que pega a forma de onda do arquivo de áudio em execução. Com este plugin, você poderá hospedar faixas ou simplesmente integrá-lo a outros serviços de hospedagem em nuvem, como o SoundCloud.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Também pode ser usado para fins de podcasting e oferece outros recursos, como: suporte a HTML5, layout responsivo, Integração WooCommerceetc. Você também poderá criar uma lista de reprodução visualmente antes de publicá-la. Outra característica essencial é sua velocidade e eficiência.

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

 

 

Conclusão

Aqui ! É isso para este tutorial, espero que ele permita que você crie modelos de postagem personalizados no WordPress. sinta-se livre para compartilhe a dica com seus amigos em suas redes sociais.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Mas enquanto isso, conte-nos sobre o seu Comentários e sugestões na seção dedicada.

... 

 

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
7 ações
ação5
chilrear1
Enregistrer1