Налаштовуємо шаблон оформлення у редакторі WordPress

Створюємо свій формат відображення контенту на сторінці

налаштовуємо

Робота "під капотом"

Додамо код, який ви бачите нижче, у файлfunctions.php, після чого кожен новий пост, який ми створюватимемо в блозі або на сайті, буде йти з встановленими тегамиdiv, класамиcontent-col-main таcontent-col-side. Зауважу, що коректність роботи цього коду перевірена лише для версій WordPress 3.0 та старших:

Кілька важливих приміток :

Тепер оформимо все у новому стилі. Додамо наступний код у файлfunctions.php :

Тепер при створенні нового посту ви побачите 2 колонки, в яких можна набирати/вставляти текст або інший контент:

Цей базовий шаблон буде з'являтися щоразу, коли ви створюєте новий запис або сторінку у блозі.

Використовуйте цю техніку налаштування стилів для створення власних шаблонів оформлення для контенту.

шаблон

Робота із зовнішнім оформленням

Як отримати ще більше від шаблонів

Серію блоків контенту можна перетворити на серію "табів ", які адміністратор сайту може групувати, переміщати та оновлювати на одній сторінці. Це лише один із багатьох способів простого адміністрування контенту та шаблонів для WordPress.

Шаблони на основі шаблонів

Всі елементи оформлення контенту можна за замовчуванням задати за допомогою файлуeditor-style.css, але якщо вам потрібно застосувати окрему таблицю сил для кожного окремого типу публікацій на сайті, ви можете зробити це за допомогою сніпета відWPStorm :

Додайте цей код у файлfunctions.php і створіть файли видуeditor-style-[POSTTYPE].css для кожного окремого типу записів, щоб окрема таблиця стилів відповідалаокремого типу записів. Просто замініть[POSTTYPE] назвою типу публікацій. Наведений вище код можна розширити за рахунок додавання нових параметрів та варіантів для кожного додаткового типу постів.

Як альтернативний варіант, ви можете використовувати наступний код для автоматичного пошуку таблиці стилів видуeditor-style-ім'я посту, який зараз редагується. Тут, знову ж таки, просто переконайтеся, що суфікс нової таблиці стилів збігається точно з потрібним вам типом посту:

У цьому сніпеті файлeditor-style.css також буде включений на всіх сторінках, що редагуються, на додаток до таблиці стилів з ім'ямeditor-style-[POSTTYPE].css, зазначеної для конкретного посту .

Висновок

Хоча розглянутий нами метод має свої недоліки, — зокрема, редагувати нову структуру оформлення може бути непростим завданням для вашого замовника, — він дозволяє створювати на базі проекту цікаву "пісочницю" для експериментів з можливостями оформлення контенту та його стандартизації.