Kategorien

Fügen Sie mit diesen Plugins schöne Vor- und Nachteile in WordPress hinzu

Wenn Sie Produktbewertungen oder Vergleichsbeiträge schreiben, in denen Sie das Gute und das Schlechte des vorgestellten Produkts oder der vorgestellten Dienstleistung hervorheben müssen, ist es eine gute Idee, ein Pros and Cons-Plugin hinzuzufügen, um standardisierte Kästchen am Unteren Ihrer Beiträge anzuzeigen.

Als ich den Gutenberg-Redakteur zum ersten Mal sah, hasste ich ihn.

Ich suchte sofort nach einer Lösung, um das alte Aussehen meines WordPress-Post-Backends wiezurücken. Ein Look, mit dem ich mich so wohl fühlte, ein Komfort, der seit mehr als 15 Jahren gebaut wurde.

Zum Glück war ich nicht allein und ich war mehr als glücklich, als ich sah, dass die nachdenklichen Jungs von WordPress ein Plugin namens Classic Editorgemacht haben.

Ich war skeptisch gegenüber dem neuen Block-Editor, mit all den beliebten Page Buildern da draußen, was dachte WordPress? Wie würden sie mit den leistungsstarken Funktionen von Elementor oder WPBakery konkurrieren?

Pro- und Contra-Beispiele Gutenberg

Die Zeit verging und ich ignorierte immer wieder den Gutenberg-Editor. Eines Tages installierte ich eine neue Kopie von WordPress auf einer neuen Website, die ich damals startete, und ich dachte, ich würde es versuchen.

Zuerst hasste ich es, aber dann begann ich allmählich, neue Addons, neue Blöcke, verschiedene Stile auszuprobieren, um eines Tages zu erkennen, dass dies die Zukunft von WordPress und Seitenaufbau ist.

Ich wechsle immer noch zum Block-Editor hier auf wpctrl.com, da es viele Beiträge mit alten Shortcodes gibt und ich jeden einzelnen von ihnen manuell überprüfen muss, aber ich bin dabei.

Dieser Beitrag wurde mit dem Blocks-Editor erstellt!

Beginnen wir mit den Pros & Contra Examples (Gutenberg Edition)

Wenn Sie die alten Gewohnheiten im Bildschirm "Beitrag bearbeiten", die TinyMCE, Meta-Boxen usw. vergessen und sich an den Block-Editor gewöhnen, werden Sie es lieben.

Holen Sie sich zunächst einige kostenlose Add-On-Plugins, die Sie für diese Beispiele benötigen.

Im Tutorial verwendete Plugins

 

 

Methode #1 – Verwenden von Genesis-Blöcken

Dies ist mein erster Vorschlag, einen Vor- und Nachteile-Abschnitt für Ihre Bewertungen mit Gutenberg-Blöcken zu erstellen.

Live-Beispiel:

Profis

– Kostenlos

– Guter Preis

– Optimiert

Nachteile

– Schlechte Qualität

– Schlechter Support

– Teuer

Der obige Abschnitt wird mit dem kostenlosen Plugin Genesis Blocks erstellt.

Hier der genaue Prozess:

Wählen Sie Ihren gewünschten Ort, um die Felder in Ihrem Beitrag zu platzieren und klicken Sie auf das "+" -Zeichen, um einen neuen Block hinzuzufügen.

Sie können eine Spalte hinzufügen und in zwei Hälften aufteilen.

Scrollen Sie als Nächstes nach unten und tippen Sie auf den Block Genesis Blocks Notice.

Von hier aus müssen Sie nur die Farben ändern und die Liste der Vor- und Nachteile hinzufügen.

Dies ist die einfachste Methode, hat aber ihre Grenzen.

  • Sie können keine benutzerdefinierten Symbole verwenden
  • Sie können keine tatsächliche Aufzählung hinzufügen (nur Nur-Text)

Methode #2 – Verwenden von Getwid-Blöcken

Live-Beispiel:

Profis

Guter Preis

Guter Support

Vorzug

Nachteile

Hoher Preis

Fehlerhafter Support

Schlechte Qualität

Dieser ist auch ziemlich einfach zu bekommen.

