Шорткоды реально экономят время всем WordPress пользователям, потому как позволяют выполнять сложные задачи очень быстро. Для этого достаточно вставить шорткод в окне редактора.
И сегодня мы поделимся с вами 10 новыми супер-полезными шорткодами для ускорения вашей производительности!
Как показать скриншот любого сайта
Желаете сделать скриншот любого сайта и показать его в вашем блоге? Этот клевый шорткод поможет вам.
Просто вставьте следующий код в ваш файл functions.php
:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function wpr_snap($atts, $content = null) { extract(shortcode_atts(array( "snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'http://www.catswhocode.com', "alt" => 'My image', "w" => '400', // width "h" => '300' // height ), $atts)); $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>'; return $img; } add_shortcode("snap", "wpr_snap"); |
После этого вы можете использовать шорткод snap
. Пример ниже будет показывать скриншот сайта CatsWhoCode.com!
1 |
[snap url="http://www.catswhocode.com" alt="My description" w="400" h="300"] |
Источник:
Как добавить ссылку PayPal на пожертвование
С внедрением в сентябре вывода денег с PayPal, очень много блогеров начнут просить своих читателей о пожертвовании на развитие и поддержание сайта через специальную ссылку.
Следующий код создаст шорткод, который отобразит PayPal кнопку для пожертвования. Просто вставьте код в файл functions.php
:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function cwc_donate_shortcode( $atts ) { extract(shortcode_atts(array( 'text' => 'Make a donation', 'account' => 'REPLACE ME', 'for' => '', ), $atts)); global $post; if (!$for) $for = str_replace(" ","+",$post->post_title); return '<a class="donateLink" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$account.'&item_name=Donation+for+'.$for.'">'.$text.'</a>'; } add_shortcode('donate', 'cwc_donate_shortcode'); |
Источник:
Как провести обфускацию адреса электронной почты
Большинство из вас знает, что спам-боты постоянно сканируют Интернет на наличие адресов электронной почты для рассылки на них спама. Конечно же, никто спам получать не хочет, но e-mail адрес для контактов в своем блоге показывать хочется. Как решить эту проблему?
Следующий код создаст шорткод, который будет производить обфускацию адреса электронной почты, просто вставьте его в файл functions.php
.
1 2 3 4 5 |
function cwc_mail_shortcode( $atts , $content=null ) { for ($i = 0; $i < strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';'; return '<a href="mailto:'.$encodedmail.'">'.$encodedmail.'</a>'; } add_shortcode('mailto', 'cwc_mail_shortcode'); |
Использование просто:
1 |
[mailto]email@yourdomain.com[/mailto] |
Источник:
Как создать приватный контент
Если вы хотите создать контент, который будет отображаться только для зарегистрированных пользователей, то следующий шорткод поможет в решении этой проблемы.
Как обычно, вставляете код в файл functions.php
:
1 2 3 4 5 6 7 |
function cwc_member_check_shortcode( $atts, $content = null ) { if ( is_user_logged_in() && !is_null( $content ) && !is_feed() ) return $content; return ''; } add_shortcode( 'member', 'cwc_member_check_shortcode' ); |
Пример ниже покажет контент только зарегистрированным пользователям:
1 |
[member]This text will be only displayed to registered users.[/member] |
Источник:
Как прикрутить показ PDF в iframe
Это безусловно самый простой способ отображения PDF файлов на вашем сайте. PDF будет загружаться через Google документы, а затем отрисовываться в iframe
на вашем сайте.
Для использования шорткода, вставьте следующий код в файл functions.php
:
1 2 3 4 |
function cwc_viewpdf($attr, $url) { return '<iframe src="https://docs.google.com/viewer?url=' . $url . '&embedded=true" style="width:' .$attr['width']. '; height:' .$attr['height']. ';" frameborder="0">Your browser should support iFrame to view this PDF document</iframe>'; } add_shortcode('embedpdf', 'cwc_viewpdf'); |
Следуя синтаксису, приведенному ниже, вы сможете отображать любой PDF документ в любом размере на вашем сайте.
1 |
[embedpdf width="600px" height="500px"]http://infolab.stanford.edu/pub/papers/google.pdf[/embedpdf] |
Источник:
Как создать контент только для подписчиков
Такой шорткод создаст контент, который будет отображаться только для ваших подписчиков по RSS.
Так же он хорош для отображения рекламы или важной информации.
Вставляем функцию в functions.php
.
1 2 3 4 5 |
function cwc_feedonly_shortcode( $atts, $content = null) { if (!is_feed()) return ""; return $content; } add_shortcode('feedonly', 'cwc_feedonly_shortcode'); |
Далее, вы можете использовать сам шорткод:
1 |
[feedonly]Dear RSS readers, please visit <a href="http://yourwebsite.com">my website</a> and click on a few ads[/feedonly] |
Источник: kovshenin.com
Как создать шорткод ретвита, используя Tweetmeme
Твиттер = безусловно большой источник трафика для блогеров. Поэтому шорткод ретвита может быть так же полезен.
Вставьте следующий код в файл functions.php
:
1 2 3 4 |
function tweetmeme(){ return '<div class="tweetmeme"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>'; } add_shortcode('tweet', 'tweetmeme'); |
Теперь вы можете размещать где-угодно в вашей статье кнопку ретвита.
Для этого в редакторе WordPress (убедитесь, что вы находитесь в режиме HTML) вставьте следующее:
1 |
[tweet] |
Источник:
Как отобразить последнее изображение, прикрепленное к посту
Вместо того, чтобы иметь дело с адресами изображений, в этом шорткоде прописана возможность выводить последнее прикрепленное изображение, связного поста.
Вставьте код в ваш файл functions.php
:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function cwc_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[1]+2); $height = ($imagedata[2]+2); return '<div class="postimage" style="width: '.$width.'px; height: '.$height.'px; float: '.$float.';">'.$fullimage.'</div>'; } add_shortcode("postimage", "cwc_postimage"); |
После, пропишите следующее в редакторе WordPress:
1 |
[postimage] |
Источник:
Как вставить Youtube видео
Если вы часто выкладываете видео с Youtube в вашем блоге, то этот шорткод поможет вам сократить время.
Как обычно, вносите код ниже в файл functions.php
:
1 2 3 4 5 6 7 8 9 10 11 12 |
function cwc_youtube($atts) { extract(shortcode_atts(array( "value" => 'http://', "width" => '475', "height" => '350', "name"=> 'movie', "allowFullScreen" => 'true', "allowScriptAccess"=>'always', ), $atts)); return '<object style="height: '.$height.'px; width: '.$width.'px"><param name="'.$name.'" value="'.$value.'"><param name="allowFullScreen" value="'.$allowFullScreen.'"></param><param name="allowScriptAccess" value="'.$allowScriptAccess.'"></param><embed src="'.$value.'" type="application/x-shockwave-flash" allowfullscreen="'.$allowFullScreen.'" allowScriptAccess="'.$allowScriptAccess.'" width="'.$width.'" height="'.$height.'"></embed></object>'; } add_shortcode("youtube", "cwc_youtube"); |
Использование шорткода следующее:
1 |
[youtube value="http://www.youtube.com/watch?v=1aBSPn2P9bg"] |
Источник:
Как вставить RSS поток
Этот шорткод будет выводить любой RSS поток в ваших постах. Это например полезно для демонстрации других блогов на вашем сайте!
Просто вставьте код в файл functions.php
:
1 2 3 4 5 6 7 8 9 10 11 12 |
include_once(ABSPATH.WPINC.'/rss.php'); function cwc_readRss($atts) { extract(shortcode_atts(array( "feed" => 'http://', "num" => '1', ), $atts)); return wp_rss($feed, $num); } add_shortcode('rss', 'cwc_readRss'); |
В примере ниже показано, как его правильно прописывать:
1 |
[rss feed="http://feeds.feedburner.com/catswhocode" num="5"] |
Источник: coding.smashingmagazine.com
Вау! супер подборка, спасибо большое! Особенно заинтересовал шорткод для Rss подписчиков, отложила вашу запись в закладку!
Классная подборка! Взял многое на вооружение.Вообще Ваш сайт так и кешит полезностями :) Спасибо за то что он есть.
А есть какой то шорткод по гелерее и как его реализовать
смотрите 2web-master.ru/14-shablon...a-wordpress.html