WYSIWYG-Editor

Im WYSIWYG-Editor haben Sie mehrere relevante Funktionen, die Sie für die optische und strukturelle Gestaltung Ihrer Webseite sowie der Inhalte für Ihren Newsletter brauchen können. Die wichtigsten stellen wir Ihnen unten ausführlicher vor.

WYSIWYG-Editor ©echonet

Grundsätzlich soll der Editor – die Schaltflächen darauf sehen so aus, wie im Bild angezeigt – Ihnen dabei helfen einzelne Textbestandteile oder im Fall des Freepage-Modules die gesamte Seite mit entsprechenden Formatierungen zu gestalten. Die Formatierungen haben aber nicht nur einen gestalterischen Wert, sie beziehen sich auch auf die Logik Ihrer Inhalte. Verwenden Sie daher die Formatierungen nicht, wenn die Formatierung nicht mit dem tatsächlichen Sinn des Inhaltes übereinstimmt.

Beispiele für Sinnentfremdungen sind:

  • Einsatz von Tabellen um bestimmte Bilder und Texte frei positionieren zu können.
  • Fettschrift („Bold“) um eine Zwischenüberschrift zu erzeugen.
  • Überschriftenanwendung um einen Absatz in größerem Text zu verfassen.
  • Leerschritte am Zeilenanfang eintippen um eine Einrückung zu erzeugen.
  • Geschütztes Return („Shift –Enter“) verwenden um Zeilenumbrüche zu erwzingen, weil Ihnen die Abtrennung nicht gefallen.

Die Nachteile solcher sinnentfremdeten Anwendungen sind eindeutig: Sie belasten Ihr Suchmaschinen-Ranking durch falsche „Semantik“ Ihres Webauftrittes, Sie verschlechtern die Barrierefreiheit Ihres Webauftrittes und zu guter letzt könnten sie spätestens beim Betrachten Ihrer Webseite mit einem Smartphone eine böse Überraschung erleben.

Die vollständige Funktionspalette des WYSIWYG-Editors

Der „WYSIWYG“-Editor hat alle nötigen Funktionen um eine entsprechende Textgestaltung zu ermöglichen. Verwenden Sie den Editor nur in Ausnahmefällen um per HTML direkt etwas in eine Seite oder ein Mail zu programmieren, da Sie – ohne sich mit HTML näher beschäftigt zu haben – damit eine Seite in der Darstellung stören können. Auf einige der Funktionen, unter anderem jene Funktionen, die wir in der Grafik mit den entsprechenden Markierungen versehen haben, gehen wir in der Folge noch genauer ein.

mehr dazu Die vollständige Funktionspalette des WYSIWYG-Editors

Thema: Überschriften und Zwischenüberschriften

Nutzen Sie zur Gliederung von Texten die Möglichkeit Überschriften und Zwischenüberschriften (Ordnungen 1 bis 6) zu verwenden, wie Sie das auch in Textverarbeitungsprogrammen gewohnt sind. Machen Sie nicht auf einer Seite mehrere Überschriften zur Überschrift 1 sondern gliedern Sie logisch. Überschrift 1 ist jene Überschrift der gesamten Seite und darunter sind die Überschriften 2, darunter die Überschriften 3...

mehr dazu Thema: Überschriften und Zwischenüberschriften

Thema: Formatierungen – Fett, Kursiv, Tiefgestellt, Hochgestellt

Wenn Sie einen Text oder einen Textabschnitt mit der Maus markieren (dann erscheint er unterlegt), können Sie mit den Buttons [B] („Bold“ = „Fett“), [I] („Italic“ = „Kursiv“), [X2] (hochgestellt zB für die Angabe von Quadratmetern) oder [X2] (tiefgestellt) diesen Textabschnitt formatieren. Die aus den klassischen Textverarbeitungsprogrammen bekannte Funktion „Unterstrichen“ wurden wegen häufigem Missbrauch durch Content-ManagerInnen aus dem System entfernt, da viele User im Front-End einen unterstrichenen Text für einen Link halten.

mehr dazu Thema: Formatierungen – Fett, Kursiv, Tiefgestellt, Hochgestellt

Thema: WYSIWYG-Editor: Bilder

Um Bilder direkt in den Fließtext einzufügen, sind einige Dinge zu beachten. basic.life hat eine wichtige Funktion, die unter falscher Bildeinfügung leiden kann: basic.life ist vom Grund auf auf die Technologie „Responsive Webdesign“ aufgebaut. Informationen darüber finden Sie im eigenen Kapitel „Die Webseite: Responsive Webdesign“.

mehr dazu Thema: WYSIWYG-Editor: Bilder

Thema: WYSIWYG-Editor: Tabellen

Wenn Sie Tabellen verwenden, verwenden Sie diese nur – und ausschließlich – um tatsächlich tabellarische Daten darzustellen. Verwenden Sie Tabellen niemals um ein „Layout“ zu erzwingen und Elemente, die nicht in einem logischen Bezug zueinander stehen, in der Platzierung zu ordnen. Das zerstört die Barrierefreiheit Ihrer Webseite und führt zu unerwünschten Darstellungen im Ergebnis. Wenn es möglicherweise auch sauber auf einem großen PC-Bildschirm aussieht, so könnten Sie eine unangenehme Überraschung erleben, wenn Sie die Tabelle auf Ihrer Webseite mit einem Smartphone oder kleineren Tablet ansehen.

mehr dazu Thema: WYSIWYG-Editor: Tabellen