Spoiler im Layout von Webseiten werden verwendet, um einen Teil des umfangreichen Textes, Bildes oder anderen Seiteninhalts hinter einem Link optisch zu verbergen. Um einen Spoiler in Joomla zu erstellen, verwenden Sie ein spezielles Plugin.
Anleitung
Schritt 1
Suchen und installieren Sie im Joomla-Add-ons-Verzeichnis das Core Design Spoiler-Plugin. Für den korrekten Betrieb benötigen Sie außerdem das Core Design Scriptegrator-Plugin, das automatisch JS-Bibliotheken (Highslide, jQuery und andere) lädt. Aktivieren Sie nach der Installation beide Add-Ons über den Plugin-Manager.
Schritt 2
Jetzt können Sie einen Spoiler mit verstecktem Inhalt hinzufügen, indem Sie ihn in das [spoiler]-Tag einschließen. Ein solches Tag kann nicht nur regulären Joomla-Artikeln hinzugefügt werden, sondern auch den Materialien der Katalogkomponenten, beispielsweise in K2, ZOO, FLEXIcontent usw.
Schritt 3
Wählen Sie in den Plugin-Einstellungen aus, wie der Spoiler angezeigt wird. Dies kann entweder ein einfacher Link oder eine Schaltfläche sein. Geben Sie auch die Bedingung an, unter der der Spoiler geöffnet wird - wenn Sie klicken oder den Cursor bewegen.
Schritt 4
Zusätzlich zur angegebenen Methode kann jeder der Parameter manuell im [spoiler]-Tag angegeben werden. Der Spoiler kann mit dem Elementparameter eingestellt werden, der den Linkwert für die Anzeige als Link oder Schaltfläche für eine Schaltfläche angibt.
Schritt 5
Die Aktion, bei der der Spoiler aufgedeckt wird, kann durch den Aktionsparameter bestimmt werden, für den gültige Werte schweben (bei schweben) oder klicken (bei Klicken). Mit dem Parameter Title kann ein eindeutiger Spoilertitel erstellt werden, indem der erforderliche Wert in Anführungszeichen angegeben wird.
Schritt 6
Wenn Sie beispielsweise einen Spoiler mit dem Titel "Lesen Sie die Fortsetzung der Geschichte" erstellen müssen, der durch Klicken auf den Link mit dem Titeltext geöffnet wird, verwenden Sie den folgenden Tag: [Spoilertitel = "Lesen Sie die Fortsetzung von the story" action = "click" element = "link"]
Schritt 7
Platzieren Sie nach diesem Tag den Text oder das Bild, das Sie ausblenden möchten, und "schließen" Sie dann den Spoiler mit dem Tag: [/spoiler]
