Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WooCommerce
Code

Як усталяваць і наладзіць тэму Новага WordPress WooCommerce

by
Difficulty:BeginnerLength:LongLanguages:

Belarusian (беларуская мова) translation by Alex Grigorovich (you can also view the original English article)

WooCommerce з'яўляецца найбольш папулярнай і «самым наладжвальнай электроннай камерцыяй платформы для стварэння вашага бізнесу ў Інтэрнэце.» Вы можаце спампаваць WooCommerce бясплатна, але вы сапраўды пачынаеце бачыць сваю сілу, калі вы пачынаеце выкарыстоўваць WordPress WooCommerce убудова і тэму.

Але ці сапраўды вы павінны выкарыстоўваць тэму WooCommerce?

Хоць гэта не патрабуецца, я вельмі рэкамендую яго.

Не толькі WooCommerce тэма электроннай камерцыі, арыентаваная на дызайне, уся тэма засяроджаная вакол стыляў WooCommerce. CSS, што WooCommerce выкарыстоўвае для вызначэння спосабу адлюстравання прадуктаў затым выкарыстоўваюцца тэма WordPress WooCommerce сапраўды цягнуць усё разам, што робіць для некаторых з самых прыгожых аформленых электроннай камерцыі вітрын.

Не кажучы ўжо пра тое, што ўстаноўка і настройка новай тэмы WordPress WooCommerce гэта не складаней, чым стварэнне любой іншай тэмы WordPress.

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

Як усталяваць і наладзіць тэму Новага WordPress WooCommerce

Калі ў вас ужо ўсталяваны WooCommerce, гэта выдатна! Калі няма, то я настойліва рэкамендую Кіраўніцтва для пачаткоўцаў Рэйчел McCollin да Выкарыстоўваючы WooCommerce. Гэта дазволіць пазнаёміць вас з WooCommerce і правядзе вас праз усе крокі, неабходныя, каб атрымаць ваш Інтэрнэт-краму і працуе.

Зараз давайце пачнем з тым, як усталяваць і наладзіць новую тэму WordPress WooCommerce.

Крок 1: Усталюйце фіктыўныя дадзеныя

Калі вы ўжо дадалі сваю прадукцыю WooCommerce, я рэкамендую прапусціць гэты крок і, пачынаючы з крокам 2.

Ўстаноўка фіктыўных дадзеных дадае выдуманыя прадукты ў ваш інтэрнэт-крама, каб дапамагчы вам візуалізаваць ваш магазін з прадуктамі. Пасля таго, як вы скончылі ўстаноўку і наладу новай тэмы WordPress WooCommerce, вы хочаце, каб выдаліць усе фіктыўныя дадзеныя, перш чым дадаваць свае прадукты. У адваротным выпадку вы рызыкуеце выпадкова выдаліць свае дадзеныя аб прадукце.

Фіктыўныя дадзеныя ўключаны з WooCommerce убудова. Калі вы ўсталявалі WooCommerce ў WordPress Admin, ісці наперад і спампаваць плягін з WordPress каталога убудоў да вашага кампутара. Гэта будзе прасцей, чым увайсці ў свой FTP, зайшоўшы ў дырэкторыю убудоў і загружаць фіктыўныя дадзеныя адтуль.

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

Перайдзіце на старонку Інструменты і націсніце на імпарт:

How to Install and Setup a New WordPress WooCommerce Theme

Не дазваляйце «WooCommerce падатковых ставак (CSV)» збіць вас з панталыку. Гэта можна зрабіць пазней, калі вам падабаецца. Для WooCommerce фіктыўных дадзеных, вы хочаце выбраць WordPress.

How to Install and Setup a New WordPress WooCommerce Theme

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

How to Install and Setup a New WordPress WooCommerce Theme

Пасля ўстаноўкі, ісці наперад і актываваць & Run пісаць софт Importer.

Вы памятаеце, дзе вы запампавалі і распакавалі убудова WooCommerce?  Выдатна!  Зараз вам трэба націснуць Выбраць файл і зрабіць свой шлях да яго. 

How to Install and Setup a New WordPress WooCommerce Theme

