Це серія навчальних посібників, що охоплюють основи розробки теми WordPress з нуля. Це для вас, хто трохи пробував змінювати інші теми, бажаючи знати достатньо, щоб створити власну, або намагався створити власну тему з нуля, але йому було важко зрозуміти основи того, що потрібно темі. Завдяки 12 урокам цей підручник допоможе вам розробити власну тему WordPress, а також вивчити загальні практики та основи роботи WordPress. Мета цього підручника — не закінчити створенням дивовижної та готової до використання або продажу теми, а дати вам міцну основу, необхідну для її створення та розширення.
Я рекомендую вам написати все самостійно, а не копіювати та вставляти код. Це найкращий спосіб навчитися (не хвилюйтеся, ми не говоримо про тисячі рядків)! Уроки налаштовані таким чином, щоб ви крок за кроком дізналися, що робить кожен біт коду, щоб ви могли змінювати та додавати його по дорозі, щоб ви могли зробити так, як ви хочете, щоб він був або виглядав. Наприкінці кожного уроку я буду посилатися на сторінки документації для кожного використаного методу, як правило, на WordPress Codex.
У цьому підручнику не розглядатимуться стилі (CSS), але пояснюється, як ви можете додати свої таблиці стилів до своєї теми, і пояснюється, як наказати WordPress динамічно додавати корисні класи у ваш HTML. Я заохочую вас самостійно оформляти свою тему під час слідування.
передумови
Цей посібник для вас, хто:
- Знати основи HTML і CSS
- Трохи знати PHP. Вам не потрібно бути експертом, але ви повинні знати основи
- Знайомі з використанням WordPress
- Хочу навчитися!
Що вам знадобиться для виконання цього підручника:
- Налаштування місцевого розвитку. Ви можете розробити, передавши через FTP домен, але рекомендується налаштувати його локально. Вам (очевидно) також потрібно буде встановити WordPress на вашому сайті розробки. Я коротко поясню , як це зробити в частині 0.
- Хороший текстовий редактор. Ви можете використовувати будь-який редактор, наприклад Блокнот тощо, але рекомендується використовувати програмне забезпечення, призначене для кодування (так легше читати, знаходити та писати код). Особисто я використовую Sublime Text 3.
Зміст підручника
Нижче наведено прямі посилання на всі 12 уроків цього підручника; однак у кінці кожного уроку ви знайдете навігаційні посилання на наступний або попередній урок, тому вам не потрібно повертатися сюди.
Без зайвих слів, почнемо! Якщо у вас уже є налаштування локальної розробки WordPress, відразу перейдіть до Частини 1: Вступ.
-
Підручник з теми WordPress для початківців – Частина 0.5: Налаштування локальної розробки WordPress
Крок 0.5 у посібнику з теми WordPress для початківців розповідає, як налаштувати локальне середовище розробки за допомогою WAMP або XAMPP і встановити WordPress.
-
Підручник із теми WordPress для початківців – Частина 1: Вступ
У цьому уроці ви почнете вивчати, як WordPress завантажує вміст залежно від того, на якій сторінці ви перебуваєте, та ієрархію файлів шаблонів теми. Ви також дізнаєтесь, що потрібно для дійсної теми. І в кінці ми нарешті створимо нашу тему та активуємо її.
-
Підручник із теми WordPress для початківців – Частина 2: Шаблони
Цей урок навчить вас структурувати основні шаблони побудови в темі WordPress. Ми почнемо створювати найважливіші шаблони.
-
Підручник із теми WordPress для початківців – Частина 3: Динамічний вміст
У цьому уроці посібника з теми WordPress для початківців ми дізнаємося про хуки в WordPress і додамо кілька хуків у нашу тему, які необхідні для належної роботи теми з WordPress і плагінами. Ми також почнемо отримувати доступ до динамічного вмісту з WordPress у нашому заголовку, наприклад автоматично отримувати поточну назву сторінки.
-
Підручник із теми WordPress для початківців – Частина 4: Цикл публікацій
У цьому уроці підручника з тематики WordPress для початківців ми детально розглянемо «цикл публікацій» у WordPress; що це таке, як виглядає, навіщо ми її використовуємо та як отримати доступ до публікацій. Потім ми розглянемо реалізацію цикл в нашій темі.
-
Підручник з теми WordPress для початківців – Частина 5: Доступ до інформації про дописи
Цей урок підручника з тематики WordPress для початківців розповідатиме про те, як ми можемо отримати доступ до такої інформації, як посилання, заголовок тощо, і вивести її з кожної публікації всередині циклу публікації. Ми робимо це за допомогою шаблонних тегів. У процесі ми також додамо шаблони єдиного перегляду до нашої теми.
-
Посібник із теми WordPress для початківців – Частина 6: Функції теми.php
Сьогодні ми дізнаємося, де і як додати код поза шаблонами в нашій темі. Ми робимо це, додаючи файл functions.php теми. Попутно ми також навчимося правильно додавати ваші таблиці стилів і сценарії.
-
Посібник із теми WordPress для початківців – Частина 7: налаштування теми та пропоновані зображення
Цей урок продовжується додаванням базового необхідного коду для налаштування теми WordPress. Ми вчимося додавати підтримку тем і фільтрувати заголовок першої сторінки.
-
Посібник із теми WordPress для початківців – Частина 8: Переклад
Ми дізнаємося, як працює переклад (або i18n) у WordPress і як зробити тексти придатними для перекладу. Також містить посібник із використання PoEdit для створення файлів .po.
-
Підручник із теми WordPress для початківців – Частина 9: Області меню та віджетів
Цей урок розповідає про те, як додати дві основні функції WordPress до нашої теми; меню та області віджетів. Ми дізнаємося, як зареєструвати розташування для головного навігаційного меню сайту та вивести меню в наші шаблони, а також дозволити додавати віджети на нашій бічній панелі та нижньому колонтитулі.
-
Підручник із теми WordPress для початківців – Частина 10: Додавання додаткових шаблонів
У цьому уроці підручника з теми WordPress для початківців ми докладніше заглибимося в шаблони. Ми дізнаємося про частини шаблону та запровадимо його для повторного використання. І ми додамо більше стандартних шаблонів WordPress до нашої теми.
-
Посібник із теми WordPress для початківців – Частина 11: Користувацькі шаблони сторінок
У цьому уроці тематичного посібника WordPress для початківців ми дізнаємося про шаблони сторінок, що вони собою являють, як їх створювати та найкращі практики. Для прикладу ми зробимо шаблон повної ширини. Попутно ми також додаємо клас до тіла, запитуючи, чи сторінка використовує певний шаблон сторінки.
-
Посібник із теми WordPress для початківців – Частина 12: Запит на власну публікацію
У цьому останньому уроці ми навчимося писати власний запит дописів і проходити їх у циклі, не перериваючи батьківський цикл у шаблоні. Ми створимо частину шаблону для окремих публікацій, яка показуватиме пов’язані публікації в одній категорії.
-
Підручник із теми WordPress для початківців – підсумки та наступні кроки
Ми завершуємо цей урок теми WordPress для початківців коротким підсумком того, що ми навчилися. І подивіться, що ви можете зробити далі та як покращити себе як розробника теми WordPress.