вход

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

Как добавить полезные кнопки в визуальном редакторе 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 комментариев

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

  1. Радомирка:

    Спасибо за полезную информацию!

  2. Николай:

    @Радомирка
    Рад, что пригодилось. Заходите ещё :-)

  3. TRSteep:

    А можно сделать черту сразу с определенным стилем?
    или лучше все таки через css прописывать…

  4. Николай:

    @TRSteep
    Здесь добавляются кнопки, которые поддерживает редактор TinyMCE. Более сложное форматирование лучше выполнять при помощи CSS.

  5. А как принудительно разделить кнопки на 2 строки?

  6. Кнопочки очень нужный элемент для сайта, тем более что это способствует продвижению, так как из соц. сетей идёт неплохой трафик. Спасибо!

  7. Давно хотел добавить несколько кнопок в визуальный редактор. Вы совершенно правы в том, что использовать мощный плагин, возможностями которого не будешь пользоваться в полной мере – это бессмысленно нагружать сайт и если есть возможность обойтись без использования плагина, немного добавив кода, то обязательно стоит этим воспользоваться.
    Теперь буду знать не только как и куда вставлять код новых кнопок в визуальном редакторе, но и где взять необходимые коды кнопок.
    Полезная информация, спасибо!

  8. А ларчик то просто открывался!
    Именно то, что я искал.
    Спасибо автору за труд.
    Сейчас буду внедрять в файл дополнительные “печенюшки” для форматирования. А то уже замучился через HTML работать!

    С уважением,
    Николай Гижицкий

  9. код не подходит для WordPress 3.5.1.

  10. Игорь:

    Большое спасибо! Непонятно зачем они выпилили этот функционал по-умолчанию.

  11. Спасибо за кнопочки!)) обязательно теперь сделаю у себя на сайте!

Оставить комментарий

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

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.