Лепшая тэма OpenCart - Выбар патрэбнага для вас

  1. Перайсці Спасылкі
  2. Крытэрыі
  3. Сумяшчальнасць версій
  4. Асаблівасці
  5. дызайн
  6. Юзабіліці
  7. код
  8. SEO Аптымізаваны
  9. Асаблівасці Shoppica
  10. Юзабіліці Шоппики
  11. Дызайн Shoppica
  12. Код Shoppica
  13. Shoppica аптымізаваны SEO
  14. Гэта абгарнуць!


У гэтым пасце я разгледзім, як вы выбралі лепшыя тэмы OpenCart для вашага вэб-сайта электроннай камерцыі. У вас ёсць ідэя аб тым, як выбраць правільны для вашага сайта сайт, ведаючы розныя крытэрыі, якія неабходна прыняць да ведама пры пошуку патрэбнага шаблону. Давайце паглядзім больш глыбока і праверым, што знаходзіцца пад капотам, а не толькі візуальны стыль ці дызайн. Я тут не жадаю быць экспертам, проста падзяляю сваё разуменне і што шукаць у тэме.

Перайсці Спасылкі

Тэма павінна не толькі добра выглядаць, але і выконваць вялікую хуткасць, зручнасць выкарыстання і SEO. Для таго, каб шукаць, нам трэба ўбачыць пад кодам, а не толькі выведзены вынік, альбо тое, што карыстальнікі могуць бачыць толькі са сваімі браўзэрамі. Вам таксама трэба праверыць код і як лёгка змяніць яго ў выпадку, калі вам трэба. Таму што заўсёды будзе неабходна наладзіць яго далей, каб ён быў унікальным. Добрая тэма таксама не павінна быць насычана функцыямі, якія вы не будзеце выкарыстоўваць у рэшце рэшт. Гэта паўплывае на прадукцыйнасць сайта, калі гэта адбудзецца. Так што не прымушайце проста глядзець на асаблівасці і канструкцыі, вы таксама павінны разгледзець прастату і прадукцыйнасць.

Цяпер, калі б я абраў уласную тэму OpenCart, я праверыў наступныя крытэрыі:

  • Асаблівасці
  • дызайн
  • Зручнасць і прастата
  • код
  • SEO Аптымізаваны

Крытэрыі

Ніжэй прыведзены крытэрыі, на якія вы можаце праверыць пры пошуку тэмы. Звярніце ўвагу, што менавіта так я выбіраю тэму, калі б я быў яе.

Сумяшчальнасць версій

Гэта павінна быць першая ўвага пры пошуку тэмы. Гэта, па-мойму, па меншай меры, вы можаце таксама зрабіць гэта як апошні крок, калі хочаце. Але для мяне, я прыму гэта як пачатковы крок.

Вы, магчыма, захочаце, каб узначаліць ThemeForest OpenCart Тэма раздзел, і выкарыстоўвайце блок фільтра з правага боку старонкі. Націсніце на версію праграмнага забеспячэння і абярыце ўсталяваную ў цяперашні час версію 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 і JavaScripts могуць аказаць негатыўны ўплыў на прадукцыйнасць і час загрузкі старонкі. Але ў асноўным распрацоўшчыкі Theme не змаглі пазбегнуць такой праблемы, і іх Тэмы ў канчатковым выніку маюць занадта шмат файлаў CSS і JS, што прыводзіць да запаволення загрузкі старонкі.

Акрамя таго, было б выдатна, каб гэтыя JavaScript загружаны ўнізе старонкі. Зноў жа, для павышэння прадукцыйнасці і часу загрузкі старонкі.

Чым менш файлаў JS і CSS, тым лепш.

Некаторыя Theme Developer аб'ядноўваюць усе табліцы стыляў у адзін файл 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. Перш за ўсё, ён падтрымлівае апошнюю версію OC 2.3.0.x, па стане на 6 лістапада 2016 г. - час напісання гэтага артыкула.

Ён быў на працягу многіх гадоў і пастаянна абнаўляецца, так што ён будзе працаваць з самай апошняй версіяй OpenCart. Да гэтай вялікай тэмы ўводзяць актыўныя выпраўленні і паляпшэнні памылак.

Shoppica Theme карыстаецца папулярнасцю яшчэ з OC v1.5.

Добра, дазвольце мне абмеркаваць пра добрыя рысы гэтай дзіўнай тэмы.

Асаблівасці Shoppica

Для мяне лепшая рыса гэтай тэмы - гэта прастата . Я маю на ўвазе, глядзець на Тэму настолькі чыстую і простую, не заблытаную і ўсё выкладзена акуратна. Я хацеў бы гэтага, а не тых, хто мае мудрагелістыя і вялікія паўзункі для малюнкаў, якія прымушаюць вашу старонку загружацца даўжэй.

  1. Стваральнік старонак - З дапамогай панэлі адміністратараў можна стварыць простую і складаную раскладку старонак, проста здымаючы любыя блокі, якія вы хочаце. Вы можаце выбраць адзін з 40 + карыстацкіх блокаў накшталт; Facebook ці твітар, як акно, Апошнія прадукты ці артыкулы і многае іншае.

  2. Responsive Layout - Гэтая тэма выкарыстоўвае Twitter Boostrap Framework, структуру, якая выкарыстоўваецца не толькі для рэагавання на дызайн, але і для простага прататыпавання або мытнай мадыфікацыі, калі вы хочаце. Большасць пазаштатных распрацоўнікаў і вэб-дызайнераў ведаюць пра гэта, і ў выпадку, калі вам патрэбны заказ, можна лёгка знайсці таго, хто ведае, як працаваць над ім.

    Аператыўная функцыя макета дазваляе тэме адпавядаць розным памерам экрана, няхай гэта будзе настольны стол, настольны ПК, планшэт і мабільнае прылада.

  3. Multi-Store Compatible - Гэта азначае, што гэтая тэма сумяшчальная з наладамі OpenCart Mutli-Store. Устаноўка, у якой можна запусціць некалькі індывідуальных крамаў з уласнымі і асобнымі катэгорыямі і прадуктамі, выкарыстоўваючы той жа асобнік OpenCart. Няма неабходнасці ў некалькіх ўстаноўкі. Такім чынам, з дапамогай гэтай функцыі вы можаце выкарыстоўваць тэму ў любым краме, які вы настроілі.

  4. Мега Меню - Так, вы можаце стварыць мега-меню з дапамогай гэтай тэмы, падобнай на мега-меню, якія звычайна мае тэма Паўо ў тэмах.

    Даведачная выява:
    Даведачная выява:

