Стилі в редакторі wordpress
Спосіб 1: використовуємо плагін
Перше, що вам потрібно зробити, це встановити і активувати плагін TinyMCE Custom Styles. Після активації вам потрібно зайти на сторінку Settings → TinyMCE Custom Styles, щоб настроїти установки плагіна.
Плагін дозволяє вибрати розташування файлів стилів. Він може використовувати вашу тему, стилі дочірньої теми, або ви можете вказати шлях до вашим власним стилям. Після цього вам потрібно буде натиснути на кнопку "Save All Settings" для збереження змін. Тепер ви можете додати свої власні стилі.
Прокрутіть трохи вниз до розділу style (стиль) і натисніть на кнопку Add new style (Додати новий стиль). Перш за все, вам необхідно ввести назву для стилю (воно буде відображатися в випадаючому меню), а потім вибрати його type (тип): вбудований, блоковий або перемикач. Після цього вам залишиться додати CSS-клас, а потім додати свої CSS-правила як показано на малюнку нижче:
Цей метод потребує правку коду WordPress файлів.
Крок 1: додавання призначених для користувача стилів в меню, що випадає в WordPress
Крок 2: Додати пункти в меню, що випадає
Тепер вам потрібно додати пункти в меню, яке ви тільки що створили. У цьому уроці ми додаємо три користувальницьких стилю для блоку і кнопок в контенті.
Вам потрібно додати наступний код в файл functions.php у вашій темі:
Крок 3: додаємо CSS стилі
На закінчення, додамо CSS правила для призначених для користувача стилів. Вам потрібно буде додати цю CSS в свою тему або файли style.css і editor-style.css дочірньої теми.
- unity