Content-Klasse: Text

Frei formatierbare Texte mit Bildern, Tabellen und Links.

Mit der Content-Klasse "Text" fügen Sie Textbausteine zu ihrer Webseite hinzu. Der Text kann Bilder, Tabellen und/oder Links enthalten.

Die Bearbeitung starten Sie mit dem RedDot "Text bearbeiten".

Content-Klasse: Text
Content-Klasse: Text

Den Haupttext bearbeiten sie mit dem Texteditor.

Breite des Textelements

Mit

Content-Klasse Text Breite Textelement
Breite des Textelements

wird festgelegt, welchen Anteil der Seitenbreite das Textelement einnehmen soll. Es können somit zwei oder drei Elemente nebeneinander gesetzt werden.

Aufbau des Text-Elements

alle Elemente bearbeiten Wechselt in den Formularmodus, dieser zeigt alle Einstellungsmöglichkeiten.
Textüberschrift   Überschrift, h1.
Anlauftext Hervorgehobener Text direkt unter der Überschrift.
Bild über die gesamte Breite (bevorzugt) Das ausgewählte Bild wird automatisch auf 100% der Breite des Textelements skaliert.
Bild über die gesamte Breite aus KIT Bildern Hier können ausschließlich Bilder aus dem AssetManger Ordner "KIT Bilder" ausgewählt werden. Das ausgewählte Bild wird automatisch auf 100% der Breite des Textelements skaliert.
Bilder neben Haupttext hinzufügen, sortieren, entfernen Bilder werden neben dem Haupttext hinzugefügt.
Haupttext eigentlicher Textbereich
  • Durch einen Klick auf den RedDot öffnet sich der entsprechende Teil zur Bearbeitung.
  • Wenn das Textelement fertig bearbeitet ist, über "Text: Bearbeitung abschließen" die Bearbeitung beenden.

Bild über die gesamte Breite einfügen 

  1. „Bild über die gesamte Breite (bevorzugt)“ klicken. Das Fenster „Element bearbeiten: ...“ öffnet sich. 
  2. Bild auswählen:
    1. Bild von Festplatte hochladen: „Hochladen“ klicken.
    2. Bereits vorhandenes Bild verwenden: auf Bild klicken und mit dem "Zuweisen"-Button auswählen.
    3. Im Dialog "Image-Element bearbeiten" ein ALT-Attribut vergeben. Dieser Name wird angezeigt, wenn das Bild nicht geladen werden kann.
  3. „OK“ klicken. Das Bild wird automatisch skaliert und über die gesamte Breite der Seite eingefügt.
  4. Bild über die gesamte Breite enfernen:
    1. „Bild über die gesamte Breite (bevorzugt)“ klicken.
    2. Im Fenster "Image-Element bearbeiten" auf das rote Kreuz neben dem Bildnamen klicken.
    3. Mit "ok" bestätigen

"Bild über die gesamte Breite aus KIT Bildern" verhält sich identisch. Man bekommt allerdings nur Bilder aus dem AssetManager Ordner "KIT Bilder" zur Auswahl.

Bilder neben den Haupttext

Klickt man ein Bild neben dem Haupttext an, dann öffnet sich das Bild in einem abgedunkelten Layer und man kann sich durch alle Bilder neben dem Text klicken, wie in einer Galerie. Dahinter steckt Fancybox, ein Javascript-Tool, mit dem Bilder als Layer im gleichen Fenster dargestellt werden und zwischen denen in diesem Layer gewechselt werden kann.

Bildcontainer erstellen

  1. „Bilder neben Haupttext hinzufügen, sortieren, entfernen“ klicken. Das Fenster „Link-Element bearbeiten“ öffnet sich.
  2. „Seite erstellen und verknüpfen“ klicken. Das Fenster „Eigenschaften bearbeiten“ öffnet sich.
  3. Bildunterschrift eingeben
  4. „OK“ klicken. Auf der Rahmenseite wird ein neuer Bildcontainer hinzugefügt.

Bild zu Container hinzufügen

  1. „Bild bearbeiten“ klicken.
  2. Bild-Container
    Bild-Container

    Auf den RedDot "Bild (bevorzugt)" oder "Bild aus KIT Bildern" klicken. Das Fenster „Element bearbeiten: ...“ öffnet sich.

  3. Bild auswählen: wie bei "Bild über die gesamte Breite einfügen" beschrieben.
  4. „OK.“ Klicken. Das Bild wird automatisch skaliert und links neben dem Text eingefügt.
  5. Über den untersten RedDot kann eine Bildunterschrift festgelegt werden.
  6. Mit "Bild schließen" die Bearbeitung abschließen.
  7. Über die Positionieren-Icons kann die Ausrichtung des Bildes bzgl. des Haupttextes festgelegt werden (links- oder rechtsbündig).
  8. Bild neben Text positionieren
    Bild neben Text positionieren

     

Haupttext

Mit

Content-Klasse Text: Spalten Haupttext
Spalten Haupttext

können Sie einstellen, in wie vielen Spalten der Haupttext erscheinen soll. Nicht verwechseln mit der Breite des gesamten Textelements.

Der Haupttext wird mit dem Texteditor editiert. Im Hauptext können sie Bilder im Text, Tabellen und Links verwenden.