WordPress wurde ursprünglich als einfaches Blogging-System entwickelt, das die Online-Veröffentlichung von Inhalten zum Kinderspiel machte. Mit der Zeit hat es sich zu einem vollwertigen Content Management System (CMS) entwickelt. Benutzer haben jetzt die vollständige Kontrolle über das Design und die Funktionalität ihrer WordPress-Websites. Doch ohne Inhalt bedeuten Design und Funktion nichts und in dieser Hinsicht bleibt WordPress seinen Wurzeln treu: Content Creation und Management.
Obwohl viele Funktionen in die WordPress-Basissoftware integriert wurden, bleibt die Inhaltserstellung die treibende Kraft. Schauen wir uns daher in diesem Beitrag den visuellen Editor von WordPress genauer an und wie Sie ihn besser nutzen können.
WYSIWYG
Mit WordPress können Sie Inhalte visuell erstellen und verwalten, anstatt sie direkt in Ihre Dateien zu codieren. Daher wird es als WYSIWYG-Editor oder „What You See Is What You Get“ für Uneingeweihte bezeichnet. Das Editor-Tool besteht aus drei Teilen:
- Visueller Editor
- Texteditor (wo Sie Code eingeben können)
- Media Uploader (zum Hochladen von Bilddateien)
Standardmäßig ist der visuelle Editor aktiv, wenn Sie einen neuen Beitrag oder eine neue Seite erstellen (Seiten > Neue hinzufügen oder Beiträge > Neue hinzufügen). Wenn es zufällig nicht aktiv ist, klicken Sie darauf:
WYSIWYG bedeutet, dass das, was Sie beim Bearbeiten Ihres Beitrags im visuellen Editor sehen, auch im veröffentlichten Beitrag angezeigt wird. Der Texteditor ermöglicht Ihnen die Eingabe von reinem Text und ermöglicht Ihnen auch die direkte Eingabe von Code (HTML-Markup), als ob Sie mit der eigentlichen HTML-Datei arbeiten würden. Sie aktivieren es, indem Sie auf das Text Reiter ganz rechts im Editor:
Der Media Uploader macht genau das: lädt Mediendateien in die Mediathek hoch, damit Sie sie nach Belieben in Ihre Beiträge einfügen können:
Mit dieser kurzen Einführung in den leistungsstarken visuellen WordPress-Editor sehen wir uns nun an, wie Sie einige Tastenschaltflächen zum Erstellen und Bearbeiten von Inhalten verwenden können. Für die Illustrationen verwende ich das Blogger-Theme aus unserer Freebies-Sammlung.
Text hinzufügen
Als erstes starten Sie eine neue Seite oder einen neuen Beitrag und öffnen den visuellen Editor: Gehe zu Beiträge > Neue hinzufügen. Standardmäßig sehen Sie beim Erstellen eines neuen Beitrags eine komprimierte Symbolleiste:
Klicken Sie auf das Kitchen Sink-Symbol, um andere Formatierungsoptionen in der Symbolleiste anzuzeigen:
Für die grundlegende Inhaltserstellung und -verwaltung reichen die oben genannten Formatierungsoptionen aus. Selbst wenn Sie neu bei WordPress sind, werden die meisten Symbole aus anderen Texteditoren wie Microsoft Word bekannt sein. Tatsächlich erfüllen alle Symbole in der Symbolleiste des visuellen Editors dieselbe Funktion wie identische Symbole in Microsoft Word, daher habe ich die weniger bekannten herausgegriffen, die ich besprechen möchte.
Um Text hinzuzufügen, geben Sie einfach Ihren Inhalt in das Editorfenster ein. Manchmal ist Ihr Inhalt jedoch möglicherweise bereits irgendwo eingegeben und in diesem Fall können Sie ihn einfach als einfachen oder formatierten Text aus Word mithilfe dieser Schaltflächen in der Symbolleiste einfügen:
Die Verwendung dieser Route ist schnell und der visuelle Editor leistet gute Arbeit, um einen Großteil Ihrer Formatierung aus Word beizubehalten – zumindest besser als das standardmäßige Kopieren und Einfügen. Wie Sie jedoch bald feststellen werden, ist dies keine fehlerfreie Arbeit, und manchmal kann es vorkommen, dass Sie mit verstümmeltem Text enden. Ich finde, dass es viel einfacher ist, als Nur-Text einzufügen und dann die Formatierung im visuellen Editor vorzunehmen.
Entfernen Sie die Formatierung aus Ihrem Text
Wie wir gesehen haben oder Sie beim Experimentieren mit diesen Formatierungsschaltflächen sehen werden, weist der visuelle Editor Schwächen auf, wenn es darum geht, formatierten Text zu verarbeiten, der aus anderen Texteditoren importiert wurde. Sie werden also feststellen, dass es besser ist, mit einfachem alten Text zu arbeiten. Dies ist die Schaltfläche, die Sie verwenden sollten, um die Formatierung aus importiertem Text zu entfernen:
Markieren Sie Ihren Text und klicken Sie auf diese Schaltfläche. Ihr Text hat jetzt die Standardformatierung Ihres Designs. Beachten Sie, dass diese Schaltfläche für einige Formatierungstypen wie Blockquotes und Header nicht funktioniert. Es gibt andere Formatierungsschaltflächen, die sich um diese Typen kümmern.
Texttyp ändern
Sie werden in Ihrem Dokument mehrere Texttypen haben, einschließlich Absätzen und Überschriften. Um Ihren Texttyp zu ändern, markieren Sie den Textabschnitt, den Sie ändern möchten, und klicken Sie auf das Dropdown-Menü Format ganz links in der Symbolleiste des Editors. Wählen Sie das gewünschte Format und fertig:
Natürlich können Sie Ihre Beiträge nach Belieben formatieren, aber stellen Sie sicher, dass eine gewisse Struktur vorhanden ist, um die Konsistenz zu gewährleisten. Abschnittsüberschriften sollten beispielsweise das gleiche Überschriftenformat haben, wie z Überschrift 2, während die primäre Überschrift normalerweise ist Überschrift 1. Außerdem sollte Standard-Absatztext ein Standardformat haben, ebenso vorformatierte Texte und Adressen.
Denken Sie daran: Die Standardformate für die verschiedenen Texttypen hängen von Ihrem Thema ab. Jedes Thema hat sein eigenes Standard-Design für die Typen, die Sie in der Format-Dropdown-Box sehen.
Verwenden Sie die Absatz Geben Sie in das Dropdown-Feld ein, um die Formatierung von Kopfzeilen seit dem zu entfernen Formatierung entfernen Die Schaltfläche funktioniert nicht für Überschriften und Blockquotes.
Verwenden Sie die Blockzitat Schaltfläche zum Formatieren oder Entfernen der Blockquote-Formatierung:
Vollbildbearbeitung
Wenn Sie gerne mit minimalen Ablenkungen arbeiten, ist der Vollbildmodus ideal für Sie und wird über diese Schaltfläche aktiviert. Es schließt einfach alle nicht wesentlichen Dinge auf dem Bildschirm und lässt Sie nur mit dem Inhaltsfeld und einer komprimierten Symbolleiste zurück, die automatisch ausgeblendet und angezeigt wird, wenn Sie mit der Maus über die Seite fahren.
Weitere Tags einfügen
Obwohl dies eine oft übersehene Funktion des visuellen Editors ist, ist sie sehr nützlich, wenn es darum geht, Post-Auszüge in Ihrem Blog anzuzeigen. Wie Sie bereits wissen, zeigt WordPress, wenn Sie Beiträge in Ihrem Blog veröffentlicht haben, Auszüge dieser Beiträge auf der Startseite und den Archivseiten an. WordPress schneidet die Auszüge jedoch nach dem Zufallsprinzip ab und dies könnte mitten in einem Satz sein.
Hier sind die raffinierten Mehr einfügen Tag-Funktion ist praktisch. Damit können Sie genau angeben, wo der Auszug enden soll. Ein Link, der auf den vollständigen Beitrag verweist, wird dort eingefügt, wo Sie den Auszug zum Ende angegeben haben. Es gibt viele Möglichkeiten, dieses Tag zu formatieren, aber denken Sie daran, dass es standardmäßig nur für Beiträge (nicht für Seiten) funktioniert:
Hinweis: Die Verwendung der Mehr einfügen tag ist auf die Unterstützung Ihres gewählten Themes angewiesen. Die meisten sorgfältig entwickelten Themen unterstützen dies, einige jedoch nicht.
Links hinzufügen und entfernen
Das Einfügen und Entfernen von Links ist mit diesen Schaltflächen ebenfalls einfach. Sie sind standardmäßig inaktiv, bis Sie den Text markieren, für den Sie den Link erstellen möchten. Die linke Schaltfläche fügt einen Link hinzu, während die rechte Schaltfläche Links entfernt.
Spezielle Charaktere
Wenn Sie schon einmal die Sonderzeichenschaltfläche in Word verwendet haben, sollte dies ebenfalls bekannt sein. Dieser ist jedoch intuitiver, da er die HTML- und NUM-Codes eines Zeichens anzeigt, wenn Sie mit der Maus darüber fahren:
Wenn Sie ein regelmäßiger WordPress-Benutzer sind, sind Sie wahrscheinlich bereits mit den meisten Dingen vertraut, die wir oben betrachtet haben, aber für neue WordPress-Benutzer sollte dies eine praktische Einführung in den visuellen Editor in WordPress sein; seine Möglichkeiten ebenso wie seine Grenzen.
Ich würde auch gerne von Ihnen hören, wie Sie den visuellen Editor verwenden. Haben Sie Tipps oder Tricks, die Sie teilen möchten?