Vai al contenuto principale

Come visualizzare i tuoi post in una bella griglia

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Ti piacerebbe visualizzare i tuoi articoli in una bella griglia?

La maggior parte dei temi WordPress non ha le impostazioni del layout della griglia. In questo articolo, ti mostreremo come visualizzare i tuoi post WordPress in una griglia su un tema WordPress senza scrivere una sola riga di codice.

Se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Ma torniamo al perché siamo qui.

visualizzare i post in un layout a griglia

Quando hai bisogno di un layout a griglia in WordPress?

Il tradizionale layout verticale dei post funziona bene per la maggior parte dei siti web. Tuttavia, questo layout può richiedere molto spazio, soprattutto se desideri visualizzare un numero elevato di post.

Quindi, se hai una home page personalizzata sul tuo sito Web WordPress, puoi utilizzare un layout a griglia soprattutto per visualizzare i tuoi post recenti.

Scopri a proposito Plugin 10 WordPress progettati per visualizzare una galleria o un portfolio

Questo layout ti farà risparmiare spazio, così potrai aggiungere ancora più elementi alla tua homepage. L'aspetto sembra anche più estetico, poiché le immagini sono evidenziate molto di più.

post-grid-plugin-wordpress-display-grid

Molti temi WordPress progettati per riviste o siti Web di fotografia utilizzano già il layout a griglia per visualizzare i loro post. Tuttavia, se stai utilizzando un tema WordPress incompatibile, dovrai creare il tuo modello. Dovrai imparare i linguaggi PHP, HTML, CSS, ecc ...

Vedi anche il nostro articolo su Come installare WordPress in locale su un PC / Windows con XAMPP

Vediamo come è possibile visualizzare i post di WordPress in una griglia su un tema WordPress senza dover scrivere codice.

Se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Ma torniamo al perché siamo qui.

Visualizza le pubblicazioni di WordPress in un layout in griglia 

La prima cosa da fare è installare e attivare il plugin Messaggio griglia. Dopo l'attivazione, devi andare alla pagina Post Grid »New Post Grid per creare la griglia di pubblicazione. 

nuova griglia wordpress

La pagina griglia postale È diviso in diverse sezioni rappresentate da schede nella riga superiore. Devi prima fare clic su " Query Post".

Leggi anche Come gestire le notifiche email su WordPress

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Qui definirai come desideri che il plugin trovi i post da visualizzare.

querypostsgrid

Puoi selezionare il tipo di post che desideri visualizzare. Per impostazione predefinita, mostra "post" (articolo), ma puoi scegliere le pagine ad esempio, almeno selezionarne una qualsiasi tipo di pubblicazione personalizzata.

Quindi è necessario fare clic sulla scheda del layout. Qui è dove puoi scegliere come visualizzare la griglia.

gridlayout: mostra i tuoi post in una bella griglia

È quindi possibile selezionare il contenuto del layout. Il plugin ha scelte come "flat", "flat center", "flat right", ecc ...

Puoi anche fare clic sul pulsante Modifica per creare i tuoi layout.

Scopri anche Come personalizzare la forma di commenti su WordPress

Hai 5 modalità disponibili, con interessanti effetti visivi. Utilizzando il mouse è anche possibile capovolgere o ruotare l'immagine. 

Ora devi fare clic sulla scheda " Impostazioni layout". Queste impostazioni dovrebbero funzionare sulla maggior parte dei siti web. Ma se succede che la tua griglia non si adatta alla tua pagina, è qui che puoi anche aggiustarlo.

gridlayoutsettings

Infine, fai clic sulla scheda di navigazione e seleziona il tuo stile di layout.

Al termine, fai clic sul pulsante " Pubblicare ". Questo renderà disponibile la tua griglia di post e potrai aggiungerla a qualsiasi pagina tu voglia.

Aggiungi una griglia di post a una pagina WordPress

Nell'editore della griglia delle pubblicazioni, vedrai la scheda « shortcodes". Facendo clic su di esso viene visualizzato uno shortcode.

gridshortcode

Copia lo shortcode, quindi modifica la pagina di WordPress in cui desideri visualizzare la griglia dei tuoi post. Incolla lo shortcode nell'area in cui dovrebbe apparire la griglia.

Scopri anche Come visualizzare le foto in una griglia di WordPress

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Quindi, salva la tua pagina facendo clic sul pulsante di aggiornamento. Ora puoi visitare il tuo sito Web per vedere la griglia delle pubblicazioni in azione.

postgridpreview

Puoi anche utilizzare il codice PHP se desideri aggiungere la griglia di pubblicazione direttamente ai file dei temi di WordPress.

