Cum se instalează și se instalează o nouă temă WordPress WooCommerce

WooCommerce este cea mai populară și "cea mai personalizabilă platformă de eCommerce pentru construirea afacerii dvs. online". Puteți descărca gratuit WooCommerce, dar într-adevăr începeți să vedeți puterea sa atunci când începeți să utilizați pluginurile și temele WordPress WooCommerce.

Dar trebuie să folosiți o temă WooCommerce?

Deși nu este necesar, recomand foarte mult.

Nu numai teme WooCommerce eCommerce-centrice prin design, întreaga temă este centrată în jurul stiluri WooCommerce. CSS pe care WooCommerce îl utilizează pentru a defini modul în care sunt afișate produsele este apoi utilizat de tema WordPress WooCommerce pentru a trage cu adevărat totul împreună pentru a face unele dintre cele mai frumos proiectate magazin eCommerce.

Să nu mai vorbim de faptul că instalarea și configurarea unei noi teme WordPress WooCommerce nu este mai dificil decât crearea oricărei alte teme WordPress.

Permiteți-mi să vă arăt cum să faceți asta.

Cum se instalează și se instalează o nouă temă WordPress WooCommerce

Dacă ai deja instalat WooCommerce, e grozav! Dacă nu, recomand recomandarea lui Rachel McCollin pentru începători în utilizarea WooCommerce. Acest lucru vă va prezenta la WooCommerce și vă va duce prin toți pașii necesari pentru a vă aduce la vânzare magazinul online.

Acum, să începem cu modul de instalare și configurare a unei noi teme WordPress WooCommerce.

Pasul 1: Instalați datele Dummy

Dacă ați adăugat deja produsele dvs. la WooCommerce, vă recomandăm să săriți peste acest pas și începând cu pasul 2.

Instalarea datelor fictive adaugă produse fictive la magazinul dvs. pentru a vă ajuta să vă vizualizați magazinul cu produse. După ce ați terminat instalarea și configurați noua temă WordPress WooCommerce, veți dori să ștergeți toate datele fictive înainte de adăugarea produselor dvs. În caz contrar, riscați să ștergeți accidental propriile date despre produse.

Datele false sunt incluse în plugin-ul WooCommerce. Dacă ați instalat WooCommerce în cadrul administratorului WordPress, continuați și descărcați pluginul din Directorul de pluginuri WordPress pe computer. Acest lucru va fi mai ușor decât conectarea la FTP, intrarea în directorul plugin-ului și descărcarea datelor fictive de acolo.

După terminarea descărcării, dezarhivați fișierul astfel încât să fiți gata să importați fișierul dummy-data.xml.

Du-te la tine Unelte și faceți clic pe Import:

Nu lăsa să vă deruteze "Valorile fiscale WooCommerce (CSV)". Acest lucru se poate face mai târziu dacă doriți. Pentru datele Dummy WooCommerce, veți dori să alegeți WordPress.

Mai mult decât probabil, nu veți avea pluginul WordPress Importer instalat, deci mergeți mai departe și Instaleaza acum.

Odată instalat, mergeți mai departe și Activează importatorul Plugin & Run.

Vă amintiți unde ați descărcat și dezarhivat pluginul WooCommerce? Grozav! Acum trebuie să faceți clic pe Alege fișierul și faceți-vă drumul spre ea.

Datele dummy trebuie să fie în dosarul dvs. dezarhivat: (woocommerce.version.number)> woocommerce> dummy-data.

Deschideți dosarul dummy-data, selectați dummy-data.xml, și sunteți gata să încărcați fișierul și să importați.

Acesta este ultimul lucru pe care trebuie să-l faceți înainte de a importa toate datele fictive.

Unele dintre acestea sunt preferințe personale, dar iată ce fac (screenshot de mai jos):

Importați autorul implicit "wooteam" în loc să creați un autor nou sau să utilizați un autor preexistent. În acest fel, știi ce conținut a fost importat / creat în acest proces pe baza numelui autorului (Vă recomandăm să ștergeți autorul atunci când eliminați datele fictive după ce ați terminat instalarea și configurarea noii teme WordPress WooCommerce).

Vă recomand, de asemenea, Descărcați și importați atașamente astfel încât să aveți imagini asociate cu fiecare produs (din nou, veți dori să vă asigurați că suportul media este eliminat când ați terminat datele fictive).

Odată ce ați făcut aceste selecții, trimiteți:

Vizitați site-ul dvs.website.com/shop/ și ar trebui să vedeți un magazin de test complet importat:

Da! Tu ai făcut-o!

Nu este bine conceput, nu? Bine că vom instala o temă bună WordPress WooCommerce, cum ar fi Savoy.

(NOTĂ: După ce ați terminat instalarea și configurarea temei, nu uitați să ștergeți produsele și imaginile din importul de date fictiv inainte de începeți să adăugați propriile produse.)

