Шаблони є центральною особливістю Esl. Є різні типи шаблонів. Щонайменше, зазвичай ви створюєте шаблон заголовка, підвалу та блогу.
Шаблон може містити одну секцію (ваш заголовок сайту, секція героя тощо) або весь контент сторінки (розкладка одного блогу, архівні сторінки, сторінка з результатами пошуку, сторінка з помилкою тощо).
Ви можете створити свої власні шаблони або переглянути десятки уже готових шаблонів в Бібліотеці Шаблонів, натиснувши на іконку Шаблони (папка) на панелі інструментів движка.
Додайте скріншот свого шаблону, встановивши зображення для заголовка.
Уже готові шаблони спільноти
Переглядайте нашу постійно зростаючу колекцію готових шаблонів безпосередньо з панелі управління двигуном.
Отримайте доступ до Шаблонів спільноти, натиснувши на іконку «папка» на верхній панелі інструментів движка. Потім під «Джерело» виберіть «Шаблони спільноти». Тепер ви побачите список усіх готових шаблонів:
Вставте шаблон на свій вибір лише одним кліком і налаштуйте його відтоді. Усі зображення шаблонів спільноти є безкоштовними для використання і можуть бути використані у ваших та ваших клієнтів проектах.
ПОРАДА: Коли ви почнете використовувати Esl, переглядання шаблону є чудовим способом дізнатися, як структурована певна розмітка.
Мої Шаблони
Ви можете переглядати, створювати, імпортувати та експортувати свої власні шаблони, натиснувши на іконку Шаблони (папка) на панелі інструментів движка або безпосередньо з панелі управління WordPress:
Це також надає чудовий огляд того, де на вашому сайті з’являється шаблон (Умови шаблону), Тип шаблону, а також будь-які метадані шаблону, які ви додали (Пакет шаблонів, Теги шаблонів), щоб краще організувати ваші шаблони.
Давайте швидко пройдемося по специфічним термінам шаблону:
Умови шаблону
Умови шаблону визначають, де на вашому сайті з’являється шаблон.
Наприклад, шаблон Архів буде використовуватися на всіх сторінках архіву авторів і дат (див. скріншот нижче). Шаблон Одиничний блог пост відповідає за всі ваші пости. Обидва задаються таким чином через умови шаблону.
Якщо жодна умова шаблону не встановлена, Esl використає опубліковані шаблони певного типу шаблону, такі як шаблони заголовка та підвалу на фронтенді вашого вебсайту.
Перегляньте таблицю нижче, щоб побачити, які Типи шаблонів за замовчуванням використовуються.
Щоб встановити умови шаблону для шаблону, який ви редагуєте, натисніть на іконку Налаштування (передавальний) в панелі інструментів, потім перейдіть до Налаштування шаблонів → Умови шаблонів:
ПОРАДА: Щоб вимкнути використання шаблонів за замовчуванням, перейдіть до Esl → Налаштування та виберіть параметр Вимкнути шаблони за замовчуванням.
Вставка шаблонів секцій через хуки
Хочете відобразити шаблон на певному хуку WordPress? Починаючи з Esl 1.9.1, ви можете вставити будь-який шаблон типу “Секція” через будь-який хук WordPress.
Все, що вам потрібно зробити під час редагування вашого шаблону секції, це вибрати вашу умову шаблону (тобто, весь вебсайт) та ввести назву WordPress хука дії під “Хук: Назва“. Тепер ваш шаблон секції буде відображатися там, де цей хук дії викликається.
Ви також можете додатково встановити “Хук: Пріоритет” (за замовчуванням – 10).
esl_before_headerТипи шаблонів
Встановлення типу шаблону є обов’язковим для будь-якого шаблону.
Призначення найбільш підходящого типу шаблону допомагає вам легко фільтрувати великі бібліотеки шаблонів і дозволяє Esl визначити, чи повинен певний шаблон відображатися на фронтенді вашого вебсайту в разі, якщо жодні умови не встановлені. Це, якщо ви не вимкнули цю опцію, як описано в пораді вище.
| Тип шаблону | Опис | Використовується за замовчуванням |
| Головний | Встановлений для будь-якого шаблону, який містить заголовок вашого вебсайту (логотип, навігаційне меню тощо) | Так |
| Футер | Встановлений для будь-якого шаблону, який містить футер вашого вебсайту (інформація про авторські права, навігаційне меню футера тощо) | Так |
| Одиничний | Встановлений для будь-якого шаблону, який містить основний контент, наприклад, шаблон одиничного блогу. | Ні (він унікальний) |
| Одиничний продукт | Встановлений для будь-якого шаблону, який містить основний контент продукту WooCommerce. | Ні (він унікальний) |
| Секція | Встановлений для будь-якого шаблону, який містить одну секцію. Наприклад, героїчна секція, секція контактів тощо. | Ні (він унікальний) |
| Архів | Встановлений для будь-якого шаблону, який містить архів вашого вебсайту. Може бути розділений за допомогою умов шаблону на архівні сторінки авторів, дат, категорій/міток. | Так |
| Архів продуктів | Встановлений для будь-якого шаблону, який містить архів WooCommerce. Може бути розділений за допомогою умов шаблону на архівні сторінки категорій або міток продуктів. | Ні (він унікальний) |
| Результати пошуку | Встановлений для шаблону, який ви хочете використовувати для відображення сторінки результатів пошуку. | Так |
| Сторінка помилки | Встановлений для шаблону, який ви хочете використовувати як вашу 404 сторінку помилки. | Так |
ВАЖЛИВО: Шаблони секцій НЕ синхронізуються/оновлюються між сторінками. Будь ласка, встановіть тип шаблону, щоб показати певний шаблон у конкретній області вашого сайту. Шаблони “Одиничний” та “Секція” є унікальними і не використовуються десь ще за замовчуванням.
Шаблони пакетів та теги шаблонів
Ці дві таксономії шаблонів Esl можуть бути використані для організації та групування ваших шаблонів разом. Вони є 100% необов’язковими.
Наприклад, наші шаблони спільноти використовують Шаблони пакетів для групування індивідуальних шаблонів одного й того ж дизайну вебсайту (Milo, Sizzle, Rank тощо) разом. Не соромтеся використовувати шаблони пакетів будь-яким іншим чином.
Теги шаблонів – це прості теги. Скриншот “Мої шаблони” вище використовує теги шаблонів, такі як “Темний” та “Світлий”. Знову ж таки, вони повністю необов’язкові, але часто дуже корисні. Особливо в міру зростання вашої бібліотеки шаблонів з часом.