Springe zum Hauptinhalt

Wie Sie das Design Ihrer Wordpress-Produkte mit diesen kostenlosen Shortcodes zu verbessern

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Die Explosion von Plugins, die gut gestaltete Shortcodes generierten, kam spät. Diese Plugins präsentieren Ihre Beiträge oder Seiten auf einfache Weise, indem sie Dinge wie Spalten, Registerkarten, Preistabellen, spezielle Überschriften und vieles mehr sehr professionell aussehen lassen.

Aufgrund der späten Verbesserung dieser Plugins wurden andere Plugins, die sich im Laufe der Zeit nicht weiterentwickelt haben, aufgegeben. Und selbst wenn sie der "Bootstrap" -Bibliothek Funktionen hinzugefügt haben (Wie einige unten)In anderen Bereichen haben sie sich nicht verbessert.

In diesem Tutorial beschränken wir uns nicht auf eine Reihe von Plugins, die nicht wirklich gut funktionierten, sondern auf diejenigen, die dies taten.

Aber bevor Sie anfangen, nehmen Sie sich die Zeit, um einen Blick darauf zu werfen Wie man ein Wordpress-Theme zu installierenWie viele Plugins sollte ich installieren auf Wordpress.

Dann machen wir uns an die Arbeit!

1. Einfache Boostrap-Shortcodes

Le-Plugin Einfache Bootstrap-Shortcodes ist sehr gut für Grundelemente wie Spalten, Schaltflächen, farbige Kästchen, Fortschrittsbalken, um Bildern usw. unterschiedliche Effekte zu verleihen ...

easy-Bootstrap funktions

Eines der besten Dinge an diesem Plugin ist, dass es hat Tonnenweise Symbole, die Sie überall platzieren können - Auf Schaltflächen, Feldern, in Überschriften usw. können Sie die Größe und Farbe der Symbole leicht ändern, um genau das gewünschte Aussehen zu erhalten. Dieses Plugin hat idealerweise die Tasten der Kurzwahlnummern im visuellen Editor als dritte Zeile.

easy-Bootstrap-visual-Editor

Wenn eine dieser Schaltflächen aktiviert ist, wird ein Popup mit vielen Optionen angezeigt (natürlich abhängig von der Schaltfläche). Wenn die Bestellung angemessen ist, gibt es oft eine große Auswahl an attraktiven Symbolen. Sie können sogar die Farbe dieser Symbole ändern.

Hier ist eine Teilvorschau des Popups beim Einfügen einer Schaltfläche.

Lesen Sie auch: So fügen Sie Schaltflächen zu Wordpress ohne Kurzwahlnummern verwenden

easy-Bootstrap-Popup

Es gibt alle Arten von Kurzwahlen, die Sie einfügen können. Und natürlich können Sie sie auch kombinieren.

Hier ist ein kurzes Beispiel für einige kombinierte Shortcodes: ein Kästchen (blauer Hintergrund), ein Symbol für den Titel (Farbe und Größe, die ich wollte), dann eine Schaltfläche mit einem anderen Symbol (so bunt, wie ich wollte).

easy-Bootstrap-Box

Hier ist eine Liste von verschiedenen Shortcodes:

  • Akkordeon
  • Fortschrittsbalken mit Etiketten
  • Tabs
  • Icons
  • Liste
  • Etiketten
  • Benachrichtigung
  • Buttons
  • popover
  • IconHeading
  • Tooltip
  • Tische
  • Tafel
  • Responsives Bild
  • Bildeffekte
  • Symbolleiste auf die Schaltfläche Gruppe
  • Well
  • Liste Beschreibung
  • ButtonDropdown
  • Box Service
  • Schaltfläche Gruppe
  • Responsive Schieberegler

Hier ist ein Video der Shortcodes in Aktion, die der Autor des Plugins hier zur Verfügung gestellt hat.

DownloadDemoWeb-Hosting

2. Ultimativer Shortcode

Le-Plugin ultimative Short bietet eine beeindruckende Auswahl an Shortcodes sowie eine beeindruckende Anzahl von Symbolen, die verschiedenen Elementen hinzugefügt werden können. Darüber hinaus die Möglichkeit, Shortcodes oder Symbole zu steuern (Größe ändern, Farbe, Position usw.) ist ebenfalls beeindruckend.

Shortcode-ultimate funktions

Kurz gesagt, es war das beeindruckendste Shortcode-Plugin, das ich je gesehen habe. Sie klicken zunächst auf die Schaltfläche im visuellen Editor.

Shortcode-ultimate-Taste

Sie erhalten dann eine Liste von Kurzwahlnummern möglich, in dem Pop-up.

Shortcode-ultimate-Auswahlen

Wie Sie zweifellos bemerken werden, gibt es nicht nur mehrere (um genau zu sein 51), sondern Sie können sie auch vom Typ oben auf der Seite nach Typ filtern oder sogar nach dem gewünschten suchen.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Siehe auch: Wie man einen visuellen Stil der Wordpress-Editor hinzufügen

Zusätzlich zu der Anzahl der Kurzwahlen und der Kontrolle, die Sie haben, können Sie eine Vorschau Ihrer Kurzwahlen anzeigen, bevor Sie sie einfügen.

Eine weitere gute Sache, die dieses Plugin hat, ist dass es einige Beispiele für Shortcodes sowie deren Code für diejenigen gibt, die weniger Erfahrung haben.

Hier ist ein Video der Shortcodes in Aktion, die der Autor des Plugins hier zur Verfügung gestellt hat.

Und hier ist eine Liste der verfügbaren Funktionscodes.

  • Überschrift
  • Trennwand
  • Pullquote
  • Liste
  • Lightbox
  • Vimeo
  • Tische
  • Menü
  • Slider
  • Dummy-Bild
  • Vorlage
  • Tabs
  • Abstandhalter
  • dropcap
  • Taste
  • Tooltip
  • Screenr
  • Permalink
  • Unterseiten
  • Karussell
  • Animation
  • Tab
  • Hervorheben
  • Rahmen
  • Service
  • Dailymotion
  • Mitglieder
  • Geschwister
  • Galerie
  • Meta
  • Spoiler
  • Discographie
  • Reihe
  • www.hamvenezuela.com/shop
  • Youtube
  • Audio
  • Gäste
  • Dokument
  • BLOG-POSTS
  • Mitglied
  • Akkordeon
  • Zitat
  • Kolonne
  • Hinweis
  • Erweiterte YouTube
  • Video
  • RSS Feed
  • Gmap
  • Blindtext
  • Posten

DownloadDemoWeb-Hosting

3. Olevmedia

Dieses Plugin ist wirklich sehr einfach im Vergleich zu den beiden vorherigen in vielen Elementen. Gleichzeitig glänzt es mit ein paar Elementen, die andere Plugins nicht haben.

olevmedia funktions

Mit diesem Plugin können Sie beispielsweise bestimmte Stile für Textbereiche sehr gut ausführen. Beachten Sie das professionell platzierte Symbol in der Mitte. Kein anderes Plugin, das ich gesehen habe, erlaubt es Ihnen, dasselbe zu tun.

Siehe auch: Wie man externe Links auf einem Wordpress-Blog unterscheiden

olevmedia-box

Es hat einen animierten Zähler, der von Null bis zu der von Ihnen eingegebenen Zahl beginnt.

Anzahl-Zähler

Mit diesem Plugin können Sie auch viel Stil mit Schaltflächen machen. Sie können auch leicht Fügen Sie Ihrem Inhalt aktuelle Beiträge hinzu und Ihre angenehme Preisliste.

Ein Nachteil dieses Plugins ist, dass es Ihnen nur eine Liste von Namen und nicht die grafischen Darstellungen der Symbole anzeigt, wenn Sie Symbole zur Verwendung erhalten. Einige von ihnen lassen sich leicht anhand ihres Namens erraten. Und andere nicht.

Obwohl Sie das Symbol anhand des Namens finden können, bedeutet dies nicht, dass Ihnen das Aussehen gefallen wird. Sie werden es aber erst nach dem Einfügen und Speichern des Projekts und kennen Vorschau des Beitrags.

Da einige Plugins so gut funktionieren, können Sie dieses Plugin möglicherweise nicht als Haupt-Plugin verwenden. Nichts hindert Sie jedoch daran, dieses zusätzlich zu einem anderen zu verwenden.

Hier ist eine Liste der wichtigsten Shortcodes, die es bietet.

<

  • Akkordeon
  • Toogle
  • Tabs
  • blockquote
  • www.hamvenezuela.com/shop
  • Buttons
  • Spalten
  • Zähler
  • Trennwand
  • dropcaps
  • Icons
  • Infobox
  • Listen
  • Logos
  • Karte
  • Marker
  • Neueste Einträge
  • Tabelle
  • Preistabellen
  • Video

DownloadDemoWeb-Hosting

4. CPO-Shortcodes

Dieses Plugin verfügt über eine Reihe grundlegender Shortcodes, die Sie möglicherweise finden werden, z. B. Spalten und Felder.

Trotzdem ist es ein bisschen frustrierend, damit zu arbeiten. Oft werden Shortcodes in Ihren Beitrag eingefügt, ohne dass Sie eine Auswahl treffen können, z. B. eine Farbe oder eine Größe.

cpo funktions

Wie zu verwenden Kurzwahlnummern in Wordpress-Widgets ist ein Muss zu lesen.

Die Shortcodes selbst enthalten manchmal Leerzeichen für dieses Zeug, aber es gibt keine Erklärung für all dies. Es wäre sehr einfach, dieses Plugin von der Liste zu streichen. Es gab jedoch einige Dinge, die es anders machen. Nehmen Sie sich für diese Elemente die Zeit, sie zu überprüfen.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Eines dieser Elemente ist der "Hintergrundabschnitt", der geht Fügen Sie einen farbenfrohen Hintergrund Ihrer Wahl auf Ihrer Seite ein. Beachten Sie, dass eine Seitenleiste, die vorhanden ist, auch diese abdeckt (was natürlich nicht angenehm ist), wenn Sie sie nur in voller Anzeige auf den Seiten verwenden möchten.