Вашы фіктыўныя дадзеныя павінны быць у вашай распакаваць тэчцы: (woocommerce.version.number) > WooCommerce > манекен-дадзеныя.

How to Install and Setup a New WordPress WooCommerce Theme

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

Гэта апошняе, што вам трэба зрабіць, перш чым імпартаваць ўсе фіктыўныя дадзеныя.

Некаторыя гэта асабістыя перавагі, але вось тое, што я раблю (скрыншот далей):

Імпарт аўтар «wooteam» па змаўчанні замест стварэння новага аўтара або выкарыстоўваючы існавалі раней аўтар.  Такім чынам, вы ведаеце, што кантэнт быў імпартаваны / створаны ў гэтым працэсе на аснове імя аўтара (я рэкамендую выдаліць аўтар пры выдаленні фіктыўных дадзеных пасля таго, як вы скончылі працэс усталявання і налады новай тэмы WordPress WooCommerce).

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

Пасля таго, як вы зрабілі гэтыя выбары, прадставіць:

How to Install and Setup a New WordPress WooCommerce Theme

Наведайце yourwebsite.com/shop/ і вы павінны ўбачыць цалкам імпартаваны тэставы краму:

How to Install and Setup a New WordPress WooCommerce Theme

Да!  Вы зрабілі гэта!

Гэта не вельмі добра распрацаваны, гэта?  Добра, што мы збіраемся ўсталяваць вялікую выглядаюць WordPress WooCommerce тэму, як Savoy.

(Заўвага: Пасля таго, як вы скончылі ўстаноўку і наладу вашай тэмы, не забудзьцеся выдаліць прадукты і малюнкі з фіктыўнага імпарту дадзеных, перш чым пачаць дадаваць свае ўласныя прадукты.)

Крок 2: Усталюйце тэму WordPress WooCommerce

Зараз давайце разгледзім, як усталяваць WooCommerce тэму.  Калі вы не загрузілі WordPress Commerce тэму ўжо, ісці наперад і загрузіць яго на свой кампутар (пераканайцеся, што вы ведаеце, дзе вы спампоўваеце яго, так што вы можаце атрымаць доступ да яго).

Ёсць два спосабу, якія можна ўсталяваць вашу тэму:

  1. Доступ да вэб-сайт з дапамогай FTP
  2. З WordPress адміністратара

FTP Вашай тэмы

Калі вы камфортна, выкарыстоўваючы FTP, ісці наперад і падлучыцца да сервера і зрабіць свой шлях да дырэкторыі смецце-кантэнту > тэм.  Гэта дзе вы хочаце, каб адправіць вашу тэму.  Перад адпраўкай распакаваныя тэчкі на сервер, аднак, пераканайцеся, што вы адпраўляеце вашу тэму.  Давайце больш падрабязна разгледзім, выкарыстоўваючы наш прыклад WordPress тэма ад ThemeForest.

Пасля разархивирования загрузкі, вы будзеце бачыць, што ёсць цэлы шэраг розных тэчак:

How to Install and Setup a New WordPress WooCommerce Theme

Не кожная тэма загрузкі будзе спакаваны, як гэта.  Часам Маланкі тэчкі загрузкі з'яўляецца фактычнай тэчкай тэмы.  Гэта заўсёды добрая ідэя, каб пераправерыць, так як гэта залежыць ад месца да месца.

Savoy - Мінімалісцкі AJAX WooCommerce Тэма ўключае ў сябе некаторыя дадатковыя рэчы, як дакументацыі, актывы і г.д.  Калі вы паглядзіце ў тэчцы Files Theme для Савоі, вы знойдзеце вашу тэму (savoy.zip).

Калі вы ўсталёўваеце праз FTP, ісці наперад і загрузіць распакаваныя тэчкі тэмы (напрыклад: «савойская») у каталог тэм.  Калі вы не ўпэўненыя ў выкарыстанні FTP або аддалі перавагу б ўсталяваць з WordPress Admin, гэта нармальна.  Я аддаю перавагу выкарыстоўваць WordPress кіраванне таксама.