Юзабіліці Шоппики

Калі вы праверыць іх дэманстрацыя , Вы хутка заўважыце, што раскладка і паток настолькі гладкія і простыя ў руху. Для мяне гэта лепшы прыклад карыснай тэмы. Пакупкі на тавар лёгка, а таксама для праверкі. Лёгка прытрымлівацца патоку, няма заблытаных усплываючых блокаў і вар'ятаў эфектаў навядзення.

Дарэчы, яшчэ адна выдатная функцыя - гэта ўстаноўка Sample Data ў адзін клік. З дапамогай гэтай функцыі адміністратарам крамы не будзе цяжка наладзіць тэму Shoppica і зрабіць яе падобнай на дэма. Вы можаце хутка ўсталяваць дэма-прадукты / катэгорыі і налады адным пстрычкай мышы.

Дызайн Shoppica

Вельмі просты дызайн, які цудоўны, так як вы можаце зрабіць яго больш складаным, дадаўшы больш блокаў, модуляў з панэлі адміністратараў.

Я выкарыстаў інструмент PageSpeed ​​Insight, каб праверыць, наколькі хутка дэма, і яна набыла 80 балаў. Звярніце ўвагу, што іншыя фактары могуць па-ранейшаму павялічваць кошт. Калі ў вас ёсць уласны VPS і карыстаецеся гэтай тэмай, то аптымізавалі сервер ... ну, напэўна, вы можаце павялічыць бал да 85 і больш.

Код Shoppica

Калі вы паглядзіце на крыніцу старонкі, то ўбачыце, што ў яе мінімальныя (па 2 - для адлюстравання старонкі ) файлы CSS і JS, што з'яўляецца настолькі вялікім, таму што браўзэр можа загрузіць старонку хутчэй. Зірніце на скрыншот ніжэй. Я выкарыстаў pingdom.com для праверкі http://shoppica.net/ - галоўнай старонкі. Глядзіце час загрузкі 1,70 с, а памер старонкі - амаль 1 Мб.

Звярніце ўвагу, што вы ўсё яшчэ можаце паменшыць памер, выкарыстоўваючы метады аптымізацыі.

Здымак экрана тут:
Здымак экрана тут:

Калі параўноўваць іншыя тэмы, якія вы знойдзеце тут, і карыстаецеся прыладай вышэй, вы ўбачыце, наколькі павольны час загрузкі старонкі.

Shoppica аптымізаваны SEO

Як ужо рэкламуецца ў іх старонка тэматычнага лесу , Гэтая тэма загружаецца функцыяй SEO. Функцыя SEO ўбудаваная ў тэму. Функцыя як; Генератар мета-загалоўкаў прадукту, генератар URL для дружалюбных SEO, структураваная разметка дадзеных з выкарыстаннем мікра-дадзеных і яшчэ некалькі іншых.

Гэтая тэма можа прапанаваць больш, калі вы хочаце прачытаць усё, вы можаце наведаць старонку тэматычнага лесу.

Гэта абгарнуць!

Выбар лепшай тэмы OpenCart для вашага крамы не так складана. Гэта займае шмат часу, але гэта стаіць вашым часам і грошай, асабліва калі вы абралі найбольш эфектыўны. Прыміце да ўвагі тыя крытэрыі, якія я згадваў вышэй, пры пошуку патрэбнай тэмы. Вазьміце Shoppica у якасці прыкладу або купіце яго адразу і не глядзіце далей. Вы можаце выкарыстоўваць яго ў любой нішы / тыпу ўстаноўкі інтэрнэт-крамы, напрыклад; магазін адзення, магазін ювелірных вырабаў або электронны магазін. Гэта хуткі, SEO-аптымізаваны, просты, але не пачварны, актыўна развіты і падтрымка кліентаў - найвышэйшая.

Калі вы шукаеце нешта іншае, то проста звернецеся да ThemeForest і шукаць адзін.

Калі вы маеце нешта большае, каб дадаць ці што-небудзь задаць, не саромейцеся каментаваць ніжэй.

Таксама чытаць: Усталёўка тэмы OpenCart ,

Вы яго прыцягвалі?
Вам гэта падабаецца?
Ці вам падабаецца спалучэнне шрыфта і макет?
Можа быць, старонка прадукту выглядае вам дзіўна?
Занадта складана выкарыстоўваць інтэрфейс падчас першага візіту?
Ці карыстацца сайтам занадта проста, каб карыстальнікі змаглі знайсці тое, што яны хочуць проста на вецер?
Гэта занадта лёгка ці складана вучыцца?
Вы наладзілі яго, не звяртаючыся да кіраўніцтва і кіраўніцтва?
Ці можа карыстач працягваць працэс пакупкі, не чытаючы старонку FAQ, ці гэта занадта складана?
Замест гэтага, падумайце пра вашых карыстальнікаў, ці будзе гэта карысці?