Pasul 2: Instalați o temă WordPress WooCommerce

Acum, să ne uităm la modul de instalare a temei WooCommerce. Dacă nu ați descărcat deja tema WordPress Commerce, continuați și descărcați-o pe computer (asigurați-vă că știți unde îl descărcați, astfel încât să puteți accesa).

Există două moduri diferite în care puteți instala tema:

  1. Accesați site-ul Web utilizând FTP
  2. Din administratorul WordPress

FTP Tema ta

Dacă sunteți confortabil folosind FTP, mergeți mai departe și conectați-vă la serverul dvs. și faceți-vă drumul spre wp-content> teme director. Aici veți dori să trimiteți tema. Înainte de a trimite dosarul dezarhivat pe server, cu toate acestea, asigurați-vă că trimiteți tema. Să aruncăm o privire mai atentă folosind tema WordPress de exemplu de la ThemeForest.

După dezarhivarea descărcării, veți vedea că există mai multe foldere diferite:


Nu toate temele pe care le descărcați vor fi ambalate astfel. Uneori, dosarul pe care îl descărcați este dosarul tematic actual. Este întotdeauna o idee bună să faceți dublu control, deoarece aceasta variază de la un loc la altul.

Savoy - Minimalist AJAX WooCommerce Tema include câteva lucruri suplimentare cum ar fi documentația, activele etc. Dacă te uiți în dosarul Theme Files pentru Savoy, vei găsi tema ta (savoy.zip).

Dacă instalați prin FTP, continuați și încărcați folderul tematic dezarhivat (de exemplu: "savoy") în directorul tematic. Dacă nu sunteți sigur de utilizarea FTP sau preferați să instalați din Administratorul WordPress, este bine. Prefer sa folosesc si Administratorul WordPress.

Din administratorul WordPress

Instalarea unei tematici WordPress de la Admin necesită ca folderul tematic să fie zip (themefolder.zip). După cum am discutat anterior, veți dori să vă asigurați că lucrați cu real temă și nu folderul în care poate fi ambalată tema.

Din WordPress Admin, sub Aspect, clic tematică:

Adăugați o temă nouă:

Încărcați tema:

Vă amintiți unde este localizat fișierul dvs. zip temă?

(Tema exemplului nostru este intitulată: savoy.zip)

Clic Alege fișierul și faceți-vă drumul spre ea:

Odată instalat, puteți vizita Aspect> Teme în Administratorul dvs. de WordPress pentru a vedea dacă este instalat sau faceți clic pentru al activa imediat.

După cum puteți vedea (mai jos), tema Savoy a fost instalată cu succes, așa că mouse-ul peste și Activati:

Acum că tema WordPress WooCommerce este instalată și activată cu succes, să o configuram.

Pasul 3: Creați o temă WordPress WooCommerce

Nu toate temele sunt personalizate exact la fel. Modul în care o temă este proiectată și dezvoltată este un factor important, astfel încât pot exista unele diferențe între acest tutorial și ceea ce este posibil să vă confruntați. În general, totuși, acest lucru ar trebui să vă ajute să obțineți tema WordPress WooCommerce înființată - indiferent de tema WooCommerce pe care o utilizați de la ThemeForest sau oriunde altundeva.

Recomandate / Pluginuri necesare

După instalarea și activarea temei Savoy, veți primi notificări despre pluginurile recomandate:

Uneori, tema dvs. vă notifică despre pluginurile recomandate, în timp ce altele conțin recomandări în documentația acestora. Pot exista funcții de proiectare a temelor - cum ar fi slider-urile opționale - care nu sunt codate în temă, dar sunt acceptate.

Click pe Începeți să instalați pluginuri în tema Savoy pentru a vedea lista pluginurilor recomandate:

Din nou, aceasta va varia de la temă la temă, dar în acest caz, este posibil să doriți sau nu să instalați toate acestea.

De exemplu, în timp ce Savoy recomandă formularul de contact 7 și include stil pentru el, este posibil să nu doriți să utilizați acest plugin pentru formularul dvs. de contact. S-ar putea să doriți să utilizați ceva asemănător Formelor Gravity sau Formularele Ninja.

Un plugin cum ar fi Regenerate Thumbnails este un plugin excelent pentru a fi folosit pentru cei care au un magazin existent înființat și au imaginile configurate pentru o temă anterioară. Acest plugin va trece prin biblioteca dvs. WordPress Media și va redimensiona toate imaginile pentru a lucra cu noua dvs. temă. Puteți sau nu doriți să faceți acest lucru cu datele fictive și este posibil să doriți să ignorați complet acest plugin (dar vă recomand să îl faceți oricum, astfel încât toate materialele media să fie corect dimensionate în scopuri de testare).

