MX-Shortcodes – Dokumentation

Fügen Sie Joomla-Artikeln und anderen angezeigten Website-Inhalten Layout- und Inhaltselemente mithilfe von Tags im Klammerformat hinzu. Das Paket enthält zwei Plugins: Das eine verarbeitet die Shortcodes, das andere hilft Ihnen dabei, diese über den Editor einzufügen.

Die beiden Plugins

Installieren und aktivieren Sie beide Plugins, um alle Funktionen nutzen zu können. Sie haben unterschiedliche Aufgaben:

  • System – MX Shortcodes verarbeitet Shortcode-Markup und rendert den resultierenden Inhalt auf öffentlichen Seiten. Die Einstellungen, einschließlich des Ladens von Bootstrap und der Shortcode-Farben, werden im Folgenden beschrieben.
  • Button Shortcode Generator (die MX Shortcodes-Editor-Schaltfläche) fügt den unterstützten Joomla-Inhaltseditoren einen Shortcode-Generator hinzu. Es fügt Shortcode-Markup in Ihren Inhalt ein; es rendert den Shortcode selbst nicht.

Verwendung der Shortcode-Schaltfläche

  1. Öffnen Sie einen Artikel oder ein anderes Inhaltselement und setzen Sie den Cursor im Editor an die Stelle, an der der Shortcode erscheinen soll.
  2. Klicken Sie auf die Schaltfläche „MX Shortcodes“, die normalerweise unterhalb des Editors angezeigt wird. Suchen Sie nach einem Shortcode oder wählen Sie einen aus der Liste aus.
  3. Füllen Sie die angezeigten Felder aus. Bei Shortcodes mit wiederholbaren Elementen verwenden Sie das bereitgestellte Steuerelement „Hinzufügen“, um weitere Elemente einzufügen.
  4. Klicken Sie auf „Shortcode hinzufügen“. Der Generator fügt den Shortcode-Code an der Cursorposition ein; überprüfen Sie ihn und fügen Sie bei Bedarf Inhalte hinzu oder bearbeiten Sie diese.

Falls die Schaltfläche nicht verfügbar ist, überprüfen Sie, ob der „Shortcode-Generator“ aktiviert ist und ob der Editor Joomla-Editor-Schaltflächen unterstützt. Sie können Shortcode-Markup auch direkt eingeben. Das Plugin „System – MX Shortcodes“ muss aktiviert sein, damit dieses Markup auf öffentlichen Seiten verarbeitet wird.

Shortcodes manuell schreiben

Geben Sie den Shortcode-Code im Inhaltseditor ein. Setzen Sie Attributwerte in doppelte Anführungszeichen. Tags mit Inhalt benötigen ein entsprechendes schließendes Tag; Element-Tags werden innerhalb ihres übergeordneten Shortcodes platziert.

[alert type="success"]Your changes have been saved.[/alert]
[divider margin_top="24px" margin_bottom="24px" /]

Voraussetzungen: Viele Komponenten verwenden Bootstrap-5-Stile oder interaktives Verhalten. Ihre Website-Vorlage sollte Bootstrap 5 laden oder die Option „Bootstrap 5 laden“ in den System-Plugin-Einstellungen aktivieren. Lassen Sie diese Option deaktiviert, wenn die Vorlage Bootstrap 5 bereits lädt, um ein doppeltes Laden zu vermeiden.

Der Icon-Shortcode erfordert außerdem, dass Font Awesome von Ihrer Website-Vorlage geladen wird. Karten sind auf die Google Maps JavaScript-API und eine Internetverbindung angewiesen.

Shortcodes werden auf der öffentlichen Website in HTML-Seiten verarbeitet. Sie werden in der Vorschau des Administrator-Editors nicht dargestellt. Vermeiden Sie es, einen Shortcode in den Attributwert eines anderen Elements einzufügen.

Schaltfläche

Erstellt eine Link-Schaltfläche im Bootstrap-Stil. Shortcode-Name: button.

[button link="https://example.com" type="primary" size="large" target="_blank"]Learn more[/button]
Attribut Standard Werte / Zweck
link leer Ziel-URL.
type secondary primary, secondary, success, danger, warning, info, light, darkoder link.
size Standard small, largeoder leer für die Standardgröße.
target im selben Fenster Auf _blank , um einen neuen Tab/ein neues Fenster zu öffnen.
Inhalt — Beschriftung der Schaltfläche.

Symbol

Zeigt ein Font-Awesome-Symbol an. Der Editor enthält eine Symbolauswahl.

