Se você não é familar com Shortcodes, shortcode é um código especifico do WordPress que permite que você crie coisas com códigos. Dessa forma você não precisa preencher suas páginas e posts com códigos longos e feios, eles são condensados em apenas uma linha de código – [shortcode].
Em resumo, shortcode é basicamente um atalho para um grande script ou código. Mesmo WordPress tendo seus próprios shortcodes que você pode utilizar em seus posts e páginas, existem vários outros shortcodes disponíveis que oferecem muito mais flexibilidade.
Shortcodes podem ser inseridos manualmente no tema do seu blog ou via plugin. O problema é encontrar um que atenda as suas necessidades e o que deseja para o seu blog. Não tenha medo, neste artigo, nós iremos lhe mostrar 10 WordPress plugins que adicionam funcionalidades através de shortcodes, e mais 10 códigos que você pode adicionar você mesmo em seu tema.
Leitura Recomendada: 10 Plugins WooCommerce para Turbinar sua Loja Virtual
Plugins WordPress
Shortcode
Um plugin simples que adicionar diversos shortcodes uteis para você exibir conteúdo do seu blog quantitativamente. Alguns dos códigos inclusos:
- [postcountbr] – exibe o número total de posts publicados
- [catcountbr] – exibe o número total de categorias que contêm uma ou mais mensagens
- [tagcountbr] – exibe o número total de tags que contêm um ou mais postos de
- [totalwords] – exibe o número total de palavras em posts publicados
- [commentCount] – exibe o número total de comentários aprovados
- [pagecount] – exibe o número total de páginas publicadas
WordPress Shortcodes
Este plugin inclui mais de 20 WordPress Shortcodes e um editor de Shortcode bem fácil de usar. Você pode usá-lo para adicionar elementos legais como:
- Tabs prontas para SEO, botões
- cartões de autor
- caixas de mensagem
- ligações inteligentes
- seções
- listas, etc para o seu blog.
Você pode até combinar vários shortcodes aninhados para criar elementos como uma lista de botões ou links.
Mais: Dois plugins similares seriam J Shortcode e Arconix Shortcodes – que também tem uma coleção muito boa de shortcodes para você usar, como criar conteúdo e caixas de informações, botões, tabs, acordeon, toggles e mais.
Post Content Shortcodes
Este plugin adicionar dois shortcodes:
[post-content] – permite exibir conteúdo de um artigo ou página, em outro artigo ou página. É necessário utilizar um argumento com esse shortcode para especificar o ID do artigo. Você também pode usar argumentos para exibir uma imagem em destaque, resumo, e o titulo do artigo/pagina.
[post-list] – exibe uma lista de artigos em outro post. Também oferece suporte opcional para argumentos que permitem personalizar a lista como por ordem, tipo de post/status, exibir imagens, resumos, etc. Você pode até retirar uma lista de posts de outro blog, adicionando a ID do blog como argumento no shortcode.
Mais: Se você deseja exibir uma lista de anexos com um post, verifique o plugin List Attachments Shortcode (pelos mesmos desenvolvedores).
Shortcoder
Shortcoder permite que você crie shortcodes personalizados através do editor visual. Você também pode armazenar textos, HTML, JavaScript snippets que são utilizados frequentemente quando se encontra escrevendo o seu post. Ele tem um botão tinyMCE que você pode usar através do editor do blog para inserir os shortcodes, facilitando na hora de inserir seus códigos personalizados.
Mais: Se você estiver procurando por algo similar, tente Shortcode Manager, que permite criar, manusear, importar e exportar shortcodes.
Hide Broken Shortcodes
Às vezes, você pode ter desativado acidentalmente códigos de acesso, deixando sua funcionalidade um tanto perturbada. Ao invés de passar por cada página ou post para remover estes códigos de acesso “quebrados”, uma maneira mais fácil é apenas escondê-los. Este plugin irá ajudá-lo a fazer isso.
Mais: Hide Unwanted Shortcodes é um plugin similar que trabalha para prevenir shortcodes quebrados de aparecer no site. Você pode então editar o shortcode na página de configurações do plugin.
Column Shortcodes
Se você está em busca de uma forma fácil de criar colunas em suas páginas e posts, este é o plugin de shortcode perfeito. Apenas escolha o tipo de coluna desejado através do seletor de shortcode, e ele será adicionado ao editor de posts. Veja os exemplos abaixo:
Metaphor Shortcodes
Se você estiver em busca de shortcodes de coluna responsivas para seus posts e páginas, você pode querer utilizar o Metaphor Shorcodes. Você pode configurar certos atributos para as colunas como span, inicio, fim, e classes css. Este plugin também vem com alguns outros shortcodes que são uma mão na roda, incluindo:
- Bloco de Posts – exibe o titulo e o resumo de qualquer tipo de post, em qualquer lugar do seu blog
- Slider de Posts – cria um slider horizontal de qualquer tipo de post e exibe em seu conteúdo
- Tabela de Preços – crea vários tipos de tabelas de preços para exibir seus produtos/serviços
ShortCodes UI
Este é outro plugin para criar shortcodes que vem com seu próprio tinyMCE e botões Quicktag. Você pode inserir shortcodes facilmente em seus posts e páginas tanto no modo visual como no editor HTML.
É ótimo para iniciantes que sabem pouco sobre código. Para aqueles que sabem um pouco mais sobre código, vão adorar o Syntax Highlighting Code Editor. Existe também a opção de exportar e importar os shortcodes para que você possa utilizar em outros sites.
Mais: My Shorcodes é um plugin similar com uma UI muito bonita que permite criar shortcodes personalizados. Como o painel administrativo deste plugin, você pode manusear, editar, ativar/desativar, e exportar elementos e shortcodes. A visualização prévia permite que você veja como seus shortcodes parecem antes de adiciona-los em seu conteúdo.
Last Updated Shortcode
Este é um plugin bem simples que permite adicionar o shortcode [lastupdated] em seus posts e páginas. Ele irá exibir a data e/ou tempo da última atualização.
Geoportail Shortcode
Este plugin adiciona Geoportail Map em seus artigos e páginas com um shorcode. Você pode configurar o tamanho do mapa, level do zoom (latitude e longitude), tamanho, território, camadas e mais. O mapa suporta geotagging (que você pode ativar com este plugin Geolocation), assim a localização de seus artigos serão refletidas e atualizadas.
O plugin também inclui um Shortcode Builder, para shortcodes personalizados dos seus mapas.
Shortcodes WordPress
Estes são Shortcodes simples e divertidos que você pode usar em seu blog – sem necessidade de plugins. Para cada shortcode nós iremos lhe fornecer com:
- Descrição sobre o Shorcode – junto com o código que deve ser copiado e colado no arquivo functions.php do seu tema WordPress.
- O [Shortcode] – que pode ser utilizado em qualquer lugar do seu tema WordPress (páginas/posts/widgets) para adicionar a funcionalidade.
Alguns desses códigos talvez precisem de uma pequena personalização (ex. adicionar seu código do Google Adsense), então você vai precisar saber uma ou duas coisas sobre editar códigos. Outros talvez tenha parametros opicionais que você pode adicionar, como altura e largura. Você pode descobrir mais clicando no link para cada Shortcode.
Insert AdSense Ads
Insere Ads Adsense em seu conteúdo, aonde você quiser.
Shortcode: [adsense]
Código:
function adsense_shortcode( $atts ) { extract(shortcode_atts(array( 'format' => '1', ), $atts)); switch ($format) { case 1 : $ad = '<script type="text/javascript"><!-- google_ad_client = "pub-6928386133078955"; /* Altere com o seu ID Adsense */ /* 234x60, Criado */ google_ad_slot = "0834408702"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>'; break; } return $ad; } add_shortcode('adsense', 'adsense_shortcode');
Show Related Posts
Exibe Posts relacionados acima ou abaixo do conteúdo
Shortcode: [related_posts]
Código:
function related_posts_shortcode( $atts ) { extract(shortcode_atts(array( 'limit' => '5', ), $atts)); global $wpdb, $post, $table_prefix; if ($post->ID) { $retval = '<ul>'; // Get tags $tags = wp_get_post_tags($post->ID); $tagsarray = array(); foreach ($tags as $tag) { $tagsarray[] = $tag->term_id; } $tagslist = implode(',', $tagsarray); // Do the query $q = "SELECT p.*, count(tr.object_id) as count FROM $wpdb->term_taxonomy AS tt, $wpdb->term_relationships AS tr, $wpdb->posts AS p WHERE tt.taxonomy ='post_tag' AND tt.term_taxonomy_id = tr.term_taxonomy_id AND tr.object_id = p.ID AND tt.term_id IN ($tagslist) AND p.ID != $post->ID AND p.post_status = 'publish' AND p.post_date_gmt < NOW() GROUP BY tr.object_id ORDER BY count DESC, p.post_date_gmt DESC LIMIT $limit;"; $related = $wpdb->get_results($q); if ( $related ) { foreach($related as $r) { $retval .= ' <li><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></li> '; } else { $retval .= ' <li>No related posts found</li> '; } $retval .= '</ul> '; return $retval; } return; } add_shortcode('related_posts', 'related_posts_shortcode');
Insert PayPal Donation Link
Adicionar um botão do PayPal, tornando fácil para os visitantes e leitores fazerem uma doação.
Shortcode: [donate]
Código:
function donate_shortcode( $atts, $content = null) { global $post;extract(shortcode_atts(array( 'account' => 'your-paypal-email-address', 'for' => $post->post_title, 'onHover' => '', ), $atts)); if(empty($content)) $content='Make A Donation'; return '<a href="https://www.paypal.com/cgi-bin/webscr? $account.'&item_name=Donation for '.$for.'" title="'.$onHover.'">'.$content.'</a>'; } add_shortcode('donate', 'donate_shortcode');
Display A Google Map
Adicionar um Google Maps para localização de qualquer um de seus posts.
Shortcode: [googlemap src="google_map_url"]
Código:
function rockable_googlemap($atts, $content = null) { extract(shortcode_atts(array( "width" => '940', "height" => '300', "src" => '' ), $atts)); return '<div> <iframe src="'.$src.'&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="'.$width.'" height="'.$height.'"></iframe> </div> '; } add_shortcode("googlemap", "rockable_googlemap");
Display External Files
Adiciona arquivos externos como imagens e textos em seu site.
Shortcode: [show_file file="http://www.test.com/test.html"]
Código:
function show_file_func( $atts ) { extract( shortcode_atts( array( 'file' => '' ), $atts ) ); if ($file!='') return @file_get_contents($file); } add_shortcode( 'show_file', 'show_file_func' );
Add A Login Form
Adiciona um formulário de Login em seus posts e páginas.
Shortcode: [devpress-login-form]
Código:
function devpress_login_form_shortcode() { if ( is_user_logged_in() ) return ''; return wp_login_form( array( 'echo' => true ) ); } function devpress_add_shortcodes() { add_shortcode( 'devpress-login-form', 'devpress_login_form_shortcode' ); } add_action( 'init', 'devpress_add_shortcodes' );
Display Private Notes
Adiciona uma nota privada que será visivel apenas para administradores.
Shortcode: [note]Sua nota aqui[/note]
Código:
add_shortcode( 'note', 'sc_note' ); function sc_note( $atts, $content = null ) { if ( current_user_can( 'publish_posts' ) ) return '<div class="note">'.$content.'</div>'; return ''; }
Registered Users Only Content
Adiciona conteúdo ao site que apenas visitantes logados podem visualizar.
Shortcode: [member]Apenas para membros registrados[/member]
Código:
add_shortcode( 'member', 'member_check_shortcode' ); function member_check_shortcode( $atts, $content = null ) { if ( is_user_logged_in() && !is_null( $content ) && !is_feed() ) return $content; return ''; }
Embed YouTube Videos
Adiciona vídeos youtube como também para outras mídias como áudio e imagem.
Shortcode: youtube id="" (utilize [ ] para abrir e fechar a TAG assim [you] [/you])
Código:
function cwp_youtube($atts, $content=null){ extract(shortcode_atts( array('id' => ''), $atts)); $return = $content; if($content) $return .= "<br /><br />"; $return .= '<iframe width="560" height="349" src="http://www.youtube.com/embed/' . $id . '" frameborder="0" allowfullscreen></iframe>'; return $return; } add_shortcode('youtube', 'cwp_youtube');</pre> <pre>
Obfuscate Email Address
Utiliza o Anti-Spam do WordPress para esconder seu email de SPAMs.
Shortcode: [email address="you@email.com"]
Código:
function emailbot_ssc($attr) { extract( shortcode_atts( array( 'address' => '', ), $attr ) ); $email = '<a class="email_link" href="mailto:'.antispambot($attr['address']).'" title="Send Us An Email" target="_blank">'; $email .= antispambot($attr['address']); $email .= '</a>'; return $email; } add_shortcode('email', 'emailbot_ssc');
Esperamos que com esses shortcodes e Plugins você consiga adicionar ótimas funcionalidades ao seu site WordPress.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
SEO PowerSuite
RankMath
CloudFlare
Olá. Consegui resolver. Obrigado. Parabéns, mais uma vez pelo conteúdo.
Se alguém puder me ajudar. Necessito inserir algumas informações novas na minha loja virtual, com isto, inserir novos campos, na página que aparece o produto (isso é necessário quando o cliente desejar personalizar um pedido). Fico grato pela compreensão e ajuda.
Olá Sebastião,
Que tipos de campos você precisa inserir nessa página? Quais informações especificamente você se refere? Posso lhe ajudar sem problemas, só preciso entender a sua necessidade.
Abraço.
Olá, Gabriel, é o seguinte, eu preciso acrescentar 3 campos digitáveis na minha loja: Nome; tipo de personalizados, Data de aniversário. Esta necessidade é simplesmente porque estamos oferecendo produtos personalizados e prontos, mas as pessoas podem sugerir os tipos de produtos a personalizar, espero ter sido compreendido. Obrigado.
Sebastião,
Você vai precisar criar um hook nas opções gerais do produto, adicionar os campos desejados e depois criar um template ou inserir no template existente.
Aqui tem um tutorial do próprio WooCommerce de como adicionar campos digitáveis para o usuário:
http://www.remicorson.com/mastering-woocommerce-products-custom-fields/. Está em inglês mas basta traduzir com o Google Tradutor, só não esqueça de voltar ao idioma original na hora de copiar o código.
Você também pode usar esse plugin:
https://wordpress.org/plugins/woocommerce-custom-product-data-fields/.
Abraço.
Sebastião,
Você vai precisar criar um hook nas opções gerais do produto, adicionar os campos desejados e depois criar um template ou inserir no template existente.
Aqui tem um tutorial do próprio WooCommerce de como adicionar campos digitáveis para o usuário:
http://www.remicorson.com/mastering-woocommerce-products-custom-fields/
Está em inglês mas basta traduzir com o Google Tradutor, só não esqueça de voltar ao idioma original na hora de copiar o código.
Abraço.
Se alguém puder me ajudar. Necessito inserir algumas informações novas na minha loja virtual, com isto, inserir novos campos, na página que aparece o produto (isso é necessário quando o cliente desejar personalizar um pedido). Fico grato pela compreensão e ajuda.
Olá Sebastião,
Que tipos de campos você precisa inserir nessa página? Quais informações especificamente você se refere? Posso lhe ajudar sem problemas, só preciso entender a sua necessidade.
Abraço.