Anleitung


Toolbox


Startscreen

Der Startscreen eines Tools, egal ob Galerie, Slideshow oder Video, werden exakt gleich dargestellt.

Sie sehen eine Tabelle in welchem sich alle erstellten Tools der jeweiligen Kategorie (Galerie, Video oder Slideshow) befinden.
In dieser Tabelle sehen Sie neben dem Beschreibungstext des jeweiligen Tools auch das dazugehörige Wildcard, mit welchem Sie dieses Tool auf Ihrer Webseite anzeigen lassen können. Mehr zu Wildcards erfahren Sie hier: Anleitung - Wildcards

Zum Erstellen eines neuen Tools befindet sich rechts oben ein grüner Button mit der Inschrift Neue Galerie erstellen.
Möchten Sie nun ein bereits existierendes Tool ändern, dann klicken Sie auf den Beschreibungstext des jeweiligen Tools.


Galerie

Um eine neue Galerie erstellen zu können, muss zunächst ein Ordner mit Bilddateien (jpg, png, etc.) hochgeladen werden.
Der dafür erstellte Ordner muss sich im Medienverzeichnis unter dem Pfad toolbox/gallery befinden.

Für einige Styles können eigene Thumbnails (Vorschaubilder) angelegt bzw. angezeigt werden.
Falls diese Option verfügbar ist, müssen diese Thumbnails in diesen Ordner gespeichert toolbox/gallery/EIGENER_ORDNERNAME/thumb werden und müssen wie die original Datei benannt werden mit dem Zusatznamen _thumb.

Beispiel für Thumbnails:

  • Original Name der Datei: name_der_datei.jpg
  • Thumbnail: name_der_datei_thumb.jpg


Falls diese Option Thumbnail bei dem jeweiligen Style verfügbar sein sollte, so werden die Original Bilder auf die Vorschaubildgröße skaliert.

Formular

Bei jeder Erstellung oder bei Änderungen eines Tools werden bestimmte Eingabefelder angezeigt. Da manche Tools mehr oder weniger Funktionen beinhalten, werden immer alle Eingabefelder angezeigt, egal ob diese bei Ihrer Auswahl benötigt werden oder nicht. Dies hat den Grund, dass falls und wenn Sie den Style im Nachhinein ändern sollten, dass alle Optionen sofort verfügbar sind. Die Funktionen der jeweiligen Styles erfahren Sie in der Beschreibung des jeweiligen Tools.

Bezeichnung

In diesem Formular Feld wird der Name bzw. die Bezeichnung des Tools eingetragen. Mit diesem Namen wird es im Administrator Bereich gefunden (Beschreibungstext in der Tabelle). Dieses hat allerdings keinen Einfluss auf das Tool bei dem Einbau auf Ihrer Webseite. Dies dient nur für Sie persönlich zur Orientierung.

Gruppierung

Dieses Feld betrifft nur das Tool Galerie im Frontend Bereich. Wenn Gruppierung auf aktivieren eingestellt ist, werden Bilder, wenn Sie diese angeklickt haben und diese groß dargestellt werden, mit einem Pfeil versehen und Sie können zwischen den Bildern hin und her wechseln.
Wenn Sie dieses Feld auf deaktivieren gesetzt ist, können alle Bilder nur einzeln per Mausklick auf das jeweilige Thumbnails geöffnet werden.

Voraussetzung, dass diese Funktion funktioniert ist das mindestens 2 Bilder pro Galerie verfügbar sind.
Diese Funktion steht zurzeit nur der Galerie mit dem Style Lightbox 2 zur Verfügung.

Höhe

Höhe betreffen lediglich die Thumbnails (Vorschaubilder). Hier können Sie falls die voreingestellte Größe, welche aus der CSS geladen werden, Ihnen nicht gefallen sollte, Ihre eigene Höhe in Pixels eintippen.

Sie müssen hier nur die gewünschte Zahl OHNE px (Pixel) eingeben.

Breite

Das Feld Breite verhält sich genauso wie das Eingabefeld Höhe. Nur mit dem Unterschied, dass es sich hier um die Breite des Thumbnails handelt.

Bildbeschreibung

Einige Galerie Styles können eine Bildbeschreibung im geöffneten Status anzeigen.
Hier trägt man den gewünschten Text zu dem jeweiligen Bild ein.

Alt-Attribut

Das Alt-Attribut hat nichts direkt mit der Anzeige des Bildes zu tun. Allerdings sollte das Bild nicht geladen werden können, wird stattdessen dieser Text angezeigt und dient als Beschreibung des Bildes.
Außerdem dient das sogenannte Alt-Attribut für Suchmaschinen als Lesehilfe der Bilder und ist somit für SEO Optimierung empfehlenswert.

Titel-Attribut

Wie das Alt-Attribut verhält sich das Titel-Attribut verhältnismäßig gleich. Doch statt hier die Beschreibung des Bildes wiederzugeben, kann hier der Titel des Fotos angegeben werden.


Slideshow

Wie bei dem Tool Galerie muss auch hier bei Slideshow zunächst ein Ordner inklusive Bilderdateien (jpg, png, etc.) hochgeladen werden.
Diesen Ordner müssen Sie im Medienverzeichnis unter dem Pfad toolbox/slideshow erstellen.

Formular

Wie auch bei dem Tool Galerie werden hier beim Formular zum Erstellen einer Slideshow alle verfügbaren Felder angezeigt. Welche Sie für den jeweiligen Slideshow Style verwenden können, erfahren sie wiederum bei der Beschreibung des einzelnen Styles.

Bezeichnung

Hier gilt das selbe Prinzip wie bei Galerie. Dieses Feld dient lediglich zur Orientierung im Administrator Bereich.

Slideshow Style

Bei diesem Punkt befindet sich ein Pulldown Menü. Hier können Sie den Style der jeweiligen Slideshow auswählen.

Slideshow Inhalt 1 und Slideshow Inhalt 2

Diese Felder befinden sich neben jedem einzelnen Bild. Hier können Sie nun den Beschreibungstext eintippen, welcher bei der Slideshow eingeblendet werden soll.
Hier kann es vorkommen das kein Feld bei einzelnen Styles angezeigt wird oder nur eines von beiden. Doch das erfahren sie wiederum bei der Beschreibung des einzelnen Styles.

Alt-Attribut und Titel-Attribut

Hier gilt die selbe Beschreibung wie auch bei Galerie.


Video

Bei Video können Sie nur YouTube Videos einbinden. Sie können natürlich YouTube Videos auch mit dem bereitgestellten Code (iFrame) von YouTube einbinden. Allerdings ist hier der Unterschied zu den generierten Code von YouTube direkt zu den in der Toolbox, dass alle Videos welche in der Toolbox generiert sind auch im Responsive Design erstellt werden und somit auf allen Geräten bzw. Bildschirmgrößen richtig dargestellt sind.


Formular

Das Formular ist hier sehr übersichtlich, denn es besteht aus gerademal 2 Eingabefeldern, Bezeichnung und YouTube URL.

Bezeichnung

Wie üblich ist dies Feld nur für den Admnistrator Bereich wichtig. Dies dient wiederum nur zur Orientierung.

YouTube URL

Hier kopieren Sie bitte den Link der YouTube Seite ein. Diese finden Sie in der URL Leiste ihres Browsers.


Stand: 26.10.2016

Letzten Templates

Template Happy

HAPPY

Template Paige

PAIGE

Blog

COMING SOON

Top