
Abb. 2 - Die Reiter für die zwei Editoren
Um einen Artikel in WordPress zu verfassen, müssen Sie sich auf die Unterseite Artikel/Erstellen (links in der Navigation) begeben oder den Punkt Neuer Artikel im Dropdown-Menü im Kopfbereich aufrufen. Auf beiden Wegen gelangen Sie in den Unterbereich Neuer Artikel.
Hier liegt an zentraler Stelle der Editor. WordPress stellt Ihnen zwei Varianten zur Verfügung. Zum einen den visuellen Editor und zum anderen den HTML-Editor. Mit einem Klick auf den entsprechenden Reiter können Sie zwischen den beiden Editoren umschalten (Abb. 2).
Der „visuelle“ Editor entspricht einem sogenannte WYSIWYG-Editor. Die Abkürzung „WYSIWYG“ steht für „What You See Is What You Get“ und bedeutet, dass Sie im Editor den Artikel genauso (zumindest annähernd) sehen, wie er auch später nach der Veröffentlichung aussieht. Die Arbeitsweise mit diesem Editor entspricht in etwa der Arbeitsweise mit einem Textverarbeitungsprogramm wie z. B. Office. Der HTML-Editor entspricht einem Code-Editor. Bei der Arbeit mit diesem empfiehlt es sich, etwas Erfahrung mit (X)HTML-Tags mitzubringen.
Im Folgenden wird es zunächst um die Arbeit im visuellen Editor und dann im HTML-Editor gehen. Grundsätzlich sollten Sie mit dem Editor arbeiten, mit dem Sie sich am wohlsten fühlen. Es soll an dieser Stelle allerdings nicht unerwähnt bleiben, dass es sich mittel- bis langfristig lohnt, sich mit dem HTML- bzw. Code-Editor auseinanderzusetzen, da das Arbeiten mit diesem doch deutliche Vorteile mit sich bringt. Spätestens dann, wenn Sie zum Beispiel Javascripte innerhalb von Artikeln einbinden müssen, werden Sie um den Einsatz des HTML-Editors nicht herumkommen.
Einen Artikel mit dem WYSIWYG-Editor verfassen

Abb. 3 - Einen neuen Artikel verfassen
Zum Erstellen eines neuen Artikels füllen Sie das Überschriftenfeld aus und fügen Ihren Text in der Textbox darunter ein. Die Textbox kann durch Klicken & Ziehen in ihrer Größe geändert werden. Dafür fahren Sie mit der Maus über die rechte untere Ecke des Feldes. Ändert sich der Cursor, können Sie mit Klicken & Ziehen das Feld vergrößern oder verkleinern.
Text formatieren
Die Funktionsweise der einzelnen Buttons entspricht der aus Textverarbeitungs-, E-Mail-Programmen (erweiterte Ansicht) oder anderen CMS. Sie aktivieren die Formatierung entweder während des Schreibens oder markieren im Nachhinein Wörter bzw. Abschnitte und formatieren sie dann durch einen Klick auf den entsprechenden Button.
Text in der Textbox kann mit den Buttons, die sich im oberen Bereich der Textbox befinden, formatiert werden. Folgende Möglichkeiten stehen Ihnen dabei zur Verfügung:

Abb. 4 - Formatfunktionen im Editor 1/2
- Der entsprechende Abschnitt wird als sehr wichtig hervorgehoben bzw. als fett formatiert.
- Der entsprechende Abschnitt wird als wichtig hervorgehoben bzw. als kursiv formatiert.
- Der entsprechende Abschnitt wird durchgestrichen.
- Der entsprechende Abschnitt stellt eine Aufzählungsliste dar.
- Der entsprechende Abschnitt stellt eine nummerierte Liste dar.
- Der entsprechende Abschnitt wird als Zitat gekennzeichnet.
- Linksbündiger Absatz.
- Zentrierter Absatz.
- Dieser Absatz wird rechtsbündig.
- Einen Link einfügen/ändern.
- Einen Link entfernen.
- Der „weiterlesen…“-Link. Trennt den Text in eine Einleitung (engl. Teaser) und den Rest.
- Die Rechtschreibprüfung. (Über das Dropdown-Feld können Sie die Sprache einstellen.)
- Mit diesem Button de-/aktivieren Sie den Vollbildmodus des Editors.
- Der letzte Button erweitert die Formatierungsleiste des visuellen Editors, wie man schön in der nächsten Abbildung sehen kann.

