Construirea unui site de revizuire a produselor cu Extra - Partea 1

Bine ați venit la prima parte a acestei serii cu 4 părți despre cum să dezvoltați un site de recenzie a produsului folosind Extra. Dacă vă gândiți cum să începeți să dezvoltați un site de revizuire a produselor, această serie este pentru dvs. Cu funcționalitatea de recenzie încorporată și clasificarea inteligentă a posturilor, Extra este special echipat pentru a crea recenzii cu aspect extraordinar, șabloane de postare pentru produse, mega meniuri și machete de categorii în câteva minute. Alătură-te mie în timp ce explorăm puterea Extra.

Ador recenziile despre produse. De fapt, rareori cumpăr ceva în aceste zile fără a efectua o investigație amănunțită la nivel FBI pentru a determina ce are de spus lumea despre produs. Dacă ies vreodată la cumpărături (este rar), sunt tipul din magazin care se confruntă cu un raft timp de 30 de minute citind recenzii pe articolele de pe rafturi. Și pun pariu că nu sunt singur.

Site-urile de examinare a produselor sunt populare și reprezintă o modalitate excelentă de a câștiga niște bani în plus din confortul propriei case, dacă sunteți la îndemâna de a construi unul singur. Din perspectiva afacerii, crearea unui blog de recenzie a produsului va necesita o muncă semnificativă și multă răbdare pentru ca acesta să aibă succes. Dar, în ceea ce privește dezvoltarea site-ului dvs. real, Extra vă acoperă.

Extra vine cu o mulțime de funcții încorporate care facilitează adăugarea recenziilor de produse. Modulele și aspectele din categoria inteligentă sunt extrem de puternice și ușor de personalizat. Puteți converti orice element de meniu într-un mega meniu cu imagini prezentate cu un singur clic, ceea ce este important pentru un site cu mult conținut. Iar puterea Visual Builder adaugă un nivel ridicat de capacitate de proiectare a aspectelor postării produsului.

În postarea de astăzi voi trece peste opțiunile de bază ale temelor și setările Personalizatorului de teme pentru a face ca mingea să se rostogolească către un site de revizuire a produselor.

Iată o scurtă privire asupra a ceea ce vom construi în această serie

Înainte de a începe, să trecem peste alți pași importanți de luat în considerare.

Pași importanți pentru site-urile de examinare a produselor care nu sunt acoperite în această serie

Această serie va acoperi elementele de bază ale construirii și stilării site-ului dvs. de recenzie a produsului folosind Extra. Prin urmare, nu voi acoperi alți pași importanți pe care trebuie să-i faceți pentru a construi un site de evaluare a produselor de succes. Unii dintre acești pași importanți de acțiune includ:

1. Găsirea nișei potrivite și reducerea concentrării. Acest lucru nu este ușor și va necesita o cercetare semnificativă.
2. Cercetarea câștigurilor afiliate pentru produse pentru a vedea dacă veți câștiga bani.
   Amazon este o alegere populară pentru multe site-uri de revizuire a produselor, deși nu este întotdeauna cea mai bună opțiune.
3. Crearea unei secvențe simple de optimizare a e-mailurilor și a campaniei de marketing utilizând Bloom și servicii terțe precum Mailchimp sau Aweber.
4. Creați conținut excelent sau plătiți-i pe ceilalți.
5. Optimizați-vă site-ul pentru motoarele de căutare (SEO).
6. Comercializați site-ul dvs. cu rețelele sociale
7. Colaborați cu alți bloggeri din nișa dvs. pentru a genera mai mult trafic.

Desigur, sunt mai mulți pași.

Pregătirea elementelor de proiectare

1. Ultima versiune a programului Extra instalat.
2. O temă activă pentru copii. Nu vom edita niciunul dintre fișierele tematice de bază precum fișierele header.php sau function.php pentru această serie. Vom folosi numai personalizatorul temei și CSS personalizat.
3. O versiune deschisă a logo-ului dvs. pentru a merge pe un fundal întunecat. Dimensiunea logo-ului meu este de 103 × 63.
4. Imagini de produs. Pentru acest tutorial, voi avea 4 categorii cu 3 produse în fiecare categorie, așa că voi folosi un total de 12 imagini. Folosesc imagini stoc din shutterstock cu fundal alb pentru a-i oferi un aspect mai curat.

   De asemenea, cea mai mare versiune a imaginii produsului va fi de 1280 px (lățimea conținutului site-ului web), deci asigurați-vă că imaginile dvs. sunt cel puțin atât de largi. În mod ideal, aș trage pentru ca toate imaginile dvs. să fie de 1280 × 720 pentru a rămâne cu raportul de aspect 16: 9 al majorității monitoarelor.