[icon name="star" size="24" color="#e0a800" class="my-icon" /]
Attribut Standard Zweck
name home Name des Symbols, mit oder ohne das fa- Präfix.
size Browser-Standard Schriftgröße in Pixeln.
color geerbt CSS-Farbwert.
class leer Zusätzliche CSS-Klasse.

Das Icon-Stylesheet liefert die Namen der Shortcode-Klassen. Die Icon-Schriftart selbst muss in den aktiven Vorlagen-/Website-Assets verfügbar sein.

Trennlinie

Fügt eine horizontale Trennlinie mit konfigurierbaren Rändern und Rahmen ein.

[divider margin_top="24px" margin_bottom="24px" border="1px solid #ccc" /]
Attribut Standard Zweck
margin_top 18px CSS-Rand oben.
margin_bottom 18px CSS-Rand unten.
border 0 CSS border-top Wert.

Zeilen und Spalten

row schneiden Spalten um; jede col akzeptiert Bootstrap-Grid-Klassen. Der Editor bietet col-12 und col-md-1 bis col-md-12.

[row id="features" class="my-row"]
[col class="col-md-6"]First column[/col]
[col class="col-md-6"]Second column[/col]
[/row]
Tag Attribut Standard Zweck
row id leer Optionale Zeilen-ID.
row class leer Zusätzliche Klassen für die Zeile.
col class col Spalten-/Rasterklassen.
col Inhalt — Spalteninhalt; verschachtelte Shortcodes werden verarbeitet.

Für das gewohnte responsive Spaltenverhalten ist das Bootstrap-Raster-Styling erforderlich. Binden Sie Bootstrap 5 über die Vorlage oder die Plugin-Einstellungen ein.

Warnmeldung

Zeigt eine Bootstrap-Warnmeldung an.

[alert type="success" close="yes"]Your changes have been saved.[/alert]
Attribut Standard Werte / Zweck
type secondary primary, secondary, success, danger, warning, info, lightoder dark.
close no Auf yes , um eine Schaltfläche zum Schließen anzuzeigen. Zum Schließen ist Bootstrap-JavaScript erforderlich.
style leer Optionales Inline-CSS-Stilattribut.
Inhalt — Warntext oder verschachtelte Shortcodes.

Fortschrittsbalken

Zeigt einen Fortschrittsbalken mit Prozentangabe an.

[progressbar bar="65" type="success" striped="yes" active="yes" text="Complete" /]
Attribut Standard Zweck
bar 50% Fortschrittsprozentsatz, begrenzt auf 0 bis 100. Geben Sie die Zahl ein (das Prozentzeichen wird bei der Ausgabe automatisch hinzugefügt).
type primary Bootstrap-Farbe: primary, secondary, success, danger, warning, info, light, dark.
striped no Auf yes für gestreiftes Design.
active no Stellen Sie die Option auf yes für animierte Streifen.
text leer Optionale Bezeichnung, die vor dem Prozentwert angezeigt wird.

Countdown

Zählt bis zu einem Datum und einer Uhrzeit herunter. Sowohl [countdown] und die alte Schreibweise mit Großbuchstaben [Countdown] Tag funktionieren.

[countdown date="2027-01-01T00:00:00" size="large"]
The event has started!
[/countdown]
Attribut Standard Zweck
date erforderlich Datum/Uhrzeit, das/die von PHP DateTime geparst werden kann, zum Beispiel nach ISO 8601. Ungültige oder fehlende Datumsangaben führen zu einem Inline-Fehler.
size medium small, medium, largeoder custom.
custom_size 2rem Zahlengroße, wenn size="custom"; unterstützt CSS-Längeneinheiten wie 32px oder 2rem.
Inhalt Countdown abgeschlossen. Optionaler Inhalt, der angezeigt wird, sobald der Countdown Null erreicht hat.

Fortschrittskreise

Zeigt eine oder mehrere animierte kreisförmige Fortschrittsanzeigen unter Verwendung von progresspie_item Unterelemente.

[progresspie size="medium"]
[progresspie_item label="Design" value="80" color="#1756a9" /]
[progresspie_item label="Build" value="55" color="#29a36a" /]
[/progresspie]
Tag / Attribut Standard Zweck
progresspie size medium Anzeigegröße: small, medium, largeoder custom.
progresspie custom_size 9rem CSS-Länge, die verwendet wird, wenn eine benutzerdefinierte Größe ausgewählt wird.
progresspie_item label leer Textbeschriftung unter der Anzeige.
progresspie_item value 0 Prozentwert, begrenzt auf 0 bis 100.
progresspie_item color #0d6efd Anzeigefarbe im 3- oder 6-stelligen Hex-Format.