Abb. 5 - Formatfunktionen im Editor 2/2
- In der Auswahlliste mit dem Namen „Absatz“ befinden sich neun Auswahlmöglichkeiten, mit denen Sie den Inhalt kennzeichnen können: Absatz, Überschriften etc.
- Dieser Textabschnitt wird unterstrichen. Sie sollten allerdings auf diese Auszeichnung/Formatierung verzichten, da im Web ein unterstrichener Text einen Link symbolisiert. Der Nutzer ist dann evtl. irritiert, wenn manche „Links“ anklickbar sind und manche wiederum nicht.
- Der entsprechende Textabschnitt bekommt einen Blocksatz. Denken Sie bitte daran, dass es im Web bzw. (X)HTML und CSS keine Silbentrennung gibt und der Blocksatz durch vergrößerte Leerzeichen simuliert wird. Dies kann zu unschönen Lücken im Text führen.
- Mit diesem Knopf bestimmen Sie die Textfarbe.
- Einen unformatierten Text einfügen. Hier werden die Formatierungen aus der ursprünglichen Quelle nicht übernommen. Sehr wichtig, wenn Sie Texte aus einer Textverarbeitung (z. B. Word oder OpenOffice), aber nicht deren Formatierung aus dem Programm übernehmen möchten. Dies entspricht der Funktion „unformatierten Text einfügen“ aus MS Word.
- Bei dem Knopf mit dem Word-Symbol handelt es sich um die Möglichkeit, einen Text inkl. seiner Formatierungen aus der ursprünglichen Anwendung einzufügen. Hierbei werden die Formatierungen übernommen, soweit dies mit (X)HTML und CSS möglich ist.
- Unter dem Knopf mit dem Radiergummi-Symbol verbirgt sich eine Funktion, die Formatierungen für einen Textabschnitt nachträglich entfernt.
- Der Button mit der Filmrolle beherbergt die Möglichkeit, diverse Video-Formate (z. B. Flash) einzubetten und zu bearbeiten.
- Hinter dem Button mit dem Omegasymbol (?) verbirgt sich eine sehr hilfreiche Funktion. Hier haben Sie die Möglichkeit, ganz einfach und komfortabel Sonderzeichen einzufügen.
- Einzug zurück.
- Einzug vor.
- Ein Bearbeitungsschritt zurück.
- Ein Schritt in der Bearbeitung vor.
- Die Hilfe.
Links einfügen

Abb. 6 - Link einfügen/bearbeiten

