10 порад щодо вибору шаблону для WordPress - EduNeo
канд. пед. наук, доцент кафедри неперервної професійної освіти КДУ. Автор масових онлайн відкритих курсів (ІКТ в освітньому процесі).
Експерт: в області інформаційних технологій і навчального відео
Ви вирішили створити сайт / блог на базі конструктора сайтів WordPress? Важливо правильно вибрати шаблон (тему) вашого майбутнього сайту. Як це зробити, читайте в нашій статті.
Читайте базові принципи створення сайту в нашій статті: "Як безкоштовно і швидко створити сайт на WordPress" .
Настав час поговорити про шаблон або темі WordPress. Вибір теми відповідальна справа, від вибору шаблону залежить не тільки зовнішній вигляд, але і частково функціонал сайту. Наприклад, слайдер (перегортання зображення на головній сторінці) - елемент шаблону.
Пошук теми в Інтернеті
Перше, що потрібно зробити - знайти і завантажити відповідну тему. Шаблони бувають безкоштовні, платні і безкоштовно-платні (основний функціонал теми безкоштовний, а ряд додаткових функцій є за плату). Для вибору теми ви можете звернутися до мережі інтернет. Наприклад, тут ( http://www.wptheme.us/cat/detskoe/ ) Непогана добірка дитячих (для дитячих садків) шаблонів.
Також хороша підбірка шаблонів доступна на ресурсах:
Зверніть увагу на сайт від російського розробника. Сайт з платними темами, але з безкоштовною техподдержкой: goodwinpress.ru
Інший відомий західний портал: ThemeForest . Всі теми, перш ніж потрапити на цей портал, проходять ретельну перевірку, мають гарний функціоналом, "чистим" кодом і прекрасно взаємодіють з плагінами WordPress.
Теми в WordPress (безкоштовні)
Початківці користувачі WordPress можуть скористатися темами, пропонованими офіційним каталогом WordPress. Досить перейти в адмін-панелі у вкладку «Зовнішній вигляд» - «Теми» - «Додати нову», і в пошуковому запиті набрати ключове слово, наприклад - Education (освіта). Перед вами відкриється множетсво шаблонів.
Завантажуйте безкоштовні шаблони тільки з офіційного каталогу WordPress. Всі представлені тут теми тестуються на відповідність стандартам в галузі безпеки, крос-браузерності і т.д.
Якщо ви скористаєтеся сумнівним джерелом, то разом з темою можете завантажити на свій сайт шкідливий код!
Виберіть необхідну тему, перегляньте як вона буде виглядати і, при необхідності, встановіть. Ви завжди можете змінити тему.
Визначте ваші потреби і проектують елементи шаблону заздалегідь!
Подивіться сайти, які вам подобаються. Який у них функціонал, дизайн.
подумайте:
- який контент ви плануєте публікувати;
- ваша цільова аудиторія;
- специфічні елементи, які вам необхідні (рекламні блоки, продаж онлайн-курсів та ін.).
Уважно вивчайте документацію теми. Вона містить докладний опис елементів шаблону. Не бійтеся англійської мови в документації - використовуйте Google Chrome для перекладу (права кнопка миші - «Перевести на русский»).
У вас повинна бути можливість змінювати шрифти, кольори, інші візуальні елементи обраної теми.
Для сучасних тем - існування зручної панелі настройки (редактора) обов'язкова умова!
Ось так може виглядати редактор настройки теми:
Приклад редактора теми
Якщо розробник показує демо своєї панелі адміністрування, переконайтеся, що ви зможете налаштовувати все, що потрібно.
Тема повинна виглядати сучасно і модно. Але вона повинна поєднуватися зі стилем вашого логотипу, типом контенту (якщо у вас серйозна школа, то квіточки і котики не підійдуть), не повинна бути перевантаженим візуальними елементами.
Тренди веб-дизайну:
- увагу до шрифтів;
- нестандартна сітка;
- зручні "знаки" для користувачів. Наприклад, інтерактивне виділення важливих думок, вказівка часу читання та інші підказки;
- використання відео.
Ретельно підбирайте «графічний обвіс» теми. Використовуйте не тільки картинки в якості зображення записи, але і різні іконки. Це дозволить уникнути графічної перевантаженості сайту.
У наше століття мобільних технологій, багато користувачів заходять на сайт з телефонів і планшетів. Тема повинна відображатися максимально коректно на всіх пристроях і у всіх браузерах. Обов'язково перевірте вручну і за допомогою спеціальних сервісів.
Перевірити ваш сайт можна за допомогою сервісу Google Mobile-Friendly Test .
Спочатку беріть прості теми і по дизайну, і по функціоналу. Швидше за все, вам не потрібен сайт з 10-ма видами слайдера.
По-перше, буде простіше розібратися в управлінні та налаштування. По-друге, велика ймовірність того, що тема буде коректно відображатися на різних пристроях і в різних браузерах. Крім того, "наворочені теми" можуть довго завантажуватися. Ну і технічно підтримувати просту тему (в перспективі) легше, ніж складну.
Онлайн-інструмент PageSpeed tool від Google дозволяє дати оцінку швидкості завантаження вашого сайту. Плюс, дає докладні рекомендації щодо виправлення виявлених недоліків.
При виборі теми шукайте SEO оптимізовані. Розробники в описі шаблонів так і пишуть «Оптимізована під пошукові системи» або «SEO friendly».
Шапка сайту повинна бути інформативною і полегшувати навігацію користувачеві. Звертайте увагу на те, де розташоване меню, наскільки добре його видно. Красива велика картинка - це здорово, але вам важливо утримати відвідувачів на сайті або блозі.
Якщо хочете використовувати слайдер - перевірте його відображення на різних пристроях.
Зверніть увагу на відгуки про тему, а також як давно вона оновлювалася.
Перевірте, як у вашій темі будуть відображатися і функціонувати різні елементи контенту: марковані й нумеровані списки, таблиці, зображення, відео, оформлення заголовків, абзаців та інших елементів. Для цього скористайтеся сервісом wptest.io . Цей інструмент дозволить завантажити набір фіктивних даних: десятки різних записів, сторінок, категорій та іншого контенту. Ви побачите слабкі місця вашої теми
