Texteditor

Die Werkzeugleiste

Fehlt Ihnen die zweite Zeile der Formatierungen?

Klicken Sie auf den Button Werkzeugleiste anzeigen, um die Leiste mit weiteren Formatierungsmöglichkeiten anzuzeigen:

  • Absatz: wichtigste Formatierung: die Überschriften!
  • B (Bold) Fettdruck
  • I (Italic) Kursiv
  • Liste mit Punkten / Nummerierte Liste
  • Zitat: rückt den Text ein
  • Links/rechts- bündig, zentriert
  •  Links / Links entfernen
  • Weiterlesen-Tag: bis zu diesem Tag wird der Beitragstext in der Übersicht angezeigt und ein Weiterlesen-Link eingefügt:
  • Werkzeugleiste umschalten: für die zweite Zeile dieser Werkzeugliste:
  • Tablepress-Tabelle einfügen: nur da, wenn Sie Tabellen verwenden möchten
  • Formate: Formatierungen im Layout der Uni
  • Durchgestrichen
  • Horizontale Linie
  • Textfarbe: für andersfarbige Hervorhebungen
  • Als Text einfügen: entfernt unerwünschte Formatierungen beim Einfügen
  • Formatierung löschen (Radiergumm)
  • Sonderzeichen: copyright und andere Zeichen
  • Einzug verringern/erhöhen
  • Rückgängig/Wiederholen
  • Liste der Tastaturkürzel

 

Text formatieren

Es stehen Ihnen ähnliche Formatierungen wie in gängigen Textverarbeitungsprogrammen zur Verfügung. Manche Formatierungen können in der publizierten Fassung unter Umständen anders aussehen als im Texteditor.

Markieren Sie die Textstelle, die Sie formatieren möchten, und wählen Sie eine Formatierung aus. Markieren Sie erneut die Textstelle und klicken Sie den jeweiligen Formatierungsbutton oder den Button Formatierung entfernen , um die Formatierung wieder zu entfernen.

Neben den Formatierungen fett, kursiv, Aufzählung, Zitat, unterstrichen sowie drei verschiedenen Textausrichtungen (links, mittig, rechts) können Sie auch Überschriften mit dem Dropdown-Menü (Absatz ist voreingestellt) bestimmen.

Text formatieren mit Tastaturkürzeln

Für die gängigen Formatierungen fett und kursiv können Sie vor der Eingabe auch die Tastenkombinationen Strg+b für fett und Strg+i für kursiv verwenden. Wollen Sie ohne Formatierung weiterschreiben, betätigen Sie die Tastenkombination erneut. Alle Tastaturkürzel finden Sie unter dem Fragezeichen-Icon.

Absatz und Überschrift

Gliedern Sie Ihre Seite unbedingt mit Überschriften.

💡: Aus Gründen der Zugänglichkeit beginnen Sie mit Überschrift 2, denn die größtmögliche Überschrift wird bereits im Titel Ihrer Seite verwendet. Die Verwendung der verschiedenen Überschriften müssen Sie ganz streng logisch angehen, Untereinheiten bekommen also immer die direkt kleinere Überschrift. Lassen Sie da keine Ebene aus, sonst zerstören Sie die Logik. (Unterüberschriften von Überschrift 2 erhalten die Größe Überschrift 3, Untereinheiten von Überschrift 3 erhalten die Überschrift 4).

Mehr zur Barrierefreiheit auf Webseiten

Setzen Sie den Cursor in den Absatz, der eine Überschrift werden soll und wählen Sie Überschrift 2. Sie brauchen nichts zu markieren, da die Formatierung für den gesamten Absatz gilt. Noch schneller geht es mit dem Tastaturkürzel: Umschalttaste, Alt-Taste und die 2 gleichzeitig drücken!

Formate

Hier finden Sie die vom Layout der Uni vorgegebenen Hinterlegungen für Hervorhebungen einzelner Passagen im Lauftext (=Inline) und auch komplette Absätze (=Block):

Boxaktuell
Textboxaktuell

Textbox rot

Textboxfußnote

Rote Schrift

Code

Wenn man mehrere Absätze markiert, werden diese natürlich auch bei Auswahl der Blockvariante in mehreren Blöcken dargestellt.
Als Redakteur kann man sich dann so behelfen, daß man erst die Maus in einen Block setzt und diesen Block formatiert und danach mit Strg-Return  eventuell nötige Absätze in dem einen Block erzeugt.

Inline: Einen Zeilenumbruch erzeugen Sie, indem Sie die Umschalt (=Shift)-Taste festhalten und die Return-Taste betätigen.

Block: Return allein erzeugt einen Absatz, also eine Leerzeile und damit einen neuen Block

Text einfügen

Möchten Sie Text aus anderen Anwendungen einfügen, etwa aus einem Textverarbeitungsprogramm, müssen Sie den Text zunächst in der Ursprungsanwendung markieren und kopieren. Positionieren Sie dann im WordPress-Textfeld den Cursor dort, wo der neue Text eingefügt werden soll.