Abb. 7 - Verlinkter Text
Möchten Sie ein Wort oder einen Abschnitt Ihres Textes verlinken, so markieren Sie das Wort bzw. den Bereich und klicken dann auf den Button Link einfügen/ändern (Nr. 10 in der oberen Leiste – Abb. 4).
URL: Tragen Sie hier die Ziel-URL ein.
Titel: Hier können Sie den title-Tag eingeben. Er erscheint, wenn man mit der Maus über den Link fährt. (Optional)
Target: Hier können Sie wählen, ob sich der Link im selben oder in einem neuen Fenster öffnen soll. Ohne Angabe öffnet sich der Link im selben Fenster.
Verlinken auf bestehende Inhalte: Hier kann sofort auf Artikel oder Seiten verlinkt werden.
Haben Sie alle notwendigen Angaben (URL, evtl. Target) gemacht, klicken Sie auf den Button Einfügen. Der verlinkte Text erscheint daraufhin unterstrichen. Wenn Sie nachträgliche Änderungen vornehmen möchten, setzen Sie den Cursor „in“ den verlinkten Bereich und klicken erneut auf den Button „Link einfügen/ändern“.
Unformatierten Text einfügen
Mit dem Button Nr. 5 in der unteren Leiste (Abb. 5) haben Sie die Möglichkeit, formatierten Text aus einem Textverarbeitungsprogramm in den WordPress-Editor einzufügen ohne (!) dass diese Formatierungen übernommen werden. Die Formatierung passt vielleicht nicht, weil nur ein Teil eines Textes in einen WordPress-Artikel fließen soll oder Sie sind generell mit der jetzigen Formatierung unzufrieden.
Um die Funktion zu nutzen, kopieren Sie zunächst den gewünschten Text und klicken dann auf den Button Als unformatierter Text einfügen (Nr. 5, untere Leiste – Abb. 5). Daraufhin öffnet sich ein Fenster, in das Sie Ihren Text einfügen können.
Sie können nun noch entscheiden, ob wenigstens die Zeilenumbrüche erhalten bleiben sollen und klicken zum Abschluss den Button Einfügen. Es bleibt Ihnen natürlich die Möglichkeit, den Text nun neu in WordPress zu formatieren.
Text ohne Formatierung in WordPress einfügen können Sie natürlich auch, indem Sie den Text im HTML-Editor einfügen. Dort werden standardmäßig keinerlei Formatierungen übernommen.
Formatierten Text einfügen
Anmerkung:
Einen ähnlichen Effekt (Text mit Formatierung einfügen) haben Sie übrigens auch, wenn Sie den kopierten Text aus der Zwischenablage direkt in den Visuellen Editor einfügen. Da dies aber nicht der „offizielle“ Weg ist, haben wir Ihnen den etwas „umständlicheren“ über den Button „Aus Word einfügen“ hier vorgestellt.
Der Name des Buttons ist übrigens irreführend, da Sie Tabellen z. B. auch aus Excel einfügen können.
Mit dem Button Aus Word einfügen (Nr. 6, untere Leiste) können Sie einen Text inkl. seiner Formatierungen aus der ursprünglichen Anwendung einfügen. Hierbei werden die Formatierungen übernommen, soweit dies mit (X)HTML und CSS möglich ist.
Aber Achtung: Es werden nicht alle Formatierungen übernommen. Besonders hilfreich ist es in diesem Zusammenhang aber zu wissen, dass Tabellen übernommen werden.
Falls Sie nun aber einen formatierten Text haben, bei dem Sie Teile der Formatierung entfernen möchten, so können Sie auch dies mit WordPress realisieren. Unter dem Knopf mit dem Radiergummi-Symbol (Nr 7, untere Leiste) verbirgt sich eine Funktion, die Formatierungen für einen Textabschnitt nachträglich entfernt.
Markieren Sie dafür nur den entsprechenden Bereich und Klicken Sie dann auf das Symbol „Formatierung entfernen“.
Medien (Filme) einbetten
Anmerkung:
Das Einfügen von Medien bzw. Filmen in WordPress-Artikel ist mittlerweile sehr einfach geworden und muss in den meisten Fällen nicht mehr über den hier vorgestellten Button vorgenommen werden. Der Button ist noch eine Art Relikt aus vergangener Zeit. Da die neue Methode, die wir Ihnen im dritten Abschnitt vorstellen werden, jedoch nicht immer anwendbar ist, sollten Sie den traditionellen Weg auch kennen, um im Notfall darauf ausweichen zu können.
Das Einfügen von Medien erfolgt mit dem Button Medien einbetten/bearbeiten (Nr. 8 in der unteren Leiste). Setzen Sie am besten den Cursor an die Stelle im Text, an der Sie das Medium einfügen möchten und klicken Sie dann auf den Button mit der Filmrolle.
Füllen Sie das Formular wie folgt aus:
Typ: Wählen Sie hier den Typ der einzufügenden Datei aus. Sie können aus folgenden Typen auswählen: Flash, Quicktime, Shockwave, Windows Media, Real Media.
Datei/URL: Geben Sie hier den Pfad zu der Datei, die Sie einbinden möchten, an.
Abmessungen: Geben Sie hier die Maße der einzubindenden Datei an.
In dem Bereich Erweitert können Sie zusätzliche Angaben für die Ausrichtung, Videoqualität, Hintergrundfarbe etc. machen.
Zum endgültigen Einfügen des Mediums bestätigen Sie Ihre Angaben mit dem Button Einfügen.
Fragen zur Selbstprüfung:
- Was unterscheidet den Visuellen Editor vom HTML-Editor?
- Erstellen Sie einen ersten Artikel und experimentieren Sie dabei ruhig mit den unterschiedlichen Textformatierungen.