Una guida alle impostazioni avanzate del framework Genesis

Pubblicato: 2016-09-14
Segui @Cloudways

In precedenza, ho discusso di come configurare Genesis Framework con le impostazioni di base . Tuttavia, in questo articolo, ti guiderò su come configurare in dettaglio ogni parte del tuo Genesis Framework. Benvenuto negli abissi! Lascia che ti spieghi come puoi configurare Genesis Framework con le opzioni di impostazioni avanzate.

Come-Genesi-Framework--Potente-Parte-3-Banner

Configurazione della home page del tuo sito Genesis

Ogni tema figlio ha poche opzioni per visualizzare il contenuto sulla home page. Puoi anche impostare una pagina statica come Home page mentre alcuni temi figlio hanno aree widget personalizzate per aggiungere widget alla tua home page. Diamo un'occhiata a questi stili di pagina:

Pagina iniziale personalizzata

00

La maggior parte dei temi figlio di StudioPress Genesis ha home page personalizzate con widget per aggiungere contenuto. Vai su Impostazioni > Lettura e controlla I tuoi ultimi post per impostare questo tipo di home page.

01

Puoi selezionare quali widget mostrare sulla home page visitandoli su Dashboard > Aspetto > Widget . Puoi accedere all'area membri qui in qualsiasi momento per guidare te stesso su come impostare la prima pagina come mostrato nella demo del tema.

Home page in stile blog

Questo stile della home page mostra gli ultimi post sulla home page. Non aggiungere alcun widget nell'area widget specifica della home page in modo che la home page visualizzi gli ultimi post.

Suggerimento utile: Homepage statica

02

Viene visualizzata una singola pagina statica che scegli come home page. Dalla Dashboard vai su Aspetto > Lettura e seleziona l'opzione Una pagina statica .

Ora seleziona una pagina statica per la prima pagina e una pagina per la pagina dei post .

Introduzione alla configurazione di un menu di navigazione

Genesis utilizza le funzionalità di menu predefinite di WordPress. Puoi creare e gestire i menu sia in WordPress Dashboard che in Customizer.

Crea menu nella dashboard di WordPress

03

Per aggiungere un menu tramite Dashboard, vai su Aspetto > Menu e fai clic su Crea nuovo menu .

04

Assegna un nome al menu (un nome è solo per riferimento) e fai clic su Crea menu .

05

Puoi vedere tutte le pagine, i post, i link personalizzati e le categorie disponibili qui. Selezionare gli elementi di ciascuna sezione che si desidera visualizzare in enu e quindi premere Aggiungi al menu .

06

Fare clic sulla scheda Opzioni schermo nell'angolo in alto a destra per visualizzare l'elenco completo delle opzioni tra cui scegliere. Abilita le opzioni di cui hai bisogno e fai di nuovo clic sulla scheda per nascondere Opzioni schermo.

07

Al termine, fare clic su Salva menu per salvare le impostazioni. Le opzioni del tema figlio appariranno in Impostazioni menu dove puoi assegnare il tuo menu a una posizione specifica.

08

Inoltre, puoi fare clic sulla scheda Gestisci posizioni e gestire ogni posizione del menu. Fare clic su Salva modifiche per salvare le impostazioni.

Crea menu in WordPress Customizer

09

Vai su Aspetto > Personalizza > Menu e fai clic su Aggiungi un menu .

10

Dai un nome al menu (il nome è solo per riferimento). Fare clic su Crea menu .

11

Fare clic su Aggiungi elementi per selezionare gli elementi da aggiungere al menu.

Puoi selezionare la casella in Opzioni del menu per aggiungere automaticamente una pagina al menu. Verrà aggiunto se non è una sottopagina.

12

Facendo clic su Aggiungi elementi viene mostrato un altro pannello con tutti i tuoi articoli, pagine, categorie, tag e collegamenti personalizzati. Fare clic sulla freccia per espandere ciascuno.

13

Fare clic su ogni elemento che si desidera aggiungere nel menu. Al termine, fare clic su Salva e pubblica per salvare le impostazioni.

14

Puoi selezionare quale menu mostrare in un luogo specifico. Queste opzioni possono variare da tema a tema però.

15

Seleziona le opzioni di menu per ogni posizione e fai clic su Salva e pubblica per salvare le impostazioni.

Crea una voce di menu non cliccabile

16

Vai alla sezione Collegamenti personalizzati e scrivi il nome della voce di menu e nella sezione URL aggiungi semplicemente il simbolo #. Quando un visitatore fa clic su questa voce di menu, non verrà inoltrato a nessuna pagina.

Crea una voce del menu a discesa

17

