Aggiungi bellissimi pro e contro box in WordPress con questi plugin

Quando si scrive recensioni di prodotti o messaggi di confronto, dove è necessario evidenziare il bene e il male del prodotto o del servizio in vetrina, è una buona idea aggiungere un plug-in Pro e Contro, per mostrare caselle standardizzate in fondo ai tuoi post.

Quando ho visto l'editor Gutenberg, l'ho odiato.

Ho cercato immediatamente una soluzione per riportare il vecchio look del mio WordPress posta backend. Uno sguardo Ero così bene con, un conforto costruito per più di 15 anni.

Per fortuna non ero solo e sono stato più che felice quando ho visto che i ragazzi riflessivo in WordPress fatto un plugin chiamato Editor Classic.

Ero scettico riguardo il nuovo editor blocchi, con tutti i più diffusi pagina costruttori là fuori, quello che era il pensiero WordPress? Come potrebbero competere con Elementor o WPBakery di potenti funzioni?

pro e contro esempi Gutenberg

Il tempo passava e ho continuato a ignorare l'editor Gutenberg. Un giorno ho installato una nuova copia di WordPress su un nuovo sito stavo iniziando poi, e ho pensato di fare un tentativo.

All'inizio, l'ho odiato, ma poi a poco a poco ho iniziato a provare nuovi addons, nuovi blocchi, stili diversi, per rendersi conto che un giorno questo è il futuro di WordPress composizione pagina.

Sto ancora passare a l'editor blocco qui sulla wpctrl.com, come ci sono un sacco di messaggi che utilizzano vecchi codici brevi e devo rivedere manualmente tutti e ciascuno di loro, ma sono nel processo.

Questo post è stato creato con l'editor dei blocchi!

La partenza di Let con i professionisti & Contro Esempi (edizione Gutenberg)

Quando si dimentica le vecchie abitudini nel ‘Modifica Messaggio’ schermo, il TinyMCE, Meta Scatole, eccetera., e abituarsi al redattore Block, lo amerai.

Primo, andare a prendere un po 'di add-on gratuito plugin che sarà necessario per questi esempi.

Plugin usati nel tutorial:


Qi Blocks – Download gratuito
Getwid blocks – Download gratuito

Metodo #1 – Using QI Blocks

Questo è il mio primo suggerimento per creare una sezione Pro e Contro per le tue recensioni con i blocchi di Gutenberg.

Esempio:

gesture-46-filled

Professionisti

– Gratuito
– Buon prezzo
– Ottimizzato

gesture-47-filled

Contro

– Pessima qualità
– Scarso supporto
– costoso

La sezione sopra è realizzata con il plugin gratuito QI Blocks.

Ecco l'esatto processo:

Scegli il tuo posto desiderato per posizionare le scatole nel tuo post e fare clic su ‘+’ firmare per aggiungere un nuovo blocco.

Puoi aggiungere una colonna e dividerla in due metà.

Once you have the two columns, select the first one, which would be your PROS box, and click on the plus sign to add a new block to it.

Use the search bar and typeMessage boxes.

Da qui devi solo cambiare i colori, e aggiungi l'elenco dei pro e dei contro.

For the example above I used free SVG icons from dryicons.com.

Metodo #2 – Utilizzando Getwid blocchi

esempio dal vivo:

Professionisti

Buon prezzo

buon supporto

Buona qualità

Contro

Alto prezzo

Bad Supporto

Pessima qualità

Questo è abbastanza facile da ottenere così.

Fare clic sul segno più nel tuo post o una pagina per aggiungere un nuovo blocco. Trova i blocchi Getwid e selezionare la icona Box dal menu Getwid.

In the block options on the right side of your screen apply the following settings:

  • Nel Scheda Generale scegliere l'icona per la prima colonna e l'allineamento dei contenuti.
  • Nel scheda stile, è possibile impostare la dimensione delle icone, i colori di entrambi l'icona e l'icona di sfondo, il raggio e lo spazio intorno all'icona (imbottiture)
  • Nel linguetta avanzata, si ha la possibilità di impostare aggiungere un link al tuo icona. Lasciare vuoto, perché non ha alcun senso

Leggere questo primo!

Al momento di scrivere questo articolo, Non sono riuscito a trovare alcun plugin per fare quello che sto descrivendo qui sotto. Ma in seguito sono comparsi nuovi plugin, per creare elenchi di pro e contro ancora migliori, e ciò che è più importante è renderli più facili!

Così li ho raccolti e li aggiungo al post qui sotto.

Dai un'occhiataJoomDev WP Pro & Contro!

Guarda l'elenco dei pro e contro dei plugin e decidi tu stesso. Se ti piace il mio meglio, sentiti libero di usarlo. Godere!

