✅ WEB і WordPress новини, теми, плагіни. Тут ми ділимося порадами і кращими рішеннями для сайтів.

Підручник із теми WordPress для початківців – Частина 10: Додавання додаткових шаблонів

16

У цьому уроці підручника з теми WordPress для початківців ми докладніше заглибимося в шаблони. Ми дізнаємося про частини шаблону та запровадимо його для повторного використання. І ми додамо більше стандартних шаблонів WordPress до нашої теми.

Але перш ніж ми почнемо додавати більше файлів шаблонів, нам потрібно знати, чому ми повинні турбуватися про частини шаблону.

Частини шаблону: гнучкіші будівельні блоки

Частини шаблону працюють точно так само, як get_header()і про get_footer()які ми дізналися в частині 2, але не обмежуються цими файлами. Ви можете використовувати частини шаблону для будь-якого файлу!

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

Давайте «перетворимо» частину нашого існуючого коду на частини шаблону, перш ніж ми почнемо створювати нові шаблони!

Створення частини шаблону петлі посту

Створіть новий порожній файл у папці нашої теми; називається content-loop.php. Ви можете називати частини шаблону як завгодно. Але ви не можете назвати їх так само, як будь-який із визначених шаблонів WordPress. У нашому index.phpзнайдіть усе, що у вас є, у петлі, виріжте це та вставте всередину content-loop.php.

Усередині порожнього циклу в index.php, скористайтеся викликом функції get_template_part()та визначте файл частини шаблону як параметр (без .phpрозширення). Ось як це має виглядати в обох файлах:

... while (have_posts()): the_post(); get_template_part('content-loop'); endwhile; the_posts_pagination(); ...

Якщо ви оновите першу сторінку, ви не побачите жодної різниці.

Чудово! Тепер, коли наш index.phpгарний і чистий, ми можемо використовувати його як основу для копіювання в інші шаблони. Нижче я поясню, як додати шаблон категорії та шаблон результатів пошуку, але я рекомендую вам створити більше шаблонів для більшого контролю над дизайном вашої теми.

Додавання шаблону категорії

Якщо ви повернетеся до ієрархії шаблонів WordPress, ви побачите, що для категорій публікацій WordPress шукатиме шаблон під назвою category.php. Ми створимо його спочатку.

У папці вашої теми створіть копію index.phpфайлу та перейменуйте її category.php.

І це все. Ви в основному закінчили…!

Проте додамо одну деталь; ми хочемо показати заголовок, який повідомляє нам, що ми знаходимося на сторінці категорії для публікацій у категорії під назвою X. WordPress має для цього функцію, яку можна використовувати в усіх шаблонах архівів (категорії, теги, архіви дат), the_archive_title. Давайте додамо його перед циклом, усередині <h1>тегу.

Якщо ви переглядаєте сторінку категорії дописів, ви повинні побачити щось подібне до цього із заголовком архіву «Категорія: «. PS: якщо ви хочете змінити вивід заголовка архіву (наприклад, не показувати «Категорія: «), ви можете додати фільтр get_the_archive_title. На сторінці документації показано чудовий приклад того, як це зробити.

Підручник із теми WordPress для початківців – Частина 10: Додавання додаткових шаблонів

Ну, це було легко! Далі розглянемо шаблон результатів пошуку.

Додавання шаблону результатів пошуку

Процедура така ж, як і для шаблонів категорій. Цього разу зробіть копію category.phpта перейменуйте копію на search.php.

Все, що нам потрібно виправити, це назва. Функція заголовка архіву, яку ми використовували в шаблоні категорії, на жаль, не дуже добре працює для шаблону результатів пошуку. Насправді в WordPress не існує простої функції, яка виводить нам назву.

Але ми можемо легко зробити його самі, і в той же час я покажу, як вивести динамічну змінну, але зберегти текст придатним для перекладу.

PHP має дві корисні функції printf()та sprintf(). Вони роблять те саме, за винятком того, що printfвиводять його (наприклад, echo) і sprintfповертають, тому ми можемо зберегти його у змінній. Після того, як ми розмістили текст як перші параметри, ми можемо додати динамічні змінні як аргументи, які потім буде введено в текст. Усередині них ми можемо використовувати функції перекладаного тексту __()та _e(). Я рекомендую вам трохи почитати про те, як працює printf або sprintf, оскільки я не буду вдаватися в подробиці.

WordPress пропонує просту функцію для отримання рядка, який шукали; get_search_query(). З огляду на це, давайте замінимо функцію заголовка архіву на цю;

Наведений вище код робить зсередини назовні; визначення перекладаного тексту «Пошук: %s», який поміщається всередину, printfщо повторює рядок і замінює рядкову константу (%s) другим аргументом; який є get_search_query().

У результаті ми отримуємо такий заголовок, коли шукаємо «er»:

Підручник із теми WordPress для початківців – Частина 10: Додавання додаткових шаблонів

приємно! Готовий ще один шаблон. Що стосується останньої частини цього уроку, ми розглянемо наш єдиний шаблон публікації та додамо щось дуже поширене у WordPress; шаблон коментарів.

Додавання шаблону коментарів до окремої публікації

У нашій single.php, після публікації статті, ми хочемо показати коментарі. Коментарі мають виводити список попередніх коментарів і форму для додавання нового коментаря.

Шаблон коментарів — це файл шаблону, який ви можете додати до своєї теми, але насправді WordPress має власний стандартний вихід шаблону коментарів. Якщо comments.phpу вашій темі його немає, запит шаблону коментарів поверне вихідні дані WordPress за замовчуванням для нього. Це те, що ми будемо робити в цьому підручнику.

Ми хочемо викликати шаблон коментарів, лише якщо в публікації активовано коментарі (це налаштування для кожної публікації та глобальне налаштування сайту). Тож ми додаємо перевірку if, щоб перевірити, чи дозволені коментарі, comments_open()і якщо вона повертає true, ми запитуємо шаблон коментарів за допомогою comments_template(). Майте на увазі, що все це має відбуватися в циклі. Я додав його після закінчення </article>, безпосередньо перед закриттям циклу.

Якщо ви відвідуєте одну публікацію, у якій дозволено коментарі (я додав коментар, щоб також показати вам список коментарів); ви отримаєте цей чудовий (гм) шаблон коментарів за замовчуванням:

Підручник із теми WordPress для початківців – Частина 10: Додавання додаткових шаблонів

Тепер ви можете (і це часто заохочується) створити власну comments.phpтему у своїй темі, яка замінить стандартний вихід WordPress. Однак у цьому підручнику я не збираюся створювати шаблон коментарів, оскільки вихідні дані WordPress за замовчуванням працюють чудово, якщо ви правильно їх стилізуєте. Якщо ви перевірите HTML, то там є багато доступних обгорток і класів.

Документація щодо використаних методів

Джерело запису: awhitepixel.com

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі