BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » WordPress редактор – добавление кнопок

WordPress редактор – добавление кнопок

2013-03-14 / Вр:21:03 / просмотров: 6179

Вопрос для тех, кто пользуется движком  CMS WordPress для разработки сайтов: знаете ли вы, что у вас есть возможность расширить визуальный текстовый редактор? Согласитесь, в стандартном текстовом редакторе Wordpress не достаточно функций для работы с текстом. Вот например, как поставить в текстовом редакторе wordpress в тексте "х2" или "Н2О"? Никак!!! Да, никак, если вы не сделали расширенную возможность текстового редактора. Давайте посмотрим на примере, как выглядит стандартный текстовый редактор (тот что по умолчанию) и как выглядит расширенный.

Визуальный текстовый редактор WordPress (по умолчанию)

Стандартный текстовый редактор (по умолчанию)

расширения возможность текстового редактора

Расширеный текстовый редактор

Обратите внимание, на то место в картинке, где я выделил красным. Как видите из примера, возможность текстового редактора Wordpress расширилась.

Как расширить текстовый редактор Wordpress.

Это вовсе не сложно и займет всего минуту вашего времени. Откройте файл functions.php вашей темы и добавьте между тегами
<?php........и........?>, вот такой код:

/*кнопки текстового редактора*/
function enable_more_buttons($buttons) {
 $buttons[] = 'hr';
 $buttons[] = 'sub';
 $buttons[] = 'sup';
 $buttons[] = 'fontselect';
 $buttons[] = 'fontsizeselect';
 $buttons[] = 'cleanup';
 $buttons[] = 'styleselect';
 $buttons[] = 'anchor';
 return $buttons;
}
add_filter("mce_buttons_3", "enable_more_buttons");

Жмите "Обновить файл".

Обозначение:

hr - линия;
sub - нижний регистр;
sup - верхний регистр;
fontselect - шрифты;
fontsizeselect - размер текста;
cleanup - очистка;
styleselect - CSS стили;
anchor - якорь.

Это все кнопки, которые мне нужны, а их намного больше. Вот их список:

hr, justifyleft, justifycenter, justifyright, justifyfull, bullist, numlist, outdent, indent, cut, copy, paste, undo, redo, link, unlink, image, cleanup, help, code, bold, italic, underline, strikethrough, removeformat, formatselect, fontselect, fontsizeselect, styleselect, sub, sup, forecolor, visualaid, anchor, newdocument, backcolor, charmap, separator.

○ Чтобы добавить еще одну кнопку, добавьте к коду еще одну строчку:

$buttons[] = ‘сюда вставьте название кнопки’;

Например:

$buttons[] = 'backcolor';

Вот и все. Только что вы расширили возможность текстового редактора wordpress. Смотрите результат! Если что не понятно или вы знаете дополнение, пишите в комментарии.

С Уважением Webmasterok2009

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

7 Ответов на комментарий - WordPress редактор – добавление кнопок

  1. Оксана

    А можно поподробнее в какой части всех этих буковок, циферок и значков находится , и куда добавлять после буквы “и” или перед?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Оксана, осмелюсь предположить, что вы – новичок в работе с Вордпресом. Поэтому ответ свой построю так:
    1. Чтобы открыть файл functions.php, нужно зайти в Админ-панель, в левом меню перейти на “Внешний вид”, а потом на “Редактор”.
    2. Откроется новая страничка и в меню с правой стороны найдите “Функции темы functions.php” – перейдите на него.
    3. Перед вами откроется куча кодов, которые начинаются с < ?php и заканчиваются ?>.
    4. Копируете код, о котором говорилось в моей статье, и вставляете его сразу перед ?> (т.е., спускаетесь в самый низ и перед ?> вставляете код)
    5. Обязательно не забудьте нажать “Обновить файл”!!!
    6. Теперь, когда вы будете добавлять новую запись или страницу, вы должны заметить появление новых функций (кнопок).

    Ответить

  2. Ирина

    Здравствуйте Степан! Помогите пожалуйста, я тоже новичок, с другими проблемами справлялась сама, а здесь совсем запуталась, этих знаков там оч. много, перед каким из них вставлять кол, никак не пойму, помогите пожалуйста.. Можно Вам прислать код из моего functions.php ?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Здравствуйте Ирина! Вставляете код в файле “functions.php” перед знаком “?>”. То есть, это будет выглядеть вот так:

    <?php
    
    /*кнопки текстового редактора*/
    function enable_more_buttons($buttons) {
     $buttons[] = 'hr';
     $buttons[] = 'sub';
     $buttons[] = 'sup';
     $buttons[] = 'fontselect';
     $buttons[] = 'fontsizeselect';
     $buttons[] = 'cleanup';
     $buttons[] = 'styleselect';
     $buttons[] = 'anchor';
     return $buttons;
    }
    add_filter("mce_buttons_3", "enable_more_buttons");
    
    ?>
    

    Если у Вас, Ирина, не получиться, напишите в комментарии, помогу!

    Ответить

  3. Сергей

    Это про вставку доп. кнопок в ВИЗУАЛЬНЫЙ редактор, это понятно, даже плагинов таких куча (Ultimate TinyMCE, например). А вот как добавить свою кнопочку в Текстовый редактор – вот какой вопрос. Потому что переключаясь между двумя вкладками Визуальный и Текстовый – код перемешивается, портится, во многих случаях. Так что выбор некоторых людей – это отключить Визуальный редактор! Но как тогда добавить пару кнопочек в Текстовый, а? Степан, выручай!

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Здравствуйте, Сергей! Прочитайте вот эту статью, там я все об этом рассказал

    Ответить

  4. Сергей

    Спасибо, Степан! То что нужно, именно это я и искал!

    Ответить

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки:

Мои цели на 2016 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 600

4). Добиться стабильной посещаемости 2500 человек/сутки

5). Закончить все статьи, которые находятся в черновиках

6). Создать портфолио и мини интернет-магазин шаблонов

7). Создать книгу

8). Добиться стабильной посещаемости 3000 человек/сутки

9). Довести количество статей до 700

10). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 669
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 3663