È possibile creare facilmente una voce di menu a discesa trascinando l'elemento finché non viene aggiunto all'elenco. Questo nuovo elemento a discesa apparirà leggermente prima del suo elemento padre.

Fare clic su Salva menu per salvare le impostazioni.

Introduzione alle aree widget in Genesis Child Themes

Molti temi includono aree widget comuni in cui è possibile aggiungere contenuti come:

  • Area widget destra dell'intestazione
  • Area widget della barra laterale principale
  • Area widget dopo l'ingresso
  • Aree widget piè di pagina

Pochi temi figlio hanno aree widget specifiche che aiutano a popolare la home page e altre aree del tuo sito.

18

È possibile configurare il widget nell'area Customizer o Aspetto > Widget .

Area widget destra dell'intestazione

19

È disponibile in alcuni temi figlio che vengono visualizzati accanto al titolo o al logo del sito.

20

Poiché ha uno spazio limitato, qui viene posizionato un widget di menu personalizzato. In generale, qui vengono forniti anche la home page, i collegamenti personalizzati e i collegamenti aziendali.

Area widget della barra laterale principale

21

Alcuni temi hanno un layout che include la barra laterale nelle impostazioni del tema Genesis, questa area widget della barra laterale primaria sarà disponibile.

22

Puoi utilizzare qualsiasi widget in quest'area. Ad esempio, casella di iscrizione, icone social, post recenti o molti altri.

Area widget dopo l'ingresso

23

Questo appare alla fine di un singolo post.

24

Puoi utilizzare qualsiasi widget in quest'area, come ad esempio una newsletter.

Aree widget piè di pagina

25

Ti consente di aggiungere widget alla fine del tuo sito web. Per attivare il piè di pagina 2 o 3, devi prima inserire alcuni widget nel piè di pagina 1.

26

È possibile inserire informazioni di contatto e collegamenti nell'area piè di pagina.

Introduzione ai widget specifici di Genesis Framework

27

Genesis porta 3 widget specifici nella tua area Widget in Aspetto> Widget

  1. Genesi – Widget Pagina in primo piano
  2. Genesi – Widget Post in primo piano
  3. Genesi – Widget del profilo utente

Diamo un'occhiata a ciascuno di essi:

Genesi – Widget Pagina in primo piano

Questo widget viene utilizzato per visualizzare un'immagine in primo piano e un estratto dell'articolo da una singola pagina. Può essere utilizzato nell'area widget specifica della prima pagina, in una barra laterale, nel piè di pagina o in qualsiasi altro luogo.

Per aggiungere un widget all'area widget, vai su Aspetto > Widget . Ecco le impostazioni di configurazione per questo widget:

28

1 – Titolo: il titolo scritto qui verrà visualizzato nella parte superiore del contenuto del widget.

2 – Pagina: seleziona la pagina che desideri mettere in primo piano.

3 – Mostra immagine in primo piano: seleziona l'immagine se vuoi mostrare l'immagine in primo piano che è stata assegnata alla pagina.

4 – Dimensione immagine: seleziona la dimensione dell'immagine in primo piano.

5 – Allineamento immagine: seleziona l'allineamento per l'immagine, ad esempio sinistra, destra o centrato sul contenuto del testo.

6 – Mostra il titolo della pagina: seleziona questa casella per visualizzare il titolo della pagina in primo piano.

7 – Mostra contenuto pagina: seleziona questa casella per visualizzare il contenuto della pagina. Lascia questa opzione deselezionata per visualizzare solo il titolo e l'immagine in primo piano.

8 – Limite di caratteri del contenuto: se l'opzione Mostra contenuto della pagina è selezionata, immettere un numero qui per limitare il numero di caratteri da visualizzare nel widget.

9 – Altro testo: inserisci qui un valore come Dopo aver completato la configurazione, fare clic su Salva per memorizzare le impostazioni.

Genesi – Widget post in primo piano

Questo widget viene utilizzato per visualizzare un'immagine in primo piano e un estratto dell'articolo da uno o più post del blog. È simile al widget Pagina in primo piano ma si applica ai post anziché alle pagine.

Per aggiungere il widget a un'area widget, vai su Aspetto > Widget .

29

1 – Titolo: il titolo scritto qui verrà visualizzato nella parte superiore del contenuto del widget.

2 – Categoria: seleziona la categoria che desideri includere.

3 – Numero di post da mostrare: numero di post che vuoi visualizzare in questo widget.

4 – Numero di messaggi da compensare: immettere il numero di messaggi da compensare (o saltare). Viene utilizzato quando hai post in primo piano che appaiono altrove e non vuoi ripetere i post in quelle aree. L'offset di 1 mostrerà il successivo post più recente.