З WordPress адміністратара

Ўстаноўка тэмы WordPress ад адміністратара патрабуе, каб тэчка тэмы заархіваванага (themefolder.zip).  Як мы ўжо казалі раней, вы хочаце, каб пераканацца, што вы працуеце з рэальнай тэчцы тэмы, а не папка ваша тэма можа быць запакаваная ў.

З WordPress Admin, пад Appearance, націсніце Тэмы:

How to Install and Setup a New WordPress WooCommerce Theme

Дадаць новую тэму:

How to Install and Setup a New WordPress WooCommerce Theme

Загрузіць тэму:

Вы памятаеце, калі ваш паштовую файл тэма знаходзіцца?

(У нашым прыкладзе тэма называецца: savoy.zip)

Націсніце Выбраць файл і зрабіць свой шлях да яго:

Пасля ўстаноўкі, вы можаце наведаць Appearance > Тэмы ў вашым WordPress адміністратара, каб убачыць, калі ён усталяваны, або націсніце, каб актываваць яго адразу.

Як вы можаце бачыць (ніжэй), тэма Savoy паспяхова ўстаноўлена, таму мыш і Activate:

How to Install and Setup a New WordPress WooCommerce Theme

Цяпер, калі паспяхова ўсталяваная ваша тэма WordPress WooCommerce і актывавалі, давайце ўсталюем яго.

Крок 3: Налада WordPress Theme WooCommerce

Не кожная тэма наладжваецца сапраўды гэтак жа.  Як тэма распрацавана і з'яўляецца вялікім фактарам, так што можа быць некаторыя адрозненні паміж гэтым навучальнай праграмай і тое, што вы можаце сутыкнуцца.  Наогул кажучы, аднак, гэта павінна дапамагчы вам атрымаць ня вашу тэму WordPress WooCommerce ўсталяваць, незалежна ад таго, што WooCommerce тэмы вы карыстаецеся ад ThemeForest ці дзе-небудзь яшчэ.

Рэкамендуецца / Патрабаваныя убудовы

Пасля ўстаноўкі і актывацыі тэмы Савы, вы будзеце апавешчаныя аб рэкамендуемых убудова:

How to Install and Setup a New WordPress WooCommerce Theme

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

Націсніце на Пачаць ўстаноўку убудоў ў тэме Savoy, каб убачыць спіс рэкамендаваных модуляў:

How to Install and Setup a New WordPress WooCommerce Theme

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

Напрыклад, у той час як Savoy рэкамендуе Contact Form 7 і ўключае ў сябе стыль для яго, вы не жадаеце выкарыстоўваць гэты убудова для кантактнай формы.  Вы можаце выкарыстоўваць нешта накшталт гравітацыі формаў або ніндзя формы.

Убудова як рэгенераваць Эскізы выдатны убудова выкарыстоўваць для тых, хто існуючы магазін створаны і іх выявы сканфігураваны для папярэдняй тэмы.  Гэты убудова будзе ісці праз WordPress бібліятэкі мультымедыя і змяніць памер усіх малюнкаў для працы з новай тэмай.  Вы можаце ці не можаце зрабіць гэта з дапамогай фіктыўных дадзеных, і вы можаце прапусціць гэты убудова ў цэлым (але я рэкамендую ў любым выпадку рабіць гэта, так што ўсе носьбіты памеру правільна для мэт тэставання).

Убудова як Envato Toolkit, аднак, вельмі важна для тэмы набытых праз ThemeForest, гарантуючы, што вы будзеце апавешчаныя пра змены тэмы.

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

Пасля таго, як вы ўсталявалі ўсе, некаторыя, або ні адзін з рэкамендуемых і / або неабходных убудоў, не забудзьцеся актываваць іх:

How to Install and Setup a New WordPress WooCommerce Theme

Калі вы выкарыстоўваеце тэму закуплены ад ThemeForest, такіх, як наш прыклад тэмы Savoy, не забудзьцеся ўвесці імя карыстальніка і Marketplace Сакрэтны ключ API ў Envato WordPress Toolkit для забеспячэння належнага абнаўлення тэмы.

