9 códigos do WordPress para incrementar seu blog e melhorar o UX

O WordPress é fácil de configurar e instalar, pronto para uso assim que você publicar seu blog.


Mas confiar nas opções padrão do WordPress pode resultar em uma perda em seu nome:

  • Menos funcionalidade
  • Usuários entediados (que veem as mesmas coisas em todos os sites WP em que se deparam)
  • Quedas nas classificações dos mecanismos de pesquisa.

Você tem uma ferramenta flexível em suas mãos, que pode ser ajustada para transformá-la em algo agradável de usar e eficiente em que confiar. Por que não apimentar as coisas para seus usuários (e você)?

Este artigo deseja ajudar você a tornar seu site baseado em WordPress divertido e útil para seus usuários, adicionando interessantes partes de codigo que também melhorará seu SEO.

Precisa de ajuda para apimentar seu blog WordPress?
A WHSR agora é parceira da Codeable.io para ajudar usuários que precisam de serviços profissionais de desenvolvimento / personalização de WP.

Para obter um orçamento gratuito, preencha este formulário de solicitação.

Faça uma tentativa e deixe-me saber como eles funcionaram para você! ;)

9 códigos para aprimorar seu blog WordPress

Vou oferecer dois tipos de trechos de código neste post:

  1. Códigos Codex
  2. Fragmentos de código e widgets

Os códigos do Codex são trechos do PHP que eu escrevi (com a ajuda do meu noivo, Simone), usando estritamente o WordPress.org Codex como referência.

Trechos de código e widgets são partes prontas do código PHP (ou plug-ins do WordPress) disponíveis gratuitamente em outros sites e no WordPress.org, mas também incluí trechos do meu noivo e escrevi do zero usando referências abertas e do Codex.

Ambos os tipos de códigos são fáceis de implementar e instalar, mas você pode começar com widgets e plugins se não tiver certeza de como manipular o código.

Entendo que 9 trechos de código podem não ser suficientes para aqueles que gostam de experimentar muitos e muitos códigos diferentes, por isso tenho certeza que os 25 trechos de código úteis de Robert Ludrosky para desenvolvedores de WordPress irão saciar sua fome (pelo menos por enquanto). ;)

Códigos de Codex

1. Diferenciar postagens adesivas

Para fazer com que o WordPress verifique se a sua postagem atual é uma postagem pegajosa – e exibi-la adequadamente – você pode usar a função booleana Codex:

<?php is_sticky (); ?>

Somente a função retornará valores TRUE ou FALSE; portanto, o que você pode fazer aqui se escrever uma construção condicional (if / else) para gerenciar suas postagens adesivas. Um exemplo:

<?php se is_sticky () {
o título();
the_time (‘M, d, Y’);
o trecho ();
}
outro {
inclua ‘post-template.php’;
}

Neste exemplo de uso, eu exibi a postagem adesiva como uma caixa contendo apenas o título, a data da postagem e o trecho (não a postagem inteira), enquanto o modelo padrão para as outras postagens está contido no post-template.php.

Cada tipo de postagem terá sua própria folha de estilo CSS, mas não estamos definindo estilos aqui; apenas modelos.

Single.php é o modelo padrão para postagens únicas (você o encontrará incluído em todos os temas WP padrão).

Se você desenvolveu seu próprio tema WP, mas não configurou modelos para postagens únicas, siga o guia do Codex aqui.

2. Exibindo URL da postagem

Pode ser divertido adicionar este ao seu modelo. Se você deseja que seus leitores obtenham o URI de cada uma das suas páginas (ou postagens), basta usar a seguinte tag no seu modelo de single.php, page.php ou até index.php:

"><?php echo get_page_link (); ?>

Em vez de usar the_permalink, essa é a escolha mais óbvia e funciona para todos os casos, o WP permite que você use dois formulários alternativos para postagens e páginas:

<?php echo get_post_permalink (); ?>
<?php echo get_page_link (); ?>

Por exemplo, seu modelo de página pode incluir:

Ligação: "><?php echo get_page_link (); ?>

3. Recupere e exiba o número do ID da postagem

Mesmo quando você configura sua estrutura de link permanente para ser amigável ao usuário e ao SEO, ainda é possível mostrar aos visitantes o ID da postagem adicionando esta função simples à sua meta-linha:

<?php the_ID (); ?>

Uso da amostra:

Postado por nome do autor. O ID da postagem é <?php the_ID (); ?>

4. Listar categorias por ID

A função padrão do WordPress é:

<?php get_all_category_ids () ?>

Aqui está um exemplo que eu usei em um dos meus blogs, escrito usando o código do Codex e um tópico no StackOverflow:

