22.11.2022
2616

Теми WordPress — підбираємо дизайн сайту

Андрій Мазур
автор ApiX-Drive
Час прочитання: ~5 хв

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

Зміст:
1. Що таке WordPress тема?
2. Екскурс в історію
3. Поради щодо вибору теми WordPress
4. Де шукати теми WordPress
5. Висновок
***

Що таке WordPress тема?

У CMS WordPress роль стиліста, що забезпечує той чи інший образ сайту, виконує інструмент під назвою “тема”. Сама по собі система WordPress дозволяє створити веб-ресурс та забезпечує керування ним. Але задати кольори, шрифти, розміщення окремих елементів — завдання теми. Це якщо дивитися на неї з точки зору дизайнера. А з боку програміста, тема — це набір взаємопов'язаних файлів, які повідомляють браузеру, як користувачу повинен відображатися контент сайту. Як стиліст задає зовнішній вигляд людини, поєднуючи взуття, одяг та аксесуари, так і програмне забезпечення теми задає стиль сайту.

WordPress теми | Доступні теми на WordPress<br>


Обговорення дизайну майбутнього сайту по суті зводиться до обговорення конкретного питання: "Яка тема дозволить досягти задуманих цілей?" Вибір теми – це одне з головних завдань при розробці нового сайту на WordPress.

Екскурс в історію

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

Зв'яжіть сервіси та додатки між собою без програмістів за 5 хвилин!

Метт Мюлленвег, творець WordPress, є автором першої теми для цієї CMS. Вона побачила світ разом із системою управління контентом у 2003 р. Далі розвиток тем WordPress відбувався за таким сценарієм:

  • 2004 р. — з виходом WordPress 1.2 дебютну тему змінює WordPress Classic Theme. У наші дні важко уявити, але тоді користувач не міг змінювати тему на власний розсуд.
  • 2005 р. — у WordPress 1.5 з'являється тема-легенда Kubrick. Мінімалістичний синьо-білий шаблон вигадав данець Майкл Хейлеманн. Великий прихильник фантастики, він втиснув у вихідний код свого творіння своєрідну оду режисеру фільму "2001: A Space Odyssey" Стенлі Кубріку. Разом із проривною темою користувачі WordPress отримують доступ до цілого набору дизайнів сайту та можливість самостійно перемикати тему сайту.
  • Формується концепція застосування теми за замовчуванням. Вона використовується для демонстрації можливостей WordPress. Тому тема за замовчуванням є багатофункціональною і може використовуватися для створення більшості видів веб-сайтів. Крім того, тема за замовчуванням є резервною. Якщо встановлена користувачем тема WordPress видалена або працює неправильно, WordPress автоматично повернеться до дефолтної теми.
  • 2008 р. — створено каталог тем WordPress. Кожен бажаючий тепер міг розробити та завантажити в нього власну тему. Головне, щоб вона пройшла тест на якість.
  • 2010 р. — у WordPress 3.0 з'являється TwentyTen. З цього моменту з кожною основною версією CMS випускається нова тема для встановлення за замовчуванням. На думку ідеологів WordPress, так CMS завжди відповідатиме духу часу та мінливим тенденціям дизайну.
  • Кожна нова "рідна" тема стала називатися на честь року, коли вона випущена. Потрібно сказати, що TwentyTen виявилася однією з найулюбленіших, якщо судити за кількістю скачувань. Вона послужила моделлю не тільки для наступних тем WordPress, а й стала універсальним взірцем для будь-якого типу шаблонів блогів.
  • 2012 р. — до WordPress доданий інструмент налаштування тем, попередній перегляд тем і новий медіа-менеджер.
  • 2014-2015 рр. — теми WordPress за замовчуванням отримали адаптивний дизайн.
  • 2022 — тема Twenty Twenty-Two запропонувала величезні можливості персоналізації сайту, які забезпечує версія WordPress 5.9. Кольори, типографіка та макет кожної окремої сторінки на сайті можуть бути налаштовані відповідно до бачення дизайнера. Twenty Twenty-Two включає десятки шаблонів блоків, відкриваючи двері до широкого спектру професійно розроблених макетів всього за кілька кліків.

