Краща тема OpenCart - вибір правильного для вас
- Посилання для переходу
- Критерії
- Сумісність версій
- Особливості
- Дизайн
- Зручність використання
- Код
- Оптимізовано SEO
- Особливості Shoppica
- Юзабіліті Shoppica
- Дизайн Shoppica
- Кодекс Shoppica
- Shoppica є SEO оптимізований
- Це обгортання!
У цій посаді я збираюся вирішити, як ви обираєте найкращі теми OpenCart для вашого веб-сайту електронної комерції. Ви будете мати уявлення про те, як вибрати правильний для вашого сайту, знаючи різні критерії, щоб взяти до відома, коли шукаєте правильний шаблон. Давайте подивимося глибше і перевіримо, що знаходиться під капотом, а не тільки візуальний стиль або дизайн. Я не є експертом з бажання бути тут, просто ділячись своїм розумінням і що шукати в темі.
Посилання для переходу
Тема повинна не тільки добре виглядати, але також повинна відмінно працювати з точки зору швидкості, зручності та SEO. Для того, щоб шукати один, ми повинні побачити під кодом, а не тільки надані виведення або те, що користувачі можуть бачити тільки з їх браузерами. Також потрібно перевірити код і наскільки легко його змінити, якщо потрібно. Тому що завжди буде потреба в додатковому налаштуванні, щоб вона була унікальною. Хороша тема також не повинна роздуватися функціями, які ви не будете використовувати наприкінці. Це вплине на роботу сайту, якщо це буде так. Так що не примушуйте, просто дивлячись на особливості та конструкції, ви повинні також враховувати простоту та продуктивність.
Тепер, якщо б я вибрав свою тему OpenCart, я перевірив би наступні критерії:
- Особливості
- Дизайн
- Зручність використання
- Код
- Оптимізовано SEO
Критерії
Нижче наведено критерії, які ви можете перевірити, шукаючи тему. Зверніть увагу, що саме так я обираю тему, якщо я її купую.
Сумісність версій
Це має бути перше враження при пошуку теми. Це, по меншій мірі, на мій погляд, ви також можете прийняти це як останній крок, якщо хочете. Але для мене, я візьму це як самий перший крок.
Можливо, ви захочете перейти до ThemeForest Тема OpenCart і використовуйте блок фільтрів у правій частині сторінки. Клацніть на Software Version (Версія програмного забезпечення), потім виберіть встановлену версію OpenCart.
Після цього вивчіть сторінку результатів і використовуйте наведені нижче критерії при виборі.
Читайте також: Встановлення OpenCart 2.xx на різних платформах
Особливості
Це також може бути вашим першим роздумом при пошуку кращої теми. Можливості та функції, які автор теми рекламує разом з темою. Це те, що він може зробити для вашого веб-сайту OpenCart. Вони поставляються з додатковими файлами, які називаються розширеннями або модами, інші - жорстко закодовані з файлами Theme, але це рідко робиться. Більшість функцій / функцій приходять як розширення або доповнення. Одним з прикладів теми є Mega Menu. Мега меню є універсальними і зазвичай складними для налаштування. Ви можете додати до нього кілька елементів, а не лише категорії продуктів. Можна додати блок, який містить зображення або короткий опис продукту. Іншим прикладом функції є повзунок продукту або зображення. OpenCart поставляється з повзунком за замовчуванням, але теми третіх сторін пропонують додаткові можливості та складний слайдер зображення. Деякі повзунки можна налаштувати, а також можна додати текстові накладання та ефекти.
Якщо ви починаєте інтернет-магазин, ви можете зробити дослідження, ввівши потрібну функцію, наприклад; "Тему opencart з мега меню" або "тему одягу opencart". Роблячи це, ви фільтруєте результат у більш конкретний тип або стиль теми, ви можете переглядати та переглядати теми, які ви захочете, а потім переглядати їх пізніше, використовуючи інші критерії. Якщо ви бачите потрібні функції в темі, то зверніть увагу на назву для більш глибокого та пізнього перегляду.
Наступне, що потрібно шукати - це дизайн.
Дизайн
В основному це загальний вигляд теми, і це включає в себе макет і розміщення блоків, колірну схему і шрифт-обличчя і весь потік системи.
Після пошуку потрібних функцій слід перевірити наступні критерії.
Припустимо, ви знайшли тему, яка має потрібні функції, ваш наступний крок - перевірити загальний дизайн. Ви приваблюєтеся цим? Вам це дійсно подобається? Чи подобається вам поєднання шрифтів і макет? Можливо, сторінка продукту продукту виглядає чудово для вас? Якщо так, то оцінюйте його між шкалою 1-10, а потім зверніть увагу на це.
Зверніть увагу на те, що те, що я маю на увазі "Awesome", не обов'язково роздувається елементом дизайну або великою кількістю повзунків на фронті. Він повинен бути акуратним і простим. Пам'ятайте, що надто багато елементів дизайну може роздути активи Теми; JavaScript і CSS, тим самим збільшуючи розмір сторінки, що є критичним для швидшого завантаження сторінки.
Зручність використання
По-третє, перевірте «Юзабіліті». Це може включати питання «наскільки крута крива навчання». Чи занадто складно використовувати інтерфейс під час першого візиту? Або використання сайту занадто просте, що користувачі можуть знайти те, що вони хочуть, тільки бриз?
Крім того, це також означає, як користувачі можуть ефективно використовувати ваш сайт з легкістю і з задоволенням.
Це може бути як для ваших користувачів, так і для вас (адміністратора). Я вже згадував вище, що деякі теми можуть мати складні функції / функції. І зазвичай вам доведеться налаштувати таку функцію за допомогою панелі інструментів адміністратора. Постачальники тематики, як правило, пропонують демо, це включає в себе демонстрацію панелі інструментів адміністратора. Використовуючи демо, ви можете подивитися і перевірити, як налаштовані функції / функції. У вас буде можливість самостійно налаштувати його, і відразу ви зможете визначити, як легко чи важко вчитися - як встановіть його. Чи дуже легко чи важко вчитися? Ви налаштували його, не вдаючись до посібників чи посібників? Тепер оцініть тему і зверніть увагу на неї.
Також не забудьте перевірити / протестувати передню частину теми і встановити ногу в взуття покупця. Тестуйте сайт, як легко або важко знайти користувачеві те, що вони шукають, або легко перевірити. Чи може користувач продовжувати процес купівлі, не читаючи Вашу сторінку FAQ, або це занадто складно? Задайте ці питання собі і оцініть тему.
Не вибирайте тему, тому що вам це подобається, а вибирайте те, що принесе користь вашим користувачам.
Не просто купуйте будь-яку тему, яку хочете, тому що вам подобається функція слайдера зображення або мега-меню.
Не вибирайте випадково, оскільки вам подобається дизайн, він виглядає дивовижно і модно.
Замість цього подумайте про своїх користувачів, чи принесе їм користь?
Код
Цей критерій вимагає принаймні розуміння того, що знаходиться під сторінкою, джерелом сторінки . Не обов'язково коди PHP, але стилі HTML, JavaScript і CSS. Насправді вам не потрібно навчитися кодувати, вам потрібно знати лише її основні. Будь ласка, прочитайте далі, щоб дізнатися, що вам потрібно.
Потрібно перевірити вихідний код теми, перевіривши демо-сторінку, і натиснути ctrl + u.
Тепер ви зможете побачити, скільки CSS стилів і JavaScript було завантажено. Чесно кажучи, це вимагає багато часу і важко шукати теми з мінімальною кількістю таких. Просто постарайтеся і шукайте щось, що має найменше число зовнішніх CSS & JavaScript-файлів, а не точне число для мінімуму.
Крім того, перевірте, як CSS доставляється, щоб уникнути попередження "Оптимізувати доставку CSS" під час використання Google PageSpeed Insight
Хороший показник для використання вищезазначеного інструменту становить 85. Але це оцінка, яку ви отримуєте на основі кількох інших факторів.
Більшість тем роздуті файлами JS і CSS. Метою створення мінімального ресурсу / ресурсу сторінки є уникнення занадто великої кількості викликів, зворотного і форт-поїздки для виклику та перегляду сторінки браузером. В основному занадто багато викликів CSS і JavaScript можуть мати негативний вплив на продуктивність або час завантаження сторінки. Але в основному, розробники тематики не змогли уникнути такої проблеми, а їхні теми закінчуються тим, що у них занадто багато файлів CSS і JS, що призводить до повільного завантаження сторінки.
Крім того, було б приємно, щоб ці завантажені JavaScript внизу сторінки. Знову ж таки, для підвищення ефективності та часу завантаження сторінки.
Чим менше файлів JS і CSS, тим краще.
Деякі розробники теми об'єднують всі свої таблиці стилів в один css-файл, вбудовуючи інші стилі і JavaScript, щоб уникнути "візуалізації блокування".
Якщо ви хочете перевірити, наскільки важко розмір сторінки теми, перейдіть до tools.pingdom.com і вимкніть URL-адресу Теми Демо - щоб перевірити час завантаження теми, розмір сторінки, кількість файлів CSS і JavaScript, а також кілька інших деталей.
Примітка: Час завантаження сторінки може істотно вплинути на перетворення. Користувачі, як правило, переглядають вашу сторінку, якщо вона завантажується для уповільнення. Крім того, не набридте користувачам завантажувати gif-анімацію під час очікування вашої сторінки протягом майже 60 секунд. Замість цього, вразити їх своїм сайтом швидкого завантаження.
Крім того, сервер, на якому в даний момент знаходиться тема, може суттєво вплинути на час завантаження і час відгуку. Оптимізований сервер допоможе в цьому.
В ідеалі ваш сайт повинен завантажуватися протягом 2-3 секунд. Ви можете використовувати інструмент, про який я згадував вище, щоб перевірити будь-яку тему, яку ви хотіли б.
Примітка. Час завантаження сторінки - один з факторів рейтингу пошукової системи Google.
Оптимізовано SEO
Було б краще мати тему, оптимізовану для SEO.
В основному, сторінка, яка була оптимізована, може мати кращу продуктивність у пошуковій системі порівняно з сайтом конкурентів, який не оптимізований для SEO.
Якщо ви знайшли тему, яка має вбудований модуль SEO, доповнення або розширення, то захопіть цю тему, якщо вона виконала інші критерії. Тема OpenCart з розміткою schema.org була б чудовою, особливо при використанні розмітки схеми продукту.
Крім того, тема з доповненням, яка може переписати URL-адресу продукту відповідно до бажаного, є гарною.
Загалом, шукайте тему, яка має вбудовану функцію, яка може обробляти обговорювані пункти цей пост .
Для мене, беручи до уваги всі пункти, які я згадував вище, найбільш відмінною темою для OpenCart є тема під назвою Shoppica .
Для мене це найбільш підходяща тема для будь-якого інтернет-магазину на базі OC. Ви можете використовувати його з будь-яким нішевим магазином, наприклад; одяг або магазин модного одягу, магазин електроніки, ювелірні вироби або навіть ремесла, які ви особисто зробили і продали в Інтернеті.
Це універсальна тема, яка підходить для будь-якого типу магазину OpenCart. Краще за все, він підтримує останню версію 2.3.0.x OC, станом на 6 листопада 2016 року - час написання цієї статті.
Вона існує вже багато років і постійно оновлюється, тому вона буде працювати з найновішою версією OpenCart. Активна фіксація помилок і вдосконалення вводяться в цю чудову тему.
Тема Shoppica була популярною, з тих пір OC v1.5.
Добре зараз, дозвольте мені обговорити хороші можливості цієї дивовижної теми.
Особливості Shoppica
Для мене найкращою особливістю цієї теми є простота . Я маю на увазі, дивлячись на тему так чисто і просто, не захаращується і все викладено акуратно. Мені б хотілося, щоб це було замість тих, які мають фантазії та великі повзунки, які змушують завантажувати сторінку довше.
Конструктор сторінок - з інформаційної панелі адміністратора ви можете створити простий або складний макет сторінки, просто перетягнувши будь-які потрібні блоки. Ви можете вибрати один з 40 + користувацьких блоків; Facebook або твітер, як коробка, Останні продукти або статті та багато іншого.
Responsive Layout - Ця тема використовує Twitter Boostrap Framework, фреймворк, який використовується не тільки для реагування, але й для легкого створення прототипів або спеціальної модифікації. Більшість незалежних розробників або веб-дизайнерів знає про цю річ, і якщо вам потрібна нестандартна робота, ви легко знайдете того, хто знає, як працювати з ним.
Зручна особливість макету робить вашу тему підходить для різних розмірів екрану, будь то lapttop, настільний, планшетний або мобільний пристрій.
Сумісність з декількома магазинами - це означає, що ця тема сумісна з настройками OpenCart Mutli-Store. Налаштування, за допомогою якого можна запускати декілька окремих магазинів зі своїми власними та окремими категоріями та продуктами, використовуючи той самий екземпляр OpenCart. Немає необхідності в багаторазовій установці. Таким чином, за допомогою цієї функції можна використовувати тему в будь-якому налаштованому магазині.
Mega Menu - Так, ви можете створювати мега меню з цією темою, схожою на мега меню, які тематика Pavo зазвичай має у своїх темах.
Довідкове зображення:
Юзабіліті Shoppica
Якщо ви перевіряєте їх Демо Ви швидко помітите, що макет і потік настільки гладкі і прості в навігації. Для мене це найкращий приклад корисної теми. Шопінг для продукту простий, як і для виїзду. Легко слідувати потоку, не заплутані спливаючі блоки і божевільні ефекти наведення.
Ще одна цікава функція, включена, до речі, є, один клік Sample Data установки. Завдяки цій функції адміністраторам магазину не складно налаштувати тему Shoppica і зробити її схожою на демонстрацію. Ви можете швидко встановити демонстраційні продукти / категорії та параметри за допомогою одного клацання миші.
Дизайн Shoppica
Дуже простий дизайн, який є великим, оскільки ви можете зробити його більш складним, додавши більше блоків, модулів з панелі інструментів Admin.
Я використав інструмент PageSpeed Insight, щоб перевірити швидкість демонстрації, і він отримав 80 балів. Зверніть увагу, що інші фактори все ще можуть підвищити кількість балів. Якщо у вас є свій власний VPS і використовувати цю тему, то оптимізувати ваш сервер ... добре, що ви можете підняти рахунок до 85 + більше.
Кодекс Shoppica
Якщо ви подивитеся на джерело сторінки, ви побачите, що він має мінімальний ( 2 від кожного - для відображення сторінки ) CSS і JS файлів, що є настільки великим, оскільки браузер може швидше завантажувати сторінку. Погляньте на скріншот нижче. Я використовував pingdom.com для тестування http://shoppica.net/ - домашньої сторінки. Перегляньте час завантаження, який становить 1,70 с, а розмір сторінки - майже 1 Мб.
Зверніть увагу, що ви все ще можете зменшити розмір шляхом подальшого використання методів оптимізації.
Знімок екрана тут:
Якщо порівнювати інші теми, які ви знайшли там, і використовувати інструмент вище, ви побачите, наскільки повільним є час завантаження сторінки.
Shoppica є SEO оптимізований
Як вже оголошено в їх тематичної лісової сторінки , Ця тема завантажена з функцією SEO. Функціональність SEO вбудована в тему. Функція подібна; Генератор заголовків Meta Product, SEO дружній генератор URL, структурована розмітка даних з використанням мікро-даних і ще кілька інших.
Ця тема більше може запропонувати, якщо ви хочете прочитати все, ви можете відвідати сторінку Theme Forest.
Це обгортання!
Вибір кращої теми OpenCart для вашого магазину не такий вже й важкий. Це забирає багато часу, але воно коштує вашого часу і грошей, особливо коли ви вибрали найбільш ефективний. Зверніть увагу на ті критерії, які я згадував вище, при пошуку потрібної теми. Візьміть Shoppica в якості прикладу або придбайте його відразу і не шукайте далі. Ви можете використовувати його з будь-якою нішею / типом налаштування інтернет-магазину; магазин одягу, ювелірний магазин або електронний магазин. Він швидкий, оптимізований для SEO, простий, але не потворний, активно розвивається, а підтримка клієнтів - першокласна.
Якщо ви шукаєте щось інше, то просто перейдіть до Тема лісу і шукайте.
Якщо у вас є щось більше, щоб додати або щось попросити, не соромтеся коментувати нижче.
Читайте також: Встановлення теми OpenCart .
Ви приваблюєтеся цим?Вам це дійсно подобається?
Чи подобається вам поєднання шрифтів і макет?
Можливо, сторінка продукту продукту виглядає чудово для вас?
Чи занадто складно використовувати інтерфейс під час першого візиту?
Або використання сайту занадто просте, що користувачі можуть знайти те, що вони хочуть, тільки бриз?
Чи дуже легко чи важко вчитися?
Ви налаштували його, не вдаючись до посібників чи посібників?
Чи може користувач продовжувати процес купівлі, не читаючи Вашу сторінку FAQ, або це занадто складно?
Замість цього подумайте про своїх користувачів, чи принесе їм користь?