Klicken Sie auf das Pluszeichen in Ihrem Beitrag oder Ihrer Seite, um einen neuen Block hinzuzufügen. Suchen Sie die Getwid-Blöcke und wählen Sie im Getwid-Menü die Symbolbox aus.

Wenden Sie in den Blockoptionen auf der rechten Seite des Bildschirms die folgenden Einstellungen an:

  • Wählen Sie auf der Registerkarte Allgemein das Symbol für die erste Spalte und die Inhaltsausrichtung aus.
  • Auf der Registerkarte "Stil" können Sie die Symbolgröße, die Farben des Symbols und des Symbolhintergrunds, den Radius und den Abstand um das Symbol (Paddings) festlegen.
  • Auf der Registerkarte Erweitert haben Sie die Möglichkeit, einen Link zu Ihrem Symbol hinzuzufügen. Lassen Sie dieses Feld leer, da es keinen Sinn ergibt

Lesen Sie dies zuerst!

Zum Zeitpunkt des Schreibens dieses Artikels konnte ich kein Plugin finden, um das zu tun, was ich unten beschreibe. Aber später tauchten neue Plugins auf, um noch bessere Vor- und Nachteile zu erstellen, und was noch wichtiger ist, ist, sie einfacher zu machen!

Also habe ich sie gesammelt und dem Beitrag unten hinzugefügt.

Überprüfen Sie JoomDev WP Vor- und Nachteile!

Sehen Sie sich die Liste der Vor- und Nachteile plugins an und entscheiden Sie selbst. Wenn Sie meine besser mögen, fühlen Sie sich frei, es zu verwenden. Genießen!

Beste KOSTENLOSE Pro & Cons Plugins

Pros & Cons ist ein starkes Element in Ihren Affiliate-Produktbewertungen und ist dafür bekannt, die Conversion-Rate zu erhöhen und ein großartiges benutzerfreundliches Element zu sein. Benutzer neigen dazu, die langen Artikel zu überspringen und direkt nach Schlussfolgerungen oder Zusammenfassungen zu suchen.

1. Mighty Classic Vor- und Nachteile

Dies war eines der ersten Plugins, die genau das tun sollten – Vor- und Nachteile-Listen mit einem einfachen CTA-Button anzeigen.

Das kostenlose Plugin bietet einen Shortcode und ist so gebaut, dass es mit dem klassischen WordPress-Editor funktioniert.

Wenn Sie die Funktion im Gutenberg-Editor verwenden möchten, müssen Sie die Mighty Pros & Cons erhalten

View Demo

2. i2 Vor- und Nachteile

i2 Vor- und Nachteile

Sie können den alten Shortcode verwenden oder die Liste visuell in Gutenberg-Blöcken bearbeiten.

Die Vor- und Nachteile haben mehrere Stile zur Auswahl. Sie können die Farben, Symbole, den Schaltflächenstil und mehr ändern.

View Demo

DIY Vor- und Nachteile (Old Classic Edditor)

Ich zeige Ihnen einen einfachen Weg, dies zu erledigen, ohne irgendeine Art von Code zu schreiben oder zu bearbeiten.

Hier ist, was Sie am Ende bekommen werden …

Vor- und Nachteile Boxen WordPress

Hier ist ein Live-Beispiel im Basel Theme Review.

Sobald Sie ein Paar Boxen erhalten, die so aussehen, wie Sie möchten, können Sie es in einem Entwurfsbeitrag speichern und später einfach kopieren und in Ihre neuen Bewertungen einfügen, indem Sie nur die Attribute darin ersetzen.

Die Plugins, die ich zeigen werde, sind nicht speziell für diesen Zweck konzipiert. Als ich zum ersten Mal darüber stolperte, suchte ich nach einer Möglichkeit, zwei einfache Kästchen mit einer Liste von kurzen 2-3 Wörtern Sätzen darin anzuzeigen.

Meine Forschung liefert keine zufriedenstellenden Ergebnisse, da es schien, dass es kein dediziertes kostenloses Pro- und Contra-Plugin für das gab, was ich wollte.

Wie habe ich es geschafft, meine Pros &Contra-Boxen zu erstellen?

Update: Dieses Plugin wird nicht mehr aktualisiert, es wird nicht mehr empfohlen, es zu verwenden.

Ich habe ein kostenloses Plugin namens Olevmedia Shortcodes verwendet.