наладзіць

Гэта частка ўстаноўкі і налады вашай тэмы WordPress WooCommerce, калі гэта становіцца сапраўды цікава, і вы пачынаеце бачыць ваш сайт ажыў.

Вы можаце атрымаць доступ да WordPress наладчыка з меню ў WordPress: Знешні выгляд > Налада. Або перайдзіце на старонку Тэмы пад Appearance > Тэмы і націсніце кнопку Настроіць:

How to Install and Setup a New WordPress WooCommerce Theme

Сардэчна запрашаем у WordPress наладчык:

How to Install and Setup a New WordPress WooCommerce Theme

Вось дзе мы зробім некалькі налад, перш чым патрапіць у больш глыбокія канфігурацыі.

Першае, што вы ўбачыце, гэта сайт Ідэнтычнасць.  Тут вы можаце змяніць назву сайта і Слоган.

How to Install and Setup a New WordPress WooCommerce Theme

Часам гэта, дзе вы можаце дадаць карыстацкі загаловак малюнкі і / або значок сайта, а таксама (гэта будзе адрознівацца ад тэмы да тэмы).

Далей, наладзіць меню:

How to Install and Setup a New WordPress WooCommerce Theme

Калі гэта новая ўстаноўка WooCommerce ці вы не стварылі ніводнай старонкі, не можа быць шмат для вас «наладзіць» яшчэ.  З устаноўленым WooCommerce, аднак, ён аўтаматычна дадаецца некалькі старонак, якія я ўпэўнены, што вы хочаце дадалі ў меню адразу.

Вы можаце лёгка дадаваць і стварыць новае меню:

How to Install and Setup a New WordPress WooCommerce ThemeHow to Install and Setup a New WordPress WooCommerce Theme

Пасля таго, як вы дадалі меню (або некалькі), вы можаце выбраць, дзе вы хацелі б меню з'яўляцца, а таксама розныя пункты меню (напрыклад, прыстасаваныя спасылкі, пасты, старонкі, тавары і г.д.).

How to Install and Setup a New WordPress WooCommerce Theme

Гэта дае вялікую гнуткасць з тым, як вы хочаце, каб ваш сайт WooCommerce функцыянаваць.  Не бойцеся гуляць з ім ці змяніць яго пазней.

Перад тым, як пакінуць WordPress наладчыка, вы хочаце сказаць, WordPress, каб на першай старонцы вашага крамы:

How to Install and Setup a New WordPress WooCommerce Theme

Mark Галоўная старонка адлюстроўваецца як статычныя старонкі і абярыце Спераду старонку, каб быць ваша старонка Крама.  Старонка Крамы была створана аўтаматычна пры ўсталёўцы плагіна WooCommerce.

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

Вынікі

З некаторай базавай канфігурацыяй, вы можаце ўбачыць, наколькі вялікая ваш інтэрнэт-крама можна паглядзець, выкарыстоўваючы тэму WordPress WooCommerce:

How to Install and Setup a New WordPress WooCommerce Theme

Асобныя старонкі прадукту выглядаюць дзіўна:

How to Install and Setup a New WordPress WooCommerce Theme

Яна ўключае ў сябе нават роднасныя прадукты:

How to Install and Setup a New WordPress WooCommerce Theme

Savoy - Мінімалісцкі AJAX WooCommerce Theme дазваляе лёгка падбудаваць шмат элементаў у межах вашага сайта і можа пайсці далёка за сабою ўсе, што я ахоплены ў гэтым падручніку (не забудзьцеся прачытаць дакументацыю вашай тэмы, каб даведацца больш аб вашай тэме ў прыватнасці).  Я толькі паказаў вам змены, якія могуць быць зробленыя ў WordPress наладчыка і звычайна можа быць зроблены на любую тэму вы можаце выкарыстоўваць.

выснову

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

Ёсць шмат карысных убудова WordPress WooCommerce даступныя на CodeCanyon і некаторай прыгожа аформлены і эфектыўную тэму WordPress WooCommerce на ThemeForest.

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

Што вы карыстаецеся WooCommerce прадаць?

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.