I migliori professionisti GRATUITI & Contro Plugin

Professionisti&Cons is a powerful element in your affiliate product reviews and is known for increasing the conversion rate, oltre a essere un grande elemento di user-friendly. Users tend to skip long articles and search directly for conclusions or sum-ups.

1. Potenti pro e contro classici

Questo è stato uno dei primi plugin che dovrebbero fare proprio questo – mostrando elenchi di pro e contro con un semplice pulsante CTA.

Il plugin gratuito fornisce uno shortcode ed è costruito per funzionare con il classico editor di WordPress.

Se vuoi usare la funzione nell'editor Gutenberg, dovrai prendere il Potenti professionisti & Contro

Guarda la demo

2. i2 Pro & Contro

i2 Pro & Contro

Puoi usare il vecchio shortcode o modificare visivamente l'elenco nei blocchi di Gutenberg.

I pro e i contro hanno più stili tra cui scegliere. Puoi cambiare i colori, icone, stile del pulsante, e altro ancora.

Guarda la demo

Pro e contro fai da te (Old Classic Editor)

Vi mostrerò un modo semplice per ottenere questo fatto, senza scrivere o la modifica di qualsiasi tipo di codice.

Ecco cosa si otterrà alla fine…

Professionisti & Contro Scatole WordPress

Una volta che si ottiene un paio di scatole di guardare nel modo desiderato, è possibile salvarlo per un progetto di posta e poi basta copiare e incollare alle vostre nuove recensioni sostituendo solo gli attributi in essa.

I plugin che sto per mostrare non sono progettati appositamente per questo scopo. Quando ho imbattuto in questo, Ero alla ricerca di un modo per mostrare due semplici scatole con una lista di breve 2-3 Parole frasi in loro.

My research returned no satisfying results, come sembrava ci fosse nessun pro gratuito dedicato e contro plug per quello che volevo.

So how did I manage to create my pros&scatole cons?

Aggiornare: Questo plugin non è più aggiornato, non è consigliabile usarlo più.

Ho usato un plugin gratuito chiamato: Olevmedia Shortcodes.

Questo plugin include anche molti altri shortcode, but the one we are going to use for this task is the “Box”!

È inoltre possibile utilizzare l'Olevmedia Shortcodes per la creazione di un Pulsante CTA per le vostre recensioni!

Ma prima le cose principali.

Prima di saltare al shortcode Box, aggiungeremo due 1/2 colonne alla nostra pagina. Puoi usare anche il plugin Olevmedia Shortcodes per questo, o proprio shortcode colonna del vostro tema. In questo modo possiamo garantire una corretta visualizzazione reattivo su dispositivi mobili, così come anche le dimensioni delle caselle.

Select the “plus” icona dall'editor. In the dropdown menu select “Columns”, then choose “One half” e inseriscilo nella tua pagina di lavoro. Dopo di che fare lo stesso, but this time tick the “last column” casella di controllo per visualizzare questa colonna accanto al tuo primo.

Andiamo al lavoro oggi e creare le caselle attuali…

Testa di nuovo al ‘Più” icon in your visual editor and choose the “Box” codice corto. Si dovrebbe ottenere questa schermata dopo clic su di esso:

Come potete vedere abbiamo opzioni per la personalizzazione, che vedremo nella prossima.

Replace the “Here is the content” con i vostri pro desiderate o cons testi e metterli in un elenco puntato, direttamente dall'editor di WordPress in modalità visiva. Si dovrebbe ottenere qualcosa di simile:

Ora puoi duplicare lo shortcode sopra e cambiare semplicemente il colore, icona, and name to “Cons”. Ora avete le due scatole – Professionisti & Contro. Finalmente, we have to put them in each of to columns we created in the beginning.

Congratulazioni! You are ready to create awesome reviews.

Salvare il preset in una bozza di pagina o un post di essere pronto per l'uso. Just make sure to paste it in “Text” modalità, ogni volta che lo si utilizza in un post vero e proprio, al fine di evitare eventuali code break-up.

Divulgazione: Alcuni dei collegamenti nella pagina possono contenere un codice di riferimento (link di affiliazione), che dice all'altra parte che ti abbiamo mandato. Se ti è piaciuto quello che ti suggeriamo e fai un acquisto, potremmo ricevere una commissione.

Daniele Adamo
Daniel è un creatore di contenuti specializzato in temi e plugin WordPress. Scrive guide e tutorial approfonditi per aiutare sia i principianti che i professionisti a ottenere il massimo da WordPress. Nel suo tempo libero, Daniel funge da volontario per organizzazioni senza scopo di lucro. Crede che le piattaforme open source come WordPress siano strumenti importanti per dare potere a cause e comunità in tutto il mondo.
WPCtrl.com