5 – Ordina per: Seleziona l'ordine in cui verranno visualizzati i post.

6 – Ordinamento: selezionare se l'ordine è decrescente o crescente.

7 – Escludi i post precedentemente visualizzati?: spunta la casella per escludere i post già visualizzati nella pagina. È efficace quando hai un post presente in molte categorie. E vuoi impedire che venga visualizzato in più di un widget Genesis Featured Posts sulla pagina.

8 – Escludi post appiccicosi: esclude i post appiccicosi dalla visualizzazione.

9 – Mostra il gravatar dell'autore: mostra il gravatar dell'autore con ogni post. Perché questo venga visualizzato, l'autore deve avere un gravatar da http://gravatar.com associato all'indirizzo email nel profilo.

10 – Gravatar Size: Seleziona la dimensione del gravatar.

11 – Allineamento Gravatar: Seleziona l'allineamento per gravatar, ad esempio a sinistra oa destra del testo.

12 – Mostra immagine in primo piano: seleziona la casella per mostrare l'immagine in primo piano che è stata assegnata a ciascun post. Se non l'hai assegnato nell'editor del post, Genesis assegnerà automaticamente la prima immagine che è stata caricata nel post come immagine in primo piano.

13 – Dimensione immagine: seleziona la dimensione dell'immagine in primo piano.

14 – Allineamento immagine: seleziona l'allineamento per l'immagine in primo piano, ad esempio sinistra, destra o centrata sul contenuto del testo.

15 – Mostra il titolo del post: seleziona questa casella per visualizzare il titolo della pagina in primo piano.

16 – Mostra informazioni sul post: mostra le informazioni sul post, inclusa la data del post, l'autore e il collegamento al commento. Questo è personalizzabile.

17 – Tipo di contenuto: selezionare se visualizzare l'estratto, il contenuto, un limite di contenuto o nessun contenuto.

Tipi di contenuto

Estratto: l'estratto è costituito dalle prime 55 parole del contenuto del post. I tag HTML e la grafica non sono inclusi nel contenuto dell'estratto.

Contenuto: verrà visualizzato il contenuto completo del post, comprese le immagini. Usa questa impostazione insieme al tag more all'interno del post se vuoi mostrare un estratto del post.

Limite contenuto: mostra solo una parte limitata del contenuto. Questa impostazione è come Estratto , ma puoi definire il numero esatto di caratteri visualizzati.

Nessun contenuto: non verrà visualizzato alcun contenuto del post. Questa impostazione viene utilizzata se si desidera visualizzare il titolo o il titolo e l'immagine in primo piano.

18 – Limita contenuto: utilizzato con l'impostazione Mostra limite contenuto sopra. Funziona come l'estratto, tuttavia ti dà un maggiore controllo sul numero di caratteri visualizzati.

19 – Altro testo: inserisci qui un valore come 20 – Elenco non ordinato di più post: mostra solo i titoli dei post rimanenti della categoria o delle categorie scelte, che non sono mostrati nell'elenco sopra.

21 – Titolo: se desideri visualizzare l' elenco non ordinato di più post della categoria selezionata, aggiungi un titolo per questo elenco.

22 – Numero di post da mostrare: numero di post da mostrare nell'elenco non ordinato di altri post .

23 – Mostra collegamento archivio categoria: seleziona questa casella per mostrare un collegamento a più post in questa categoria se hai scelto solo una singola categoria in questo widget. Ma se lo hai impostato per mostrare Tutte le categorie, questo collegamento non verrà visualizzato.

Dopo aver completato la configurazione, fare clic su Salva per memorizzare le impostazioni.

Genesi – Widget del profilo utente

Questo widget mostra il gravatar di un utente con una biografia o un collegamento personalizzato. Puoi usarlo in qualsiasi area widget come la barra laterale, l'area widget della prima pagina o il piè di pagina.

Per aggiungere il widget a un'area widget, vai su Aspetto > Widget .

30

1 – Titolo: il titolo scritto qui verrà visualizzato nella parte superiore del contenuto del widget.

2 – Seleziona un utente: seleziona l'utente da inserire in questo widget.

3 – Gravatar Size: Seleziona la dimensione del gravatar. Perché questo venga visualizzato, l'autore deve avere un gravatar da http://gravatar.com associato all'indirizzo email nel profilo.

4 – Allineamento Gravatar: Seleziona l'allineamento per gravatar, ad esempio a sinistra oa destra del testo.

5 – Testo della descrizione dell'autore : la descrizione dell'autore può essere caricata dalla biografia dell'autore dal profilo dell'utente oppure puoi essere un testo personalizzato.

