WordPress-Shortcodes sind kleine Tags, die als Verknüpfungen verwendet werden, um bestimmte Funktionen für Beiträge und Seiten auszuführen. Sie können Funktionscodes in Klammern erkennen, die ein einfaches Wort oder eine Phrase umgeben. Sie wurden in Version 2.5 eingeführt, um Menschen dabei zu helfen, Funktionen einfach auszuführen.
Wie Sie vielleicht bereits wissen, verwendet WordPress die Programmiersprache PHP, um sich selbst einzuschalten. Wenn Sie also Posts und Seiten direkt eine bestimmte Funktion hinzufügen möchten, müssen Sie den Code in den Texteditor schreiben. Stattdessen können Benutzer mit Shortcodes den gesamten Codeblock durch einen einfachen Begriff ersetzen und ihn einfach durch Veröffentlichen eines Beitrags ausführen. Unglaublich, nicht wahr?
In diesem Handbuch können Sie lernen:
Literaturempfehlung: WordPress-Kurse von Udemy
Verwendung von WordPress-Shortcodes
Um Shortcodes zu verwenden, muss man nicht wissen, wie man codiert oder wie sie im Backend funktionieren. WordPress selbst sowie die meisten WordPRess-Themen und -Plugins verwenden unterschiedliche Shortcodes, um die Verwendung vieler erweiterter Funktionen zu ermöglichen.
Um beispielsweise die gesamte Bildergalerie anzuzeigen, verwenden Sie einfach (Galerie) Shortcode, der mit WordPress installiert wird. Die meisten Shortcodes können in ihrer Grundform wie im obigen Beispiel verwendet werden.
Die Shortcodes werden durch den eigentlichen Inhalt ersetzt, sobald Sie einen Beitrag oder eine Seite veröffentlichen oder in der Vorschau anzeigen.
Shortcode-Parameter
Meistens nicht Shortcodes können zusätzliche Parameter haben. Durch Hinzufügen zusätzlicher Informationen können Sie die Ausgabe anpassen und ändern. Während der triviale (Galerie-) Shortcode beispielsweise alle an den Beitrag angehängten Bilder anzeigt, ist es möglich, ihn zu ändern. Mit dem Galerie-Shortcode können Sie Bilder anhand ihrer ID angeben, sodass Sie nur die spezifischen Bilder anzeigen oder sogar Bilder einschließen können, die nicht Teil dieses bestimmten Beitrags sind.
Es ist auch möglich, eine Galeriegröße und viele andere Dinge zu definieren, indem zusätzliche Parameter angegeben werden. Hier ist ein Beispiel:
(Galerie-ID = “1,5,7” Größe = “Mittel”)
In der Galerie in diesem Beispiel werden nur Bilder mit bestimmten Identifikationsnummern angezeigt. In diesem Fall würde sich die Größe automatisch auf mittel ändern. Und das alles erhalten Sie mit einem einfachen Shortcode. Stellen Sie sich nun vor, wie das Ganze aussehen würde, wenn Sie PHP-Code manuell hinzufügen würden, der zehn, wenn nicht Hunderte von Zeilen umfassen würde. Danke, Shortcodes!
Tags starten und beenden
Einige komplexere Shortcodes können Start- und End-Tags haben. Anstelle eines Shortcodes würden Sie also zwei mit bestimmten Inhalten dazwischen haben.
Mit einem Google Maps-Plugin können Sie beispielsweise einen Ort auf Karten über den Funktionscode anzeigen. Die meisten dieser Plugins haben Start- und End-Tags, während die Adresse in die Mitte geschrieben werden muss. Hier ist ein Beispiel:
((Karten)) New York, USA ((/ Karten))
Wie Sie im Beispiel sehen können, beginnt das letzte Tag immer mit einem Schrägstrich “/”. Durch beide Tags kann WordPress die Teile der Shortcodes leichter identifizieren.
Arbeiten Sie im Texteditor
Obwohl sie nur Verknüpfungen zu Funktionen sind, sind die Verknüpfungen selbst WordPress-spezifische Kryptogramme. Wenn Sie also versuchen, einen Funktionscode im visuellen Editor zu schreiben, zeigt WordPress Ihnen sofort die Ausgabe (oder nur den Platzhalter) dieses Funktionscodes an. Wenn Sie dem Beispiel in der Galerie folgen und den Shortcode im visuellen Editor schreiben, wird WordPress sofort angezeigt (siehe das erste Bild in diesem Beitrag, um zu sehen, wie es funktioniert).
Wenn Sie einen Shortcode bearbeiten und mit seinen Parametern arbeiten möchten, wechseln Sie zu einem Texteditor, mit dem Sie die Struktur eines bestimmten Shortcodes anzeigen können.
Standard-WordPress-Shortcodes
Shortcodes werden im Allgemeinen von Themen und Plugins verwaltet. Jeder Entwickler kann Shortcodes für sich registrieren, sodass jeder anders ist. Was ein Shortcode tut, welche Parameter und Funktionen er hat, hängt ausschließlich von dem von Ihnen verwendeten Plugin und Thema ab.
Ein Plugin, mit dem Sie einen Standort in Google Maps anzeigen können, verfügt möglicherweise über einen Shortcode ((Karten)), einen, der Anmeldeformulare anzeigt ((Formular)) usw.
Jedes Produkt ist anders. Weitere Informationen zu ihrer spezifischen Verwendung finden Sie in der Beschreibung und Dokumentation der Themen und Plugins.
WordPress enthält jedoch eine Reihe von Standard-Shortcodes, die Sie verwenden können, ohne zusätzliche Erweiterungen zu installieren. Standardmäßig sind dies Shortcodes, mit denen Sie arbeiten können:
- (Audio): Audiodateien einbetten
- (Untertitel): Wickeln Sie die Untertitel um den Inhalt
- (einbetten): Umschließen Sie eingebettete Elemente und legen Sie deren maximale Abmessungen fest
- (Galerie) – Zeigt die Bildergalerie an
- (Wiedergabeliste): Zeigt eine Sammlung von Audio- und Videodateien an
- (Video) – Videodateien einbetten
Escape-Shortcodes (Text aus Shortcodes anzeigen, ohne ihn auszuführen)
Manchmal möchten Sie möglicherweise Text anzeigen, der einen Funktionscode darstellt, anstatt ihn auszuführen. Wenn Sie versucht haben, sowohl dem Text als auch den visuellen Editoren einen Shortcode hinzuzufügen, haben Sie festgestellt, dass er beide Male ausgeführt wurde.
Verwenden Sie doppelte Klammern, um den Text eines Shortcodes anzuzeigen: ((Shortcode))
Wenn Sie einen Shortcode mit Start- und End-Tags anzeigen möchten, verwenden Sie nur die erste und die letzte doppelte Klammer: ((Karten) New York, USA (/ Karten))
Wenn Sie im Texteditor arbeiten, können Sie die Klammern auch durch ihre Codes ersetzen. Also anstelle von “(” können Sie verwenden “)[”, and instead “)” use “]”. Zum Beispiel: [Shortcode][Shortcode][shortcode][shortcode]; Der Shortcode wird auch angezeigt, ohne ihn auszuführen.
So erstellen Sie einen einfachen Funktionscode
Wenn Sie täglich Artikel in WordPress schreiben, wiederholen Sie sich manchmal und müssen immer wieder etwas schreiben. Es spielt keine Rolle, ob es sich um eine Website-URL, einen langen Satz oder einen Ausschnitt aus HTML-Code handelt, den Sie ständig von Grund auf neu schreiben. Sie sollten in Betracht ziehen, einen kurzen Code dafür zu schreiben.
Und mit dieser einfachen Funktion müssen Sie kein Programmierer sein oder Sie werden nicht einmal einen einstellen, um die Dinge einfach zu halten. Befolgen Sie die nachstehenden Schritte und erstellen Sie einen benutzerdefinierten Shortcode:
- Öffnen Sie die Datei function.php im Menü Darstellung -> Editor
- Fügen Sie den folgenden Code am Ende der Datei ein:
- Gehen Sie zum Texteditor und geben Sie ein (fsg) um die URL anstelle des Shortcodes zu erhalten
function fsg_shortURL() {
return 'http://www.firstsiteguide.com';
}
add_shortcode('fsg', 'fsg_shortURL');
Es war nicht so schwierig, oder?
Fortgeschritteneres Beispiel: Fügen Sie einen Bild-Shortcode hinzu
Durch Platzieren des folgenden Codes in functions.php können Sie den Shortcode erstellen, um ein Bild mit benutzerdefinierten Attributen für Breite und Höhe zu platzieren:
- Gehen Sie zur Datei functions.php
- Fügen Sie den folgenden Code ein:
- Texteditor öffnen:
function img_shortcode( $atts , $content = null ) {
extract( shortcode_atts(
array(
'width' => '',
'height' => '',
), $atts )
);
return '
';
}
add_shortcode( 'img', 'img_shortcode' );
Hier können Sie verwenden (img width = ‘x’ height = ‘y’) http: //… (/ img) Shortcode, wobei “x” und “y” Zahlen sind, die Breite und Höhe in Pixel darstellen.
Sie können bei Bedarf problemlos andere Bildattribute hinzufügen. Schauen Sie sich die Liste aller Bildattribute in W3-Schulen an.
Verwendung von Shortcodes im Text-Widget
Mit der am 15. November 2017 veröffentlichten WordPress-Version 4.9 funktionieren Shortcodes automatisch in Text-Widgets. Wenn Sie jedoch noch eine ältere Version von WordPress verwenden, hilft Ihnen dieser Teil des Tutorials, das Ergebnis zu erhalten.
Die Shortcodes können verschiedene Funktionen enthalten, die Sie Ihrer WordPress-Website hinzufügen können. Unabhängig davon, ob Sie eines für sich selbst erstellt haben oder es mit einem gerade installierten Thema oder Plugin geliefert wurde, werden Sie wahrscheinlich ständig Shortcodes verwenden. Da Sie wirklich Zeit sparen und davon profitieren können, gibt es keinen Grund, keine Funktionscodes zu verwenden.
Wenn Sie gerade erst mit dem Erstellen Ihrer WordPress-Website beginnen, haben Sie möglicherweise nur im Post-Editor Shortcodes verwendet. Aber, Die Wahrheit ist, dass Sie Shortcodes praktisch überall verwenden können.
Wenn Sie beispielsweise das zweite Plugin von Google Maps PRO 5 verwenden, mit dem Sie auf einfache Weise Karten mit unzähligen Stecknadeln erstellen können, können Sie die Karte über einen Shortcode direkt in Ihr Text-Widget einfügen und stattdessen Ihren Standort in der Seitenleiste anzeigen Single Send. Wenn Ihr Thema jedoch keine Shortcodes in Widgets unterstützt, müssen Sie die Funktion selbst aktivieren. Dies wird in diesem Artikel gezeigt.
Wenn Sie in Ihren PHP-Dateien Funktionscode verwenden müssen (z. B. wenn Sie den Code in Ihrer Datei header.php ausführen und den Funktionscode dort ausführen möchten, wo sich der Header befindet), können Sie dies einfach tun, indem Sie den Code darum wickeln. . Wenn Sie jedoch versucht haben, einen Shortcode in Ihrem Text-Widget wie im oben genannten Beispiel zu verwenden, wurden Sie enttäuscht, da dies einfach nicht funktioniert und das Widget stattdessen den Shortcode als Inhalt anzeigt. Sofern Ihr Thema die Funktion nicht bereits registriert hat, müssen Sie sie selbst aktivieren.
Machen Sie sich also keine Sorgen, wenn Sie einen Shortcode in ein Text-Widget einfügen und ausführen lassen möchten. Sie können es in Sekunden geschehen lassen:
- Öffnen Sie functions.php
- Kopieren Sie die folgenden zwei Zeilen und fügen Sie sie ein:
- Änderungen speichern
add_filter( 'widget_text', 'shortcode_unautop'); add_filter( 'widget_text', 'do_shortcode');
Während es eigentlich ausreicht, nur die zweite Zeile zu verwenden, mit der der Shortcode funktioniert, möchten Sie, dass in der ersten Zeile das automatische Einfügen von Absatz- und Umbruch-Tags in WordPress vermieden wird, bei denen Sie unbewusst Zeilenumbrüche erstellen, indem Sie Text in einem Widget formatieren. Wenn Sie einen Funktionscode in eine separate Zeile einfügen, werden diese Absatz-Tags entfernt, und der Funktionscode funktioniert hervorragend.
Jetzt können Sie das Text-Widget an die gewünschte Stelle navigieren und ziehen. Wenn Sie einen Shortcode direkt in Ihr Text-Widget schreiben (das natürlich auf Ihrer Site registriert ist), wird er so ausgeführt, wie er im Post-Editor geschrieben wurde.
Ebenso können Sie PHP-Code über Ihr Text-Widget ausführen. Es war ziemlich einfach, oder? Viel Spaß mit Ihren Shortcodes.
Shortcodes sind überall
Wenn Sie gerade ein WordPress-Blog starten, können die Shortcodes redundant und schwer verständlich erscheinen. Meistens ist es möglich, Shortcodes zu vermeiden, indem eine benutzerfreundliche Oberfläche verwendet wird, die von einem Plugin bereitgestellt wird. Wenn Sie sich jedoch mehr mit dem Blog beschäftigen und mehr Plugins verwenden, werden Sie die wahre Leistungsfähigkeit von Shortcodes verstehen.
Ihre Verwendung wird zur Routine und Sie werden sich schnell daran gewöhnen, in jeden neuen Beitrag, den Sie erstellen, eckige Klammern zu schreiben. Nehmen Sie sich ein paar Minuten Zeit und lernen Sie in diesem Artikel die Grundlagen kennen.
