Online Marketing, Gadgets, Affiliate, Verdienen Sie Geld mit Ihren Blogs

Was sind WordPress-Shortcodes? Eine umfassende …

Hinweis: Der folgende Artikel hilft Ihnen dabei: Was sind WordPress-Shortcodes? Eine umfassende …

 Was sind WordPress-Shortcodes?  Eine umfassende ...

Möchten Sie Ihre WordPress-Beiträge und -Seiten interaktiver und optisch ansprechender gestalten? WordPress-Shortcodes sollen Ihnen das Leben erleichtern. Mit diesen praktischen Codeausschnitten können Sie verschiedene Funktionalitäten und Designelemente hinzufügen, ohne dass fortgeschrittene Programmierkenntnisse erforderlich sind.

In diesem Blogbeitrag behandle ich alles, was Sie über WordPress-Shortcodes wissen müssen. Zunächst erkunden wir die Standard-WordPress-Shortcodes und wie man sie hinzufügt. Als Nächstes befassen wir uns mit der Verwendung von Shortcodes in verschiedenen Teilen Ihrer Website, einschließlich Beiträgen, Seiten, Widgets und sogar Designdateien.

Außerdem führe ich Sie durch die Erstellung Ihres eigenen benutzerdefinierten Shortcodes in WordPress, sodass Sie das Design und die Funktionalität Ihrer Website genau an Ihre Bedürfnisse anpassen können. Abschließend vergleichen wir Shortcodes mit Gutenberg-Blöcken, einer weiteren beliebten Methode zum Hinzufügen benutzerdefinierter Elemente zu Ihrer Website.

Also, lasst uns eintauchen!

WordPress-Shortcodes: Ein Überblick

Shortcodes sind eine leistungsstarke und vielseitige Funktion, mit der Sie Ihrer Website dynamische Inhalte und Funktionen hinzufügen können, ohne dass Programmierkenntnisse erforderlich sind. WordPress-Shortcodes sind im Wesentlichen kleine Codeausschnitte, die Sie in Ihre Beiträge, Seiten, Widgets oder Theme-Dateien einfügen können, um eine bestimmte Funktion oder einen bestimmten Inhalt anzuzeigen.

Die Verwendung von Shortcodes verbessert das Benutzererlebnis erheblich, indem benutzerfreundliche Funktionen wie Schaltflächen, Formulare, Galerien und vieles mehr bereitgestellt werden. Darüber hinaus können sie auch die SEO Ihrer Website verbessern, indem sie Ihre Inhalte interaktiver und ansprechender für Ihre Besucher gestalten.

WordPress-Shortcodes: Vor- und Nachteile

Nachdem Sie nun eine Vorstellung von WordPress-Shortcodes haben, gehen wir kurz deren Vor- und Nachteile durch, bevor wir uns mit der Anleitung befassen.

Vorteile von WordPress-Shortcodes

  • Zeitersparnis: Sie helfen Ihnen, komplexe Funktionen ohne manuelle Programmierung hinzuzufügen.
  • Anpassbar: Shortcodes können an spezifische Bedürfnisse angepasst werden.
  • Benutzerfreundlich: Sie sind einfach zu verwenden und können zu jedem WordPress-Beitrag oder jeder WordPress-Seite hinzugefügt werden, ohne dass fortgeschrittene Programmierkenntnisse erforderlich sind.
  • Kompatibilität: Sie sind mit einer Vielzahl von Plugins und Themes kompatibel. In den meisten Fällen steht es Ihnen also frei, ein beliebiges WordPress-Theme oder Plugin auszuwählen.

Nachteile von WordPress-Shortcodes

  • Abhängigkeit: Eine übermäßige Abhängigkeit von Shortcodes kann zu Problemen führen, wenn das Plugin oder Theme nicht aktualisiert wird.
  • Kompatibilitätsprobleme: Einige Shortcodes sind möglicherweise nicht mit allen WordPress-Themes und -Plugins kompatibel.
  • Lernkurve: Ein grundlegendes Verständnis für die Verwendung und Anpassung von Shortcodes ist erforderlich.
  • Sicherheit: Shortcodes müssen ordnungsgemäß bereinigt und validiert werden, um Sicherheitslücken zu vermeiden.
Lesen:  2023'ün En İyi Web Tarayıcılarına Bir Bakış

WordPress-Shortcodes bieten eine praktische Lösung zur Verbesserung der Funktionalität und des Designs Ihrer Website.

Es ist jedoch wichtig, sie mit Bedacht einzusetzen, um Abhängigkeitsprobleme, Kompatibilitätsprobleme und potenzielle Sicherheitslücken zu vermeiden.

Erfahren Sie in der nächsten Überschrift mehr über die Standard-WordPress-Shortcodes.

