Скільки з цих 5-ти помилок ви робите при розробці теми на WordPress?

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

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

Дивіться також:

• WordPress Codex - цінний помічник розробника
• Про типові помилки у розробці під WordPress та про те, як їх виправити
• Про важливість коду при розробці WordPress-теми

1. Ви не ведете розробку на локальній машині

Я визнаю, що в цьому одна з моїх помилок — я не набирався нових знань і користувався старими інструментами для створення тем, забувши про те, що світ не стоїть на місці та розвивається з кожним днем. Світ так – я ні.

Я не так часто оновлюю свою ОС. Я досі створюю дизайн переважно у Photoshop CS3 і користуюсь Windows Vista. І я завжди розробляв теми WordPress за допомогою кодування в редакторах Dreamweaver або Піднесенийа потім завантажував файли по FTP і оновлював браузер, щоб подивитися як воно все виглядає.

Донедавна я думав, що встановлення локального сервера завдасть мені чимало клопоту. Поки що я не спробував XAMPP!

Насправді завантаження виявилося дуже простим, і після встановлення пропонується встановити доповнення BitNami, за допомогою якого можна одним кліком встановлювати популярні скрипти та движки, наприклад WordPress.

Дивіться також:

• Як встановити WordPress локально на Mac за допомогою MAMP

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

2. Ви неправильно додаєте скрипти та стилі

Тепер ми вже знаємо, що всі скрипти та стилі необхідно додавати правильно за допомогою wp_enqueue_style и wp_enqueue_script. Згідно з WordPress Codex, найкраще включати скрипти та стилі в тому порядку, як показано в прикладі нижче:

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
	wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

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

Дивіться також:

• Як додати JavaScript і CSS у WordPress тему або плагін
• Найкращі способи для завантаження скриптів у WordPress

3. Ви не використовуєте WP_DEBUG

Під час роботи над темою необхідно усувати всі можливі чи зроблені помилки. Можливо, ви скопіювали якийсь застарілий код із інтернет-джерела із синтаксичними помилками. Набагато легше знайти та усунути ці помилки в міру виконання роботи, ніж потім переглядати всю роботу повністю.

Дивіться також:

• Налагодження коду WordPress: Як використовувати WP_DEBUG

Перед тим, як розпочати роботу над темою, варто включити режим WP_Debug, який буде повідомляти про всі допущені помилки. Для цього потрібно відкрити файл WP-config.php та змінити наступний рядок:

define( 'WP_DEBUG', false );

на

define( 'WP_DEBUG', true );

Наступний необхідний крок – це встановлення кількох must-have плагінів, які допоможуть вам у розробці нової теми. Наприклад:

• Розробник (Розробка) - плагін, який допомагає всім розробникам на WordPress у створенні нового продукту. Завдяки йому нові плагіни будуть рекомендовані для встановлення надалі в міру їх появи.
• Перевірка теми (перевірка теми) — допоможе легко та швидко протестувати створену вами тему та переконатися, що вона відповідає останнім стандартам тем на WordPress.
• Log Deprecated Notices (повідомлення про застарілі логи) - плагін визначає, чи були використані застарілі логи, і пропонує альтернативний варіант, якщо такий є.
• Панель налагодження — плагін повідомляє про кеш-пам'ять, виконані запити, кількість споживаної пам'яті та іншу корисну для розробників інформацію.

Це основні плагіни, використання яких допоможе вам створювати нові теми відповідно до останніх оновлень і стандартів WordPress.

4. Ви не тестуєте свою тему у різних браузерах

Найчастіший і найбільший винуватець спотвореної верстки у створеній вами темі – це Internet Explorer. Але існують інші незначні відмінності у відображенні вашої теми в різних браузерах.

Я відразу тестував кожну зроблену мною сторінку теми, а саме після кодування заголовка, розділу портфоліо, підвалу (футера), інше. Набагато легше знайти можливу допущену у роботі помилку, якщо тестувати сторінки окремо.

Дивіться також:

• Як тестувати WordPress на планшетах та смартфонах, яких у вас немає?

Існують й інші безкоштовні опції, наприклад, IE tester для випробування старих версій Internet Explorer.

Або ж Знімки браузера для отримання безкоштовних скріншотів із багатьох браузерів, або Lunascape, В якому можна змінити механізм рендерингу сайту (Trident, Gecko, WebKit).

5. Ви не використовуєте тестовий контент для перевірки теми

Існує велика різниця між створенням теми для себе, для клієнта або для публічного користування. А полягає вона в тому, що якщо ви розробляєте тему для себе або для клієнта, потреби якого ви знаєте, можна легко передбачити всі можливі нюанси і відразу ж їх доопрацювати для зручного кінцевого використання.

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

Я пропоную вам 2 способи перевірки вашої теми на таку універсальність для різноманітних користувачів.

Theme Unit Data

Це XML файл для імпорту тестового контенту та перевірки даних теми. скачайте цей файл і завантажте його на ваш сайт за допомогою плагіна Імпорт WordPress.

Щоб правильно протестувати створену вами тему, вам необхідно імпортувати деякі дані на перевірку їх відповідності зі стандартами WordPress, як-от формати постів, коментарі, приліплені записи в блогах (sticky posts) тощо.

Існує й інший інструмент. WP Testза допомогою якого можна протестувати тему.

Віджет монстрів

Це відмінний плагін, який поєднує всі ключові віджети WordPress.

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

І насамкінець додам

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

Успішної вам розробки!

Джерело: wplift.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/