Text und Bilder

Die Seite soll einen Text mit 4 Bilder enthalten. Die Bilder sollen in einem Block dargestellt werden. Klickt man auf eines der Bilder, soll dieses grösser (in einer Lightbox) dargestellt werden.

Inhaltselement "Text & Bilder"

  • 011 - Wählen Sie das Werkzeug "Seite".
  • 012 - Im Seitenbaum wählen Sie die Seite, in welcher der Container eingefügt werden soll.
  • 013 - Als Inhaltselement wählen Sie "Text & Bilder"

Allgemein

  • 021 - Detailansicht "Allgemein"
  • 022 - Sollte im Pulldownmenü nicht "Text & Bilder" angezeigt werden, wechseln Sie den Typ entsprechend.
  • 023 - Im Content sollte "Main Content" angezeigt werden. 
  • 024 - Geben Sie hier den Titel ein.
  • 025 - Klassifizieren Sie den Titel. Pro Seite sollte, gemäss Richtlinien von Suchmmaschinen, der Typ "h1 - Seitenüberschrift" nur ein Mal vergeben werden.
  • 026 - Legen Sie die horizontale Ausrichtung des Titels fest.
  • 031 - Geben Sie im Editor den Text ein (und formatieren Sie gegebenenfalls denselben), welchen Sie auf der Seite publizieren möchten.

Bilder wählen

  • 041 - Detailansicht "Bilder"
  • 042 - Klicken Sie auf die Schaltfläche "Bilder hinzufügen". 
    Wie Sie die Bilder auf den Server übertragen beschreiben wir in der Anleitung "Dateien auf Server übertragen".
  • 051 - Lassen Sie sich das Verzeichnis mit den Fotos anzeigen.
  • 052 - Wird die Option "Vorschaubilder anzeigen" aktiviert, werden zu den Dateinamen Thumbnails angezeigt. Je nach Anzahl der Bilddateien kann der Aufbau der Ansicht etwas dauern.
  • 053 - Setzen Sie ein Häkchen zu den Bilddateien, welche in den Text eingebunden werden sollen.
  • 054 - Mit dem Icon "Auswahl importieren" werden die Verknüpfungen in den Content übernommen.

Bilder

  • 061 - Die Bilder werden als Liste angezeigt. Mittels Klick können Sie sich die Eingabefelder für Meta-Daten zum Bild anzeigen zu lassen. Füllen Sie die Informationen aus, welche mit dem jeweiligen Bild übermittelt werden sollen. Suchmaschinen werten diese Informationen aus und belohnen Sie mit einer besseren Bewertung der Seite.
  • 062 - Wollen Sie die Reihenfolge der Bilder verändern, packen Sie das Icon "Objekt verschieben" und platzieren den Balken mit dem Bild an der gewünschten Position.

Bilder - Darstellung festlegen

  • 071 - Legen Sie in den Formularfeldern "Width of each element (px)" und/oder "Height of each element (px)" die Breite und/oder Höhe der eingebetteten Bilder fest. Diese Angaben haben keinen Einfluss auf die effektive Grösse der Bilder.
  • 072 - Positionieren Sie die Bilder in Bezug auf den Text.
  • 073 - In "Anzahl an Spalten" wird definiert, wie viele Bilder in einer Zeile angezeigt werden. Hierbei ist zu berücksichtigen, sollte die Summe der Breite sämtlicher Bilder die Breite des Contents überschreiten, werden "überschüssige" Bilder in einer zweiten Zeile dargestellt.
  • 074 - Mit dem Aktiveren von "Bei Klick vergrössern" ermöglichen Sie dem Besucher, sich das Bild in einer grösseren Ansicht anzeigen zu lassen.

 

Die Eingaben und Definitionen speichern, den Cache leeren und die Arbeit kontrollieren. Sind Sie dem Beispiel gefolgt, müssten Sie dasselbe Resultat angezeigt bekommen wie in der ersten Grafik dargestellt ist.