Bilder in den Text einfügen
Um ein Bild in den laufenden Text einzufügen müssen Sie als erstes das Bild als Datei im CMS speichern oder die URL des Bildes kennen (für Bilder von anderen Quellen). Informationen zum Hochladen von Dateien bekommen Sie der Hilfe-Seite Dateien & Binaries.
Um ein gespeichertes Bild im Text anzuzeigen notieren Sie einfach:
[Example.jpg]
wird angezeigt als:
Alternativtext für Bilder
Normalerweise wird der Titel oder Name der Bilddatei automatisch als Alternativtext eines Bildes gesetzt. Für eine bessere Suchmaschinenoptimierung und höhere Barrierefreiheit Ihrer Seiten können Sie auch selbst den "alt"-Text für das Bild hinterlegen. Notieren Sie den gewünschten Text einfach hinter den Bilddateinamen:
[Example.jpg Das ist Alternativtext]
wird angezeigt als:
Der Alternativtext wird normalerweise im Browser nicht direkt angezeigt. Um ihn anzuzeigen, klicken Sie über dem Bild die rechte Maustaste und wählen im Kontextmenü "Eigenschaften".
Bilder ausrichten / Fließtext
Um das Bild von Text umfließen zu lassen, können Sie das Bild ausrichten. Notieren Sie dazu hinter den Bildnamen ein Schlüsselwort für die gewünschte Ausrichtung:
[Example.jpg left] Das Bild wird _links_ im Fließtext ausgerichtet. Der Text fließt um das Bild herum und schließt es so ganz ein. Der Abstand zwischen Text und Bild wird per CSS eingestellt.
wird angezeigt als:
Das Bild wird links im Fließtext ausgerichtet.
Der Text fließt um das Bild herum
und schließt es so ganz ein.
Der Abstand zwischen Text und Bild wird per CSS eingestellt.
Schlüsselwörter für die Ausrichtung sind:
- *left*: Bild links - Text beginnt oben am Bild und fließt rechts um das Bild
- *right*: Bild links - Text beginnt oben am Bild und fließt links um das Bild
- *top*: Der Text wird obenbündig zur Grafik ausgerichtet
- *middle*: Der Text wird mittig zur Grafik ausgerichtet
- *bottom*: Der Text untenbündig zur Grafik ausgerichtet
Wenn Sie zusätzlich zur Ausrichtung noch einen Alternativtext setzen wollen, notieren sie diesen einfach nach dem Ausrichtungs-Schlüsselwort.
[Example.jpg left Das ist Alternativtext] Das Bild wird _links_ im Fließtext ausgerichtet. Der Text fließt um das Bild herum und schließt es so ganz ein.
Bilder als Link
Wie Sie Bilder als Link in den Text einbauen, wird auf der Seite Verweise erklärt.