Come creare una pagina blog con Elementor

Jupiter X ha 2 stili blog principali – Griglia e muratura. Possono essere creati con l’elemento Posts in Elementor page builder.

Attenzione! Questo elemento fa parte degli elementi Raven. Raven è un plugin esclusivo sviluppato da Artbees che rappresenta nuovi elementi utili a Elementor. Per vedere i post Elementor predefiniti, è necessario cercarli nella knowledgebase Elementor.

Vale la pena ricordare che prima di visualizzare i post del blog, è necessario creare un post stesso e configurare l’elemento.

1. Dal menu di sinistra di WordPress, vai a Post e fai clic su Aggiungi nuovo.

2. Inserisci un titolo e fai clic su Modifica con il pulsante Elementor o usa l’editor predefinito di WordPress per aggiungere i tuoi contenuti a un post.

3. Aggiungi i contenuti necessari al tuo post.

4. Pubblica il post e controlla il risultato.

Nota: Se non vedi Modifica con il pulsante Elementor nell’editor post, devi attivarlo nelle Impostazioni Elementor > come descritto in questo articolo.
Inoltre, assicurati che questa pagina non sia impostata come pagina di blog predefinita nel Dashboard di WordPress > Impostazioni > Lettura

Configurazione di un singolo layout di post di blog

Puoi cambiare il layout del post in modello predefinito (quello con una barra laterale) o modello a larghezza intera (senza barra laterale). La barra laterale può essere aggiunta ai post del blog che consentiranno quindi di aggiungere widget ai post del blog. Come aggiungere una barra laterale fare riferimento a questo articolo.
Se non si desidera avere una barra laterale su un post della pagina, è necessario impostare il Modello in Post Attributi discesa a tutta Larghezza:

Aspetto > Personalizza > Blog > Blog Single, si hanno diverse opzioni per impostare i diversi layout per il tuo singolo post e anche nascondi/mostra elementi diversi come immagine in evidenza, le icone sociali, post, etc. e lo stile di loro.

Per vedere tutti gli stili di blog, puoi controllare la sezione “Blog” sulla nostra demo principale di Jupiter X sotto la voce di menu Blog.

Creazione di una pagina blog personalizzata

Nota: Se si imposta una pagina con l’elemento Posts come pagina del blog predefinita da Impostazioni > Lettura, nessuno degli stili e delle opzioni relativi all’elemento Posts verrà applicato a quella pagina. Quindi l’opzione della pagina dei post in Impostazioni > La lettura dovrebbe essere vuota.

Per impostazione predefinita, WordPress visualizza gli ultimi post del blog nella tua prima pagina con layout Jupiter X predefinito. Il layout predefinito è molto limitato e non è possibile utilizzare i diversi layout del blog come mostrato nelle nostre pagine demo.

Per poter utilizzare la flessibilità delle pagine del blog, è necessario creare e configurare una pagina personalizzata con l’elemento Post e rendere WordPress consapevole della pagina.

Per creare una pagina blog personalizzata:

1. Aggiungere una nuova pagina o modificarne una esistente.

2. Fare clic sul pulsante Modifica con Elementor.

3. Dalla dashboard di sinistra, cerca un elemento “Post”.

Attenzione! Questo elemento fa parte degli elementi Raven. Raven è un plugin esclusivo sviluppato da Artbees che rappresenta nuovi elementi utili a Elementor. Per vedere i post Elementor predefiniti, è necessario cercarli nella knowledgebase Elementor.

4. Trascina e rilascia l’elemento Posts nella tua pagina.

5. Una nuova dashboard a sinistra si aprirà con le impostazioni dell’elemento. Dalla scheda Contenuto e all’interno della sezione Contenuto impostare l’origine dei post sul blog.

6. Modificare le impostazioni e aggiornare la pagina.

Pagina del blog personalizzato e pagine di archivio del blog sono diversi. Quando si crea una pagina Blog personalizzata, è possibile aggiungere qualsiasi widget in Elementor page builder, ma pagina Archivio blog mostra alcuni post per impostazione predefinita.
Ad esempio, una pagina di categoria che è stata creata in Post > Categorie e hai assegnato alcuni post a questa categoria, in modo che vengano visualizzati una volta cliccato sul link della pagina di categoria. Tale pagina non può essere modificata in Elementor in quanto utilizza il modello di archivio predefinito.
Ma ci sono alcune impostazioni per le pagine di archivio del blog, come le pagine di categorie e tag.
Vai a Aspetto > Personalizza > Blog > Blog Archive e lì avrai le opzioni per impostare margini / imbottiture per le pagine di archivio del blog in diversi dispositivi.

Nota: se si desidera visualizzare una barra laterale nella pagina del blog e nelle pagine di archivio del blog, fare riferimento a questo articolo come assegnare una barra laterale a livello globale e leggere questo come aggiungere una barra laterale a una pagina specifica.

Impostazione del layout per le pagine di archivio del blog

Quando si crea una pagina si ha la possibilità di impostare il layout a tutta larghezza o Predefinito (con barra laterale). Ma per quanto riguarda le pagine di archivio, ad esempio le pagine di categoria a cui assegni i post? Cosa succede se si desidera impostare la barra laterale per una categoria, ma avere una pagina a larghezza intera per un’altra? Hai questa opportunità quando crei una categoria o modifichi una categoria dopo la sua creazione.

1. Vai a Post > Categorie > Aggiungi nuova categoria.

2. Compila i campi e in Impostazione Layout scegli il layout per questa nuova categoria. Si può avere un layout con barra laterale o senza barra laterale. Se lo si imposta su Globale, l’impostazione verrà applicata dalla barra laterale Aspetto > Personalizza >.

Nota: se si è dimenticato di selezionare il layout durante la creazione di una categoria, è possibile modificarlo nell’editor delle categorie. Modificare una categoria in Post > Categorie e impostare l’opzione Layout sull’impostazione necessaria.

Inoltre è possibile impostare il layout globale per tutte le pagine di categoria.

1. Vai alla barra laterale Aspetto > Personalizza >.

2. Nella scheda Impostazioni, nella sezione Eccezioni fare clic su Aggiungi nuova eccezione.

3. Selezionare l’elemento Archivia e impostare l’impostazione Layout sul layout desiderato.

Nota: Le impostazioni di archivio vengono applicate sia alle pagine di archivio di blog che di portfolio. Le eccezioni di portfolio e blog sono correlate alle singole pagine di post in questa impostazione.