- Що таке шаблон Joomla.
- Відмінності демонстраційного вебсайту шаблону від вашого вебсайту.
- Переваги та недоліки шаблонів.
- Індивідуальний дизайн.
Шаблон Joomla – це розширення Joomla, яке дозволяє задавати зовнішній вигляд та взаємне розташування різним елементам сайту. Це можна назвати одним словом «дизайн». Сам термін «шаблон» застосовується через те, що в Joomla англійською мовою подібні розширення називають «template» – у перекладі з англійської це якраз і є «шаблон». Наприклад, у WordPress прийнято інший термін – «тема».
Матеріали цієї статті також доступні у відео (з оновленнями).
Що таке шаблон Joomla
Шаблон визначає зовнішній вигляд різних елементів сайту: шрифтів, посилань, кнопок, полів введення, фонів\плашок, ліній і так далі. У шаблон закладено макет, який визначає, як повинні розташовуватися відносно один одного модулі Joomla, контентна частина (змістовна), шапка сайту, підвал та інше. Зараз у шаблонах може закладатись і те, як реагують на різні події ті чи інші об'єкти сайту. Наприклад, завдання анімації картинки при наведенні курсору миші.
Безумовно, фраза «сайт зроблений на шаблоні» звучить непрофесійно, кустарно і зовсім не ексклюзивно. Але навіть якщо ви замовите для свого сайту на Joomla індивідуальний дизайн, кросбраузерну валідну верстку, то все одно це називатиметься «шаблон». Це своєрідний термін у Joomla. Він інформативний і зрозумілий за змістом та суттю. Так як у шаблоні закладені «правила», які застосовуються до різних елементів сайту, ці елементи виглядають так, як описано в стилях. Якщо, наприклад, у стилі вказано колір, розмір та шрифт заголовка матеріалу першого рівня, то за замовчуванням усі заголовки першого рівня матеріалів на сайті будуть виглядати однаково – за шаблоном.
Відмінності демонстраційного сайту шаблону від вашого сайту
Дуже часто, коли я показую клієнту шаблон на демонстраційному сайті розробника, і кажу, що використовуватиму цей шаблон для створення його сайту, клієнт не розуміє, що саме мається на увазі. Наведу приклад демонстраційного сайту шаблону Binv. Сам демонстраційний сайт англійською мовою та спрямований на фінансову тематику. Але це не означає, що сайт клієнта буде такої ж тематики і англійською мовою. Він може бути будь-якою іншою мовою або навіть кількома мовами і будь-якої тематики. Більше того, він може бути каталогом, а за бажанням замовника, сайтом-візиткою, сайтом фірми, інтернет-магазином, блогом тощо. Якщо на демонстраційному сайті немає коментарів до матеріалів, то на вашому сайті вони будуть за потреби . Навіть невелику «соціальну мережу» можна додати. На демонстраційному сайті розробника головна сторінка шаблону Binv виглядає так, як показано на малюнку нижче.
Цей же шаблон я використовую на своєму сайті. Але в мене блог трьома мовами і явно не фінансової тематики. Головна сторінка мого сайту виглядає так (малюнок нижче).
Як бачите, дизайн та функціональність мого сайту та демонстраційного сайту розробника суттєво відрізняються. Але обидва сайти використовують один і той же шаблон.
Ось ще один приклад. Шаблон Tienda на демонстраційному сайті та на моєму. Нижче наведено приклад шаблону Tienda на демонстраційному сайті розробника.
Цей шаблон використовую на своєму сайті. Але в мене інтернет-магазин відеоуроків, а не одягу, як на демонстраційному сайті.
І знову можна побачити суттєві відмінності у функціональності та дизайні.
А ось ще один приклад. Шаблон RSCapri на демонстраційному сайті розробника (малюнок нижче) та на моєму сайті.
Як і з попередніми двома прикладами, на моєму сайті цей шаблон виглядає інакше (малюнок нижче), а за функціональністю відрізняється досить сильно.
Отже, завдяки чому шаблон на демонстраційному сайті розробника може кардинально відрізнятися від того, що ви побачите у себе на сайті? Список невичерпний – основні моменти.
- За рахунок розширень (компонентів, модулів, плагінів) та їх налаштувань.
- За рахунок контенту сторінки (вмісту).
- За рахунок налаштувань самого шаблону (інша колірна схема, макет, логотип, іконка сайту, назва тощо).
- Зміни у таблицях стилів та шаблонах розширень.
- Мова та наявність\відсутність багатомовності.
- За рахунок додаткових віджетів, наприклад, кнопки соціальних мереж.
У результаті готовий, платний шаблон Joomla можна творчо змінити до невпізнанності порівняно з представленим на сайті його розробника.
Варто врахувати, що чим менше змін шаблону, тим дешевше робота і тим менше потрібно часу на її виконання.
Переваги та недоліки шаблонів
Бачу такі недоліки готових платних шаблонів Joomla в порівнянні з індивідуальним дизайном:
- Немає індивідуальності та ексклюзивності. Хоча, як сказано у підрозділі вище у статті, це не завжди так.
- Складність вибору шаблону під ваші вимоги.
- Може не відповідати вимогам проекту на 100%. Доведеться доналаштовувати, правити CSS та інше.
- Містить зайві, непотрібні вам (принаймні зараз) можливості та «навороти». Це може збільшити «ускладнити» код шаблону і зробити його більш громіздким.
- Складніше вносити виправлення. Якщо захочете внести істотні зміни до шаблону, вам чи вашому фронтенду розробнику потрібно буде час, щоб розібратися з кодом шаблону.
Назву переваги готових платних шаблонів Joomla в порівнянні з індивідуальним дизайном:
- Дешевизна.
- При однаковій ціні готові платні шаблони Joomla, як правило, більш продумані, красиві та якісні. Добре продумана адаптивність, сумісність зі стандартними розширеннями Joomla та тими, під які розроблявся шаблон. Це робота команди висококваліфікованих фахівців: дизайнерів, юзабілістів (фахівців із зручності користування сайтом), верстальників, програмістів, менеджерів тощо. Їхня праця оцінюється дуже і дуже дорого. А в готовому шаблоні ви отримуєте результат такої роботи, але за незрівнянно меншу плату, оскільки вартість праці поділяється на всі продані екземпляри шаблону.
- Отримуєте відразу після оплати, не потрібно чекати, поки його створять.
- Немає необхідності продумувати та складати завдання на створення дизайну та верстку шаблону.
- Можна подивитися та випробувати шаблон до його покупки. Не витрачаєте гроші на «кота в мішку».
- Простіше підібрати нормальну фірму, що продає професійні шаблони, ніж шукати кваліфікованого дизайнера і верстальника за гроші, що вас влаштовують.
- Наявність корисних та потрібних доповнень. Наприклад, графічний інтерфейс для базового налаштування шаблону без необхідності редагування коду, додаткові розширення та інше.
- Оновлення та технічна підтримка протягом усього терміну дії підписки на шаблон. Наприклад, при виході оновлення CMS може знадобитися внесення змін до шаблону для забезпечення сумісності.
- Є знижки на продовження передплати оновлення шаблону. Актуально, коли ви оновлюєте версію своєї CMS та її розширень.
- Наявність документації.
Якщо у вас обмежений бюджет на створення сайту (до 500$), доцільніше детально розглянути можливості вибору готового професійного шаблону, а не безуспішно гнатися за індивідуальністю та ексклюзивністю. Коли ви необмежені в засобах, тоді можна розраховувати і на ексклюзивний дизайн, продуманий і втілений безпосередньо під особливості вашого проекту.
Індивідуальний дизайн
Інформація в даному розділі актуальна не тільки для Joomla, але й інших популярних платних та безкоштовних CMS, меншою мірою для статичних сайтів або сайтів на фремворках.
Ціна. Згідно з даними (на 27.07.2024) однієї з найбільших бірж фрілансу в Україні – Freelancehunt.com вартість розробки дизайну сайту в середньому становить від 73$ до 358$ (за проект). Ціна за верстку (HTML і CSS) складає в середньому від 33 $ до 243 $ (за проект). Це дуже приблизні цифри, які залежать від вимог до проекту, термінів та рівня фахівців. Також необхідно враховувати, що зверстаний дизайн ще необхідно «натягнути»/«посадити» на CMS. Зі свого досвіду, ціна такої роботи, приблизно, може коштувати від 100$ до 500$ (за проект). Вона теж значно залежать від проекту, термінів та рівня фахівця.
Термін. За термінами все на тій же біржі фрілансу обіцяють зробити дизайн, верстку і натяжку приблизно за 5-30 днів (залежить від проекту). Після цього терміну, як правило, починається процес узгодження та внесення змін.
Таким чином, якщо замовник планує індивідуальний дизайн, втілений на сайт у вигляді шаблону, то йому пообіцяють зробити це приблизно за $200-$1100 терміном 5-30 днів. Ще раз наголошу, що це орієнтовні межі цін та термінів.
Безумовно, можна зустріти пропозиції від виконавців зробити все те саме, але за $50 і кілька днів. На мою думку, це зовсім неправдоподібно.
Слід пам'ятати, що ціни у фрілансерів з України далеко не найвищі навіть у порівнянні із солідними веб-студіями України (не говорячи про Європу та США).
Аналізуючи вартість та терміни виконання індивідуального дизайну, слід пам'ятати, що зазначеної суми недостатньо для отримання кінцевого результату у вигляді «готового сайту». Як мінімум, верстку потрібно кудись «натягнути»/«посадити». А для цього вже має бути налаштована CMS, там мають бути встановлені і хоча б мінімально налаштовані необхідні компоненти, модулі та плагіни. Плюс потрібно пам'ятати за контент (тексти, фото, відео та таке інше).
Враховуючи це, для сайтів із бюджетом до 500$ не бачу особливого сенсу намагатися отримати індивідуальний дизайн. Принаймні, як правило, це буде невиправдано. Особливо, якщо з таким бюджетом ви обговорюєте створення інтернет-магазину, дошки оголошень або каталогу.
| Автор статті – Хорошевський Олексій |
|---|
 Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом. Публікації та робота: |
| Схожі матеріали |
|---|