<?php
$ category_ids = get_all_category_ids ();
foreach ($ category_ids como $ cat_id) {
$ cat_name = get_cat_name ($ cat_id);
$ category_link = get_category_link ($ cat_id); // precisamos do link do gato para que o URL funcione!
eco "{$ cat_id}: {$ cat_name}
";
}
?>

… E como é exibido:

código WP da categoria

Nota: get_all_category_ids () agora é uma função obsoleta, mas você ainda pode usá-la sem problemas, como eu faço no meu blog (captura de tela acima). No entanto, se você deseja usar a nova função para esse trecho, visite a página get_terms () do Codex.

O que faz este código?

O código obtém todos os IDs da categoria e o nome da categoria para cada ID e, em seguida, vincula o ID ao link da categoria, enquanto exibe o nome da categoria após o “:” – daí a expressão echo () {$ cat_id}: {$ cat_name }
.

5. Uma página detalhada de usuários / autores para o seu blog

Você já desejou criar uma página personalizada que exibisse todos os autores ou usuários do seu blog sem precisar depender de um plug-in?

Bem, você pode criar sua própria página de autores / usuários personalizada com apenas um editor de texto, um carregador de FTP e seu amado WordPress Dashboard.

Primeiro de tudo, você precisa criar uma cópia do seu arquivo page.php. Renomeie sua cópia para qualquer nome – eu nomeei mine users.php.

Adicione a tag de modelo na parte superior deste modelo para que o WordPress a reconheça como modelo e vá para o seu Painel -> Páginas -> Adicione Novo e crie uma página para sua lista de Usuários / Autores. Retorne à lista Páginas, clique em Edição rápida no título da nova página e selecione seu novo modelo no menu suspenso Modelo. Salve suas alterações.

Agora abra o arquivo users.php (ou o que você nomeou) e aplique o seguinte código:

<?php
$ resultado = count_users ();
echo ‘There’, $ result [‘total_users’], ‘total de usuários’;
foreach ($ result [‘avail_roles’] como $ role => $ count)
echo ‘,’, $ count, ‘are’, $ role, ‘s’;
eco ‘.’;
?>

Este código usa a função count_users que está listada como “uso padrão” no Codex. Você pode ver um exemplo ao vivo desse código em http://robocity.in/users/.

Após esse código, vamos adicionar algo sobre o administrador do blog:

<?php printf (__ (‘Número de postagens publicadas pelo usuário "Líderes":% d ‘,’ texto-dom-aqui ‘), count_user_posts (1)); ?>

Eu usei a função count_user_posts aqui, seguindo o formato de uso sugerido pelo Codex.

A função get_userdata é boa para mostrar a correlação entre um determinado nome de usuário e o nome real da pessoa que o utiliza. Ver abaixo:

<?php $ user_info = get_userdata (1);
$ nome de usuário = $ user_info->login de usuário;
$ first_name = $ user_info->primeiro nome;
$ last_name = $ user_info->último nome;
eco "$ first_name $ last_name efetua login no site do WordPress com o nome de usuário $.";
?>

Agora, esta é a função mais interessante que você pode usar na sua página Autores / Usuários – a função get_users:

<?php
$ blogusers = get_users (‘blog_id = 1&orderby = nicename&papel = administrador ‘);
// Matriz de objetos WP_User.
foreach ($ blogusers como $ user) {
eco ”. esc_html ($ user->login de usuário) . ‘-‘. esc_html ($ user->user_email). “
‘;
}
?>

Esta função recuperará uma lista de usuários de acordo com certos parâmetros que você pode configurar no código. No exemplo acima (retirado da página do Codex e editado para caber na minha página Usuários no Robocity.in), desejo obter uma lista de administradores para o ID 1 do blog (blog atual) ordenado por ‘nicename’ e para cada usuário, Quero exibir o nome de usuário e o email em uma frase do tipo “Nome de usuário -“.

Se você deseja mostrar aos usuários logados algo sobre eles mesmos, pode usar a função get_currentuserinfo para recuperar, por exemplo, o nome e o endereço do usuário. Não usei essa função no meu exemplo, mas a criatividade não conhece limites, certo? ;)

Partes de codigo & Widgets

6. Alternativa … Arquivos!

arquivos de blog mais agradáveisImagine se você pudesse substituir sua antiga lista de arquivos da barra lateral – que continua crescendo à medida que o seu blog cresce e força os usuários a rolar – com um trecho como o que você pode ver aqui à direita.

Não tornaria as coisas mais fáceis para os leitores entenderem rapidamente a idade e a profundidade dos arquivos do blog? :)

Meu noivo e eu escrevemos esse trecho simples usando o get_post do Codex e um menu suspenso simples para a lista de arquivos. Criamos nossas próprias funções para que a ideia funcione bem.

<?php
função formatPostDate ($ postId, $ format = ‘% F’) {
$ post = get_post ($ postId);
$ output = strftime (formato $, strtotime ($ post->Data de postagem));
retornar $ output;
}

função getLastPostID () {
list ($ post) = get_posts (matriz (‘posts_per_page’ => 1));
retornar $ postagem->EU IRIA;
}
?>

Este blog tem postagens desde <?php echo formatPostDate (1, ‘% B% e,% Y’); ?>.
A última postagem foi publicada em <?php echo formatPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

Deseja visitar um arquivo específico?

<?php echo esc_attr (__ (‘Selecionar arquivo’)); ?>
<?php wp_get_archives (array (‘tipo’ => ‘mensal’, ‘formato’ => ‘opção’, ‘show_post_count’ => 1)); ?>

O que faz este código?

A função formatPostDate pega o ID e o formato da data da postagem e retorna uma data no formato de sua escolha. A segunda função, getLastPostID, pega uma matriz de postagens contendo apenas uma postagem e retorna seu ID.

Para obter a primeira postagem do blog – geralmente com ID = 1, escrevemos echo formatPostDate (1, ‘% B% e,% Y’) no primeiro parágrafo: esse código usa a função formatPostDate e usa como parâmetros a ID da postagem Nº 1 e um formato padrão em inglês para a data e retorna a data.

Para obter a última postagem do blog, usamos formatPostDate (getLastPostID (), ‘% B% e,% Y’) para obter o ID da última postagem e um formato de data (novamente, em inglês) e imprimir a data em tela.

7. Verifique se o visitante usa um dispositivo móvel

Muneeb em WP-Snippets.com compartilhou um trecho de código interessante (uma função) para verificar se um visitante do seu site está usando um dispositivo móvel.

O código está disponível aqui.

Essa função ajuda na otimização para dispositivos móveis, pois é útil se você deseja mostrar determinadas funções apenas para usuários móveis ou excluir usuários móveis de determinados recursos do site.

8. Use a construção if / else para manipular o conteúdo da barra lateral da página

Esse trecho de código é baseado no Codex do WordPress, mas eu o coloquei nesta seção, pois permite muita criatividade e você pode encontrar trechos prontos na Web.

Suponha que você queira usar várias barras laterais no seu site. Você pode preencher sua barra lateral com divs e seções, mas quanto mais esse arquivo cresce (mesmo que você use widgets), mais pesado ele fica.

O Codex vem para você resgatar com a função get_sidebar ($ name). O uso é simples:

  1. Crie (digamos) uma barra lateral para seus snippets de cotação. Nomeie-sidebar-quotes.php
  2. No arquivo principal sidebar.php (ou no cabeçalho ou arquivo de índice, de acordo com a estrutura do seu tema WP), escreva get_sidebar (“aspas”); para incluir o arquivo “sidebar-quotes.php”.

Você obterá uma barra lateral mais fina com chamadas para outras sub-barras laterais, que poderá otimizar com construções if / else se conhecer um pouco da codificação PHP do WordPress.

Você pode não saber disso, mas quando você usa o código genérico get_sidebar (), isso inclui “sidebar.php” porque você não adicionou um argumento $ name. Esse é o uso padrão. Quando você adiciona um “-name” após “sidebar * .php”, você pode chamar esse nome de addon com o $ name arg.

Se você tiver anúncios, ofertas especiais ou funções da barra lateral que deseja exibir em determinadas páginas do seu blog ou código que sobrecarregarão sua barra lateral padrão, você encontrará esse snippet de código como um salva-vidas para o UX.

9. Uma ferramenta para integrar trechos de código ao seu site WordPress

captura de tela codesnippets

O Code Snippets é um plug-in gratuito do WordPress criado por Shea Bange que permite adicionar facilmente trechos de código ao seu blog.

O legal desse plug-in é que você não precisa mais editar seu arquivo functions.php, mas pode adicionar código personalizado diretamente do seu Painel do WordPress. Basicamente, você pode adicionar trechos de código como se adicionasse uma nova postagem ou página.

Tom Ewer, do WPMUDev.org, escreveu uma introdução interessante a este plugin, mas o recurso mais útil que encontrei até agora para o Code Snippets é o fórum de suporte do plugin no WordPress.org.

Até você!

Compartilhe suas experiências de codificação no WordPress nos comentários abaixo! E fique à vontade para fazer perguntas sobre os trechos introduzidos nesta postagem.

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