20 шорткодов и плагинов WordPress, которые вы возможно захотите попробовать

Если вы не в курсе, что такое шорткоды WordPress, то уточню, что это коды, которые позволяют создавать различные креативные вещи с помощью скриптов и кода. Чтобы вам не приходилось вставлять в свои посты и страницы громоздкие и несуразные коды, они сжаты всего в одну строку -шорткод.

Если коротко, то шорткод, как правило, используется для быстрого вызова длинного сценария или фрагмента кода. Несмотря на то, что WordPress имеет свой собственный набор шорткодов, которые можно использовать в записях и страницах вашего блога, кроме них существует большое количество шорткодов, которые предлагают почти безграничные возможности.

Шорткоды можно вставлять в тему блога вручную или через плагин. Проблема состоит только в том, чтобы найти среди огромного их количества именно тот, который подойдет вам.

Не волнуйтесь, в этой статье, мы представим 10 плагинов для WordPress, которые добавляют в ваш блог функциональный шорткод, а также 10 кодов, которые можно добавить самостоятельно.

Плагины WordPress

Вот некоторые из плагинов, которые позволяют применять или настраивать шорткоды WordPress. В соответствующих случаях предлагается альтернативный плагин, который делает почти то же самое.

1. Shortcode

Простой плагин, который добавляет несколько полезных шорткодов, предназначенных для отображения количественных характеристик вашего блога:

[ postcountbr ] — отображает общее количество опубликованных в блоге записей;
[ catcountbr ] — отображает общее количество категорий, которые содержат одну или более запись;
[ tagcountbr ] — отображает общее количество тегов, которые содержатся в одной или более записи;
[ totalwords ] — отображает общее количество слов в опубликованных записях;
[ commentcount ] — отображает общее число одобренных комментариев;
[ PageCount ] — отображает общее количество опубликованных страниц.

2. WordPress Shortcodes

Этот плагин включает в себя более 20 шорткодов WordPress и простой редактор шорткодов.

Вы можете использовать его для добавления в свой блог таких крутых элементов, как:

  • SEO-ready вкладки, кнопки;
  • Карточки авторов;
  • Окна сообщений;
  • Смарт-ссылки;
  • Разделы;
  • Списки и т.д.

Вы можете даже объединять несколько встроенных шорткодов, чтобы создавать такие уникальные элементы, как список кнопок или ссылок.

встроенные шорткоды

Другие варианты: Существует два аналогичных плагина J Shortcodes и Arconix Shortcodes — которые также включают в себя набор полезных шорткодов. Например, для создания контента и информационных панелей, кнопок, вкладок, выпадающих панелей, переключателей и многого другого.

3. Post Content Shortcodes

Этот плагин добавляет в блог два шорткода:

[post-content] — позволяет отображать содержимое одиночной записи или страницы, внутри другой записи или страницы. Вы должны использовать в шорткоде аргумент, чтобы указать ID поста. Вы также можете использовать аргументы, чтобы отображать характерное изображение, фрагмент записи и заголовок поста;

[post-list] — отображает список записей внутри другой записи. Этот шорткод также поддерживает опциональные аргументы для настройки списков: опции упорядочения элементов, типы/статусы сообщений, вывод изображений и т.д. Вы даже можете подтянуть список записей из другого блога, добавив ID блога в качестве аргумента в шорткод.

4. Shortcoder

Плагин Shortcoder позволяет создавать пользовательские шорткоды через визуальный редактор. Вы также можете хранить часто используемые тексты, HTML и фрагменты JavaScript.

Плагин имеет встроенную кнопку TinyMCE, которую можно использовать в редакторе блога, чтобы вставлять шорткоды. Это позволит вам добавлять свои собственные шорткоды:

Shortcoder

Другие варианты: Если вы ищете нечто подобное, попробуйте плагин Shortcode Manager, который позволяет создавать, управлять, импортировать и экспортировать шорткоды.

5. Hide Broken Shortcodes

Иногда, вы можете отключить шорткод, случайно оставив часть его функционала. Вместо того чтобы перебирать каждую страницу или запись, чтобы удалить «битые» шорткоды, проще будет скрыть их. Данный плагин поможет вам это сделать.

Другие варианты: Hide Unwanted Shortcodes аналогичный плагин, который делает «битые» шорткоды недоступными для просмотра на сайте. После этого вы можете отредактировать шорткод на странице настроек плагина.

6. Column Shortcodes

Если вам нужен простой способ создания столбцов внутри ваших сообщений и страниц — это идеальный шорткод-плагин. Просто выберите нужную ширину столбца из всплывающего окна плагина, и он будет добавлен в редактор сообщения.

На выбор предлагается 10 размеров столбцов: от одной шестой до всей ширины страницы. Вы также можете настроить заполнение каждого отдельного столбца:

Column Shortcodes

7. Metaphor Shortcodes

Если вы хотите использовать для ваших сообщений и страниц адаптивную сетку столбцов, попробуйте плагин Metaphor Shortcodes. С его помощью вы можете установить определенные параметры для столбцов: такие как интервал, начало, конец и классы.