6 – Pagina estesa “Su di me”: selezionare una pagina da collegare alla fine della descrizione dell'autore per fornire maggiori informazioni sull'autore.

7 – Testo collegamento pagina estesa: inserire il testo per il collegamento sopra.

8 – Mostra il collegamento all'archivio dell'autore?: seleziona questa casella per aggiungere un collegamento alla fine del contenuto del widget, che porta alla pagina dell'archivio dell'autore, dove puoi vedere tutti i post di questo utente.

Dopo aver completato la configurazione, fare clic su Salva per memorizzare le impostazioni.

Widget aggiuntivi

Alcuni temi figlio possono avere widget aggiuntivi e richiedono anche l'installazione di alcuni plug-in. Puoi trovare tutta la documentazione su quei widget e plugin nella guida alla configurazione del tema.

Puoi accedere a tutti i temi secondari e alla documentazione nell'Area membri all'indirizzo http://my.studiopress.com/downloads/.

Usando il tuo logo o immagine di intestazione

Puoi caricare il logo o l'immagine dell'intestazione con i seguenti due modi possibili a seconda delle opzioni fornite dal tuo tema.

1 – Impostazione del logo in WordPress Customizer

31

Questa opzione è disponibile nella maggior parte dei temi figlio di Genesis. Vai su Aspetto > Personalizza > Immagine testa per aggiungere il tuo logo.

32

Fai clic su Aggiungi nuova immagine da caricare o seleziona l'immagine già caricata come intestazione. Puoi ritagliare l'immagine come preferisci, ma la dimensione dell'intestazione consigliata è scritta sullo schermo.

Fare clic su Salva e pubblica per salvare le impostazioni.

2 – Impostazione del logo nelle impostazioni del tema Genesis

33

Se l'opzione sopra non è disponibile, puoi andare su Genesi> Impostazioni del tema e nella sezione Intestazione selezionare una delle seguenti:

  • Testo dinamico

Visualizza il titolo e lo slogan del tuo sito come logo. Puoi impostarlo qui: Aspetto > Personalizza > Identità sito o in Impostazioni > Generali .

  • Logo immagine

Se questa opzione è selezionata, viene visualizzato un logo immagine. L'immagine logo.png o in alcuni temi il file header.png sarà selezionato come logo dell'intestazione.

Per caricare il tuo logo devi sostituire il file logo.png con il tuo file logo.png. Vai alla cartella /wp-content/themes/childtheme/images del tuo sito web tramite FTP e sostituiscila.

Utilizzo dei modelli di Genesi

34

Puoi selezionare qualsiasi modello dalla sezione Attributi di pagina . Questo vale solo per le pagine, non per i post. Ogni tema offre i suoi modelli specifici e aggiuntivi.

Modello di archivio

Crea una sitemap del tuo sito web. Ecco come usarlo:

35

  1. Crea una nuova in Pagine > Aggiungi pagina
  2. Inserisci il titolo della pagina.
  3. Lascia vuota l'area del contenuto. Il modello di archivio riempirà automaticamente questa pagina con la mappa del sito.
  4. Fare clic su Pubblica .

Modello di blog

Crea un elenco di post recenti in formato blog. Ecco come usarlo:

36

  1. Crea un nuovo in Pagine> Aggiungi pagina e inserisci il titolo della pagina.
  2. Seleziona Blog dalla sezione Attributi della pagina .
  3. Lascia vuota l'area del contenuto. Il modello di archivio riempirà automaticamente questa pagina con i post recenti.
  4. Fare clic su Pubblica .

Aggiornamento di Genesis Framework

Puoi aggiornare Genesis dalla dashboard di WordPress o farlo manualmente. Esaminiamo entrambe le opzioni:

Aggiornamento manuale

Segui questi passaggi per aggiornare manualmente Genesis:

  • Scarica l'ultima versione di Genesis da http://my.studiopress.com/downloads/
  • Estrai il file zip scaricato.
  • Carica la cartella Genesis decompressa nella cartella /wp-content/themes del tuo sito web tramite FTP e sostituisci la versione precedente.

Aggiornamenti automatici

37

Per abilitare gli aggiornamenti automatici, vai su Genesis > Impostazioni del tema e seleziona Abilita aggiornamenti automatici . Puoi inserire il tuo indirizzo email per ricevere una notifica quando è disponibile un aggiornamento.

38

Quando abiliti questa opzione, ogni volta che è disponibile un aggiornamento riceverai un link nella Dashboard. L'aggiornamento inizierà solo quando si fa clic sul collegamento.

39