Поради щодо вибору теми WordPress

Перш ніж купувати тему або вкладати час у її налаштування, зверніть увагу на наведені нижче рекомендації:

  • Керуйтеся правилом "чим менше, тим краще". Вам знадобляться лише функції для досягнення намічених цілей.
  • Відмовтеся від теми, перенасиченої можливостями. Багатофункціональна тема знижує продуктивність сайту. Зупиніть себе у прагненні встановити весь функціонал, який вразив вас спочатку.
  • Музичні плеєри, ігрові компоненти спочатку виглядають привабливими. Але часто вони уповільнюють сайт. Крім того, є ризик появи слабких місць у безпеці.
  • Адаптивний дизайн є обов'язковим для теми. Це поняття передбачає, що сайт буде зручний та красивий незалежно від пристрою, на якому його відкрили. У наші дні адаптивність стала обов'язковою рисою якісної теми.
  • Якщо ви намагаєтеся вибрати між темним і світлим дизайном, то врахуйте, що люди віддають перевагу світлішим варіантам. Темний дизайн веб-сайту не є абсолютним негативом. Але "перехід на темну сторону" може знизити читабельність та можливості більш традиційних елементів дизайну.
  • Подумайте про платну тему. Безкоштовні теми є гарним варіантом для проєктів з обмеженим бюджетом. Та є декілька "але". Вибираючи безкоштовну тему, ви наражаєтеся на ризик того, що в майбутньому “одяг” вашого сайту буде оновлюватися нерегулярно. Дуже часто безкоштовні теми не мають підтримки.
  • Зверніть увагу на шрифти. Якщо тексти погано читаються, відвідувачі мають бажання швидше піти з сайту. Вибирайте шрифти прості та читабельні. Як приклад наведемо популярні торік шрифти: Holgada (без засічок), Temeraire (із засічками).
  • Протестуйте тему. Встановіть плагін Theme Check. Він з'ясує, чи відповідає вибрана тема вимогам поточної версії WordPress.
  • Після завершення всіх налаштувань і завантаження матеріалів, ще раз перегляньте свій сайт. Перечитайте контент, перевірте роботу сайту на смартфоні, перевірте, що графіка завантажується правильно. Тільки після цього відкривайте доступ до нового сайту.

Де шукати теми WordPress

WordPress теми | Доступні теми на сайті Themeforest<br>


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

  • Elegant Themes. Пропонує лише 2 преміальні теми — Divi та Extra, а також плагіни Monarch (обмін у соціальних мережах), Bloom (модуль e-mail) та Divi Builder.
  • Theme Forest. Розповідь про майданчики з продажу тем WordPress буде неповною без згадки ThemeForest від Envato. Майданчик пропонує понад 20 000 тем. Themeforest — один із лідерів за кількістю універсальних багатоцільових тем WordPress.
  • TemplateMonster. Серед більш ніж 25 тисяч пропозицій на цій платформі можна знайти дизайн потрібної тематики. Кожен місяць колекція поповнюється на 450-500 нових тем.
  • Woo Themes. Відмінний майданчик для тих, хто займається e-commerce. WooCommerce на сьогоднішній день є найпопулярнішим плагіном електронної комерції для WordPress. На платформі Woo Themes крім цього та великого списку інших плагінів можна вибрати одну з 52 спеціалізованих тем.

Висновок

Навіть якщо ви не IT-фахівець, а власник бізнесу або просто блогер, вам дуже знадобиться загальне розуміння ролі тем у створенні сайту та його подальшому просуванні. Теми WordPress — інструмент, який дозволяє налаштовувати дизайн веб-ресурсу під свої завдання та вподобання. Для його використання не потрібні спеціальні навички, але підходити до вибору теми варто серйозно і детально.

***

Рутинні завдання забирають у співробітників багато часу? Вони вигорають, їм не вистачає робочого дня на основні обов'язки та важливі справи? Розумієте, що єдиний вихід із цієї ситуації у сучасних реаліях — автоматизація? Спробуйте Apix-Drive безкоштовно і переконайтеся, що онлайн-конектор за 5 хвилин налаштування інтеграції видалить з вашого життя значну частину рутини і звільнить час вам та вашим співробітникам.