Articles

Dominar Shortcodes do WordPress

  • 9 min de leitura
  • o WordPress,Essentials,Shortcodes,Técnicas (WP)
  • Guardada para leitura off-line
  • Compartilhar no Twitter, LinkedIn
Introduzido no WordPress 2.5, shortcodes são poderosos, mas ainda bastante desconhecido, as funções do WordPress. Imagine que você poderia simplesmente digitar ” adsense “para exibir um Adsense ou” post_count ” para descobrir instantaneamente o número de posts em seu blog.

shortcodes WordPress pode fazer isso e mais e definitivamente vai tornar a sua vida de blogagem mais fácil. Neste artigo, vamos mostrar – lhe como criar e usar códigos de acesso, bem como fornecer matador pronto-a-usar códigos de acesso WordPress que irá melhorar a sua experiência blogging.

Você também pode querer dar uma olhada no seguinte posts relacionados:

  • Shortcodes do WordPress: Um Guia Completo
  • Inserir Widgets Com códigos de acesso
  • 10 Útil WordPress Loop Hacks

o Que São códigos de acesso?

usar códigos de acesso é muito fácil. Para usar um, crie uma nova publicação( ou edite uma existente), mude o editor para o modo HTML e digite um shortcode entre parênteses, como:

também é possível usar atributos com códigos de acesso. Um shortcode com atributos seria algo parecido com isto:

códigos de acesso também pode incorporar conteúdo, conforme mostrado a seguir:

Smashing Magazine

códigos de acesso são processadas por um conjunto de funções introduzidas no WordPress 2.5 chamado o Shortcode API. Quando um post é salvo, seu conteúdo é processado, e a API shortcode transforma automaticamente os códigos de Acesso para executar a função que eles estão destinados a executar.

Criando um simples Shortcode

a coisa a lembrar com shortcodes é que eles são muito fáceis de criar. Se você sabe como escrever uma função PHP básica, então você já sabe como criar um shortcode WordPress. Para o nosso primeiro, vamos criar a conhecida mensagem “Olá, Mundo”.

  1. abra as funções.ficheiro php no seu tema. Se o arquivo não existe, crie-o.
  2. primeiro, temos que criar uma função para retornar a string “Hello World”. Cole isto nas suas funções.php file:

    function hello() { return 'Hello, World!';}
  3. Now that we have a function, we have to turn it into a shortcode. Graças à função add_shortcode(), isto é muito fácil de fazer. Colar esta linha após a nossa funçãohello()

, depois gravar e fechar as funções.php file:

add_shortcode('hw', 'hello');