Die Standard-WordPress-Shortcodes

WordPress enthält sechs standardmäßig integrierte Shortcodes, mit denen Sie Ihren Seiten und Beiträgen ganz einfach Funktionen hinzufügen können:

  • [audio]: Fügen Sie Audiodateien zu Ihren Seiten oder Beiträgen hinzu.
  • [caption]: Fügen Sie einem Bild oder Video eine Beschriftung hinzu.
  • [embed]: Legen Sie die Breite und Höhe eines eingebetteten Elements fest.
  • [gallery]: Erstellen Sie eine Fotogalerie mit Bildern.
  • [video]: Fügen Sie Videos zu Ihren Seiten oder Beiträgen hinzu.
  • [playlist]: Zeigen Sie Audio- oder Videodateien in einem Beitrag an.

All dies können Sie mit unserem WordPress-Hosting nutzen.

Liste einiger nützlicher Shortcodes mit Funktionen (Tabelle)

Nachfolgend finden Sie eine Liste einiger nützlicher Shortcodes in WordPress zusammen mit ihren Funktionen:

Funktion Praktische Anwendung
[audio] [audio src=”#”]
[caption] [caption width=“450]< Bild src=“#“/> Bild [/caption]
[embed] [embed width=”450″ height=”320″]
[gallery] [gallery id=”32″]
[video] [video src=”#”]
[playlist] [playlist type =”video”]
[wpforms] [wpforms id=”10″]
[soliloquy] [soliloquy id=”578″]

So fügen Sie WordPress-Shortcodes hinzu (5 einfache Methoden)

Das Hinzufügen von WordPress-Shortcodes ist einfach und kann mit fünf verschiedenen Methoden erfolgen. Zu diesen Methoden gehören das direkte Hinzufügen von Shortcodes zu Beiträgen oder Seiten, die Verwendung des Text-Widgets, das Erstellen eines Shortcode-Plugins, das Hinzufügen von Shortcodes zur Datei „functions.php“ Ihres Themes und die Verwendung eines Shortcode-Builder-Plugins.

So fügen Sie Shortcodes in WordPress-Beiträgen und -Seiten hinzu

So können Sie ganz einfach Shortcodes in WordPress-Beiträgen und -Seiten hinzufügen:

  • Gehen Sie zu Ihrem Beitrags-/Seiteneditor und suchen Sie nach „Shortcode.“
  • Wenn Sie Gutenberg verwenden, suchen Sie nach Shortcode im Blockbereich und fügen Sie es zu Ihrem hinzu Seite oder Beitrag.
  • Fügen Sie den Shortcode ein in das jeweilige Feld ein, in dem Sie es anzeigen möchten.
  • Ich habe das hinzugefügt WP Forms-Shortcode um das Kontaktformular hinzuzufügen.
  • Vorschau Klicken Sie auf Ihren Beitrag oder Ihre Seite, um zu überprüfen, ob der Shortcode funktioniert.
  • Sie können ähnliche Schritte für jeden Seitenersteller ausführen. Suchen Sie beispielsweise in Elementor im Abschnitt „Element“ nach „Shortcode“ und ziehen Sie ihn per Drag & Drop auf die gewünschte Falte.

So fügen Sie Shortcodes in WordPress-Widgets hinzu

Hier sind die Schritte zum Hinzufügen eines WordPress-Shortcodes in einem Widget:

  • Gehen Sie zu Ihrem WordPress-Dashboard und navigieren Sie zu Aussehen > Widgets.
  • Drücke den “+”-Symbol, um alle verfügbaren Widget-Optionen zu durchsuchen und nach dem Shortcode-Widget zu suchen.
  • Fügen Sie Ihren Shortcode hinzu zum Feld und Aktualisieren Ihr Widget-Bereich. Für dieses Tutorial füge ich das hinzu WP Forms-Shortcode.
  • Sehen Sie sich eine Vorschau Ihrer Website an um sicherzustellen, dass der Shortcode im Widget-Bereich richtig angezeigt wird.

So fügen Sie Shortcodes im WordPress Classic Editor hinzu

Der WordPress Classic Editor wird immer noch häufig für die Bearbeitung von Beiträgen und Seiten in WordPress verwendet. Und das Hinzufügen eines Shortcodes im klassischen Editor ist ganz einfach und kann mit den folgenden einfachen Schritten durchgeführt werden:

  • Öffnen Sie den klassischen WordPress-Editor, indem Sie zu dem Beitrag/der Seite navigieren, den/die Sie bearbeiten möchten, und „Klassischer Herausgeber” aus den Bearbeitungsoptionen.
  • Erstellen Sie einen neuen Beitrag/eine neue Seite oder Bearbeiten Sie eine vorhandene wo du willst Fügen Sie den Shortcode hinzu.
  • Suchen Sie den Bereich, in dem Sie den Shortcode hinzufügen möchten, und geben Sie ihn einfach dort ein.
  • Speichern Sie die Änderungen Du hast den Beitrag/die Seite aufgerufen und dann Vorschau um zu sehen, ob der Shortcode richtig funktioniert.
Lesen:  Geschichte der Betriebssysteme

So fügen Sie Shortcodes in WordPress-Themedateien hinzu

Hier sind die Schritte zum Hinzufügen von Shortcodes in WordPress-Themedateien:

Ich möchte zum Beispiel einen Shortcode für alle 404-Seiten hinzufügen (wenn jemand versucht, auf nicht vorhandene Seiten zuzugreifen).

  • Gehe zu WordPress-Dashboard > Aussehen > Theme-Datei-Editor.
  • Wählen Sie den Dateiabschnitt aus, in dem Sie den Shortcode hinzufügen möchten. Zum Beispiel 404.php für alle 404-Fehlerseiten.
  • Fügen Sie den Shortcode ein innerhalb der ausgewählten Datei. Zum Beispiel:

  • Speichern Sie die Änderungen Und Vorschau des Ausgabeergebnisses.
  • Hier ist das Ausgabeergebnis, das Sie erhalten, wenn jemand versucht, auf nicht vorhandene Seiten zuzugreifen.

So erstellen Sie Ihren eigenen benutzerdefinierten Shortcode in WordPress

Das Erstellen eines benutzerdefinierten Shortcodes in WordPress kann eine entmutigende Aufgabe sein, da dazu normalerweise die Erstellung eines neuen Plugins erforderlich ist. Bei richtiger Vorbereitung und Pflege kann der Prozess jedoch rationalisiert und relativ schmerzlos ablaufen.

Ich würde empfehlen, ein Backup zu erstellen oder auf einer Staging-Site zu arbeiten, um problemlos zu einer früheren Version zurückkehren zu können, falls während des Shortcode-Erstellungsprozesses etwas schief geht.

Erstellen Sie ein benutzerdefiniertes Plugin

Hier sind die Schritte zum Erstellen eines benutzerdefinierten Shortcodes in WordPress:

  • Erstellen Sie ein benutzerdefiniertes Plugin für Ihren Shortcode, indem Sie über auf Ihren Server/Ihre Site zugreifen FTP-Client wie FileZilla.
  • Navigieren Sie zu wp-content-Ordner > Plugins > und erstellen Sie eine neues Verzeichnis.
  • Benennen Sie das Verzeichnis nach Ihrem Plugin, zum Beispiel: Abonnieren-Shortcode.
  • Öffnen Sie Ihren Plugin-Ordner und Erstellen Sie eine neue PHP-Datei mit einem Namen Ihrer Wahl, z. B. my-shortcode.php.
  • Klicken ansehen/bearbeiten die PHP-Datei und öffnen Sie die lokale Datei.
  • Fügen Sie den Plugin-Header-Code ein und speichern Sie es, indem Sie auf „Strg+s“. Der Code sollte wie folgt aussehen:

  • Wenn Sie die Änderungen speichern, a „Datei hat sich geändert“ Ein Popup wird in Ihrem FileZilla-Tool angezeigt.
  • Wählen „Beenden Sie die Bearbeitung und löschen Sie die lokale Datei” und klicken Sie Ja.
  • Sobald die Datei aktualisiert wurde, gehen Sie zu Ihrem WordPress-Dashboard > Installiertes Plugin Und aktivieren Sie Ihr neues Plugin.
  • In den Plugin-Details sollten die Header-Felder wie Version, Name des Autors usw. angezeigt werden.

Erstellen Sie einen benutzerdefinierten WordPress-Shortcode

Sie können nach der Aktivierung Ihres Plugins auch einen benutzerdefinierten WordPress-Shortcode erstellen. In diesem Abschnitt werde ich einen Shortcode erstellen, der es Benutzern ermöglicht, den DreamHost-YouTube-Kanal zu abonnieren.

Hier sind die Schritte zum Erstellen eines benutzerdefinierten WordPress-Shortcodes:

  • Öffnen Sie Ihre PHP-Datei (in diesem Fall: my-shortcode.php) und fügen Sie den folgenden Code ein:

add_shortcode( 'subscribe', 'cloudways_link' ); function cloudways_link() return 'Abonnieren Sie DreamHost YouTube-Kanal'; add_action('init', 'cloudways_link');

  • Lassen Sie uns den benutzerdefinierten Shortcode in Ihrem Beitrag verwenden. Da wir den Namen unseres Shortcodes auf „abonnieren“, nennen Sie es mit Klammern wie dieser: [subscribe].
  • Aktualisieren Sie die Änderungen und überprüfen Sie die Ausgabe des Shortcodes.
  • Wenn die Ausgabe im Beitrag erscheint, bedeutet das, dass der benutzerdefinierte WordPress-Shortcode funktioniert.
Lesen:  So erstellen Sie eine benutzerdefinierte Magento 2-Wartungsseite ohne Verwendung einer Erweiterung

Shortcodes vs. Gutenberg-Blöcke

Sowohl Shortcodes als auch Gutenberg-Blöcke werden in WordPress verwendet, um die Funktionalität Ihrer Website zu verbessern. In diesem Abschnitt werden beide verglichen, um die wichtigsten Unterschiede hervorzuheben.

Shortcodes:

  • Ermöglicht das Einfügen dynamischer Inhalte in WordPress-Seiten und -Beiträge
  • Erstellt mit eckigen Klammern und einem darin enthaltenen Schlüsselwort oder einer Funktion
  • Erfordert grundlegende Programmierkenntnisse
  • Kann zu jeder Seite oder jedem Beitrag im WordPress-Editor hinzugefügt werden
  • Kann auf mehreren Seiten oder Beiträgen wiederverwendet werden

Gutenberg-Blöcke:

  • Ermöglicht die Erstellung dynamischer Inhalte mit der Drag-and-Drop-Oberfläche
  • Bieten mehr Optionen und sind einfacher zu verwenden als Shortcodes
  • Kann problemlos komplexe Layouts erstellen
  • Kann mit benutzerdefinierten Blöcken oder Plugins erweitert werden
  • Erfordern weniger technische Kenntnisse als Shortcodes

Shortcodes erfordern möglicherweise grundlegende Programmierkenntnisse und bieten begrenzte visuelle Anpassungsmöglichkeiten. Andererseits bieten Gutenberg-Blöcke einen benutzerfreundlicheren Ansatz mit erweiterten Optionen zur Erstellung dynamischer Inhalte.

Um einen Shortcode mit Gutenberg-Blöcken hinzuzufügen, wählen Sie einfach die Option „Shortcode“ und geben Sie den Shortcode-Namen in das dafür vorgesehene Feld ein. Dies kann ganz einfach und ohne Programmierkenntnisse durchgeführt werden, was es zu einer praktischen Option für Benutzer macht, die einen eher visuellen Ansatz bei der Inhaltserstellung bevorzugen.

Zusammenfassung

WordPress-Shortcodes sind ein leistungsstarkes Tool, mit dem Sie einfach und schnell dynamische Inhalte erstellen können. Unabhängig davon, ob Sie Anfänger oder erfahrener Benutzer sind, gibt es mehrere Möglichkeiten, sie zu Ihrer WordPress-Site hinzuzufügen. Ich habe in diesem Blog 5 einfache Methoden behandelt. Mit dem verwalteten WordPress-Hosting von DreamHost können Sie ganz einfach Shortcodes für Ihre WordPress-Website erstellen und verwalten.

Obwohl sie möglicherweise einige Einschränkungen aufweisen, überwiegen die Vorteile die Nachteile, insbesondere in Kombination mit der Benutzerfreundlichkeit von Gutenberg-Blöcken.

Egal, ob Sie eine einfache Schaltfläche oder komplexe Inhalte anzeigen möchten, Shortcodes sind eine fantastische Möglichkeit, Ihre WordPress-Site zu verbessern.

Probieren Sie es aus und sehen Sie, wie sie Ihre Inhalte auf die nächste Stufe heben können!

FAQs

F. Verfügt WordPress über integrierte Shortcodes?

Ja, WordPress verfügt über 6 integrierte Shortcodes, die unten aufgeführt sind:

  • [audio]
  • [caption]
  • [embed]
  • [gallery]
  • [video]
  • [playlist]

F. Wo sind meine Shortcodes in WordPress?

Sie können die Shortcodes eines WordPress-Plugins finden, indem Sie die Dokumentation des Plugins im WordPress-Dashboard überprüfen.

F. Wie verwende ich Standard-Shortcodes in WordPress?

Sie können die Standard-Shortcodes in WordPress auf drei Arten verwenden: über den Gutenberg-Block, den klassischen Editor oder per Code.

F. Wozu dienen Shortcodes in WordPress?

Der Zweck von Shortcodes in WordPress besteht darin, Ihren Seiten und Beiträgen dynamische Inhalte und Funktionen hinzuzufügen.

×

Holen Sie sich unseren Newsletter
Seien Sie der Erste, der die neuesten Updates und Tutorials erhält.

Vielen Dank, dass Sie uns abonniert haben!