WordPress, TinyMCE Advanced, свои стили

TinyMCE AdvancedПлагин TinyMCE Advanced добавляет в визуальный редактор новые возможности. В том числе панель работы с таблицами. Это освобождает пользователя от необходимости знать html-теги и атрибуты, или обращаться к «знающим людям».

Пользователь может наглядно задать параметры таблицы. А может задать стиль таблицы, выбрав класс стиля из списка. Возникает вопрос добавления в список своих вариантов стилей.

Поиск в этом случае не помог, но толкнул в нужном направлении. Со страницы Max’а перешел на страницу плагина TinyMCE Advanced. Оттуда вернулся в свою консоль, в настройки плагина. И вычитал нужное. «It seems your theme (still) doesn’t support customised styles for the editor. If you would like to use that, you can create a file named editor-style.css and add it to your theme’s directory. …»

Дело в том, что подключил плагин к двум сайтам. Один основан на шаблоне TwentyTen. Там таких пояснений нет. А другой — голяк, без шаблона. На голом WP плагин и выдает такое предупреждение в настройках (видимо, если не находит файла editor-style.css).

Добавил в editor-style.css свои стили. И все ок. Стили появляются и при редактировании в админке, и при выводе на сайте. Обратите внимание на предупреждение на сайте плагина: «Note: Stylesheets containing complex declarations may not be displayed correctly by the Advanced TinyMCE Editor. Make sure the stylesheets entered here contain only simple class declarations, e.g., “.someclass”. If you see a stylesheet declaration not show up in the Editor, consider splitting out the direct and simpler declarations into a separate file.»

Вот, мой пример стиля, добавленного в файл editor-style.css:

.teh,
.teh table tr td {
border: 1px solid black;
margin: 5px;
padding: 5px;
}

Запись опубликована в рубрике Без рубрики. Добавьте в закладки постоянную ссылку.

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

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