Es stehen Ihnen zwei Buttons zum Einfügen von Text zur Verfügung:
Klicken Sie auf den linken Button, um Text unformatiert einzufügen, klicken Sie auf den rechten Button, um Text aus Microsoft Word einzufügen (Formatierungen bleiben hierbei in begrenztem Maße erhalten). Es öffnet sich ein neues Fenster. Drücken Sie nun die Tastenkombination Strg+V. Wählen Sie dann unten rechtes Einfügen und der Text wird in den Artikel eingefügt.

Sie können jede Änderung mit Hilfe der Pfeiltasten in der Werkzeugleiste rückgängig machen oder wiederherstellen.

Textfeld vergrößern

Sie können das Textfeld durch Klicken und Ziehen der rechten unteren Ecke vergrößern und verkleinern:

Vollbildmodus

Wenn Sie im Firefox arbeiten, können Sie zusätzlich durch das drücken von F11 auch dessen Werkzeuge ausblenden.

Zeilenumbruch einfügen

Mit Strg + Enter/Return/Zeilenschalt-Taste erzeugen Sie eine neue Zeile. So wie in MS-Word.

WordPress entfernt übrigens händisch im Textmodus eingetragene br-Tags und ersetzt sie durch eine leere Zeile. Diese leeren Zeilen werden ausnahmsweise von WordPress interpretiert! Dies nur als Hinweis bei merkwürdigen Effekten mit Abständen...

Abstand erzwingen

Manchmal funktioniert es nicht, mehrere Returns einzugeben, sie "verschwinden" beim nächsten Speichern und mit Ihnen die Abstände. Dann hakelt sich Ihr Code mit dem Versuch des WordPress, eben keine leeren Abstände zu erzeugen (denken Sie an die Smartphone-Kunden, die dann nur mehr scrollen müssen. Wechseln Sie in den Textmodus und ergänzen Sie an der Abstandsstelle:

<div style="margin-top: 3em;"></div>

Statt 3 schreiben Sie eine kleinere Zahl für weniger Abstand. 1em ist einmal die Schriftgröße.

normaler Abstand:

oben

unten

erzwungener größerer Abstand (so groß wie drei M):

oben

unten

 

Editor-Modus ändern / Quellcode bearbeiten

Mit Hilfe der Reiter Visuell/Text (am Editorfenster rechts oben) schalten Sie zwischen einer visuellen Ansicht (WYSIWYG) und der Quellcode-Ansicht hin und her.

Editor - Visuell-Modus
Editor - Text-Modus

Bitte verwenden Sie den Textmodus immer zum Bearbeiten von Shortcodes.

Kommentare im Quellcode

Sie können HTML-Kommentare verwenden.

  • Reiner Text ohne Tags ist kein Problem
  • Kommentar um HTML-Tags: das geht nicht. Nach dem ersten Speichern werden die Spitzklammern zu lt bzw gt. Ein zusätzlicher Absatz entsteht
  • Kommentar um defektes HTML: die Spitzklammern werden wieder html-character-encoded, der Fehler (z.B. sich nicht schließende Tag-Klammern) wird zu beheben versucht.

Tipps und Tricks mit dem Quellcode (und was geht nicht)

Die Schriftart und Schriftgröße können Sie nicht ändern. An den Farben sollten Sie auch besser nicht ändern, sondern die zum Layout passenden vorgegebenen Formatierungen verwenden!

iframe ist ein verbotenes Tag, wer versucht, zb eine Google-Karte direkt einzubauen, der schlägt fehl. Sie können auf diese Karten aber verlinken.

Mehr zu "stripped tags" auf dem WordPress-Site

Verweise auf einen frei wählbaren Bereich der Seite (Anker)

Das Inhaltsverzeichnis und andere Shortcodes erzeugen und verwenden sogenannte Anker, damit man z.B. innerhalb einer Seite mit Links auf einen bestimmten Bereich springen kann. Der Anker definiert den Landepunkt.

Anker erzeugen:

  1. Wechseln Sie oben rechts am Editorfensterrand vom Visuellen in den Textmodus.
  2. Fügen Sie dort, wo der Verweis landen soll, ein: <a id="meinziel"></a>
  3. Statt meinziel geben Sie ein eindeutiges kleingeschriebenes Wort ein. Jeder Anker muß einen anderen Namen haben.

Anker setzen:

  1. Link auf der gleichen Seite, setzen Sie den Link auf #meinziel
  2. Link auf einer anderen Seite, verlängern Sie die Adresse der Zielseite um #meinziel: https://adresse-meiner-seite.uni-mainz.de/name-meiner-seite#meinziel

Schriftgröße ändern

Selten möchte man die Textgröße im Textmodus verkleinern. Es ist nicht empfehlenswert, aber sie könnten vor den kleinen Text (im Textmodus) schreiben:

 

Da der Lauftext fast 13px hat, sollte das dann kleiner kommen.

Blocksatz

Blocksatz sieht generelll nicht schön aus auf Webseiten. Das ist ein generelles Problem im Web, browser- und systemübergreifend, zugrundeliegend ist die fehlende Silbentrennung.
Erst wenn Texte automatisch vom Browser korrekt mit Silbentrennung funktionieren, ist Blocksatz schön.

Wenn Sie trotzdem Blocksatz einstellen möchten, erreichen Sie dies so: