Shortcode-Block

Ein Shortcode ist ein WordPress-spezifischer Code, mit dem sich Dateien einbetten oder Objekte erstellen lassen, für die normalerweise viel komplizierter Code nötig wäre. Dieser Ratgeber zeigt dir, wie du einen Shortcode im WordPress-Editor hinzufügst.

Du kannst einen Shortcode zu jeder Seite oder jedem Beitrag hinzufügen, indem du zunächst den Shortcode-Block einfügst.

Um den Shortcode-Block hinzuzufügen, klicke auf das Block-Inserter-Icon und suche nach „Shortcode“. Klicke, um den Block zu einer Seite, einem Beitrag oder einem Template hinzuzufügen.

Oder gib /shortcode ein und drücke die Eingabetaste:

Weitere Informationen findest du in unserer detaillierten Anleitung zum Hinzufügen von Blöcken.

Wenn du den Shortcode-Block zum ersten Mal zu deinem Beitrag oder deiner Seite hinzufügst, erscheint ein leeres Feld, in das du einen Shortcode eingeben oder einfügen kannst:

Gib deinen Shortcode in das dafür vorgesehene Feld ein oder füge einen vorhandenen Shortcode aus den verfügbaren Shortcodes ein. Jeder Shortcode wird in zwei eckige Klammern eingeschlossen [ ].

In diesem Beispiel wird der Shortcode in das Feld eingefügt, um Beiträge anzuzeigen, nach Datum sortiert.

Im Bearbeitungsmodus wird der Shortcode angezeigt. In der Vorschau oder auf der veröffentlichten Seite siehst du stattdessen den eigentlichen Inhalt.

Nachfolgend findest du eine Liste aller Shortcodes, die auf deiner WordPress.com-Website verfügbar sind. Darüber hinaus verwenden auch viele Drittanbieter-Plugins Shortcodes – in der Dokumentation des jeweiligen Plugins erfährst du mehr über dessen Shortcodes.

• [archiveorg] bettet ein Video aus dem Internet Archive ein.
• [dailymotion] bettet ein DailyMotion-Video ein.
  • Beispiel: [dailymotion id=xxxxxx]
• [flickr] bettet ein Flickr-Video ein.
• [kickstarter] bettet ein Kickstarter-Video ein.
  • Beispiel: [kickstarter url=https://www.kickstarter.com/projects/username/project-url]
• [playlist] zeigt eine Playlist für hochgeladene Videodateien an.
• [twitchtv] bettet einen Twitch.tv-Stream ein.
• [vimeo] bettet ein Vimeo-Video ein.
• [wpvideo] bettet ein VideoPress-Video ein.
• [youtube] bettet ein YouTube-Video ein.
  • Beispiel: [youtube https://www.youtube.com/watch?v=s5BxXwByfmY]

• [audio] zeigt eine hochgeladene Audiodatei als Audio-Player an.
• [bandcamp] bettet Musik von Bandcamp ein.
• [playlist] zeigt eine Playlist für hochgeladene Audiodateien an.
• [soundcloud] bettet Audio von SoundCloud ein.
• [spotify] bettet Musik von Spotify ein.
• [8tracks] bettet Musik von 8tracks ein.
  • Beispiel: [8tracks url="http://8tracks.com/smurph/hipster-swag"]

• [googleapps] bettet Google-Docs-Tabellen, -Dokumente, -Formulare und -Präsentationen ein.
• [instagram] bettet ein Bild von Instagram ein.
• [presentation] bettet eine Diashow-Präsentation ein.
• [scribd] bettet ein Dokument bzw. eine Datei von Scribd ein.
  • Beispiel: [scribd id=123456789 key=key-xxx111XXXxxx mode=scroll]
• [vr] bettet 360°-Fotos und Panoramen ein zur Verwendung mit VR-Headsets.

Nützliche Shortcodes zum Hinzufügen eines Blog-Archivs, eines Kontaktformulars, von Umfragen und mehr.

• [beermenus] bettet ein Menü von BeerMenus ein – entweder für einen Ort oder ein bestimmtes Menü.
  • Beispiele: [beermenus place_id=1234] und [beermenus menu_id=4321]
• [blog_subscription_form] bettet ein Abonnementformular ein, über das man sich für E-Mail-Updates registrieren kann.
• [code] oder [sourcecode] bewahrt die Formatierung von Quellcode.
• [contact-form] fügt deiner Seite ein Kontaktformular hinzu.
• [display-posts] ermöglicht es dir, Beiträge einer bestimmten Kategorie, eines Autors oder eines Schlagworts aufzulisten.
• [gist] bettet GitHub-Gists mit Code-Kurztexten ein.
• [gravatar] zeigt ein Gravatar-Bild anhand einer E-Mail-Adresse an.
• [list-pages] ermöglicht es dir, Seiten, gleichrangige Seiten und Unterseiten aufzulisten.
• [portfolio] bettet Portfolio-Projekte ein.
• [testimonials] bettet Referenzen ein.
• [recipe] formatiert ein Rezept mit grundlegenden Metadaten und einer Druckoption.
• [rss] bettet einen RSS-Feed von einer angegebenen URL ein, z. B. einen Nachrichten-Feed.
• [sitemap] erstellt eine Sitemap der Seiten deiner Website.
• [twitter] bettet einen Beitrag von X (ehemals Twitter) ein.
• [twitter-timeline] bettet eine Timeline von X (ehemals Twitter) ein.
• [upcomingevents] zeigt einen iCalendar-Feed als Liste an.
• [wufoo] bettet ein Wufoo-Formular ein.