Путь к статье: Главная » WordPress

Я про это уже писал в гостевом посте, на блоге wordpressinside.ru, но проблема в том, что не удобно мне искать эту статью на чужом блоге.

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

Суть идеи

Надо добавить в специальный файл Вордпресса дополнительные кнопки, чтобы они отображались в текстовом редакторе админке, примерно вот так:

дополнительные кнопки в WordPress

Этот специальный файл называется quicktags.dev.js и находится он в папке /wp-includes/js/. Вообще в этой папке находятся два файла: quicktags.dev.js и quicktags.js. Исполнительным файлом является quicktags.js, там все данные ужаты и редактировать его крайне сложно, поэтому мы будем редактировать его клона - quicktags.dev.js, а после, удаляем исполнительный файл quicktags.dev.js и переименовываем в quicktags.js.

PS: Перед какими-либо действиями, желательно сохранить эти файлы, чтобы ничего не испортить.

Добавляем кнопки

Откройте файл quicktags.dev.js и найдите вот такие строчки:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'b'
,'<strong>'
,'</strong>'
,'b'
);

Эта функция добавляет в редакторе кнопку b, для выделения текста жирным шрифтом.

Скопируйте её и вставьте ниже, прописав в новую функцию вот это:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'h2'
,'<h2>'
,'</h2>'
,'h2'
);

Вы получите кнопку которая заключает текст в тег <h2>. Прописав ещё в:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'h3'
,'<h3>'
,'</h3>'
,'h3'
);

У вас появится, ещё одна дополнительная кнопка и в редакторе эти две кнопки будут выглядеть вот так:

Так же вы можете изменить уже существующие кнопки (Вставка ссылки, изображения и.т.п.). Например добавить новую кнопку вставки ссылки с атрибутом rel="nofollow", правда у меня не получилось это сделать, но может кто-то из читателей подскажет как это реализовать.

После того, как вы закончили добавлять и изменять кнопки – сохраните файл. Удалите старый quicktags.js и переименуйте quicktags.dev.js в quicktags.js. После этого у вас появятся новые кнопки в текстовом редакторе WordPress.


Постовой: Интересные статьи про Операционную систему Linux, а точнее про убунту.

На этом всё, спасибо за внимание.


Поделитесь записью:


Комментарии
  1. Александр Попов

    Интересная информация для тех, кто любит поэкспериментировать и чувствует себя уверенно в программировании, но это смогут использовать продвинутые блогоделы. Для остальных советовал бы воспользоваться бесплатным редактором блогов Windows Live Writer. Я пользуюсь облегченной версией 2009 года Windows Live Writer Portable. Ее интерфейс проще, чем в Word и в нем содержится все необходимые функции для форматирования текста, работы с изображениями (изменить размер, добавить поля, эффекты, Название) и гиперссылками (например, назначать атрибуты rel=»nofollow» и target=»_blank) и при этом не надо разбираться в тонкостях HTML-кода. Возможность просматривать и редактировать Исходный код HTML статьи тоже имеется.

  2. Вячеслав

    Давно мечтал о таком, но руки не доходили, начать искать как это сделать 🙂

  3. Cospi

    100 раз по 2 секунды уже 3 минуты, в отличии от моментального проставления. Выделил нужный текст, нажал кнопку и он уже окружён тегами… Сильно экономит время и кроме тегов заголовков можно что угодно поставить.

  4. san4izl

    А я специальный плагин для этого устанавливал. Оказывается можно и без него.

  5. Anton

    А сервер от таких плагинов и так лишними запросами не будет нагружаться 🙂 Они делают ровно тоже, что написано в статье.

  6. Cospi

    Как раз наоборот, потому что плагин не изменяет файлы движка, а подгружает кнопки. Если бы плагин один раз изменил файлы и всё, то я согласен, а так нагрузка будет.

  7. Елена

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

  8. Дитрий

    Здравствуйте. Давно установил себе 2 кнопки h2 и h3 по вашей инструкции. Очень удобно. Теперь когда возникла необходимость в более свежей версии вордпресс, как не стараюсь сделать тоже самое — ничего не получается. Дело в том, что начиная с 3.3 весии эти 2 файла изменились. Не поскажите как правильно добавить кнопки в новых версиях вп?

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *