15 O que você deve ou não fazer com uma temática eficaz do WordPress

Hoje, quero passar por algumas das coisas que você faz e não usa no WordPress. Independentemente de você estar criando um tema WordPress para si ou se estiver criando um para lançamento, para que outras pessoas possam usá-lo, você deve seguir esses passos e não o mais próximo possível.


1. Não codifique os URLs completos nos seus temas

Ao criar seus temas, pode haver momentos em que as imagens são usadas, para ícones de mídia social ou ícones de feeds RSS, e durante esses pontos em sua codificação, convém codificar o URL completo (por exemplo: / wp-content /themes/your-theme-name/images/image.jpg), mas isso causará erros no site sempre que a pessoa que usa o tema alterar o nome da pasta do tema.

Os códigos adequados a serem usados ​​para obter dinamicamente o URL completo estão abaixo.

<?php bloginfo (‘diretório de estilos’); ?>/images/image.jpg

2. Utilize as tags de modelo o máximo possível

O WordPress faz um excelente trabalho ao definir todas as tags de modelo que você pode usar; faça um favor a si mesmo (assim como o resto das pessoas que podem usar seus temas) e aprenda as tags de modelo do WordPress – utilize-os o máximo possível. Ao usar tags de modelo, você pode garantir que seus temas não quebrem ou causem erros quando o usuário final o configurar e colocar em execução.

3. Não se esqueça dos códigos suspensos de navegação

Ao criar seu tema WordPress, um item que parece ser esquecido é o código suspenso da sua navegação. Certamente, alguns temas podem ter a navegação configurada para não utilizar os ul de vários níveis, mantendo tudo em uma única linha, mas e quanto a nós que temos várias páginas filhas para cada página pai principal?

Existe uma solução para isso. Você pode conferir alguns dos tutoriais abaixo sobre como codificar menus suspensos de vários níveis.

4. Prepare seu widget de tema

Na minha opinião, como usuário final, não há nada pior do que implantar um tema e me preparar para configurar tudo, apenas para perceber que agora estou com a tarefa de tentar personalizar seções dos meus temas inserindo informações codificadas neles. Suas barras laterais e vários outros lugares no seu tema (você tem um rodapé de três colunas? Faça o widget!) Deve ser o mais fácil de editar possível. É uma das coisas mais fáceis de fazer com seus temas e beneficiará muito os usuários do seu tema.

O Automattic tem um ótimo tutorial sobre como widgetizar seu tema. Confira aqui.

Também não deixe de conferir a temas de widgetização tutorial aqui no Theme Lab.

5. Não faça com que os usuários confiem em vários plugins para o seu tema funcionar

Se você estiver lançando temas gratuitamente ou criando temas comerciais do WordPress, convém ter o interesse dos seus usuários finais em criar seus temas. A confusão de temas com 5 a 10 plug-ins necessários não só fará as pessoas ficarem frustradas ao baixar e configurar o tema no site deles, mas também fará com que muitas pessoas não o baixem, porque, vamos ser sinceros, as pessoas não tenha períodos de atenção de mais de 2-3 segundos.

Por exemplo, se você deseja configurar a paginação no seu tema, por que não utilizar este artigo para saber como configurá-lo automaticamente no seu tema. Cats Who Code tem um bom tutorial sobre como adicionar paginação ao seu tema sem a necessidade de ativar um plugin.

6. Mostre o termo de pesquisa na página de resultados da pesquisa

Por alguma razão, essa é uma dica muitas vezes esquecida que você pode (e deve) implementar em seus temas. É um código simples de uma linha que permite que seu tema lembre ao visitante o que ele acabou de pesquisar. Pode parecer trivial, mas é útil, se os resultados retornarem zero postagens, o visitante saberá a frase exata que procurou e poderá digitar um termo de pesquisa diferente.

Abaixo está o código usado para substituir o título atual de “Resultados da pesquisa” no seu tema.

Resultados da busca por <?php the_search_query () ?>

7. Não segure suas páginas de erro 404

Em vez de sair da página 404 para dizer “404 – página não encontrada”, por que não dar mais opções aos visitantes? Adicionar uma lista de categorias, postagens recentes, postagens populares, uma caixa de pesquisa e (se você quiser gerar receita com sua página 404) um anúncio pode dar à sua página 404 algum tempero em comparação com as chatas e inúteis encontradas na maioria dos temas do WordPress.

Se você procura inspiração em 404 páginas, a Smashing Magazine tem uma showcase matador de 404 páginas de toda a web que vale a pena conferir.

8. Certifique-se de ter todos os arquivos básicos na sua pasta de temas

Ao criar um tema para WordPress, é essencial garantir a personalização do máximo possível desde o início. Começar com uma combinação de arquivos index.php, header.php, sidebar.php e footer.php pode parecer uma boa idéia para os minimalistas, mas eu sugiro começar com todos os conceitos básicos abaixo para fornecer você controla um pouco mais o que é exibido – quando, onde e como.

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

Para obter mais informações sobre esses arquivos de modelo e o que eles fazem, consulte o hierarquia de modelos página no WordPress.org.

9. Não se esqueça da integração RSS

Quando você cria seu blog, um dos itens que mais chama a atenção das pessoas é a capacidade de se inscrever no seu blog por meio de um leitor de RSS. Portanto, em vez de exigir que os usuários do tema incluam essas informações em si mesmos, por que não seguir as etapas para adicionar uma caixa de inscrição em rss, assim como você faz na caixa de pesquisa. Adicione um botão RSS, uma opção de inscrição por e-mail e você também pode adicionar a contagem de assinantes em texto adicionando este pouco de código ao seu tema, onde você gostaria que ele fosse exibido (substitua “feedburner-id” pelo seu próprio ID do FeedBurner – se você estiver lançando esse tema em natureza, dê uma olhada no # 11 da nossa lista e verifique se você tem isso como uma opção).

<?php
// obtenha uma contagem legal de queimadores de feed
$ whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// Inicialize a sessão Curl
$ ch = curl_init ();

// Defina curl para retornar os dados em vez de imprimi-los no navegador.
curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);

// Defina o URL
curl_setopt ($ ch, CURLOPT_URL, $ whaturl);

// Executa a busca
$ data = curl_exec ($ ch);

// Feche a conexão
curl_close ($ ch);
$ xml = new SimpleXMLElement ($ data);
$ fb = $ xml->alimentação->entrada [‘circulação’];
eco $ fb;
// fim obter uma contagem legal de queimadores de feed
?>

10. Adicione estilos CSS para comentários encadeados

Se você estiver criando um tema, sempre esteja preparado para comentários por tópicos. É um recurso do WordPress que muitos blogs usam para criar interação na seção de comentários. Portanto, preparar sua folha de estilo para comentários encadeados é uma ótima idéia. Chris tem um ótimo post sobre Códigos CSS para as classes CSS padrão que o WordPress cospe na seção de comentários, dando ao seu tema uma seção de comentários estilizados sem precisar tocar no arquivo comments.php.

11. Não libere um tema sem um painel de opções

Algumas pessoas podem não concordar com isso, mas acredito que isso faz parte da progressão natural do tema do WordPress. Se o seu tema não estiver executando algum tipo de painel de opções do WordPress com a capacidade de editar, personalizar e alterar itens no seu tema sem precisar editar códigos, você estará fazendo algo errado.

Se você não tiver certeza de como criar seu próprio painel de opções de temas, os links abaixo mostrarão como fazê-lo.

12. Certifique-se de que seus temas funcionem imediatamente

Isso acompanha o número 5 da lista – você deve sempre garantir que seus temas funcionem imediatamente. Alguns temas que eu vi exigem de 5 a 6 etapas para que o tema seja viável no site, incluindo, entre outros, a ativação do plug-in e a edição / salvamento do painel de opções do tema. Se o tema exigir certas coisas, verifique se há um item padrão de backup usado.

Por exemplo, no painel de opções do tema que você está criando e / ou usando, verifique se há informações padrão em cada seção, para que as coisas estejam aparecendo, independentemente se o usuário final as atualizou ou não. O mesmo acontece com os plug-ins, se você estiver usando um plug-in de paginação do WordPress no seu tema, por que não codificá-lo para que o tema volte aos links anteriores / próximos se o plug-in não estiver ativo.

13. Não faça uso excessivo de campos personalizados

Sim, a maioria dos temas WordPress no estilo de revista de alguns anos atrás foram criados utilizando campos personalizados a cada passo, mas a maioria das pessoas não deseja realmente preencher 3, 4 ou 5 campos personalizados para cada postagem. Então, facilite as coisas para eles. Se você vai mostrar uma imagem da postagem na página inicial do seu tema, pegue este código útil e adicione-o ao arquivo functions.php de temas, e ele automaticamente exibirá a primeira imagem da postagem, sem a necessidade de um campo customizado.

// Obter URL da primeira imagem em uma postagem
função catch_that_image () {
global $ post, $ posts;
$ first_img = ”;
ob_start ();
ob_end_clean ();
$ output = preg_match_all (‘// i’, $ post->post_content, $ correspondências);
$ first_img = $ corresponde a [1] [0];

// nenhuma imagem encontrada exibe a imagem padrão
if (vazio ($ first_img)) {
$ first_img = "/images/default.jpg";
}
retorne $ first_img;
}

Depois de adicionar esse código, basta adicionar <?php echo catch_that_image (); ?> nos arquivos do seu tema, onde quer que a imagem apareça.

Graças ao bom ol ‘ Fóruns de suporte do WordPress para esta dica útil.

14. Faça sua tag de SEO

Uma ótima maneira de garantir que o seu tema esteja o mais preparado possível para SEO é remover a tag padrão encontrada no arquivo header.php do seu tema e substituí-la pelos códigos abaixo. Isso dará aos títulos do seu tema um pouco mais de sucos e ajudará os esforços de SEO que os usuários dos seus temas desejarão colocar em prática – tudo sem exigir que eles toquem alguma coisa..

<?php if (is_home ()) { ?><? bloginfo (‘nome’); ?> | <?php bloginfo (‘descrição’); ?><?php} ?>
<?php if (is_search ()) { ?>Resultados da busca por <?php / * Contagem de pesquisas * / $ allsearch = &novo WP_Query ("s = $ s&showposts = -1"); $ key = wp_specialchars ($ s, 1); $ count = $ allsearch->Contagem de publicações; _e (”); eco $ key; _e (‘-‘); eco $ count. ”; _e (‘artigos’); wp_reset_query (); ?><?php} ?>
<?php if (is_404 ()) { ?><? bloginfo (‘nome’); ?> | 404 Nada encontrado<?php} ?>
<?php if (is_author ()) { ?><? bloginfo (‘nome’); ?> | Arquivos do Autor<?php} ?>
<?php if (is_single ()) { ?><?php wp_title (”); ?> | <?php $ category = get_the_category (); eco $ categoria [0]->cat_name; | <?php bloginfo (‘nome’); ?><?php} ?>
<?php if (is_page ()) { ?><? bloginfo (‘nome’); ?> | <?php $ category = get_the_category (); eco $ categoria [0]->cat_name; ?>|<?php wp_title (”); ?><?php} ?>
<?php if (is_category ()) { ?><?php single_cat_title (); ?> | <?php $ category = get_the_category (); eco $ categoria [0]->category_description; ?> | <? bloginfo (‘nome’); ?><?php} ?>
<?php if (is_month ()) { ?><? bloginfo (‘nome’); ?> | Arquivo | <?php the_time (‘F, Y’); ?><?php} ?>
<?php if (is_day ()) { ?><? bloginfo (‘nome’); ?> | Arquivo | <?php the_time (‘F j, Y’); ?><?php} ?>
<?php if (function_exists (‘is_tag’)) {if (is_tag ()) { ?><?php single_tag_title ("", verdade); }} ?> | <? bloginfo (‘nome’); ?>

15. Não se esqueça das migalhas de pão

Como uma peça adicional de navegação em seus temas, as trilhas de navegação (na minha opinião) devem ser utilizadas o máximo possível. Não é apenas bom para fins de SEO, mas também permite que o visitante navegue pelo site muito mais rapidamente. Existem plugins do WordPress para trilhas de navegação, mas graças a Gatos que codificam, agora sabemos como adicionar uma função de trilha de navegação aos nossos temas WordPress.

Primeiro, adicione os códigos abaixo no arquivo functions.php do seu tema (personalizado um pouco da postagem original do Cats Who Code, vinculada acima).

função the_breadcrumb () {
eco ‘

    ‘;
    if (! is_home ()) {
    eco ‘
  • ‘;
    eco ‘Home’;
    eco "
  • ";
    if (is_category () || is_single ()) {
    eco ‘

  • ‘;
    the_category (‘
  • ‘);
    if (is_single ()) {
    eco "
  • ";
    o título();
    eco ‘
  • ‘;
    }
    } elseif (is_page ()) {
    eco ‘

  • ‘;
    echo the_title ();
    eco ‘
  • ‘;
    }
    }
    elseif (is_tag ()) {single_tag_title ();}
    elseif (is_day ()) {eco"

  • arquivo para "; the_time (‘F jS, Y’); eco’
  • ‘;}
    elseif (is_month ()) {eco"

  • arquivo para "; the_time (‘F, Y’); eco’
  • ‘;}
    elseif (is_year ()) {eco"

  • arquivo para "; the_time (‘Y’); eco’
  • ‘;}
    elseif (is_author ()) {eco"

  • Arquivo do autor"; eco’
  • ‘;}
    elseif (isset ($ _ GET [‘paginado’])) && !vazio ($ _ GET [‘paginado’])) {eco "

  • Arquivos do Blog"; eco’
  • ‘;}
    elseif (is_search ()) {eco"

  • Procurar Resultados"; eco’
  • ‘;}

    eco ‘

‘;
}

Em seguida, coloque esse trecho de código em qualquer lugar em que você queira que sua farinha de rosca seja exibida.

<?php the_breadcrumb (); ?>

Obrigado por ler o artigo

Obrigado por ler o artigo. Espero que tenham gostado e aprendido uma coisa ou duas ao longo do caminho – eu sei que sim. Se você gostou do post ou tem algo a acrescentar, informe-nos nos comentários.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map