Registerkarten

Erstellt eine Registerkarten-Navigation und Inhaltsbereiche. Die erste Registerkarte ist beim ersten Laden der Seite aktiv.

[tab id="details" class="product-tabs" button="nav-tabs"]
[tab_item title="Description"]Product details go here.[/tab_item]
[tab_item title="Shipping"]Shipping information goes here.[/tab_item]
[/tab]
Tag / Attribut Standard Zweck
tab id myTab Basis-ID; für jede Instanz werden eindeutige IDs generiert.
tab class tab Zusätzliche Wrapper-Klasse.
tab button nav-tabs nav-tabs oder nav-pills.
tab_item title leer Beschriftung der Tabulatortaste.
tab_item Inhalt — Inhalt des Panels; verschachtelte Shortcodes werden verarbeitet.

Akkordeon

Erstellt ein Bootstrap-Accordion, bei dem das erste Panel zunächst geöffnet ist.

[accordion id="faq" version="2"]
[accordion_item title="How does it work?"]Explanation goes here.[/accordion_item]
[accordion_item title="Can I get help?"]Contact our support team.[/accordion_item]
[/accordion]
Tag / Attribut Standard Zweck
accordion id accordion1 Basis-ID; für jede Instanz werden eindeutige IDs generiert.
accordion version 1 Stil 1 oder 2 (FAQ-Variante).
accordion_item title leer Überschrift des Bereichs.
accordion_item Inhalt — Panel-Inhalt; verschachtelte Shortcodes werden verarbeitet.

Erstellt eine responsive Bildergalerie. Sie können Bilder als wiederholbare Elemente bereitstellen oder einen Ordner verwenden, der relativ zum konfigurierten Medienstammverzeichnis von Joomla liegt.

[gallery columns="3" modal="yes" filter="yes" folder="events"]
[gallery_item src="local-images:/events/launch.jpg" tag="launch,team"]Launch event[/gallery_item]
[gallery_item src="local-images:/events/team.jpg" tag="team"]The team[/gallery_item]
[/gallery]
Tag / Attribut Standard Zweck
gallery columns 3 Spalten, begrenzt auf 1 bis 6.
gallery folder leer Optionaler sicherer Unterordner im konfigurierten Joomla-Medienordner für Bilder. Unterstützte Dateiformate: JPG, PNG, GIF, WebP, AVIF, SVG.
gallery modal yes Jedes Bild in einem Bootstrap-Modal öffnen oder no , um auf das Bild zu verlinken.
gallery filter no Tag-Filter anzeigen, wenn auf yes.
gallery_item src „erforderlich“ für die Bildquelle, ausgewählt im Medienauswahl-Tool des Editors. Der Wert „local-media“ des Editors verwendet local-images:/path/image.jpg.
gallery_item tag leere durch Kommas getrennte Filter-Tags.
gallery_item Inhalt leer Optionale Bildunterschrift.

Ordnerpfade sind auf Unterordner des Medien-Bildstamms beschränkt; absolute Pfade und Traversal-Segmente werden nicht akzeptiert.

Erstellt ein Bootstrap-Karussell mit Vor-/Zurück-Steuerelementen, wenn mehrere Folien vorhanden sind.

[carousel id="feature-slides"]
[carousel_item src="local-images:/slides/one.jpg"]First caption[/carousel_item]
[carousel_item src="local-images:/slides/two.jpg"]Second caption[/carousel_item]
[/carousel]
Tag / Attribut Standard Zweck
carousel id carousel Basis-ID; für jede Instanz werden eindeutige IDs generiert.
carousel_item src leer Optionale Bildquelle. Wenn angegeben, zeigt das Element ein Bild und eine optionale Bildunterschrift an.
carousel_item Inhalt leer Bildunterschrift oder beliebiger Folieninhalt, wenn src weggelassen wird.

Der Renderer erkennt außerdem [caption]...[/caption] im Folieninhalt. Das Karussell benötigt Bootstrap 5 CSS/JavaScript.

Kundenstimmen

Zeigt eine oder mehrere Kundenstimmen-Karten in einem responsiven Raster oder Slider an.

[testimonial version="1" slider="1" columns="3" gap="16" autoplay="1" loop="1" nav="1"]
[testimonial_item name="Alex Example" designation="Designer" email="Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein." url="https://example.com"]
The team was helpful and the result was excellent.
[/testimonial_item]
[testimonial_item name="Sam Example" designation="Project Lead"]
Communication was clear throughout the project.
[/testimonial_item]
[/testimonial]

Verwenden Sie slider="0" für ein Raster und version="1" oder version="2" für den Kartenstil. Ein älteres Formular für einzelne Elemente bleibt weiterhin verfügbar:

[testimonial name="Alex Example" designation="Designer" email="Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein."]
The team was helpful and the result was excellent.
[/testimonial]
Gruppenattribut Standard Zweck
version 1 Kartenstil 1 oder 2.
slider 0 1 für Schieberegler, 0 für Raster.
gap 6 Abstand zwischen den Elementen in Pixeln, begrenzt auf 0 bis 50.
columns 3 Elemente pro Zeile auf dem Desktop.
columns_tabl 2 Elemente pro Zeile bei 960–1280 px.
columns_tabp 2 Elemente pro Zeile bei 768–959 px.
columns_mobl 1 Elemente pro Zeile bei 441–767 px.
columns_mobp 1 Elemente pro Zeile bei einer Breite von bis zu 440 px.
autoplay 1 Schieberegler automatisch weiterbewegen; 0 , um die Funktion zu deaktivieren.
autoplay_timeout 5000 Zeit zwischen den Sprüngen in Millisekunden, begrenzt auf 1.000 bis 60.000.
autoplay_speed 1000 Übergangsdauer in Millisekunden, begrenzt von 0 bis 10.000.
loop 1 Über die Slider-Grenze hinweg in derselben Richtung fortfahren.
nav 1 Steuerelemente für „Vorheriges“/„Nächstes“ im Schieberegler-Modus anzeigen.
Elementattribut Standard Zweck
name John Doe Name der Person.
designation leer Berufsbezeichnung oder Stellenbeschreibung.
email leer bei wiederkehrenden Einträgen Optionaler E-Mail-Link. Das alte Formular für einzelne Einträge ist standardmäßig auf Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein..
url leer Optionale URL, die mit der Bezeichnung verknüpft ist.
Inhalt leer Text der Kundenbewertung; verschachtelte Shortcodes werden verarbeitet.

Blockzitat

Formatiert den eingeschlossenen Text als Blockzitat.

[blockquotes]A short quotation or customer statement.[/blockquotes]

Akzeptiert eingeschlossenen Inhalt; verschachtelte Shortcodes werden verarbeitet.

Karte

Bindet einen markierten Standort aus OpenStreetMap ein.

[mxmap lat="48.8584" lng="2.2945" zoom="15" height="400" /]
Attribut Standard Zweck
lat 41.3850409 Breitengrad; zulässiger Bereich −85,05112878 bis 85,05112878.
lng 2.1747294 Längengrad; zulässiger Bereich −180 bis 180.
height 200 Rahmenhöhe in Pixeln, begrenzt auf 1 bis 3000.
zoom 16 Zoomstufe, begrenzt auf Werte zwischen 0 und 19.

Die Karte wird vom Browser des Besuchers bei OpenStreetMap angefordert. Bei ungültigen Koordinateneingaben werden die Standardkoordinaten verwendet.

YouTube

Zeigt einzelne YouTube-Videos oder die Videos eines Kanals an. Einzelne Video-IDs werden über die datenschutzoptimierte YouTube-Domain eingebettet youtube-nocookie.com Domain eingebettet.

Einzelne Videos

[youtube source="items" slider="1" columns="4"]
[youtube_item id="dQw4w9WgXcQ"][/youtube_item]
[youtube_item id="M7lc1UVf-VE"][/youtube_item]
[/youtube]

Verwenden Sie die 11-stellige Video-ID, nicht die vollständige URL.

Kanalvideos

[youtube source="channel" channel="UCxxxxxxxxxxxxxxxxxxxxxx" slider="0" limit="15" show_more="1" /]

Geben Sie eine Kanal-ID ein, die in der Regel mit UC, anstelle eines Kanalnamens oder -handles. Ohne API-Schlüssel kombiniert der Shortcode die Video-IDs, die von der Kanal-Videoseite und dem öffentlichen RSS-Feed des Kanals ausgelesen werden. Mit einem API-Schlüssel fordert er die Uploads-Wiedergabeliste des Kanals über die YouTube Data API an; dieser Modus erfordert eine Kanal-ID, die mit UC und ruft pro Anfrage höchstens 50 Einträge ab. Diese API-Anfrage wird nicht paginiert.

