Как добавить полезные кнопки в визуальном редакторе WordPress.


В визуальном редакторе WordPress, по умолчанию, присутствует минимально необходимое количество кнопок, отвечающих за форматирование вашего текста. Этот набор это минимум, который необходим для простейшего форматирования, это то, что используется довольно часто. Однако в некоторых случаях вам может понадобиться немного большая функциональность визуального редактора. Возможно, вы захотите более гибко и разнообразно форматировать ваш текст. Конечно, вы можете подготовить текст, в каком либо из популярных редакторов, например Adobe Dreamweaver, а затем вставить его в визуальный редактор. Или, зная хорошо язык разметки HTML, вы можете переключиться из визуального редактора в обычный HTML редактор прямо в административной панели WordPress и отформатировать текст стандартными тегами HTML. Но иногда гораздо проще добавить несколько дополнительных кнопок непосредственно в визуальный редактор. Знаете ли вы о том, что есть много полезных кнопок, которые вы можете очень легко добавить к вашему визуальному редактору? Я решил проверить это на своем блоге и добавить третий ряд кнопок, которые делают форматирование текста еще более удобнее. Вот как это выглядело до того, как я добавил ряд с полезными кнопками. Кнопки в редакторе по умолчаниюПосле того, как я добавил нужный код, у меня в визуальном редакторе добавился новый ряд с кнопками, это стал третий ряд. Добавленные пользовательские кнопкиКак видите, я добавил именно те кнопки, которые не отображаются по умолчанию в визуальном редакторе WordPress. Зато теперь я легко могу применять дополнительное форматирование текста прямо в редакторе. Например, теперь я могу добавить горизонтальные линии, верхние индексы, нижние индексы, могу выбрать нужный шрифт, размер шрифта, очистить код от нежелательных тегов, применять стили (выравнивание по горизонтали, подписи, и т.д.) На самом деле добавить нужные кнопки в визуальный редактор очень легко. Просто вставьте этот фрагмент кода в файл functions.php, который вы можете найти в папке вашей активной темы:

function enable_more_buttons($buttons) { $buttons[] = 'hr'; $buttons[] = 'sub'; $buttons[] = 'sup'; $buttons[] = 'fontselect'; $buttons[] = 'fontsizeselect'; $buttons[] = 'cleanup'; $buttons[] = 'styleselect'; return $buttons; } add_filter("mce_buttons_3", "enable_more_buttons"); 

В объявлении фильтра вы можете также задать и номер ряда, куда вы хотите поместить ваши кнопки. Например, mce_buttons_2, разместит кнопки во втором ряду. Сохраните изменения в файле, и теперь вы должны увидеть ваши новые кнопки в редакторе. Вы можете изменить порядок и ли выбрать другие кнопки. На сайте разработчиков TinyMCE вы можете найти полный список доступных кнопокдля добавления в редактор. Используйте то, что вам нужно, чтобы расширить функционал редактора именно под ваши нужды. Кодекс WordPressтакже предоставляет дополнительную информацию для добавления пользовательских кнопок в редактор TinyMCE . Там вы найдете примеры, которые покажут вам, как включать кнопки, которые необходимы. Надеюсь, вы найдете этот прием полезным, и он облегчит вам использование редактора WordPress!

Реклама
Поделиться
Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!

11 комментариев

  1. Роман01/07/2015
  2. Игорь23/05/2013
  3. Николай20/05/2013
  4. Елена25/10/2011
  5. Алексей13/03/2011
  6. TRSteep11/03/2011
    • Николай11/03/2011
  7. Радомирка11/03/2011
    • Николай11/03/2011

Добавить коментарий

четыре × пять =