Scopri la nostra Plugin WordPress premium 7 per salvare il tuo sito Web / Blog

Ora sarai in grado di visualizzare i tuoi post in una griglia su WordPress.

Scopri anche alcuni temi e plugin premium per WordPress  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. autista

Chauffeur è un potente plugin di prenotazione di limousine WordPress per aziende di tutte le dimensioni. Può essere utilizzato da operatori di limousine e navette. 

Chauffeur

Con questo plugin, puoi facilmente effettuare prenotazioni per qualsiasi percorso definito. Ti aiuterà a migliorare il servizio clienti e gestire la tua attività di noleggio limousine su Internet.

Offre un semplice processo di prenotazione passo-passo con supporto per più gateway di pagamento, notifiche via e-mail e SMS, integrazione del plugin WooCommerce, Google Calendar e un pannello di controllo intuitivo.

Come funzionalità avremo tra le altre: la possibilità di creare, modificare o eliminare moduli di prenotazione, il supporto di codici brevi, la specificazione dei tipi di servizio offerti, la precisione del tempo di noleggio minimo e massimo della limousine, la specifica del periodo di prenotazione, la precisione dell'intervallo di tempo tra le prenotazioni dello stesso veicolo, la geolocalizzazione fisica della tua azienda, la specifica dei percorsi disponibili nel sistema di prenotazione e molto altro

Download Demo | Web hosting

2. Sicurezza Ninja PRO

Sicurezza Ninja PRO è un altro plugin WordPress premium che ti aiuterà a migliorare perfettamente la sicurezza del tuo sito web. Offre una vasta gamma di opzioni e funzionalità che ti permetteranno di prendere il controllo di ogni aspetto della sicurezza del tuo sito web.I plugin di sicurezza Ninja PRO wordpress proteggono il sito dagli attacchi di virus malware

Le sue caratteristiche sono: più di 40 test di sicurezza disponibili, una scansione completa del tuo sito web per rilevare tutte le vulnerabilità e falle di sicurezza, l'integrazione di uno scanner di malware, salvaguardare le attività del tuo sito Web, pianificando scansioni diverse e molto altro

DownloadDemo | Web hosting

3. Sconto per categoria WooCommerce

Lo sconto categoria WooCommerce è un plug-in WordPress premium che ti consente di gestire gli sconti nel tuo negozio online WooCommerce. Sebbene sia importante creare regole strategiche per le offerte di sconto, le cose si complicano quando si hanno più prodotti e si desidera offrire sconti basati su più parametri.Sconto categoria Woocommerce

Questo plugin WordPress offre soluzioni ben definite per aiutarti a definire le regole di sconto nei tuoi negozi online. Offre una grande funzionalità che ti consente di decidere quando vuoi fare uno sconto. Per impostazione predefinita, questo plug-in fornisce lo sconto per l'acquisto corrente.

Vedi anche il nostro 7 WordPress plugin per aggiungere messaggistica privata

Tuttavia, puoi anche offrire lo sconto ai tuoi clienti per il seguente acquisto, ovvero: Se hai intenzione di offrire al tuo cliente uno sconto di $ 20 sull'acquisto corrente, invece di fornire lo sconto, offri loro un coupon che può essere utilizzato per l'acquisto successivo.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Con questo plugin WordPress, ad esempio, puoi applicare uno sconto su una categoria del tuo negozio online.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Ecco fatto, speriamo che questo articolo ti abbia aiutato a visualizzare i tuoi post WordPress in un layout a griglia. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

E se hai suggerimenti o osservazioni, lasciali nella nostra sezione commentaires.

... 

Questo articolo contiene i commenti 16

  1. Buongiorno,

    Sto usando Post Grid e vorrei mettere il mio primo post su una colonna e i successivi su due colonne. È possibile con questo plugin? In caso contrario, conosci un plug-in simile che lo consentirebbe?

    Grazie in anticipo.
    Bien cordialement

  2. Ciao, come integriamo queste foto per ottenere la griglia di presentazione con il titolo, il commento e il pulsante leggi di più. grazie

      1. Ciao, in questo tutorial possiamo già vedere le tue immagini, quello che non ho capito è dove e come inseriamo le immagini, il titolo e il read more. grazie

        1. Buonasera,
          Non è necessario aggiungere le immagini, poiché le immagini utilizzate provengono dai post del tuo blog. Tutto quello che devi fare è configurare il layout e utilizzare lo shortcode.

  3. Buongiorno,

    Non riesco a capire dove posso incorporare questo codice. Andando nell'editor del mio sito (scheda aspetto), il codice non fa il suo lavoro ...

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
8 azioni
quota7
Tweet
Enregistrer1