o primeiro parâmetro é o nome shortcode, e o segundo é a função a ser chamada.

  • Agora que o shortcode é criado, podemos usá-lo em posts de blogs e em páginas. Para usá-lo, basta mudar o editor para o modo HTML e digitar o seguinte:

    está feito! É claro que este é um shortcode muito básico, mas é um bom exemplo de como é fácil criar um.

  • criando códigos de acesso avançados

    conforme mencionado, os códigos de acesso podem ser usados com atributos, que são muito úteis, por exemplo, para passar argumentos para funções. Neste exemplo, vamos mostrar – lhe como criar um shortcode para exibir um URL, assim como você faria com os códigos Bb Que se usa em fóruns como VBulletin e PHPBB.abra as suas funções.ficheiro php. Cole a seguinte função em que:

    function myUrl($atts, $content = null) { extract(shortcode_atts(array( "href" => 'http://' ), $atts)); return '<a href="'.$href.'">'.$content.'</a>';}
  • Vamos ativar a função em um shortcode:

    add_shortcode("url", "myUrl");
  • O atalho é criado agora. Você pode usá-lo em seus posts e páginas:

    WordPress recipes

    quando você guarda um post, o shortcode irá mostrar uma ligação intitulada “receitas WordPress”e apontando para http://www.wprecipes.com.explicação do Código. Para funcionar corretamente, nossa função de código curto deve lidar com dois parâmetros: $atts e $content$atts é o(s) atributo (s) do shortcode. Neste exemplo, o atributo é chamado e contém um link para um URL. $content é o conteúdo do shortcode, embutido entre o domínio e sub-diretório (ou seja, entre “www.example.com” e “/ subdirectory”). Como você pode ver no código, nós demos valores padrão para $content e $atts.

    Agora que sabemos como criar e usar códigos de acesso, vamos olhar para alguns códigos de acesso prontos a usar!

    crie um Shortcode” Send to Twitter”

    o problema. Parece que muitos de vocês gostaram do meu hack “enviar para o Twitter”. Eu também gostei muito desse hack, mas tem uma desvantagem: Se você colar o código para o seu single.arquivo php, o link” Enviar para o Twitter ” será visível em cada post, o que você pode não querer. Seria melhor controlar este hack e ser capaz de especificar quando adicioná-lo a um post. A solução é simples: um shortcode!a solução. Este shortcode é simples de criar. Basicamente, obtemos o código do hack “enviar para o Twitter” e transformamo-lo numa função PHP. Colar o seguinte código nas funções.ficheiro php no seu tema:

    function twitt() { return '<div><a href="http://twitter.com/home?status=Currently reading '.get_permalink($post->ID).'" title="Click to send this page to Twitter!" target="_blank">Share on Twitter</a></div>';}add_shortcode('twitter', 'twitt');

    Para usar este shortcode, basta mudar o editor para o modo HTML e, em seguida, escreva:

    e “Enviar para o Twitter” link aparecerá onde você colocou o shortcode.

    • Como: Criar uma “enviar para o twitter” botão
    • ferramentas do Twitter

    Criar um “Inscrever RSS” Shortcode

    O problema. Você já sabe que uma maneira muito boa de ganhar assinantes RSS é exibir uma caixa bonita que diz algo como “subscrever o feed RSS.”Mas mais uma vez, nós realmente não queremos codificar algo em nosso tema e perder o controle da forma como ele aparece. Neste hack, vamos criar um shortcode” subscrever a RSS”. Exibi-lo em alguns lugares e não outros, em posts ou em páginas, acima ou abaixo do conteúdo principal, tudo depende de você.a solução. Como de costume, criamos uma função e, em seguida, transformá-la em um shortcode. Este código entra nas suas funções.ficheiro php. Não se esqueça de substituir o URL de fonte de exemplo com o seu próprio!

    function subscribeRss() { return '<div class="rss-box"><a href="http://feeds.feedburner.com/wprecipes">Enjoyed this post? Subscribe to my RSS feeds!</a></div>';}add_shortcode('subscribe', 'subscribeRss');

    Styling the box. Você provavelmente notou a classe rss-box que foi adicionada ao elemento div contendo a ligação. Isso permite que você estilo a caixa da maneira que você gosta. Aqui está um exemplo de alguns estilos CSS que você pode aplicar na sua caixa “subscrever a RSS”. Basta colá-lo no estilo.CSS file in your theme:

    .rss-box{ background:#F2F8F2; border:2px #D5E9D5 solid; font-weight:bold; padding:10px;}

    insira Google AdSense Anywhere

    o problema. A maioria dos blogueiros usa o Google AdSense. É muito fácil incluir o código AdSense em um arquivo tema, como a barra lateral.pai. Mas os profissionais de marketing on-line de sucesso sabem que as pessoas clicam mais em anúncios que estão incorporados no próprio conteúdo.a solução. Para incorporar AdSense em qualquer lugar em suas postagens ou páginas, crie um shortcode:

    1. abra as funções.ficheiro php no seu tema e colar o seguinte código. Não se esqueça de modificar o código JavaScript com o seu próprio código AdSense!

      function showads() { return '<div><script type="text/javascript"><!-- google_ad_client = "pub-XXXXXXXXXXXXXX"; google_ad_slot = "4668915978"; google_ad_width = 468; google_ad_height = 60; //--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div>';}add_shortcode('adsense', 'showads');
    2. Uma vez que tenha gravado funções.php, você pode usar o seguinte shortcode para exibir AdSense em qualquer lugar em suas mensagens e páginas:

      Note que o nosso código de AdSense é embrulhado com umadsense div > div > div, podemos classificá-lo como quisermos no nosso estilo.ficheiro css.explicação do Código. O código acima é usado simplesmente para exibir anúncios AdSense. Quando o shortcode é inserido em um post, ele retorna um AdSense. É muito fácil, mas também, você vai concordar, um economizador de tempo real!

      Fontes:

      • Como: Incorporar o google AdSense em qualquer lugar em seus posts

      Incorporar um Leitor de RSS

      O problema. Muitos leitores também pareciam desfrutar do post” 8 RSS Hacks para WordPress ” publicado recentemente na revista Smashing. Agora, vamos usar nosso conhecimento de ambos RSS e códigos de Acesso para incorporar um leitor de RSS bem em nossos posts e páginas.a solução. Como de costume, para aplicar este hack, basta colar o seguinte código na função do seu tema.ficheiro php.

      //This file is needed to be able to use the wp_rss() function.include_once(ABSPATH.WPINC.'/rss.php');function readRss($atts) { extract(shortcode_atts(array( "feed" => 'http://', "num" => '1', ), $atts)); return wp_rss($feed, $num);}add_shortcode('rss', 'readRss');

      Para usar o shortcode, digite:

      feed atributo é o URL do feed para incorporar e num é o número de itens a serem exibidos.

      obter posts da Base de dados WordPress com um Shortcode

      o problema. Já desejou que você poderia chamar uma lista de mensagens relacionadas diretamente no editor WordPress? Claro, o” posts relacionados ” plug-in pode recuperar posts relacionados para você, mas com um shortcode você pode facilmente obter uma lista de qualquer número de posts de uma categoria particular.a solução. Como de costume, cole este código em suas funções.ficheiro php.

      function sc_liste($atts, $content = null) { extract(shortcode_atts(array( "num" => '5', "cat" => ’ ), $atts)); global $post; $myposts = get_posts('numberposts='.$num.'&order=DESC&orderby=post_date&category='.$cat); $retour='<ul>'; foreach($myposts as $post) : setup_postdata($post); $retour.='<li><a href="'.get_permalink().'">'.the_title("","",false).'</a></li>'; endforeach; $retour.='</ul> '; return $retour;}add_shortcode("list", "sc_liste");

      para usá-lo, basta colar o seguinte no editor WordPress, depois de mudar para o modo HTML:

      Isto irá mostrar uma lista de três publicações da categoria com um ID de 1. Se você não sabe como obter o ID de uma categoria específica, uma maneira fácil é explicada aqui.explicação do Código. Depois de ter extraído os argumentos e criada a variável global $postssc_liste() função usa o get_posts() função numberpostsorderorderby e category parâmetros para obter o X postagens mais recentes de categoria Y. Uma vez feito, os posts são incorporados em uma lista HTML não ordenada e retornados para você.

      Fonte:

      1. WordPress: Création de shortcode avancé

      Obtenha a Última Imagem Anexada a um Post

      O problema. No WordPress, as imagens são muito fáceis de manipular. Mas porque não torná-lo ainda mais fácil? Vamos olhar para um shortcode mais complexo, que automaticamente recebe a última imagem anexada a um post.a solução. Abra as funções.ficheiro php e colar o seguinte código:

      function sc_postimage($atts, $content = null) { extract(shortcode_atts(array( "size" => 'thumbnail', "float" => 'none' ), $atts)); $images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent=' . get_the_id() ); foreach( $images as $imageID => $imagePost ) $fullimage = wp_get_attachment_image($imageID, $size, false); $imagedata = wp_get_attachment_image_src($imageID, $size, false); $width = ($imagedata+2); $height = ($imagedata+2); return '<div class="postimage" style="width: '.$width.'px; height: '.$height.'px; float: '.$float.';">'.$fullimage.'</div>';}add_shortcode("postimage", "sc_postimage");

      Para usar o shortcode, simplesmente digite o seguinte no editor, quando no modo HTML:

      explicação do Código. The sc_postimage() function first extracts the shortcode attributes. Em seguida, ele recupera a imagem usando o get_children()wp_get_attachment_image() e wp_get_attachment_image_src() funções do WordPress. Uma vez feito, a imagem é retornada e inserida no conteúdo do post.fontes:

      1. WordPress Shortcode: mostrar facilmente a última imagem anexada ao post

      o problema. Mesmo se você gostou deste artigo, você pode ter se sentido um pouco frustrado porque, por padrão, o WordPress não permite que o shortcode seja inserido em widgets da barra lateral. Felizmente, aqui está um pequeno truque para melhorar a funcionalidade WordPress e permitir códigos de acesso a ser usado em widgets sidebar.a solução. Mais um pedaço de código para colar nas suas funções.php file:

      add_filter('widget_text', 'do_shortcode');

      é tudo o que você precisa para permitir códigos de acesso em widgets sidebar!explicação do Código. O que fizemos aqui é bastante simples: adicionamos um filtro na função widget_text() para executar a função do_shortcode(), que usa a API para executar o shortcode. Assim, os códigos de acesso estão agora activos nos elementos da barra lateral.

      Smashing Editorial(al)