Этот плагин также поддерживает несколько других удобных шорткодов, в том числе:

  • Post Block Shortcode — отображает название и выдержку из любого типа сообщений в любом месте вашего блога;
  • Post Slider Shortcode — создает горизонтальный слайдер для любого типа сообщений и выводит его в контенте блога;
  • Pricing Table Shortcode — создает различные типы таблиц прайсов для отображения в контенте вашего блога.

8. ShortCodes UI

ShortCodes UI это еще один плагин для создания шорткодов, которые используют собственные кнопки TinyMCE и Quicktag. Вы можете легко вставлять шорткоды в ваши сообщения и страницы через визуальный и HTML редакторы.

Данный плагин отлично подходит для новичков, которые плохо знакомы с кодами, для них предназначены обучающие видеоуроки. Те, кто знает о кодах немного больше, вероятно, оценят цветовую разметку синтаксиса в редакторе кода.

Присутствует также функция импорта / экспорта, с помощью которой вы можете переместить ваши шорткоды с одного сайта на другой и даже поделиться с друзьями.

Другие варианты: My Shortcodes — это аналогичный плагин с красивым интерфейсом, который позволяет создавать собственные шорткоды.

В административной панели плагина, вы можете управлять, редактировать, включать / выключать, а также экспортировать элементы и шорткоды. Интерактивный просмотр позволяет увидеть, как выглядит ваш шорткод еще до его добавления в запись или на страницу.

My Shortcodes

9. Last Updated Shortcode

Это очень простой плагин, который позволяет добавить шорткод [ LastUpdated ] в ваши записи и страницы. Данная функция будет отображать дату и / или время последнего обновления.

Есть также опции для изменения формата отображения даты / времени.

10. Geoportail Shortcode

Данный плагин добавляет с помощью шорткода карту Geoportail в ваши сообщения и страницы. После этого вы можете задать размер карты, масштаб, местоположение (широту и долготу), размер (обычный, мини), территорию, слои и многое другое.

Карта поддерживает геотеги (которые можно подключить через плагин Геолокации), чтобы в блоге отображалось место написания (публикации) ваших сообщений.

Плагин также включает в себя шорткод-билдер, для настройки шорткода карты, а также функцию предварительного просмотра, с помощью которой вы сможете просмотреть вашу карту, прежде чем публиковать ее.

Geoportail Shortcode

Шорткоды

Существуют также простые шорткоды, которые можно использовать в блоге — без необходимости устанавливать их через плагин.

Для каждого шорткода мы предоставим вам:

  • Тело шорткода — длинный кусок кода, который должен быть вставлен в файл функций темы (functions.php) вашего блога, вставка осуществляется через «Редактор», доступный в панели инструментов WordPress (Дизайн > Редактор);
  • Шорткод, который может быть размещен в любом месте вашей записи или страницы, через него подключается функционал.

Для некоторых шорткодов, возможно, потребуется дополнительная настройка (например, добавление вашего личного кода Google AdSense), так что некоторые знания о редактировании кодов вам все же понадобятся.

Другие шорткоды могут иметь дополнительные параметры, которые вы можете добавить: например, ширина и высота. Узнать больше вы можете кликнув ссылку для каждого шорткода.

Insert AdSense Ads

Вставляет блок объявления Google AdSense в том месте вашего контента, где вам нужно.

Шорткод: [adsense]

Код:

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"; 
	                        /* 234x60, created 16/09/08 */ 
	                        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

Выводит список похожих записей выше или ниже контента страницы.

Шорткод: [related_posts]

Код:

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

Добавляет кнопку PayPal, с помощью которой пользователи могут удобно для себя сделать пожертвование.

Шорткод: [donate]

Код:

function donate_shortcode( $atts, $content = null) {  
	    global $post;extract(shortcode_atts(array(  
	        'account' => 'your-paypal-email-address',  
	        'for' => $post->post_title,  
	        'onHover' => '',  
	    ), $atts));  
	    if(emptyempty($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

Добавляет Google Map в любом месте вашей записи.

Шорткод: [googlemap src=»google_map_url»]

Код:

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

Вставляет дополнительные файлы, такие как текст и изображения, в ваши сообщения.

Шорткод: [show_file file=»http://www.test.com/test.html»]

Код:

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

Добавляет форму авторизации в ваши записи и страницы, не только в сайдбаре.

Шорткод: [devpress-login-form]

Код:

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

Добавляет приватные пометки в ваши записи или страницы, они будут видны только администратору.

Шорткод: [note]Your Note Here[/note]

Код:

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

Добавляет контент, который смогут видеть только зарегистрированные пользователи.

Шорткод: [member]For Registered Users Only[/member]

Код:

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

Шорткод позволяет вставлять не только видео с YouTube, но и может быть использован для вставки других мультимедийных материалов, таких как аудио и изображения.

Шорткод: [youtube id=»_ggWarwhv9M»]Check out this video![/youtube]

Код:

function wptuts_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', 'wptuts_youtube');

Obfuscate Email Address

Защищает вашу электронную почту от спамеров, делая невозможным ее копирование со страницы.

Шорткод: [email address=»you@email.com»]

Код:

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');

Перевод статьи «20 WordPress Shortcodes And Plugins You Might Want To Try» был подготовлен дружной командой проекта Сайтостроение от А до Я.