Как добавить класс ссылки в визуальном редакторе WP

Многие наверняка видели во встроенном редакторе WordPress возможность выбрать css класс гипер-ссылки. Мне на днях подадобилось создать свой класс, как это сделать -дальше.

Итак, вот как выглядело у меня окошко вставки ссылки:

Добавляем свой класс гиперссылки в редакторе WordPress

Мне нужно было создать свой уникальный класс. Что нужно сделать, на живом примере:

  1. В файл functions.php рабочей темы блога вставляем запись
    add_editor_style();
  2. В папке с этой же темой создаём файл с названием editor-style.css
  3. В этом файле прописываем нужные классы, просто для примера я сделал так (в css я слаб, может мой код некорректен):
    .true {
    	font-size: 13px;
    	font-family: Arial, Helvetica, Sans-serif;
            font-style: italic;
            color: #3E3C3C;
    	}
  4. Теперь можем выбрать этот класс в выпадающем списке:
    новый класс

    и получаем ссылку, оформленную в соответствии со стилем.

    Решение помог найти Сергей Бирюков в ответ на мой вопрос тут. Спасибо ему)

    Rate this post

2 комментария

4script 17.04.2011 Ответить
То есть таким же макаром через css можно превратить ссылку в кнопку-картинку?
admin 18.04.2011 Ответить
@4script, эм…ну у вас будет ссылка с классом — по идее через цсс можно как угодно оформить, думаю что ссылка-картинка не исключение

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