Costruire un sito di recensioni di prodotti con extra – Parte 1

Pubblicato: 2017-09-12

Benvenuto nella prima parte di questa serie di 4 parti su come sviluppare un sito di recensioni di prodotti utilizzando Extra. Se ti stai scervellando su come iniziare a sviluppare un sito di recensioni di prodotti, questa serie è per te. Con la sua funzionalità di revisione integrata e la categorizzazione intelligente dei post, Extra è appositamente attrezzato per creare recensioni di bell'aspetto, modelli di post di prodotti, mega menu e layout di categorie in pochi minuti. Unisciti a me mentre esploriamo il potere di Extra.


Adoro le recensioni dei prodotti. In effetti, raramente compro qualcosa in questi giorni senza condurre un'indagine approfondita a livello dell'FBI per determinare cosa ha da dire il mondo sul prodotto. Se mai esco a fare acquisti (è raro), sono il ragazzo del negozio di fronte a uno scaffale per 30 minuti a leggere recensioni sugli articoli sugli scaffali. E scommetto che non sono solo.

I siti di recensioni dei prodotti sono popolari e sono un ottimo modo per guadagnare qualche soldo extra comodamente da casa tua se sei all'altezza del compito di costruirne uno da solo. Dal punto di vista aziendale, la creazione di un blog di recensioni di prodotti richiederà un lavoro significativo e molta pazienza affinché abbia successo. Ma per quanto riguarda lo sviluppo del tuo sito attuale, Extra ti copre.

Extra è dotato di molte funzionalità integrate che semplificano notevolmente l'aggiunta di recensioni sui prodotti. I moduli e i layout della categoria intelligente sono estremamente potenti e facili da personalizzare. Puoi convertire qualsiasi voce di menu in un mega menu con immagini in primo piano con un solo clic, il che è importante per un sito con molti contenuti. E la potenza di Visual Builder aggiunge un alto livello di capacità di progettazione ai layout dei tuoi prodotti.

Nel post di oggi esaminerò le opzioni di base del tema e le impostazioni di personalizzazione del tema per far rotolare la palla verso un sito Web di recensioni di prodotti dall'aspetto accattivante.

Ecco un'anteprima di ciò che costruiremo in questa serie

recensione del prodotto

Prima di iniziare, esaminiamo alcuni altri passaggi importanti da considerare.

Passaggi importanti per i siti di recensioni dei prodotti non trattati in questa serie

Questa serie tratterà le basi della creazione e dello stile del tuo sito di recensioni di prodotti utilizzando Extra. Pertanto, non tratterò altri importanti passaggi da eseguire per creare un sito di recensioni prodotto di successo. Alcuni di questi importanti passaggi di azione includono:

  1. Trovare la nicchia giusta e restringere la tua attenzione. Questo non è facile e richiederà alcune ricerche significative.
  2. Ricerca dei guadagni degli affiliati per i prodotti per vedere se effettivamente guadagnerai.
    Amazon è una scelta popolare per molti siti di recensioni di prodotti, anche se non sempre è l'opzione migliore.
  3. Creazione di una semplice sequenza di opt-in e-mail e campagna di marketing utilizzando Bloom e servizi di terze parti come Mailchimp o Aweber.
  4. Crea ottimi contenuti o paga altri per farlo.
  5. Ottimizza il tuo sito per i motori di ricerca (SEO).
  6. Promuovi il tuo sito con i social media
  7. Collabora con altri blogger nella tua nicchia per generare più traffico.

Ci sono più passaggi ovviamente.

Preparazione degli elementi di design

  1. Ultima versione di Extra installata.
  2. Un tema bambino attivo. Non modificheremo nessuno dei file del tema principale come i file header.php o function.php per questa serie. Utilizzeremo solo il personalizzatore del tema e il CSS personalizzato.
  3. Una versione di colore chiaro del tuo logo per andare su uno sfondo scuro. La dimensione del mio logo è 103×63.
  4. Immagini del prodotto. Per questo tutorial, avrò 4 categorie con 3 prodotti in ogni categoria, quindi utilizzerò un totale di 12 immagini. Sto usando immagini stock di shutterstock con sfondi bianchi per dargli un aspetto più pulito.

    Inoltre, la versione più grande dell'immagine del prodotto sarà 1280 px (la larghezza del contenuto del sito Web), quindi assicurati che le tue immagini siano almeno così larghe. Idealmente, scatterei affinché tutte le tue immagini siano 1280 × 720 per mantenere le proporzioni 16: 9 della maggior parte dei monitor.

Tutto stabilito? Iniziamo.

Costruire un sito di recensioni di prodotti con extra – Parte 1

Iscriviti al nostro canale Youtube

