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?
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.
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:
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 type – Message 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:
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
2. 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.
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…
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.
Wow, questo è un modo semplice per creare una casella di pro e contro. I kinda piace. Vorrei provare a seguire attraverso e implementare sul mio sito, grazie.
Ho provato a fare questo, ma l'altezza non è corretto quando il box è differente # di linee rispetto l'altra casella. Non riesco a farlo funzionare, facendo automaticamente loro lo stesso….è troppa difficoltà a fare aggiustamenti di prova ed errori, penso.
Le scatole sembrano grandi. Spero che sia possibile fissare in qualche modo così posso usarlo.
È possibile farli uguale altezza impostando il parametro di altezza scatola, o prova a scrivere lo stesso numero di linee per entrambi i pro ed i contro se possibile.
Saluti.
Grazie mille! Ho cercato per questo per un po '. È perfetto!
Grazie, Sono felice che ti piaccia!
Ciao, appena arrivato in questo tutorial e ha risolto molti dei problemi che ho avuto – stato alla ricerca di questo! Grazie! Ho una domanda se. Diciamo che voglio aggiungere alcune immagini (che dovrebbe essere sensibile). Ogni pensiero su come fare questo?
Ciao,
Dove si desidera vengano visualizzati? Should't essere un problema per aggiungere immagini all'interno delle colonne.
Saluti.
Questo plug-in è troppo vecchio e obsoleto. Potete per favore dirmi su come fare la stessa cosa con i codici brevi plug-in finale. Grazie !
Ciao, Akshat
Mi dispiace sentire che non sei soddisfatto con Olevmedia Shortcodes, Il plugin funziona bene per me. È possibile ottenere un aspetto simile delle scatole con codici brevi finale, Farò un post per questo nel prossimo futuro.
Saluti.
Funziona con Elementor, ho provato senza successo
È possibile aggiungere il codice direttamente al vostro editor di testo i messaggi, Non c'è bisogno di usare costruttore pagina. Non ho provato con Elementor, spiacente.
Saluti.
Grazie per aver dedicato del tempo e mettendo nel tentativo di scrivere questo articolo. E 'molto utile!
E 'stata una vera e propria buona informazioni…sarà utile thanks a lot
Grazie per questo articolo, ma sto usando pro i2 & Contro plusings e le sue funziona bene per me. dai modi posso defenelty provare questo plugin troppo nel mio prossimo progetto.
Ciao,
Grazie per il suggerimento, si presenta come un plugin decente. Io aggiungo che nel prossimo aggiornamento.
è compatibile con l'ultima versione di wordpress??
Faresti meglio ad attenersi all'edizione Gutenberg delle scatole.
Ciao, ottime opzioni per mostrare pro e contro. però, voglio sapere se i plugin menzionati sono seo-friendly o no. perché il plugin che sto usando attualmente per pro e contro, le frasi/parole scritte nella casella del plugin non vengono conteggiate da wordpress.