Hier ist eine Vorschau eines Elements mit blauem Hintergrund.

cpo-Hintergrund

Es gibt auch einen Shortcode für einen Teammitgliederbereich. Es erlaubt Ihnen im Grunde ein Bild setzen, ein Name, ein Titel, ein Text, der dann mit sozialen Netzwerken verknüpft werden kann.

cpo-Team-Mitglieder

Es enthält auch das hübsche Preisraster.

cpo-Preis

DownloadDemoWeb-Hosting

Überblick

  • Ultimativer Shortcode: 5/5
  • Easy Boostrap Shortcodes: 4/5
  • Olevmedia: 3,5 / 5
  • CPO-Shortcodes: 2,5 / 5

Meiner Meinung nach war das Ultimate Shortcode-Plugin das beste, das ich in meinen Händen hatte. Obwohl einige der anderen Plugins sehr gut waren, geht es wirklich hin und her für das, was es bietet.

Wenn ich jedoch nach Shortcodes für die Kombination mit Shortcode Ultimate suchen würde, würde ich Olevmedia als ergänzendes Plugin installieren.

Lesen Sie auch Warum Wordpress und Ihre Domain-Namen sollten getrennt werden

Das einzige, worauf Sie bei der Installation von zwei Plugins achten müssen, ist sicherzustellen, dass beide nicht dieselben Shortcode-Namen verwenden.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. TPlayer

Mit dem reaktionsschnellen WordPress tPlayer-Plugin können Sie einen Audio- und Radio-Player in Ihre Website integrieren. Es ist sehr funktional und unterstützt viele Anpassungsmöglichkeiten. Es kann auch Details zu Audio- und Radiostreams sowie Statistiken zu den Hörgewohnheiten der Benutzer anzeigen.

tPlaye Audio Player Premium-WordPress-Plugins fügen Audio-Player hinzu

Dieses Plugin unterstützt unbegrenzte Wiedergabelisten und eine unbegrenzte Anzahl von Titeln auf jeder Wiedergabeliste. Sie haben die Möglichkeit, seine Songs von externen Speichersystemen wie Google Drive, Amazon S3 usw. wiederherzustellen.

Lesen Sie auch unseren Artikel über 10 Wordpress-Plugins einen Blog zu schützen

Es gibt auch die Autoplay-Funktion, mit der das Radio oder eine bestimmte Audiodatei gestartet wird, sobald ein Besucher eine Seite oder einen Beitrag besucht. Es bietet auch andere Anpassungsoptionen, um das Aussehen des Audio-Players zu ändern.

Download | Demo | Web-Hosting

2. Xili-Sprache

xili-language ist ein leistungsstarkes WordPress-Übersetzungs-Plugin, das im offiziellen Verzeichnis der WordPress-Plugins verfügbar ist. Um xili-language erfolgreich nutzen zu können, müssen Sie ein WordPress-Theme verwenden, das für die Übersetzung auf Ihrer Website bereit ist.

xili Sprache

Da nicht alle WordPress-Themes mehrsprachig sind, wird dringend empfohlen, sicherzustellen, dass Ihre diese Funktion unterstützt, bevor Sie dieses Plugin installieren.

Lesen Sie auch unseren Artikel über So übersetzen Sie Ihren WordPress-Blog in mehrere Sprachen

Mit der Xili-Sprache können Sie nicht nur mehrsprachige Inhalte erstellen, sondern auch die Sprachdateien Ihres WordPress-Themas entsprechend der Sprache des Inhalts ändern. Es ist entwicklerfreundlich und enthält eine Liste von Ankerpunkten und APIs, mit denen Sie das Verhalten Ihrer Website anpassen können.

Download Demo | Web-Hosting

3. WooCommerce Tisch bewerten Versand Plugin

Le-Plugin Tabelle Preis Versand für WooCommerce hat die Möglichkeit, mehrere Raten für einen bestimmten Client basierend auf einer Vielzahl von vom Administrator festgelegten Bedingungen hinzuzufügen. Dies können Versandziel, Zwischensumme des Einkaufswagens, Kategorie des zu versendenden Artikels, Preis, Gewicht und mehr sein.

Tabellenpreis Versand für WooCommerce 2

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Dieses WordPress-Plugin wird ein neues hinzufügen Versandart direkt zu den WooCommerce Einstellungen.

entdecken Sie auch 7 Wordpress-Plugins Ihre Liefersystem zu verbessern

Il ist nützlich für alle, die Versandkosten in Bezug auf Bestimmungsort, Gewicht und / oder den gesamten Warenkorb berechnen müssen.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

Hier ! Das war's für dieses Tutorial. Ich hoffe, Sie können damit das Design Ihrer WordPress-Beiträge mit diesen kostenlosen Shortcodes verbessern. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden zu WordPress-Blog-Erstellung.

Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.

... 

Dieser Artikel enthält Kommentare 2

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
2 Aktien
Aktie
tweet
Registrieren2