![\"Shortcodes](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/Como-crear-codigos-abreviados-de-WordPress-y-trabajar-con-ellos.gif\")
<\/p>\nWordPress-Shortcodes sind kleine Tags, die als Verkn\u00fcpfungen verwendet werden, um bestimmte Funktionen f\u00fcr Beitr\u00e4ge und Seiten auszuf\u00fchren. Sie k\u00f6nnen Funktionscodes in Klammern erkennen, die ein einfaches Wort oder eine Phrase umgeben. Sie wurden in Version 2.5 eingef\u00fchrt, um Menschen dabei zu helfen, Funktionen einfach auszuf\u00fchren.<\/p>\n
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\u00fcgen m\u00f6chten, m\u00fcssen Sie den Code in den Texteditor schreiben. Stattdessen k\u00f6nnen Benutzer mit Shortcodes den gesamten Codeblock durch einen einfachen Begriff ersetzen und ihn einfach durch Ver\u00f6ffentlichen eines Beitrags ausf\u00fchren. Unglaublich, nicht wahr?<\/p>\n
In diesem Handbuch k\u00f6nnen Sie lernen:<\/p>\n
Literaturempfehlung: WordPress-Kurse von Udemy<\/p>\n
<\/p>\n
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\u00f6glichen.<\/p>\n
Um beispielsweise die gesamte Bildergalerie anzuzeigen, verwenden Sie einfach (Galerie)<\/strong> Shortcode, der mit WordPress installiert wird. Die meisten Shortcodes k\u00f6nnen in ihrer Grundform wie im obigen Beispiel verwendet werden.<\/p>\n Die Shortcodes werden durch den eigentlichen Inhalt ersetzt, sobald Sie einen Beitrag oder eine Seite ver\u00f6ffentlichen oder in der Vorschau anzeigen.<\/p>\n Meistens nicht Shortcodes k\u00f6nnen zus\u00e4tzliche Parameter haben<\/strong>. Durch Hinzuf\u00fcgen zus\u00e4tzlicher Informationen k\u00f6nnen Sie die Ausgabe anpassen und \u00e4ndern. W\u00e4hrend der triviale (Galerie-) Shortcode beispielsweise alle an den Beitrag angeh\u00e4ngten Bilder anzeigt, ist es m\u00f6glich, ihn zu \u00e4ndern. Mit dem Galerie-Shortcode k\u00f6nnen Sie Bilder anhand ihrer ID angeben, sodass Sie nur die spezifischen Bilder anzeigen oder sogar Bilder einschlie\u00dfen k\u00f6nnen, die nicht Teil dieses bestimmten Beitrags sind.<\/p>\n Es ist auch m\u00f6glich, eine Galeriegr\u00f6\u00dfe und viele andere Dinge zu definieren, indem zus\u00e4tzliche Parameter angegeben werden. Hier ist ein Beispiel:<\/p>\n (Galerie-ID = “1,5,7” Gr\u00f6\u00dfe = “Mittel”)<\/strong><\/p>\n In der Galerie in diesem Beispiel werden nur Bilder mit bestimmten Identifikationsnummern angezeigt. In diesem Fall w\u00fcrde sich die Gr\u00f6\u00dfe automatisch auf mittel \u00e4ndern. Und das alles erhalten Sie mit einem einfachen Shortcode. Stellen Sie sich nun vor, wie das Ganze aussehen w\u00fcrde, wenn Sie PHP-Code manuell hinzuf\u00fcgen w\u00fcrden, der zehn, wenn nicht Hunderte von Zeilen umfassen w\u00fcrde. Danke, Shortcodes!<\/p>\n Einige komplexere Shortcodes k\u00f6nnen Start- und End-Tags haben. Anstelle eines Shortcodes w\u00fcrden Sie also zwei mit bestimmten Inhalten dazwischen haben.<\/p>\n Mit einem Google Maps-Plugin k\u00f6nnen Sie beispielsweise einen Ort auf Karten \u00fcber den Funktionscode anzeigen. Die meisten dieser Plugins haben Start- und End-Tags, w\u00e4hrend die Adresse in die Mitte geschrieben werden muss. Hier ist ein Beispiel:<\/p>\n ((Karten)) New York, USA ((\/ Karten))<\/strong><\/p>\n Wie Sie im Beispiel sehen k\u00f6nnen, beginnt das letzte Tag immer mit einem Schr\u00e4gstrich “\/”. Durch beide Tags kann WordPress die Teile der Shortcodes leichter identifizieren.<\/p>\n Obwohl sie nur Verkn\u00fcpfungen zu Funktionen sind, sind die Verkn\u00fcpfungen 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).<\/p>\n Wenn Sie einen Shortcode bearbeiten und mit seinen Parametern arbeiten m\u00f6chten, wechseln Sie zu einem Texteditor, mit dem Sie die Struktur eines bestimmten Shortcodes anzeigen k\u00f6nnen.<\/p>\n Shortcodes werden im Allgemeinen von Themen und Plugins verwaltet. Jeder Entwickler kann Shortcodes f\u00fcr sich registrieren, sodass jeder anders ist. Was ein Shortcode tut, welche Parameter und Funktionen er hat, h\u00e4ngt ausschlie\u00dflich von dem von Ihnen verwendeten Plugin und Thema ab.<\/p>\n Ein Plugin, mit dem Sie einen Standort in Google Maps anzeigen k\u00f6nnen, verf\u00fcgt m\u00f6glicherweise \u00fcber einen Shortcode ((Karten)), einen, der Anmeldeformulare anzeigt ((Formular)) usw.<\/p>\n Jedes Produkt ist anders. Weitere Informationen zu ihrer spezifischen Verwendung finden Sie in der Beschreibung und Dokumentation der Themen und Plugins.<\/p>\n WordPress enth\u00e4lt jedoch eine Reihe von Standard-Shortcodes, die Sie verwenden k\u00f6nnen, ohne zus\u00e4tzliche Erweiterungen zu installieren. Standardm\u00e4\u00dfig sind dies Shortcodes, mit denen Sie arbeiten k\u00f6nnen:<\/p>\n Manchmal m\u00f6chten Sie m\u00f6glicherweise Text anzeigen, der einen Funktionscode darstellt, anstatt ihn auszuf\u00fchren. Wenn Sie versucht haben, sowohl dem Text als auch den visuellen Editoren einen Shortcode hinzuzuf\u00fcgen, haben Sie festgestellt, dass er beide Male ausgef\u00fchrt wurde.<\/p>\n Verwenden Sie doppelte Klammern, um den Text eines Shortcodes anzuzeigen: ((Shortcode))<\/strong><\/p>\n Wenn Sie einen Shortcode mit Start- und End-Tags anzeigen m\u00f6chten, verwenden Sie nur die erste und die letzte doppelte Klammer: ((Karten) New York, USA (\/ Karten))<\/strong><\/p>\n Wenn Sie im Texteditor arbeiten, k\u00f6nnen Sie die Klammern auch durch ihre Codes ersetzen. Also anstelle von “(” k\u00f6nnen Sie verwenden “)[\u201d, and instead \u201c)\u201d use \u201c]”. Zum Beispiel: [Shortcode][Shortcode][shortcode][shortcode]<\/strong>;; Der Shortcode wird auch angezeigt, ohne ihn auszuf\u00fchren.<\/p>\n Wenn Sie t\u00e4glich Artikel in WordPress schreiben, wiederholen Sie sich manchmal und m\u00fcssen 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\u00e4ndig von Grund auf neu schreiben. Sie sollten in Betracht ziehen, einen kurzen Code daf\u00fcr zu schreiben.<\/p>\n Und mit dieser einfachen Funktion m\u00fcssen 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:<\/p>\n Es war nicht so schwierig, oder?<\/p>\n Durch Platzieren des folgenden Codes in functions.php k\u00f6nnen Sie den Shortcode erstellen, um ein Bild mit benutzerdefinierten Attributen f\u00fcr Breite und H\u00f6he zu platzieren:<\/p>\n Hier k\u00f6nnen Sie verwenden (img width = ‘x’ height = ‘y’) http: \/\/\u2026 (\/ img)<\/strong> Shortcode, wobei “x” und “y” Zahlen sind, die Breite und H\u00f6he in Pixel darstellen.<\/p>\n Sie k\u00f6nnen bei Bedarf problemlos andere Bildattribute hinzuf\u00fcgen. Schauen Sie sich die Liste aller Bildattribute in W3-Schulen an.<\/p>\n Mit der am 15. November 2017 ver\u00f6ffentlichten WordPress-Version 4.9 funktionieren Shortcodes automatisch in Text-Widgets. Wenn Sie jedoch noch eine \u00e4ltere Version von WordPress verwenden, hilft Ihnen dieser Teil des Tutorials, das Ergebnis zu erhalten.<\/p>\n Die Shortcodes k\u00f6nnen verschiedene Funktionen enthalten, die Sie Ihrer WordPress-Website hinzuf\u00fcgen k\u00f6nnen. Unabh\u00e4ngig davon, ob Sie eines f\u00fcr sich selbst erstellt haben oder es mit einem gerade installierten Thema oder Plugin geliefert wurde, werden Sie wahrscheinlich st\u00e4ndig Shortcodes verwenden. Da Sie wirklich Zeit sparen und davon profitieren k\u00f6nnen, gibt es keinen Grund, keine Funktionscodes zu verwenden.<\/p>\n Wenn Sie gerade erst mit dem Erstellen Ihrer WordPress-Website beginnen, haben Sie m\u00f6glicherweise nur im Post-Editor Shortcodes verwendet. Aber, Die Wahrheit ist, dass Sie Shortcodes praktisch \u00fcberall verwenden k\u00f6nnen<\/strong>.<\/p>\n Wenn Sie beispielsweise das zweite Plugin von Google Maps PRO 5 verwenden, mit dem Sie auf einfache Weise Karten mit unz\u00e4hligen Stecknadeln erstellen k\u00f6nnen, k\u00f6nnen Sie die Karte \u00fcber einen Shortcode direkt in Ihr Text-Widget einf\u00fcgen und stattdessen Ihren Standort in der Seitenleiste anzeigen Single Send. Wenn Ihr Thema jedoch keine Shortcodes in Widgets unterst\u00fctzt, m\u00fcssen Sie die Funktion selbst aktivieren. Dies wird in diesem Artikel gezeigt.<\/p>\n Wenn Sie in Ihren PHP-Dateien Funktionscode verwenden m\u00fcssen (z. B. wenn Sie den Code in Ihrer Datei header.php ausf\u00fchren und den Funktionscode dort ausf\u00fchren m\u00f6chten, wo sich der Header befindet), k\u00f6nnen 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\u00e4uscht, da dies einfach nicht funktioniert und das Widget stattdessen den Shortcode als Inhalt anzeigt. Sofern Ihr Thema die Funktion nicht bereits registriert hat, m\u00fcssen Sie sie selbst aktivieren.<\/p>\n Machen Sie sich also keine Sorgen, wenn Sie einen Shortcode in ein Text-Widget einf\u00fcgen und ausf\u00fchren lassen m\u00f6chten. Sie k\u00f6nnen es in Sekunden geschehen lassen:<\/p>\n W\u00e4hrend es eigentlich ausreicht, nur die zweite Zeile zu verwenden, mit der der Shortcode funktioniert, m\u00f6chten Sie, dass in der ersten Zeile das automatische Einf\u00fcgen von Absatz- und Umbruch-Tags in WordPress vermieden wird, bei denen Sie unbewusst Zeilenumbr\u00fcche erstellen, indem Sie Text in einem Widget formatieren. Wenn Sie einen Funktionscode in eine separate Zeile einf\u00fcgen, werden diese Absatz-Tags entfernt, und der Funktionscode funktioniert hervorragend.<\/p>\n Jetzt k\u00f6nnen Sie das Text-Widget an die gew\u00fcnschte Stelle navigieren und ziehen. Wenn Sie einen Shortcode direkt in Ihr Text-Widget schreiben (das nat\u00fcrlich auf Ihrer Site registriert ist), wird er so ausgef\u00fchrt, wie er im Post-Editor geschrieben wurde.<\/p>\n Ebenso k\u00f6nnen Sie PHP-Code \u00fcber Ihr Text-Widget ausf\u00fchren. Es war ziemlich einfach, oder? Viel Spa\u00df mit Ihren Shortcodes.<\/p>\n Wenn Sie gerade ein WordPress-Blog starten, k\u00f6nnen die Shortcodes redundant und schwer verst\u00e4ndlich erscheinen. Meistens ist es m\u00f6glich, Shortcodes zu vermeiden, indem eine benutzerfreundliche Oberfl\u00e4che verwendet wird, die von einem Plugin bereitgestellt wird. Wenn Sie sich jedoch mehr mit dem Blog besch\u00e4ftigen und mehr Plugins verwenden, werden Sie die wahre Leistungsf\u00e4higkeit von Shortcodes verstehen.<\/p>\n Ihre Verwendung wird zur Routine und Sie werden sich schnell daran gew\u00f6hnen, 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.<\/p>\n ","protected":false},"excerpt":{"rendered":" WordPress-Shortcodes sind kleine Tags, die als Verkn\u00fcpfungen verwendet werden, um bestimmte Funktionen f\u00fcr Beitr\u00e4ge und Seiten auszuf\u00fchren. Sie k\u00f6nnen Funktionscodes in Klammern erkennen, die ein einfaches Wort oder eine Phrase umgeben. Sie wurden in Version 2.5 eingef\u00fchrt, um Menschen dabei zu helfen, Funktionen einfach auszuf\u00fchren. Wie Sie vielleicht bereits wissen, verwendet WordPress die Programmiersprache PHP, […]<\/p>\n","protected":false},"author":1,"featured_media":57485,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/C\u00f3mo-crear-c\u00f3digos-abreviados-de-WordPress-y-trabajar-con-ellos.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/57484"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=57484"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/57484\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/57485"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=57484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=57484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=57484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Shortcode-Parameter<\/h3>\n
Tags starten und beenden<\/h3>\n
Arbeiten Sie im Texteditor<\/h3>\n
![\"WordPress-Shortcodes\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/Como-crear-codigos-abreviados-de-WordPress-y-trabajar-con-ellos.jpg\")
<\/p>\nStandard-WordPress-Shortcodes<\/h2>\n
\n
Escape-Shortcodes (Text aus Shortcodes anzeigen, ohne ihn auszuf\u00fchren)<\/h2>\n
So erstellen Sie einen einfachen Funktionscode<\/h2>\n
\n
function fsg_shortURL() {\r\nreturn 'http:\/\/www.firstsiteguide.com';\r\n}\r\nadd_shortcode('fsg', 'fsg_shortURL');<\/pre>\nFortgeschritteneres Beispiel: F\u00fcgen Sie einen Bild-Shortcode hinzu<\/h3>\n
\n
function img_shortcode( $atts , $content = null ) {\r\n\r\n\textract( shortcode_atts(\r\n\t\tarray(\r\n\t\t\t'width' => '',\r\n\t\t\t'height' => '',\r\n\t\t), $atts )\r\n\t);\r\nreturn '';\r\n}\r\nadd_shortcode( 'img', 'img_shortcode' );\r\n\r\n<\/pre>\n
Verwendung von Shortcodes im Text-Widget<\/h2>\n
\n
add_filter( 'widget_text', 'shortcode_unautop');\r\nadd_filter( 'widget_text', 'do_shortcode');<\/pre>\n
Shortcodes sind \u00fcberall<\/h2>\n