В сегодняшней публикации, я затрону интересную тему «Что такое шорткод и шорткоды WordPress». Если вы понятие не имеете, что означают шорткоды WordPress, то поясню, это коды, благодаря которым создаются разные креативные элементы. Дабы вам не пришлось устанавливать в свои страницы и посты большие и неудобные коды, они укомплектованы всего лишь в одну строку именуемый шорткод (микро-код).
Обычно микро-код применяется, чтобы оперативно вызвать функцию с нужным кодом. Хоть у Вордпресс есть свой набор микро-кодов, которые можно применять в страницах и записях вашего сайта, также помимо них имеется огромное разнообразие этих микро-кодов, предоставляющие почти неограниченные возможности.
Микро-коды можно устанавливать в тему блога через плагин (модуль) или вручную. Трудность состоит лишь в том, как найти среди большого числа тот самый, который вам необходим.
Не надо беспокоиться, в данной статье, я расскажу о плагинах для WordPress, добавляющие функциональный шорткод на ваш ресурс и еще десяток кодов, которые можно установить самому.
Плагины WordPress для создания шорткодов
Здесь будут представлены плагины Вордпресс, с помощью которых можно воспользоваться микро-кодами и осуществлять их настройку.
Shortcoder
С помощью этого плагина можно делать пользовательские шорткоды используя визуальный редактор. Имеется возможность хранить регулярно применяемые тексты, HTML и небольшие коды JavaScript.
У него есть пункт Create shortcode, в котором имеется редактор для создания микро-кодов. Вам всего лишь нужно прописать название кода (например: auto), набрать текст, вставить медиафайлы и в завершении нажать кнопку "Опубликовать". После чего он сам сгенерирует микро-код [sc name="auto"]:
Этот микро-код [sc name="auto"] вы можете установить в любом месте контента страницы и он выведет все, что вы набрали в редакторе по данному коду.
ShortCodes UI
С помощью этого модуля по созданию шорткодов у вас есть возможность устанавливать микро-коды в ваши страницы и сообщения используя HTML и визуальный редакторы.
Бесплатные микро-коды этого плагина:
Данный модуль очень хорош для неопытных вебмастеров, слабо знающих коды, есть видеоуроки для обучения. Для тех, кто хорошо знаком с кодами, возможно, придётся по вкусу цветовая разметка синтаксиса в редакторе кода (платное дополнение "Shortcode Creator").
Здесь также есть функция по экспорту и импорту, благодаря ей, вы сможете отправить ваши микро-коды с одного блога на другой и даже можете поделиться со знакомыми (тоже платное дополнение "Shortcode Creator").
Шорткоды
Есть также обычные шорткоды WordPress, которые могут быть использованы на вашем блоге — их с помощью модуля не нужно устанавливать.
Для этих кодов будет предоставлено:
- микро-код, который можно разместить где угодно на вашей странице или записи, с его помощью подключается функционал;
- Тело микро-кода — это кусок кода, который нужно прописать в functions.php функцию темы вашего сайта, это можно сделать используя «Редактор тем», располагающийся в левом меню админки WordPress. Там, где пункт внешний вид, в самом низу этого пункта .
Некоторым микро-кодам, вероятно, необходимо будет дополнительная настройка. Например, добавить ваш собственный код Google AdSense. Поэтому вам надо иметь определенные знания в редактировании кодов.
Другим микро-кодам возможно вам придётся прописать добавочные настройки, например, указать ширину и высоту.
Gallery
Для этого шорткода не нужно прописывать функцию (тело микро-кода), оно уже есть в Вордпресс и вам остаётся только вставить этот шорткод в любое место статьи.
микро-код:
[gallery ids= "95,9"]
С помощью gallery можно выборочно добавить изображения из библиотеки вашего сайта. В ids (можно использовать include) необходимо указать id (95,9) картинок которые вы хотите вывести, если несколько картинок, то через запятую надо их прописать. Узнать id несложно для этого зайдите в библиотеку медиафайлов и кликните по нужной картинке. В появившейся вкладке с изображением наведите мышку вверху на url (https://ваш_домен/wp-admin/upload.php?item=9). Здесь цифра 9 является id данной картинки.
AdSense
Данный код устанавливает блок объявлений в любое место, в вашем контенте.
микро-код:
[adsense]
Тело кода:
function adsense_shortcode($att){
$arr=['format' => '1'];
extract(shortcode_atts($arr,$att));
switch($format){
case 1 :
$adsense_google = '<script><!-- google_ad_client = "pub-6928386133078955"; /* 250x70, created 16/09/08 */ google_ad_slot = "0834408702"; google_ad_width = 250; google_ad_height = 70; //--> </script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>';
break;
}
return $adsense_google;
}
add_shortcode('adsense', 'adsense_shortcode');
Здесь при помощи вызова функции add_shortcode происходит регистрация в WordPress данного шорткода (adsense) и его остальной части кода.
Date
Самый простой шорткод, с его помощью можно вывести дату в любое место контента.
микро-код:
[date]
Тело кода:
add_shortcode('date', 'display_the_date');
function display_the_date(){
return date('d.m.Y');
}
Iframe
Устанавливает iframe в любое расположение вашей записи.
микро-код:
[iframe src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1"]
Тело кода:
add_shortcode("iframe","output_iframe");
function output_iframe($att){
$arr=["width" =>'850',"height" => '350',"src" => ''];
extract(shortcode_atts($arr,$att));
return '<iframe frameborder="0" scrolling="no" src="'.$src.'&output=embed
height="'.$height.'" width="'.$width.'" marginheight="0" marginwidth="0"></iframe> ';
}
С помощью этого шорткода можно установить Google Map или различный мультимедийный контент: видео (например, из YouTube), картинки и аудио.
Multimedia
Этот шорткод похож на предыдущий вариант тоже выводит контент мультимедиа.
микро-код:
[multimedia id="http://www.youtube.com/embed/FO6FMIrLaSs"] Посмотрите это видео![/multimedia]
Тело кода:
add_shortcode('multimedia','output_multimedia');
function output_multimedia($att,$cont=null){
$arr=['id'=>''];
extract(shortcode_atts($arr,$att));
$return_media=$cont;
if($cont)
$return_media.="<br/><br/>";
$return_media.='<iframe width="745" height="520" src="'.$id.'" allowfullscreen frameborder="0"></iframe>';
return $return_media; }
PayPal
Через этот код можно установить кнопку PayPal для пожертвований.
микро-код:
[paypal]
Тело кода:
add_shortcode('paypal','paypal_button');
function paypal_button($att,$cont = null){
global $post;
$arr=['account'=>'this-address-paypal','for' => $post->post_title,'onHover'=>'',];
extract(shortcode_atts($arr,$att));
if(empty($cont)) $cont='PayPal';
return '<a href="https://www.paypal.com/cgi-bin/webscr?'.$account.'&item_name=Donation for '.$for.'" title="'.$onHover.'">'.$cont.'</a>';
}
Show
Выводит все данные (текст и картинки) с файла.
микро-код:
[show file="http://my_site.ru/test_file.html"]
Тело кода:
add_shortcode('show','show_file');
function show_file($att){
$arr=['file'=>''];
extract(shortcode_atts($arr,$att));
if ($file!='')
return @file_get_contents($file);
}
Registered
Выводит контент, который могут лицезреть только посетители прошедшие регистрацию.
микро-код:
[registered] Этот текст смогут увидеть только зарегистрированные пользователи [/registered]
Тело кода:
add_shortcode('registered','registered_user');
function registered_user($att,$cont=null){
if ( is_user_logged_in() && !is_null($cont) && !is_feed() )
return $cont;
return '';
}
Private
С его помощью устанавливается приватность на ваши записи, после чего они доступны только администратору. Можно делать заметки для себя.
микро-код:
[private]Ваши заметки[/private]
Тело кода:
add_shortcode('private','private_notes');
function private_notes($att,$cont=null){
if(current_user_can('publish_posts'))
return '<div>'.$cont.'</div>';
return '';
}
Тут пожалуй все. Если что то непонятно в статье «Что такое шорткод и шорткоды WordPress », то напишите в комментариях.