Шорткоды wordpress – добавление в HTML редактор

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

[spoiler name=”Необходимые данныеДля открытия – нажмите“]

Сделать выпадающий список шорткодов в визуальном редакторе WordPress достаточно легко – нужно просто отредактировать файл functions.php темы:

add_action('media_buttons','add_sc_select',11);
function add_sc_select(){
echo '
<select> <option>Шорткоды</option></select>
<select> <option value="<h1></h1>"><h1></option></select>
<select> <option value="<br>"></br></option></select>
';
}
add_action('admin_head', 'button_js');
function button_js() {
echo '<script type="text/javascript" src="https://yandex.st/jquery/1.6.4/jquery.min.js"></script><script type="text/javascript">
    jQuery(document).ready(function(){
       $("#sc_select").change(function() {$("#content").val($("#content").val()+$("#sc_select :selected").val());})
    });

</script>';
}

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

[/spoiler]

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