Dieses Plugin enthält auch viele andere Shortcodes, aber diejenige, die wir für diese Aufgabe verwenden werden, ist die "Box"!

Sie können auch die Olevmedia Shortcodes verwenden, um einen CTA-Button für Ihre Bewertungen zu erstellen!

Aber erst mal.

Bevor wir zum Box-Shortcode springen, fügen wir unserer Seite zwei 1/2 Spalten hinzu.Sie können auch das Olevmedia Shortcodes-Plugin dafür oder den eigenen Spalten-Shortcode Ihres Themes verwenden. Auf diese Weise sorgen wir für eine reaktionsschnelle Anzeige auf mobilen Geräten sowie für eine gleichmäßige Größe der Boxen.

Wählen Sie das "Plus"-Symbol aus dem Editor.Wählen Sie im Dropdown-Menü "Spalten", dann "Eine Hälfte" und fügen Sie sie in Ihre Arbeitsseite ein. Danach tun Sie dasselbe, aber dieses Mal aktivieren Sie das Kontrollkästchen "Letzte Spalte", um diese Spalte neben Ihrer ersten anzuzeigen.

Sie sollten zwei Zeilen Shortcodes wie folgt erhalten:
Fügen Sie Ihre Pros-Box hier ein
Fügen Sie IhreCons-Box hier ein
Später werden wir unsere Box-Shortcodes in diese Spalten einfügen.

Lassen Sie uns jetzt zur Sache kommen und die eigentlichen Boxen erstellen …

Gehen Sie erneut zum "Plus" -Symbol in Ihrem visuellen Editor und wählen Sie den "Box" -Shortcode. Sie sollten diesen Bildschirm erhalten, nachdem Sie darauf geklickt haben:

Wie Sie sehen können, haben wir Optionen für die Anpassung, die wir als nächstes untersuchen werden.

Die Felder, die Sie ausfüllen müssen, um etwas Ähnliches wie meine Demo-Boxen zu erhalten, sind die folgenden:

  • Titel: Pros
  • Inhalt:Lassen Sie dieses Feld vorerst leer
  • Grenze: Fügen Sie einen Rahmen hinzu, wenn Sie möchten (in meinem Beispiel gibt es keinen)
  • Hintergrundfarbe: Wählen Sie eine grüne/rote oder andere Farbe für den Hintergrund
  • Box-Symbol: Für mein Beispiel verwende ich die Symbole Daumen hoch und Daumen runter
  • Bestimmte Boxhöhe: Für das obige Beispiel habe ich die Höhe auf 250px gesetzt. Beachten Sie, dass, wenn Sie dies leer lassen, Ihre Boxen ungleichmäßig angezeigt werden!

Ersetzen Sie das "Hier ist der Inhalt" durch Ihre gewünschten Vor- oder Nachteile und legen Sie sie in eine Aufzählung ein, direkt aus dem WordPress-Editor im visuellen Modus. So etwas sollte man bekommen:

"Pros"
  • Vorteile 1
  • Vorteile 2
  • Pros 3…

[/Box]

Sie können jetzt den obigen Shortcode duplizieren und einfach die Farbe, das Symbol und den Namen in "Cons" ändern. Jetzt haben Sie die beiden Boxen – Vor- und Nachteile. Schließlich müssen wir sie in jede der Spalten einfügen, die wir am Anfang erstellt haben.

Kopieren Sie Ihr Feld "Pros" und fügen Sie es in die erste Spalte ein:

Vorteile hier

Kopieren Sie dann das Feld Nachteile und fügen Sie es in die letzte Spalte zwischen folgenden Bereichen ein:

Nachteile hier 

Herzlichen Glückwunsch! Sie sind bereit, tolle Bewertungen zu erstellen.

Speichern Sie Ihre Vorgabe in einem Entwurfsseiten oder Beitrag, um sie sofort verwenden zu können. Stellen Sie einfach sicher, dass Sie es im "Text" -Modus einfügen, wann immer Sie es in einem tatsächlichen Beitrag verwenden, um Code-Brüche zu vermeiden.

Disclosure: Some of the links on the page may contain a ref code (affiliate links), that tells the other side that we have sent you. If you liked what we suggest and you make a purchase, we may receive a commission.