Für die Bearbeitung von Texten innerhalb von WPBakery wird der klassische WordPress-Texteditor verwendet. Er bietet zwei unterschiedliche Ansichten:

Visuell – zum Schreiben und Formatieren von Texten
Text/Code – zur Bearbeitung des zugrunde liegenden HTML-Codes

Für die normale Textgestaltung wird überwiegend die Ansicht „Visuell“ verwendet. Beim Übernehmen von Texten aus anderen Programmen spielt die Code-Ansicht jedoch eine wichtige Rolle.

Texte aus Word, PDF oder anderen Quellen übernehmen#

Beim Kopieren von Text aus Microsoft Word, PDFs, Webseiten oder anderen Programmen werden häufig unsichtbare Formatierungen mitkopiert. Besonders Word kann dabei eine große Menge zusätzlicher HTML-Formatierungen erzeugen. Diese sind im visuellen Editor nicht unbedingt erkennbar, können aber später zu Problemen bei Schriftgrößen, Abständen, Listen oder anderen Darstellungen führen.

Empfohlene Vorgehensweise

Texte aus anderen Programmen sollten daher möglichst folgendermaßen übernommen werden:

1. Im Texteditor auf die Ansicht „Text/Code“ wechseln.
2. Den kopierten Text dort einfügen.
3. Anschließend wieder auf „Visuell“ wechseln.
4. Absätze, Überschriften, Listen, Links und Hervorhebungen dort neu formatieren.

Dadurch werden unerwünschte Formatierungen weitgehend vermieden und der Text verwendet anschließend die für die Website vorgesehenen Gestaltungsregeln.

Insbesondere Texte aus Word sollten nicht einfach direkt in die visuelle Ansicht kopiert werden.

Die visuelle Ansicht#

Die Ansicht „Visuell“ funktioniert ähnlich wie ein einfaches Textverarbeitungsprogramm. Hier können Texte geschrieben und die wichtigsten Formatierungen über die Werkzeugleiste vorgenommen werden. Die Gestaltung sollte dabei möglichst sparsam erfolgen. Schriftart, Grundgröße und andere grundlegende Eigenschaften werden von der Website vorgegeben und müssen normalerweise nicht individuell eingestellt werden. Insbesondere ist davon abzuraten, Worte oder Text-Passagen mit eigenen Farbwerten zu versehen.

Absätze#

Ein normaler Fließtext wird in Absätze gegliedert. Neue Absätze sollten tatsächlich als Absätze angelegt und nicht durch mehrere manuelle Zeilenumbrüche oder Leerzeilen erzeugt werden. Die notwendigen Abstände zwischen Absätzen werden durch die Gestaltung der Website festgelegt. Zusätzliche Leerzeilen sollten daher nicht verwendet werden, um größere Abstände zu erzeugen.

In der Visuell Darstellung wird ein neuer Absatz durch 'Return' erzeugt. Im Unterschied dazu wird mit 'Shift + Return' eine Zeilenschaltung erzeugt.

Überschriften#

Überschriften werden über die dafür vorgesehenen Überschriftenformate angelegt und nicht lediglich fett oder größer dargestellt. Dabei sollte eine logische Hierarchie eingehalten werden:

• Überschrift 1 (H1)
  ist normalerweise dem Haupttitel der Seite vorbehalten.
• Überschrift 2 (H2)
  kennzeichnet größere Abschnitte innerhalb einer Seite.
• Überschrift 3 (H3)
  unterteilt einen H2-Abschnitt weiter.

Weitere Ebenen sollten entsprechend hierarchisch verwendet werden. Überschriften dienen nicht nur der Gestaltung, sondern strukturieren den Inhalt auch technisch. Das ist unter anderem für die Barrierefreiheit und Suchmaschinen wichtig.

Fett und kursiv#

Fettschrift kann verwendet werden, um einzelne wichtige Begriffe oder kurze Textstellen hervorzuheben.

Kursivschrift eignet sich beispielsweise für bestimmte Bezeichnungen oder bewusst hervorgehobene Begriffe.

Beide Formatierungen sollten gezielt und nicht für ganze längere Textabschnitte verwendet werden.

Listen#

Aufzählungen sollten mit der dafür vorgesehenen Listenfunktion erstellt werden. Dabei stehen grundsätzlich zwei Formen zur Verfügung:

• ungeordnete Listen mit Aufzählungszeichen
• nummerierte Listen

Aufzählungszeichen oder Nummerierungen sollten nicht manuell in den Text geschrieben werden. Eine echte Liste wird von WordPress korrekt als solche ausgezeichnet und kann von der Website einheitlich dargestellt werden.

Links#

Text kann über die Link-Funktion des Editors mit einer anderen Seite, einem Dokument oder einer externen Website verknüpft werden. Als Linktext sollte möglichst eine aussagekräftige Bezeichnung verwendet werden.

Statt:

„Weitere Informationen finden Sie hier.“

ist beispielsweise:

„Weitere Informationen zum Forschungsprojekt“

aussagekräftiger.

Nach dem Einfügen sollte insbesondere bei manuell eingegebenen URLs kontrolliert werden, ob der Link tatsächlich funktioniert. Zudem sollte darauf geachtet werden, dass Links, die auf eine andere Website oder ein externes Dokument verlinken, mit dem Attribute 'Link in einem neuen Tab öffnen' versehen werden.

Sonderzeichen#

Sonderzeichen und typografische Zeichen können grundsätzlich direkt im Text verwendet werden.

Dazu gehören beispielsweise:

• Umlaute wie ä, ö und ü
• ß
• typografische Anführungszeichen
• Gedankenstriche
• mathematische und andere Sonderzeichen

Es ist normalerweise nicht notwendig, diese Zeichen manuell durch HTML-Codes zu ersetzen.

Formatierungen entfernen#

Wurde Text mit einer unerwünschten Formatierung eingefügt, kann die Funktion „Formatierung löschen“ des Editors verwendet werden. Bei stark oder fehlerhaft formatierten Texten ist es jedoch häufig besser, den betreffenden Text noch einmal über die Text-/Code-Ansicht einzufügen und anschließend sauber neu zu formatieren.

Möglichst wenig manuell formatieren#

Für ein einheitliches Erscheinungsbild sollte der Texteditor hauptsächlich zur inhaltlichen Strukturierung verwendet werden:

• Absätze
• Überschriften
• Listen
• Links
• Fett und kursiv

Schriftarten, individuelle Schriftgrößen, Farben oder künstlich erzeugte Abstände sollten möglichst nicht direkt im Text festgelegt werden. Diese Gestaltung wird grundsätzlich von der Website vorgegeben. Je weniger individuelle Formatierungen ein Text enthält, desto zuverlässiger und einheitlicher funktioniert seine Darstellung auf unterschiedlichen Seiten und Bildschirmgrößen.

Hinweis: Man sollte unter keinen Umständen versuchen, durch Silbentrennung bzw. mit Zeilenschaltungen ein einheitliches Schriftbild zu erreichen. Fliesstext wird in unterschiedlichen Browsern und auf unterschiedlichen Bildschirmen in Größe und Zeilenlänge unterschiedlich angezeigt. Ein manuelles Eingreifen führt in jedem Fall zu unerwünschten Effekten.