Gata? Să începem.

Construirea unui site de revizuire a produselor cu Extra - Partea 1

Abonați-vă la canalul nostru Youtube

Configurarea opțiunilor temei și a setărilor de personalizare temă.

Din tabloul de bord WordPress, accesați Extra> Opțiuni temă> fila General și actualizați următoarele:

Logo: Introduceți logo-ul. Asigurați-vă că este o versiune ușoară a siglei dvs., deoarece va trece peste un fundal întunecat în antetul dvs.
Favicon: introduceți faviconul dvs.
Culoare accent global: # 222222
Locația barei laterale: fără bară laterală

Salvează setările

Acum accesați Extra> Personalizator temă> Setări generale> Setări tipografie și actualizați următoarele:

Dimensiune text antet: 24
Dimensiunea textului corpului: 20
Înălțimea liniei de direcție: 1.3
Stilul fontului de titlu: B (Bold)
Titlu Font: Oswald
Font corp: Open Sans
Culoare legătură corp: # e6567a

Salvați și publicați

Întoarceți-vă și selectați Setări fundal și schimbați culoarea fundalului în rgba (0,0,0,0,14).

Salvați și publicați

Acum reveniți la meniul principal al personalizatorului de teme și selectați Setări antet și navigare> Setări format antet și selectați „centrat”.

Salvați și publicați

Acum înapoi și selectați Setările barei de meniu principale și actualizați următoarele:

Înălțimea meniului: 124
Înălțimea siglei: 51
Dimensiune text: 20
Culoare text: rgba (255.255.255,0.86)
Culoare fundal: # 222222
Culoarea fundalului meniului drop-down: # 222222
Meniu drop-down Animation: Flip In Vertical

Salvați și publicați

Acum reveniți și selectați Setările barei de meniu secundare și actualizați următoarele:

Dimensiune text: 20
Culoare fundal: # 121212
Culoarea fundalului meniului drop-down: # 121212
Dimensiune tendință a textului: 16 px
Căutare, coș și pictogramă Dimensiune text: 16
Caută, coș și pictogramă Culoare fundal: # 444444

Apoi, reveniți înapoi și selectați Setări de navigare fixe . Apoi actualizați următoarele:

Selectați Ascundere imagine siglă
Înălțimea meniului: 60
Dimensiune text: 16
Culoare fundal: # 222222

Salvați și publicați

Dacă lucrați cu o instalare nouă de WordPress și Extra, atunci pagina dvs. de pornire ar trebui să arate cam așa.

Configurarea categoriilor pentru produsele dvs.

După ce ați terminat cu setările Theme Customizer, puteți începe să adăugați categoriile pentru produsele pe care le vom adăuga în viitor.

Pentru a configura categorii, accesați Tabloul de bord WordPress și navigați la Postări> Categorii . Sub secțiunea Adăugați o categorie nouă din stânga, adăugați informațiile pentru prima dvs. categorie. Pentru acest exemplu, voi adăuga o categorie numită „Electronică” cu un slug numit „electronică” și o culoare „# 5bd999”.

Apoi faceți clic pe butonul Adăugați o categorie nouă .

Voi repeta acest pas pentru încă trei categorii. Iată informațiile pentru toate cele 4 categorii ale mele:

1. Nume: Electronică
   Slug: electronică
   Culoare: # 5bd999
2. Nume: Îmbrăcăminte
   Slug: îmbrăcăminte
   Culoare: # 00c0e4
3. Nume: Bucătărie
   Slug: bucătărie
   Culoare: # e6567a
4. Nume: Sănătate și fitness
   Slug: sănătate și fitness
   Culoare: # 7658f8

Notă: Culorile vor juca un rol esențial în proiectarea site-ului, așa că asigurați-vă că le adăugați.

Odată ce ați terminat de adăugat categoriile dvs., ați terminat partea 1 a seriei!

Revenire: Adăugarea de postări și crearea de machete pentru produsele dvs.

În partea 2 a acestei serii, vom începe să adăugăm conținutul postărilor noastre și să construim un nou aspect pentru postările noastre de produse. Adăugarea de postări de revizuire a produselor în Extra este practic adăugarea unei postări obișnuite, așa că, dacă sunteți familiarizat cu crearea de postări pe blog și utilizarea Divi Builder, nu ar trebui să aveți probleme cu următorul nostru pas. Dacă sunteți nou în toate acestea, considerați acest moment excelent pentru a învăța cum să construiți cu Extra.

Iată un exemplu al uneia dintre postările de produse pe care le vom construi în partea 2 a seriei noastre.

Dacă aveți întrebări sau feedback, nu ezitați să postați un comentariu.

Noroc!