Un plugin ca Envato Toolkit, cu toate acestea, este foarte important pentru temele achiziționate prin ThemeForest, asigurându-vă că sunteți informat despre actualizarea temelor.

Vă recomandăm să instalați toate pluginurile recomandate când începeți. Puteți să eliminați oricând un plugin mai târziu dacă nu aveți nevoie de el, în timp ce dacă nu instalați un plugin care este necesar, ați putea fi frustrați deoarece tema nu "funcționează" sau nu face ceva ce ți-a plăcut în demo.

După ce ați instalat toate, unele sau nici una dintre pluginurile recomandate și / sau necesare, nu uitați să le activați:

Dacă utilizați o temă achiziționată de la ThemeForest, cum ar fi exemplul temei Savoy, nu uitați să introduceți cheia API-ului Marketplace Username și Secret API în Envato WordPress Toolkit pentru a vă asigura că actualizările corecte ale temelor.

Personalizați

Aceasta este o parte din instalarea și configurarea temei WordPress WooCommerce atunci când devine foarte distractiv și începeți să vedeți site-ul viu.

Puteți accesa WordPress Customizer din meniul din WordPress: Aspect> Personalizați. Sau mergeți la pagina Themes sub Aspect> Teme apoi faceți clic pe Personalizați buton:

Bun venit la WordPress Customizer:

Iată în care vom face câteva modificări înainte de a ajunge în configurație mai profundă.

Primul lucru pe care îl vei vedea este Identitatea site-ului. Aici puteți schimba Titlul site-ului dvs. și Tagline.

Uneori, aici puteți adăuga o imagine antet personalizată și / sau o pictogramă a site-ului (aceasta va varia de la temă la temă).

În continuare, configurați meniurile:

Dacă aceasta este o nouă configurație WooCommerce sau dacă nu ați creat nici o pagină, este posibil să nu aveți prea mult pentru a "personaliza" încă. Cu WooCommerce instalat, cu toate acestea, a adăugat automat unele pagini pe care sunt sigur că veți dori să fi adăugat la meniul dvs. imediat.

Puteți adăuga cu ușurință și crea un nou meniu:

După ce ați adăugat un meniu (sau mai multe), puteți selecta locul în care doriți să apară meniul, precum și diferitele elemente de meniu (cum ar fi linkuri personalizate, postări, pagini, produse etc.).

Acest lucru vă oferă o mulțime de flexibilitate cu cum doriți ca site-ul dvs. WooCommerce să funcționeze. Nu vă fie frică să vă jucați cu ea sau să o schimbați mai târziu.

Înainte de a părăsi WordPress Customizer, veți dori să îi spuneți WordPress să facă prima pagină magazinul dvs.:

marcă Afișează pagina frontală la fel de O pagină statică și selectați Prima pagina să fii tu Magazin pagină. Pagina de magazin a fost creată automat când ați instalat pluginul WooCommerce.

cât despre Mesaje pagina, aceasta depinde de locul unde vreți sau nu vreți un blog pe site-ul dvs. WooCommerce. Dacă da, va trebui să creați o pagină de blog și să o selectați pe această pagină a personalizatorului WordPress sau în Setări de administrare WordPress> Citire.

Rezultatele

Cu o configurație de bază, puteți vedea cât de bine poate arăta magazinul dvs. online folosind o temă WordPress WooCommerce:

Paginile individuale ale produselor arată uimitoare:

Aceasta include chiar și produse conexe:

The Savoy - Minimalist AJAX WooCommerce Tema vă permite să ajustați cu ușurință multe elemente din site-ul dvs. și puteți merge departe în spatele a tot ce am acoperit în acest tutorial (asigurați-vă că ați citit documentația temei pentru a afla mai multe despre tema dvs.). Am aratat doar schimbari care ar putea fi facute in WordPress Customizer si pot fi de obicei facute pe aproape orice tema pe care ar trebui sa o folosesti.

Concluzie

Puteți vedea în mod clar cât de ușor aceste primii pași inițiali în configurarea noii teme WordPress WooCommerce pot fi și cât de bine arată - pur și simplu folosind o temă WordPress creată special pentru WooCommerce.

Există multe pluginuri utile WordPress WooCommerce disponibile pe CodeCanyon și unele teme frumos proiectate și eficiente WordPress WooCommerce pe ThemeForest.

Privind la unele dintre cele mai vândute teme ThemeForest WooCommerce ar putea fi un loc bun pentru a începe (Savoy este încă preferatul meu). Sunt sigur că veți găsi ceva care se potrivește perfect cu magazinul dvs. de eCommerce. Sau navigați prin prezentarea noastră recomandată pentru a găsi exact cea potrivită pentru magazinul dvs .: 

Ce folosești WooCommerce pentru a vinde?

Cod