- Що треба знати перед вибором шаблону.
- Перелік критеріїв для вибору шаблону.
- Список основних формальних критеріїв для вибору шаблону.
- Примітки щодо критеріїв.
Наведу деякі рекомендації щодо того, на що слід звертати увагу при виборі шаблону для сайту. Подам їх у порядку зменшення ступеня важливості, хоча не завжди це так. Наприклад, адаптивність – дуже важливий критерій, але у списку він не перший. Хоча неадаптивний шаблон зовсім не враховую як варіант. Цей перелік складено на підставі свого досвіду і не претендує на повноту та універсальність. Список складений для вибору шаблону саме під Joomla, але більшість його пунктів підходять під будь-яку CMS.
Що треба знати перед вибором шаблону
- Тип сайту (інтернет-магазин, каталог, сайт компанії, блог, посадкова сторінка тощо).
- Цільову аудиторію.
- Для яких цілей та завдань повинен слугувати сайт. Від цього залежить дуже багато.
- На якій версії Joomla робитимете сайт.
- Які розширення Joomla та які версії будете застосовувати на першому етапі створення сайту.
- Перспективні цілі, завдання та перспективна цільова аудиторія. Наприклад, спочатку може бути прийнято рішення створити сайт тільки однією мовою і у вигляді каталогу товарів, а далі - кількома мовами і з повноцінним кошиком.
- Які розширення Джумла планується застосовувати надалі (протягом наступних 1-2 років).
Якщо по мінімуму, потрібно знати тип сайту, версію Joomla, розширення та їх версії.
Було б правильно, якби сайт створювався виключно з орієнтацією на цілі та завдання бізнесу та цільову аудиторію. Але на практиці часто сайт створюється для замовника. У такому разі до переліку вище варто додати пункт «Смаки та побажання замовника».
За великим рахунком, на початок вибору шаблону варто максимально чітко «спроектувати» майбутній сайт. Це дуже корисно не лише для вибору шаблону, але й для всього проекту загалом. Знаючи все це, можна приступати безпосередньо до підбору. Всю необхідну інформацію можна знайти на сторінці опису шаблону, у його демонстраційній версії, документації та запитати розробників.
Перелік критеріїв для вибору шаблону
- Версія Joomla, для якої призначений шаблон.
- Для яких розширень (та їх версій) адаптовано шаблон.
- Які додаткові розширення йдуть у складі із шаблоном.
- На сайти якої тематики розрахований шаблон.
- Адаптивність шаблону під екрани різних браузерів. Наявність мобільного меню.
- Сумісність шаблону із актуальними версіями таких браузерів: Chrome, Firefox, Safari, Opera, Edge. І мобільних браузерів iOS Safari, Chrome для Android.
- Наскільки гнучко налаштовується шаблон без редагування коду (колірні схеми, шрифти і т.д.). Особливо – макет шаблону.
- Кількість та розташування позицій модулів.
- Якою мірою поточний шаблон підходить для створюваного сайту (макет, кольори, шрифти).
- Наявність продуманих стилів для таких сторінок: стаття, категорія\блог, реєстрація, вхід, профіль користувача, сторінка результатів пошуку, контакти, сторінка 404 тощо. Для інтернет-магазину або каталогу також важливі: сторінка товару, сторінка категорії товару, сторінка оформлення замовлення, список покупок тощо.
- Наявність продуманого оформлення «стандартних» модулів Joomla: пошук, перемикання мов, реєстрація вхід, меню (горизонтальне вертикальне) і так далі. Для інтернет-магазину також важливі: кошик, переключення валют, схожі товари, супутні товари тощо.
- Можливість закріплення горизонтального меню або шапки сайту під час прокручування сторінки вниз.
- Можливість змінювати зовнішній вигляд модулів шаблону за допомогою суфіксів модулів.
- Можливості красивого оформлення різних текстових елементів.
- Чи є можливість виправлення CSS-стилів шаблону без виправлення вихідної таблиці стилів.
- Наявність швидкого старту
- Технології та стандарти, які застосовуються при розробці шаблону: HTML5, CSS3, Bootstrap, LESS.
- Наявність можливості відключення області компонента на головній сторінці сайту або на будь-якій іншій сторінці.
- Можливість створення «гумового» макета (сайт із шириною 100% від області вікна браузера).
- Чи виходять оновлення шаблону та як часто.
- Дата випуску шаблона.
- Наявність технічної підтримки розробника шаблону.
- Ціна.
- Наявність документації.
- Підтримка Шрифтів Google.
- Налаштування для оптимізації швидкості завантаження (малюнок нижче).
- Довіра до сайту\фірми розробника шаблону.
- Ціна продовження ліцензії та технічної підтримки.
- «Чистота» вихідного коду та легкість завантаження.
- Ступінь валідності (W3C).
Список можна продовжувати ще довго, наприклад, можна додати підтримку RTL – писемність справа наліво, паралакс ефекти, фреймворк, на якому базується і так далі. Але це вже специфічні критерії.
Список основних формальних критеріїв для вибору шаблону
Наведу короткий перелік формальних ознак, зустрівши які в описі шаблону, можна буде на 80-90% переконатися, що шаблон хороший і вам підійде.
- Сумісність шаблону з потрібною версією Joomla і додаткових розширень.
- Адаптивний дизайн.
- HTML5, CSS3, Bootstrap.
- Сумісність із актуальними версіями мобільних та десктопних браузерів Google Chrome, Mozilla Firefox, Opera, Microsoft Edge, Safari.
- Дата виходу шаблону не більше 2 років тому.
Якщо це заявлено в описі, дуже уважно перевіряйте демонстраційну версію шаблона.
Примітки щодо критеріїв
Для яких розширень (та їх версій) адаптовано шаблон. Якщо роблю сайт інтернет-магазину на Joomla 5 VirtueMart 4, то й шаблон шукаю саме під ці версії та розширення. Це значно полегшує завдання подальшої розробки сайту.
Які додаткові розширення йдуть у складі шаблону. Дуже часто у вартість шаблонів входить ліцензія на платне розширення, для якого в шаблоні передбачені стилі, і вони доповнюють один одного (шаблон і розширення). Наприклад, шаблони від JoomShaper йдуть разом з конструктором контенту SP Page Builder Pro.
Адаптивність шаблону під екрани різних браузерів. Важко знайти сучасний шаблон без адаптивної верстки, але іноді можна зустріти шаблони, адаптовані не дуже добре. Наприклад, на екранах ПК, ноутбуків та планшетів вони виглядають нормально, а на смартфоні є похибки.
Сумісність шаблону з актуальними версіями таких браузерів. У наведеному переліку браузери покривають понад 90% усієї аудиторії України за даними StatCounter (рисунок нижче). Дані станом на 27.11.2024. Для ПК: Chrome, Edge, Opera, Mozilla Firefox. Для мобільних пристроїв (телефони/смартфони та планшети): Chrome, Safari, Samsung Internet.
Браузери для мобільних пристроїв в Україні
Наскільки гнучко налаштовується шаблон без редагування коду. Особливо – макет шаблону. Дуже зручно, коли шаблон можна налаштувати без редагування CSS, HTML, PHP.
Чи є можливість виправлення CSS-стилів шаблону без виправлення вихідної таблиці стилів. Деякі розробники шаблону не передбачають «нормальне» внесення змін до CSS – лише виправлення вихідних таблиць стилів шаблону. Набагато краще, якщо є можливість додавання змін (перевизначень) стилів до «користувацької» таблиці стилів. Так при оновленні шаблону, наприклад, з версії на версію, ваші зміни не будуть перезаписані (загублені).
Наявність швидкого старту. Як правило, рішення про купівлю шаблону приймається після вивчення сайту шаблону. Там все зручно та гармонійно налаштовано. Буває так, що замовник просить зробити саме так, як на демонстраційному сайті. У такому разі добре допомагає «швидкий старт». По суті це копія демонстраційного сайту, але з доступом до адмінки. Там ви зможете побачити, що та як зроблено.
Чи виходять оновлення шаблону та наскільки часто. Важливо, щоб шаблон оновлювався, особливо це актуально для випадків, коли він розробляється під якесь конкретне розширення. Наприклад, VirtueMart. Корисно, якщо є докладний список оновлень із зазначенням модифікованих файлів. Якщо ви вносили в них зміни, знатимете про необхідність повторних змін до оновлення, а не потім, побачивши помилки.
Дата випуску шаблону. Чим новіший шаблон, тим менш він поширений на інших сайтах і тим більше він «унікальний». Шаблони зі свіжою датою виходу, як правило, більш функціональні та сучасні (в плані дизайну). Але в них поки що може бути більше недоліків, а старіші – «обкатані». Особисто я віддаю перевагу новим шаблонам (дата виходу не більше двох років тому).
Ціна. Ціна продовження ліцензії та технічної підтримки. Віддаю перевагу шаблонам у ціновому діапазоні від $35 до $70 (без урахування знижок, акцій та спеціальних пропозицій). Досвід переконує, що дешевші шаблони бувають менш якісними. Шаблони дорожчі за $70 теж можна розглядати, якщо у вартість ліцензії входить багато корисних «тематичних» платних розширень. Також варто звернути увагу на вартість продовження шаблону після підписки. Якщо проект передбачається вести довше, ніж термін технічної підтримки та права на отримання оновлень шаблону, це актуально.
Відмітимо, що досить часто купуючи підписку на всі шаблони розробника вартість одного шаблону може бути значно меншою за $35. Таке мене теж влаштовує.
Довіра до сайту фірми розробка шаблону. Доцільніше вибирати шаблони більш «іменитих», розкручених розробників, присутніх на ринку понад 3-5 років. Краще, щоб їхньою основною сферою діяльності була саме розробка шаблонів для Joomla, хоча підійдуть і суміжні теми: розробка розширень Joomla, розробка шаблонів для інших CMS.
«Чистота» вихідного коду та легкість завантаження. Ступінь валідності (W3C). Якщо шаблон розроблений більш іменитою та популярною фірмою з великим досвідом, як правило, ці два критерії витримуються. Ніколи не гнався за валідністю коду, тому що 100% відповідність стандартам W3C не завжди дозволяє реалізувати потрібну та важливу для проекту функціональність. А наявність зауважень та помилок валідації не означає, що сайт працюватиме погано. Але якщо є можливість вибрати шаблон, який більше відповідає стандартам W3C, тоді краще це зробити. Зверніть увагу, що «чистота» та валідність коду суттєво залежать від того, які розширення ви будете використовувати на сайті та які редагування вносити.
| Автор статті – Хорошевський Олексій |
|---|
 Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом. Публікації та робота: |
| Схожі матеріали |
|---|