Configurazione delle opzioni del tema e delle impostazioni di personalizzazione del tema.

Dal dashboard di WordPress, vai su Extra > Opzioni tema > scheda Generale e aggiorna quanto segue:

Logo: inserisci il tuo logo. Assicurati che sia una versione chiara del tuo logo poiché andrà su uno sfondo scuro nell'intestazione.
Favicon: inserisci la tua favicon
Colore accento globale: #222222
Posizione della barra laterale: nessuna barra laterale

recensione del prodotto

Salva le impostazioni

Ora vai su Extra > Personalizza temi > Impostazioni generali > Impostazioni tipografia e aggiorna quanto segue:

Dimensione del testo dell'intestazione: 24
Dimensione del testo del corpo: 20
Altezza della linea di prua: 1.3
Stile carattere intestazione: B (grassetto)
Carattere intestazione: Oswald
Carattere del corpo: Open Sans
Colore collegamento corpo: # e6567a

recensione del prodotto

Salva e pubblica

Torna indietro e seleziona Impostazioni sfondo e cambia il colore dello sfondo in rgba (0,0,0,0.14).

recensione del prodotto

Salva e pubblica

Ora torna al menu principale del personalizzatore del tema e seleziona Impostazioni intestazione e navigazione > Impostazioni formato intestazione e seleziona "centrato".

recensione del prodotto

Salva e pubblica

Ora torna indietro e seleziona Impostazioni barra dei menu principali e aggiorna quanto segue:

Altezza del menu: 124
Altezza del logo: 51
Dimensione del testo: 20
Colore del testo: rgba (255,255,255,0.86)
Colore di sfondo: #222222
Colore di sfondo del menu a discesa: #222222
Animazione del menu a discesa: capovolgi verticalmente

recensione del prodotto

Salva e pubblica

Ora torna indietro e seleziona Impostazioni barra dei menu secondaria e aggiorna quanto segue:

Dimensione del testo: 20
Colore di sfondo: #121212
Colore di sfondo del menu a discesa: #121212
Dimensione del testo di tendenza: 16 px
Dimensione testo ricerca, carrello e icona: 16
Colore di sfondo della ricerca, del carrello e dell'icona: #444444

recensione del prodotto

Quindi, torna indietro e seleziona Impostazioni di navigazione fisse . Quindi aggiorna quanto segue:

Seleziona Nascondi immagine logo
Altezza del menu: 60
Dimensione del testo: 16
Colore di sfondo: #222222

recensione del prodotto

Salva e pubblica

Se stai lavorando con una nuova installazione di WordPress ed Extra, la tua home page dovrebbe assomigliare a questa.

recensione del prodotto

Impostazione delle categorie per i tuoi prodotti

Una volta che hai finito con le impostazioni di personalizzazione del tema, puoi iniziare ad aggiungere le categorie per i prodotti che aggiungeremo in futuro.

Per impostare le categorie, vai alla dashboard di WordPress e vai a Post > Categorie . Nella sezione Aggiungi nuova categoria a sinistra, aggiungi le informazioni per la tua prima categoria. Per questo esempio aggiungerò una categoria chiamata "Elettronica" con uno slug chiamato "elettronica" e un colore "#5bd999".

recensione del prodotto

Quindi fare clic sul pulsante Aggiungi nuova categoria .

Ripeterò questo passaggio per altre tre categorie. Ecco le informazioni per tutte e 4 le mie categorie:

  1. Nome: Elettronica
    Slug: elettronica
    Colore: #5bd999
  2. Nome: abbigliamento
    Slug: abbigliamento
    Colore: #00c0e4
  3. Nome: Cucina
    Slug: cucina
    Colore: #e6567a
  4. Nome: Salute e fitness
    Slug: salute e fitness
    Colore: #7658f8

Nota: i colori avranno un ruolo fondamentale nel design del sito, quindi assicurati di aggiungerli.

Una volta che hai finito di aggiungere le tue categorie, hai finito la parte 1 della serie!

Prossimamente: aggiunta di post e creazione di layout di post per i tuoi prodotti

Nella seconda parte di questa serie, inizieremo ad aggiungere il contenuto dei nostri post e a creare un nuovo layout per i nostri post sui prodotti. Aggiungere post di recensioni di prodotti a Extra è fondamentalmente come aggiungere un post normale, quindi se hai familiarità con la creazione di post di blog e l'utilizzo di Divi Builder, non dovresti avere problemi con il nostro passaggio successivo. Se sei nuovo a tutto questo, considera questo un ottimo momento per imparare a costruire con Extra.

Ecco un esempio di uno dei post sui prodotti che costruiremo nella parte 2 della nostra serie.

Se hai domande o feedback, non esitare a pubblicare un commento.

Saluti!