Die Kanalsuche erfolgt während der Seitenrendering. Dem Joomla-Server muss erlaubt sein, HTTPS-Anfragen an YouTube und Google zu stellen. YouTube kann die Ergebnisse der Seite/des Feeds einschränken; ein API-Schlüssel wird in der API-Anfrage an Google gesendet.

Attribut Standard Zweck
source items items oder channel.
channel leer Kanal-ID bei Verwendung einer Kanalquelle.
api_key leer Optionaler YouTube-Data-API-Schlüssel.
limit 15 Anfängliche und pro Klick angezeigte Anzahl im Kanalraster-Modus, begrenzt auf 1–50.
show_more 1 „Mehr laden“ im Kanal-Rastermodus anzeigen, wenn mehr Ergebnisse abgerufen wurden als das anfängliche Limit.
slider 1 1 Schieberegler; 0 Raster.
height 400 Videohöhe in Pixeln, begrenzt auf 100–900.
gap 6 Abstand in Pixeln, begrenzt auf 0–50.
round 0 Auf 1 , um die Ecken des Iframes abzurunden.
columns 4 Anzahl der Elemente pro Zeile auf dem Desktop.
columns_tabl 3 Elemente pro Zeile bei 960–1280 px.
columns_tabp 3 Elemente pro Zeile bei 768–959 px.
columns_mobl 2 Elemente pro Zeile bei 441–767 px.
columns_mobp 1 Elemente pro Zeile bis zu 440 px.
autoplay 1 Automatische Schieberegler-Bewegung; 0 deaktivieren.
autoplay_timeout 5000 Verzögerung in Millisekunden, begrenzt auf 1.000–60.000.
autoplay_speed 1000 Übergang in Millisekunden, begrenzt auf 0–10.000.
loop 1 Über die Schieberegler-Grenze hinweg in derselben Richtung fortsetzen.
nav 1 Steuerelemente für „Vorheriges“/„Nächstes“ im Schieberegler-Modus anzeigen.

Die Spalteneinstellungen sind auf Werte zwischen 1 und 10 begrenzt. „Mehr laden“ gilt nur für die Kanalquelle im Rastermodus; im Schieberegler-Modus werden alle abgerufenen Videos angezeigt. Sowohl der YouTube- als auch der Testimonial-Schieberegler pausieren die automatische Wiedergabe beim Darüberfahren mit der Maus und verwenden dasselbe Richtungs-Loop-Verhalten.

YouTube- oder Vimeo-Video

mxvideo bindet eine einzelne YouTube- oder Vimeo-URL ein. Dies ist unabhängig vom Shortcode für mehrere Elemente/Kanäle youtube Shortcode.

[mxvideo height="360"]https://www.youtube.com/watch?v=dQw4w9WgXcQ[/mxvideo]
[mxvideo height="360"]https://youtu.be/dQw4w9WgXcQ[/mxvideo]
[mxvideo height="360"]https://vimeo.com/123456789[/mxvideo]
Attribut Standard Zweck
height 281 Höhe des Iframes in Pixeln.
Inhalt erforderlich Vollständig unterstützte YouTube- oder Vimeo-URL.

Shortcodes für Typografie

Initiale

Gestaltet den ersten Buchstaben des umschlossenen Absatzes als Initialbuchstaben.

[dropcap]A paragraph that begins with a decorative initial letter.[/dropcap]

Blocknummer

Fügt vor dem Text eine nummerierte Markierung ein.

[blocknumber text="01" size="large" background="#1756a9" color="#fff" type="circle"]Step details[/blocknumber]
Attribut Standard Zweck
text 01 Nummer/Markierungstext.
size medium small, medium, largeoder custom.
custom_size 2.5rem CSS-Größe, wenn „Benutzerdefiniert“ ausgewählt ist.
background #000 Hintergrundfarbe der Markierung.
color #666 Textfarbe der Markierung.
type Standard rounded, circleoder leer.
Inhalt — Text, der auf die Markierung folgt.

Block

Schließt den Inhalt in einen formatierten Block ein.

[block background="#f4f7fa" color="#333" padding="20px" border="#ccd" type="rounded"]Highlighted content[/block]
Attribut Standard Zweck
background transparent CSS-Hintergrund.
color #666 Textfarbe.
padding 15px CSS-Abstand.
border 0 Rahmenfarbe als Hex-Wert oder ein unterstützter Rahmenwert wie 1px solid #ccc.
type „default“ rounded, circleoder leer.
Inhalt — Blockinhalte.

Sprechblase