Puoi anche visitare Dashboard > Aggiornamenti per verificare la presenza di aggiornamenti.

40

Premi Controlla di nuovo per controllare gli aggiornamenti.

41 Fare clic su Aggiorna ora per iniziare l'aggiornamento.

42

Nella schermata Aggiorna tema fare clic su Fare clic qui per completare il collegamento di aggiornamento per completare l'aggiornamento. Al termine, verrai reindirizzato a Genesis > Impostazioni del tema .

Avvertenza: Errori e altre risorse

Ecco alcuni errori comuni di Genesi e WordPress che mi vengono in mente.

  • Genesi non trovata

Problema: quando si installa il tema figlio prima di Genesis Framework o si elimina Genesis mentre è installato il tema figlio, viene visualizzato questo errore:

Avvertimento:

require_once(%path-to-wordpress%/wpcontent/themes/genesis/lib/init.php) [function.require-once]: impossibile aprire lo stream: nessun file o directory in %path-to-wordpress%/wp -content/themes/%childtheme%/functions.php on line 3

Soluzione: vai alla cartella /public_html/wp-content/themes/ del tuo sito web tramite FTP. Puoi anche vedere questo indirizzo anche nell'errore sopra.

Scarica l'ultimo framework Genesis da my.studiopress.com. Decomprimilo e assicurati che sia chiamato "genesi" e caricalo nella cartella dei temi. Puoi leggere una descrizione più dettagliata nella Parte 1 – Installazione di Genesis Framework .

  • WordPress ha bisogno di un aggiornamento

Problema: quando il tuo WordPress è obsoleto ti perdi alcune funzioni. Mantieni sempre aggiornato il tuo WordPress. Se viene visualizzato questo errore, tuttavia, non sarà disponibile un semplice aggiornamento. L'errore potrebbe essere simile a questo:

Errore fatale: chiamata alla funzione non definita add_theme_support() in /%path-to-wordpress %/wp-content/themes/genesis/lib/init.php sulla riga 17

Quando WordPress non è aggiornato potresti vedere anche questo errore:

Avvertimento: argomento non valido fornito per foreach() in /home/user/wp-content/themes/genesis/lib/admin/term-meta.php sulla riga 256

Soluzione: non puoi accedere alla Dashboard, quindi accedi alla directory del sito Web tramite FTP e vai a /public_html/wp-content/themes/ . Rimuovi il tema attivo o spostalo fuori dalla cartella dei temi. Questo disattiva il tema e abilita il tema predefinito.

Ora puoi accedere alla dashboard di WordPress, aggiornare WordPress e riportare il tuo tema nella cartella dei temi e riattivarlo.

Se il tuo WordPress è già aggiornato, devi aggiornare anche il database. Visita http://yourdomain.com/wp-admin/upgrade.php. Sostituisci "tuodominio.com" con il tuo nome di dominio. Se è necessario un aggiornamento del database, è possibile farlo da questa pagina.

Suggerimento utile: Ma se l'aggiornamento è disponibile per entrambi, aggiorna prima WordPress e poi Genesis.

Collegamenti utili

Che tu sia un principiante o un utente avanzato, puoi comunque trovare utili queste risorse:

Risorse WordPress

  • Informazioni su WordPress
  • Documenti WordPress (Il Codice)
  • Iniziare con WordPress
  • Nuovo su WordPress – Da dove cominciare?
  • Lezioni di WordPress
  • Impara WordPress
  • WordPress.tv
  • Domande frequenti su WordPress
  • Trovare l'aiuto di WordPress
  • WordPress 101

Risorse della Genesi

  • Tutorial StudioPress – Sito StudioPress con tutorial per l'utilizzo e la personalizzazione di Genesis.
  • Tutorial Genesis: qui puoi trovare utili tutorial. È una risorsa di terze parti che non è affiliata con StudioPress.
  • Spiegazione della Genesi Una spiegazione approfondita della Genesi può essere trovata qui. È una grande risorsa per gli studenti.
  • Plugin Genesis – La pagina ufficiale dei plugin Genesis
  • Forum della community: puoi discutere i tuoi progetti con altri utenti, ottenere e offrire assistenza e fare brainstorming sul codice con la community.

Risorse aggiuntive per l'installazione e per iniziare

  • Creazione di temi figlio – Sito StudioPress con tutorial per la personalizzazione del tema figlio di esempio di Genesi.
  • Importazione contenuto demo – Tutorial StudioPress che mostra come importare il contenuto demo del tema.

Domande?

Abbiamo cercato di mettere insieme una guida quadro di Genesi compatta per te. Se hai qualche domanda.

Siamo sempre qui per aiutarti!