Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

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

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

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

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

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

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

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

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

Тепер я побачив, що справи пішли швидше, і я почав більше встигати. Збереження та оновлення сторінки почало займати у мене набагато менше часу, а завантаження плагіна та його подальше переміщення в локальну папку – це секундна справа в порівнянні з передачею файлів через 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' );

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

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

3. Ви не використовуєте 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. Але існують інші незначні відмінності у відображенні вашої теми в різних браузерах.

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

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

BrowserStack — це дивовижний інструмент, за допомогою якого можна протестувати, як виглядатиме тема у різних браузерах за 39 доларів на місяць.

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

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

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

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

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

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

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

Theme Unit Data

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

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

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

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

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

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

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

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

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

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

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

Джерело: wplift.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 1

chumachkin_m:

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

Також до передових методів належать використання інструментів з Ruby (Compass), Node.js (npm, bower), PHP (Phing) або Java (Ant).

Та багато ще всякої ГАДОСТІ є на світі. :)
Але багато речей недозволена розкіш для дрібних та середніх проектів.

Можу доповнити список як мінімум 2 речами,

gmetrix або аналоги – контроль швидкості роботи сайту.
P3 (Plugin Performance Profiler) – контроль роботи окремих частин WordPress

ЗИ.
І ще все наведене вище треба змусити працювати з вашим улюбленим VIM, PHPStrom … потрібне додати.
Дякуємо за статтю.

Додати коментар або відгук