Zeigt eine Sprechblase mit einer Autorenangabe an.

[bubble author="Jamie" background="#fafafa" color="#333" padding="10px" border="#ccc" type="rounded"]A message in a speech bubble.[/bubble]
Attribut Standard Zweck
author Ahmed Bezeichnung der Quellenangabe.
background #CCC Hintergrund der Sprechblase.
color geerbt Optionale Textfarbe.
padding 10px Abstand der Blase.
border 0 Optionale Hex-Farbe für den Rahmen oder unterstützter Rahmenwert.
type Standard rounded, circleoder leer.
Inhalt — Blase-Meldung.

Tooltip

Zeigt einen beschreibenden Text an, wenn der Mauszeiger über den Auslösertext bewegt wird oder dieser im Fokus steht. Ist der Tooltip-Text leer, wird nur der Auslöserinhalt angezeigt.

[tooltip text="More details are available here." position="top" style="dark"]Read more[/tooltip]
Attribut Standard Werte / Zweck
text leer Inhalt des Tooltips.
position top top, bottom, leftoder right.
style default default, dark, oder light.
Inhalt — Auslöse-Text; mit der Tastatur ansteuerbar.

Erstellt eine Schaltfläche, die einen Bootstrap-Modal-Dialog öffnet.

[modal title="Information" button="Read details" size="lg" centered="yes"]
Modal body content goes here.
[/modal]
Attribut Standard Werte / Zweck
title Modal Titel des Dialogfelds.
button Open modal Beschriftung der Auslöse-Schaltfläche.
size Standard Standard, sm, lgoder xl.
centered yes Auf no , um die vertikale Zentrierung zu deaktivieren.
Inhalt — Modal-Inhalt; verschachtelte Shortcodes werden verarbeitet.

Audio-/Video-Wiedergabeliste

Erstellt einen nativen HTML-Audio- oder Videoplayer sowie eine auswählbare Titelliste. Die angegebenen Medien-URLs müssen direkt vom Browser abgespielt werden können.

[playlist type="audio"]
[playlist_item title="Intro" src="https://example.com/intro.mp3" /]
[playlist_item title="Main track" src="https://example.com/main.mp3" /]
[/playlist]
Tag / Attribut Standard Zweck
playlist type audio audio oder video.
playlist_item src erforderlich Direkte Medien-URL; leere Quellen werden übersprungen.
playlist_item title Generierter Titel des Tracks Titel des Titels und zugängliche Player-Bezeichnung.

Zunächst wird die erste gültige Quelle ausgewählt. Durch die Auswahl eines anderen Elements wird die Player-Quelle gewechselt und die Wiedergabe gestartet; der Browser erfordert möglicherweise eine Benutzeraktion.

Assets und Implementierung

  • plg_mxshortcodes/shortcodes/ Enthält Shortcode-Renderer.
  • plg_mxshortcodes/css/ Enthält Shortcode-Stile; CSS und JavaScript werden bei Bedarf in die Warteschlange gestellt.
  • plg_mxshortcodes/js/countdown.js, progresspie.jssowie playlist.js fügen ihre jeweiligen Interaktionen hinzu.
  • plg_mxshortcodes/js/youtube.js implementiert das gemeinsame Verhalten von YouTube- und Testimonial-Slidern.
  • plg_editors_shortcode/shortcodes.php definiert Felder, die im Shortcode-Auswahlfeld des Editors angezeigt werden.

Das System-Plugin verarbeitet Shortcodes in der HTML-Ausgabe für den Website-Client. Shortcodes innerhalb des Inhalts eines anderen Shortcodes funktionieren, wenn der übergeordnete Shortcode verschachtelte Inhalte explizit verarbeitet; verwenden Sie die bereitgestellten Element-Tags für wiederverwendbare Komponenten.

Wenn Shortcode-Quelldateien geändert werden, erstellen Sie plg_mxshortcodes.zip und plg_editors_shortcode.zip, und aktualisieren Sie anschließend pkg_mxshortcodes.zip , um die Änderungen über den Joomla-Erweiterungsinstallierer zu verteilen.

Verwandte Artikel

Dokumentation zum Fotogalerie-Plugin

Dokumentation zu den Website-Tools

Dokumentation zum Team-Modul

Produkte

Unterstützt

Dienstleistungen

Bedingungen

Our Network

Abonnieren Sie unseren Newsletter

Bleiben Sie über Verkäufe, Werbeaktionen, Produktaktualisierungen und neue Produktversionen auf dem Laufenden.