Sind es lediglich weniger Artikel, dann kann man im Bearbeitungsmodus der jeweiligen Artikeln und Seiten "zu Fuß" die Kommentarfunktion deaktivieren. Sind es aber mehrere hundert oder sogar tausende von Artikeln, dann muss eine andere Lösung her. Hier vier Lösungen für das Problem.

Die Code-Lösung

Einfach aus allen Template-Dateien die Einbindung des Kommentar-Templates

<?php comments_template(); ?>

entfernen. Je nach dem Theme befindet sich der obere Code in mehreren Dateien.

Die Massenbearbeitung

Eine weitere Möglichkeit ist die Massenbearbeitung. Begebe dich zu "Artikel" → "Alle Artikel" und klicke auf die die Checkbox links oben, siehe Abbildung:

Massenbearbeitung der Artikel (klick)

Durch den Klick auf die Checkbox markierst du alle Artikel, die auf der jeweiligen Übersichtsseite aufgelistet sind. Anschließend, darüber in der Auswahlliste "Bearbeiten2 auswählen und auf den den Button "Übernehmen" klicken. Anschließend wird das eingeblendet, was du in der oberen Abbildung siehst.

Bei dieser Lösung gibt es allerdings ein Problem. Es werden eben nur die Artikel bearbeitet, die aufgelistet werden. Standardmäßig sind das 20. Man kann zwar unter "Optionen einblenden" (der obere Pfeil in der Abbildung) die Anzahl erhöhen. Allerdings kann man hier nicht eine allzu hohe Zahl ein, da sonst der Browser in die Knie geht.

Kommentarfunktion nach x Tagen deaktivieren

Mann kann mit einer einfachen Einstellung auf allen bestehenden Artikeln die Kommentarfunktion schließen:

Kommentare schließen die älter als xy Tage sind

Wenn man als Wert 1 nimmt (Null funktioniert leider nicht), dann wird auf allen Artikeln, die älter als ein Tag die Kommentarfunktion deaktiviert. Diese Variante ist u.a. sehr interessant, wenn du für eine längere Zeit in Urlaub bist und nicht die Möglichkeit hast, die Kommentare zu prüfen. Weil so schnell wie du die Einstellung geändert hast, so schnell kannst du die auch wieder rückgängig machen.

Wenn du auch noch die Einstellung "Erlaube Besuchern neue Artikel zu kommentieren " deaktivierst, dann haben auch die zukünftigen Artikel die Kommentarfunktion nicht mehr.

Die Kommentarfunktion auch im Backend entfernen

Wem das alles nicht genug ist und wer auch im Backend (Admin-Bereich) die Kommentarfunktion nicht mehr haben möchte, der sollte sich das Plugin von Frank Bültge anschauen.

Related Posts:

• WordPress: Anzahl der Artikel, Kommentare, Plugins in der Übersicht erhöhen
• Neu in WordPress 3.1: Die Adminleiste
• Kommentatoren können Twitter-ID angeben
• WordPress installieren und sicherer machen
• Backend individuell(er) gestalten
• Zeitzone einstellen
• Kommentare vom Desktop aus moderieren

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

#123: Wie installiert man WordPress?

WordPress stellt sehr viele Template-Tags und Funktionen zur Verfügung. Das sind Code-Fragmente, die Inhalte aus der Datenbank ausgeben. Man könnte sie daher auch als "WordPress-Befehle" bezeichnen.

Eine Funktion mit dem Namen the_ID() gibt den nummerischen Wert des aktuellen Beitrags aus:

<h2>
<a href="<?php the_permalink() ?>">#<?php the_ID(); ?>: <?php the_title(); ?></a>
</h2>

Ich habe die relevante Code-Stelle hervorgehoben: #<?php the_ID(); ?>:. Wenn man das so in der passenden Template-Datei (single.php, index.php, category.php etc.) einbaut, dann bekommt man folgendes Ergebnis:

Bei dieser Nummerierung sollte man was anmerken, damit es nachher keine Missverständnisse gibt. Diese Nummerierung ist zwar fortlaufend, aber es könnte dennoch sein dass nach der Nummer 602 der nächste Artikel in der Überschrift 605 stehen hat, weil du zum Beispiel zwei Artikel angefangen hast, aber diese noch nicht veröffentlicht hast.

Jeder Beitrag, egal ob veröffentlicht oder nicht, bekommt eine feste Nummer zugewiesen. Und zwar unabhängig davon wann er veröffentlicht wurde, wichtig ist der Datum der Erstellung.

Das ist zwar einerseits ein Nachteil, aber auch ein großer Vorteil. Wenn du in der Zwischenzeit Artikel löschst, dann hat ein Artikel mit der Nummer 602 auch weiterhin die selbe ID. Wer dennoch eine kontinuierliche Zählung benötigt, der sollte sich mal den Code in diesem englischsprachigen Artikel anschauen.

Da bekommt man zwar eine "richtige" Zählung, aber wenn man Artikel löscht oder das Veröffentlichungsdatum ändert dann ändert sich auch die Nummerierung der jeweiligen Artikel.

Related Posts:

• Rezension von WordPress das Einsteigerseminar
• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress, Einsteigerseminar und Kindle
• Erstellen, Veröffentlichen, Moderieren mit WordPress 3.2 (4)
• Erstellen, Veröffentlichen, Moderieren mit WordPress 3.2 (3)
• Erstellen, Veröffentlichen, Moderieren mit WordPress 3.2 (2)
• Erstellen, Veröffentlichen, Moderieren mit WordPress 3.2 (1)

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Deswegen ist es wichtig, vorausgesetzt man möchte seine Reichweite erhöhen, dass man auch dort mit seinen Bloginhalten vertreten ist. Damit das nicht in zu viel Arbeit ausartet gibt es selbstverständlich Dienste, die einem dabei helfen. Einer dieser Dienste ist twitterfeed, hiermit kann man seine Blogartikel automatisch auch auf Twitter und/oder Facebook veröffentlichen.

Und das geht in nur 3 Schritten:

1. Feed anmelden

Seine Artikel sendet man an die sozialen Netzerwerke weiter, indem man seinen Feed bei twitterfeed anmeldet. Dafür muss man sich dort lediglich registrieren und den Anweisungen folgen.

Als erstes wählt man einen Namen für seinen Feed und gibt die Feed URL seines Blogs ein. Bei einer regulären WordPress-Installation lauet die Feed-URL der Artikel wie folgt:

http://www.mein-blog.de/feed/

An die URL wird ein feed dran gehängt.

2. Feed-Einstellungen

Unter dem Punkt "Advanced Settings" finden man noch einige Einstellungen zur Ausgabe der Feedinhalte. Dazu zählt u. a. die Angabe wie oft der Feed auf neue Inhalte geprüft werden soll, mit welchem Service Links gekürzt werden sollen. Außerdem kann man eine Liste mit Schlüsselwörtern anlegen, so dass nur Artikel mit oder ohne diese Schlüsselworte an Twitter und/oder Facebook weitergeleitet werden.

Wenn man sich unsicher ist, sollte man hier einfach alle Standardeinstellungen belassen.

Die einzige Einstellungen bei der ich zu einer Anpassung raten würde – sie ist aber nicht zwingend notwendig – ist der Punkt "Post Prefix". Hier kann man einen kurzen Text (höchstens 20 Buchstaben) eingeben, der vor dem importierten Feedeintrag erscheint. Somit wissen die Leser bei Twitter und/oder Facebook, dass es sich bei dem Beitrag um einen Artikel aus dem Blog handelt.

3. Zugriff gewähren

Im nächsten Schritt muss man dann noch twitterfeed den Zugriff auf die gewünschten Dienste autorisieren bzw. erlauben.

Es ist auch möglich mehrere Twitter- und/oder Facebook-Accounts mit den Feed-Inhalten zu füllen. Selbstverständlich kann man auch jederzeit eines der Ziele deaktivieren oder löschen, so dass die Bloginhalte nicht mehr automatisch auf anderen Plattformen publiziert werden.

Ist alles eingerichtet erhält man zudem eine Auflistung über die Anzahl der angeklickten Artikel, d. h. man kann überprüfen, ob seine Blogartikel auch bei Twitter und/oder Facebook "ankommen".

Neben Twitter und Facebook kann twitterfeed die Artikel auch an StatusNet und Hellotxt weiter leiten.

Related Posts:

• Die Ausgabe des WordPress-Feeds verzögern
• Tweets mit WordPress optisch ansprechend präsentieren
• Rezension von WordPress das Einsteigerseminar
• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress, Einsteigerseminar und Kindle
• Erstellen, Veröffentlichen, Moderieren mit WordPress 3.2 (4)
• Erstellen, Veröffentlichen, Moderieren mit WordPress 3.2 (3)

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Anzahl der Auflistungen in der Übersicht erhöhen

Die entsprechende Anzahl eingeben, auf Übernehmen und anschließend wieder auf Optionen einblenden klicken.

Related Posts:

• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress: Kurzfassungen in Suchergebnissen
• Adminleiste in WordPress 3.1 entfernen
• WordPress: mit Child Themes das Standardtheme anpassen
• WordPress und die Start-Ausrüstung
• Geplante Artikel auf dem WordPress-Dashboard anzeigen
• WordPress: Brotkrümelnavigation mit Breadcrumb NavXT

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Dies funktioniert logischerweise nur für den Benutzer, der die Adminleiste de- bzw. aktiviert hat. Will man für alle Nutzer die Adminleiste deaktivieren, dann muss man etwas tiefer in die Trickkiste greifen.

Über die style.css

Die einfachste, aber nicht unbedingt eleganteste Lösung ist es folgendes in die CSS-Datei zu notieren:

#wpadminbar {display:none;}

Die Adminleiste ist zwar noch immer da bzw. wird ausgeliefert, aber sie wird nicht im Browser angezeigt.

Als Plugin

Um die Adminleiste zu deaktivieren existieren momentan mehrere WordPress-Plugins:

• Admin Bar Removal
• Admin Bar Disabler
• Custom Admin Bar
• Hide/Remove Admin Bar
• Show/Hide WordPress Admin Bar

Anpassung der functions.php

Die eleganteste Lösung ist es folgenden Code in die functions.php zu notieren:

add_filter( ‘show_admin_bar’, ‘__return_false’ );

Related Posts:

• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress: Kurzfassungen in Suchergebnissen
• WordPress: Anzahl der Artikel, Kommentare, Plugins in der Übersicht erhöhen
• WordPress: mit Child Themes das Standardtheme anpassen
• WordPress und die Start-Ausrüstung
• Geplante Artikel auf dem WordPress-Dashboard anzeigen
• WordPress: Brotkrümelnavigation mit Breadcrumb NavXT

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Klar, man kann das Theme an den originalen Template-Dateien anpassen … aber spätestens beim nächsten Theme-Update, sind die Änderungen futsch.

Daher ist es sinnvoll die Änderungen und Anpassungen an Twenty Ten zukunftssicher anzulegen und hier kommt das Prinzip der Child-Themes zum Zuge. Mit Child Themes ("Kinder-Themes") kann man ein minimales Theme erstellen, welches sich auf ein Eltern-Theme "beruft" und wo nur die Abweichungen von dem Eltern-Theme notiert werden. Verstanden? Nö, kein Problem. Hier ein Beispiel.

Nehmen wir mal an, dir sagt das neue Standard-Theme bis auf ein paar kleine Details zu. Anstatt ein ganz neues Theme zu entwerfen oder an den originalen Template-Dateien zu werkeln erstellst du einfach einen neuen Themes-Ordner und benenne ihn einfach in verbesserungen um.

Erstelle innerhalb dieses Ordners eine CSS-Datei mit dem Namen style.css und füge dort folgenden einleitenden Kommentar ein:

/*
Theme Name:     Verbesserungen
Theme URI:      http://www.wordpress-buch.de
Description:    Verbesserungen an Twenty Ten
Author:         Vladimir Simovic
Author URI:     http://www.perun.net
Template:       twentyten
Version:        0.1
*/

Nun kommen wir zu den Erklärungen der einzelnen Punkte im einleitenden Kommentar:

• Theme Name: Name des Child Themes, diese Angabe ist notwendig.
• Theme URI: Website des Child Themes, diese Angabe ist optional.
• Description: Beschreibung des Kind-Themes, diese Angabe ist optional.
• Author URI: Die Website des Autors, diese Angabe ist optional.
• Author: Name des Autors, die Angabe ist optional.
• Template: Ordner-Name des Eltern-Themes. Achtung: es wird zwischen Groß- und Kleinschreibung unterschieden. Diese Angabe ist notwendig.
• Version: Die Versionsnummer des Child Themes.

Direkt hinter dem Kommentar musst du dann die CSS-Datei des Eltern-Theme importieren:

@import url("../twentyten/style.css"); 

Anschließend kannst du die CSS-Datei mit eigenen Angaben füllen. Lade den Ordner des Child Themes nach /wp-content/themes/ hoch. Wenn du jetzt Design → Themes aufrufst, dann kannst du das Child Theme aktivieren:

Das Child Theme aktivieren

Nach dem gleichen Prinzip habe ich das Standard-Theme von unseren beiden Projekten – Sicherer Babyschlaf und Geld verdienen im Web 2.0 – angepasst. Und so schaut die CSS-Datei (Auszug) des Child-Themes von unserer Website Geld verdienen im Web 2.0 aus:

/*
Theme Name:     Verbesserungen
Theme URI:      http://www.geld2null.de
Description:    Verbesserungen an Twenty Ten
Author:         Vladimir Simovic
Author URI:     http://www.perun.net
Template:       twentyten
Version:        0.1
*/
@import url("../twentyten/style.css");

/* Die Breiten des Titels und Slogans im Kopfbereich anpassen */
#site-title {width: 550px;}
#site-description {width: 22.5em;}

/* Die Sidebar verbreitern*/
#primary    {width: 270px;}
#content    {margin: 0 330px 0 20px;}
#container  {margin-right: -270px;}

Mit diesem Code-Beispiel habe ich zwei Fliegen mit einer Klappe erschlagen. Zum einen hast du eine zusätzliche Orientierung wie die CSS-Datei aufgebaut werden soll und hier werden auch zwei häufige Fragen beantwortet: "wie ändere ich die Breite des Slogans im Header und wie verbreitere ich die Sidebar?"

Anpassungen an anderen Template-Dateien

Das was ich bis jetzt beschrieben habe ist lediglich die Anpassung in der CSS-Datei. Auch WordPress-Anfänger haben damit ein recht mächtiges Werkzeug um das Standard-Theme an ihre Bedürfnisse anzupassen. Aber das ist natürlich nicht alles.

Dir passt die header.php, footer.php oder single.php nicht. Kein Problem. Kopiere die originalen Dateien in das Verzeichnis des Child Themes und passe sie an deine Bedürfnisse an. hast du etwas an der Hauptdatei (index.php) auszusetzen, dann kopiere sie in das neue Verzeichnis und benenne sie in loop-index.php um und dann kannst du auch dort deine gewünschten Änderungen vornehmen.

Will man noch weiter anpassen, dann empfehle ich den Artikel vom Kollegen Frank Bültge.

Hinweis: wenn du in deinem Child-Theme eine functions.php einbaust, dann bedenke, dass im Gegensatz zu den Angaben in der style.css die Angaben in deiner functions.php die Angaben in der functions.php des Eltern-Themes nicht überschreiben. Die Angaben in deiner functions.php werden hinzugefügt, wobei man auch bedenken sollte dass sie sogar noch vor der functions.php des Eltern-Themes geladen wird.

Related Posts:

• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress: Kurzfassungen in Suchergebnissen
• WordPress: Anzahl der Artikel, Kommentare, Plugins in der Übersicht erhöhen
• Adminleiste in WordPress 3.1 entfernen
• WordPress und die Start-Ausrüstung
• Geplante Artikel auf dem WordPress-Dashboard anzeigen
• WordPress: Brotkrümelnavigation mit Breadcrumb NavXT

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Eine weitere Fehlerquelle sind falsche Pfadangaben in Einstellungen → Mediathek. In der Regel lässt man hier einfach die Standardeinstellung (wp-content/uploads) stehen.

Die dritte Fehlerquelle ist die Nutzung von falschen Bildformaten. Für die Nutzung im Web empfehlen sich die drei Hauptformate: JPG bzw. JPEG für Bilder mit fotografischen Elementen und GIF oder besser PNG für den Rest. Das ist jetzt durchaus eine grobe Definition, aber gültig. Und auch wenn es sich ähnlich anhört wie GIF ist TIF das falsche Bildformat für den Einsatz im Web und somit auch für WordPress.

Man kann zwar Bilder als TIF hochladen und auch im Artikel verlinken, aber WordPress wird dabei keine Vorschaubilder generieren und die Bilder sind auch nicht im Browser darstellbar so das, wenn man sie innerhalb des HTML-Dokuments einbindet, der Eindruck entsteht "ich habe das Bild hochgeladen und eingebunden, aber es ist nicht da".

Related Posts:

• Die Archivseite von WordPress aufhübschen
• WordPress will kein Miniaturbild erstellen
• Die Bildbearbeitungsfunktion von WordPress sinnvoll nutzen
• Bilder aus der Mediathek in eine Galerie einfügen
• Bilder beschriften – reloaded
• Eine WordPress-Galerie anpassen
• Bilder beschriften in WordPress

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Ergänzen würde ich das ganze noch um den Hinweis auf folgenden Artikel von uns: WordPress-Themes erstellen: was brauche ich dafür? und auf die zwei WordPress-Workshops, die wir für Anfänger und Fortgeschrittene auf akademie.de anbieten:

• (Klassische) Websites mit WordPress als CMS
• Wie man eigene WordPress-Themes erstellt
• Beide Workshops im Paket und einem Rabatt

Related Posts:

• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress: Kurzfassungen in Suchergebnissen
• WordPress: Anzahl der Artikel, Kommentare, Plugins in der Übersicht erhöhen
• Adminleiste in WordPress 3.1 entfernen
• WordPress: mit Child Themes das Standardtheme anpassen
• Geplante Artikel auf dem WordPress-Dashboard anzeigen
• WordPress: Brotkrümelnavigation mit Breadcrumb NavXT

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Bei einer WordPress-Installation in der man nämlich die Artikelnamen in der Permalinkstruktur ausgibt, werden diese nicht "entschärft", sie fallen einfach unter den Tisch. So wird aus dem Artikel: "Viele Grüße aus Köln" die Permalinkstruktur

…/viele-gruse-aus-koln

Möchte man eine Permalinkstruktur haben, die auch Umlaute korrekt umsetzt, muss man auf ein Plugin zurückgreifen. Die Permalinkstruktur mit einem entsprechenden Plugin sähe dann so aus:

…/viele-gruesse-aus-koeln

Wenn man nun im offiziellen Plugin-Verzeichnis von WordPress nach dem Begriff "umlaute" sucht erhält man derzeit (Stand: 1. Februar 2011) 17 Ergebnisse, von denen leider nicht alle relevant sind. Auf den ersten Blick scheinen mir nur die ersten drei Treffer relevant zu sein:

• WP Permalauts
• wp-cleanumlauts2
• German Slugs

Ich selbst nutze meistens WP Permalauts, bei dem man auch einstellen kann, dass Kategoriebezeichnungen von dieser Umwandlung ausgeschlossen werden sollen.

Nicht im offiziellen Verzeichnis ist zudem der Oldie: German Permalinks von Scott Hanson, dass man sich z. B. bei perun.net herunterladen kann.

Achtung: Die meisten Plugins, um die Problematik der Umlaute zu entschärfen müssen vor (!) dem Erstellen eines Artikels installiert und aktiviert sein. Sie haben keinerlei Einfluss auf bereits veröffentlichte Artikel.

Transliterado

Transliterado

Wenn man es etwas internationaler mag oder benötigt, dann sollte man sich unbedingt das Plugin Transliterado anschauen. Hiermit kann man zum Beispiel auch die Sonderzeichen aus dem schwedischen entschärfen.

Der besondere Clou bei diesem Plugin ist außerdem, dass es auch die URL-Formen älterer Artikel- und Seitentitel ändern kann. Möglich ist diese nachträgliche Änderung sogar auch bei Schlagwörtern und Kategorien. Bei diesen letzten zwei URL-Formen sollte man allerdings mit einer nachträglichen Änderung vorsichtig sein, da hier keine automatische Weiterleitung von der alten auf die neue Form erfolgt.

Related Posts:

• Eine Sitemap mit Hilfe eines WordPress-Plugins erstellen
• Nie mehr etwas vor der Veröffentlichung eines WordPress-Artikels vergessen
• Achtung: Umlaute Revolutions
• Umlaute entschärfen – Reloaded
• Drei Wege zu einem neuen Plugin
• Texte im Frontend von WordPress editieren
• Zusätzliche Quicktags auch im Visuellen Editor nutzen

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

• Die Werkzeugleiste (Formatierungsleiste) des Visuellen Editors in WordPress
• Die Quicktags des HTML-Editors von WordPress

Aber welchen soll man nun nutzen? Wo liegen die Vorteile und/oder Nachteile des einen und des anderen?

Eine persönliche Anmerkung von mir vorneweg: Ich denke es gibt kein "Du musst den xyz-Editor nutzen." Beide Editoren haben ihre Vorteile, beide ihre Nachteile und schlussendlich hängt es – wie so oft – von der Person vor dem Computer ab welcher Editor genutzt wird. Die Qualität eines Artikels ist unabhängig davon welcher Editor beim Verfassen benutzt wurde. Deswegen versuche ich die folgenden Vor- und Nachteile möglichst objektiv darzustellen.

Die Arbeit mit dem HTML-Editor

Nutzer mit HTML-Kenntnissen würde ich immer zur Arbeit im HTML-Editor raten. Hier hat man die größtmögliche "Kontrolle" über den Text. Durch die Arbeit auf der Quelltextebene sieht man direkt was geschieht und wie gekennzeichnet (getagged) wird. Die auf den ersten Blick geringe Anzahl von Quicktags, die einem standardmäßig zur Verfügung stehen, reichen völlig aus um einen Artikel zu schreiben und einzelne Textabschnitte zu formatieren.

Das Formatieren von Textausrichtung, Textfarbe und ähnlichem gilt bei Online-Texten (im Normalfall) als unnötige Spielerei, ist also nicht notwendig. Die Quicktagleiste des HTML-Editors beinhaltet alles notwendige.

Will man innerhalb eines Beitrages zum Beispiel Javascripte einbinden oder spezielle HTML-Elemente, wie zum Beispiel iframes, einfügen, dann kommt man um den HTML-Editor kaum herum. Siehe dazu auch den Artikel WordPress: HTML-Code in Artikeln einbinden.

Die Arbeit mit dem Visuellen Editor

Die Arbeit mit dem Visuellen Editor, den man auch als "WYSIWYG"- Editor bezeichnen kann bietet sich vor allen Dingen für Nutzer an, die noch nie oder sehr wenig Erfahrung mit HTML haben. Das Nutzen des HTML-Editors kann dann zu einer unnötigen Verunsicherung führen. Es sei jedoch allen gesagt: HTML ist wirklich nicht schwierig und die wenigen Tags, die man im HTML-Editor nutzt, hat man ganz schnell gelernt. Versprochen!

Einsteigern in die Materie möchte ich die Website SELFHTML ans Herz legen.

Auf eigenen/internen Inhalt verlinken

Oben habe ich ja schon erwähnt, dass der Visuelle Editor (meiner Meinung nach) einige Buttons bzw. Funktionen enthält, die nicht besonders sinnvoll sind im Zusammenhang mit Online-Texten. Es gibt allerdings zwei Funktionen, die nur hier zur Verfügung stehen und um die ich die Nutzer des Visuellen Editors immer beneide:

1. Das Einfügen von Sonderzeichen geht mit einem bzw. zwei Klicks. Einfach auf den dazugehörigen Button klicken und das gewünschte Sonderzeichen auswählen.
2. Formatierten Text kann man wunderbar über den entsprechenden Button einfügen und erspart sich somit lästige Formatierungsarbeit.

In Zukunft (mit der WordPress-Version 3.1) kommt sogar noch eine dritte Funktion dazu:

3. Der Button "Link einfügen/ändern" enthält dann die zusätzliche Möglichkeit auf eigenen Inhalt zu verlinken.

Wie das genau geht, habe ich in dem Artikel Neu in WordPress 3.1: Interne Verlinkung beschrieben.

Fazit

Wie eingangs schon beschrieben. Welchen Editor man nutzt muss man schlussendlich selbst entscheiden. Es hängt sicherlich vom Wissens- bzw. Kenntnisstand bzgl. HTML ab.

Aufpassen muss man nur wenn man einen Artikel verfasst und dann zwischen den beiden Editoren hin und her schaltet. Da kann es nämlich passieren, wenn man z. B. Code-Beispiele eingefügt hat, dass diese dann "ausgeführt" bzw. interpretiert werden. Um diese Gefahr auszuschließen empfiehlt es sich Nutzern, die den HTML-Editor nutzen, im Profil den Visuellen Editor zu deaktiveren.

Ich würde mich freuen, wenn ihr mir (in den Kommentaren) erzählt welchen Editor ihr nutzt und warum.

Related Posts:

• Den Visuellen Editor von WordPress per Plugin erweitern
• Zusätzliche Quicktags auch im Visuellen Editor nutzen
• Die Quicktags des HTML-Editors von WordPress
• In WordPress die Quicktags und Buttons des Editors erweitern
• Neu in WordPress 3.2: Überarbeitetes Backend
• Texte im Frontend von WordPress editieren
• Die Werkzeugleiste (Formatierungsleiste) des Visuellen Editors in WordPress

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Bookmarklet speichern

Allen denen, die noch nicht wissen was ein Bookmarklet genau ist empfehle ich als kurzen Exkurs den Artikel Was sind Bookmarklets bzw. Favlets? Dort hat Perun kurz und prägnant beschrieben worum es sich dabei handelt und wofür sie gut sind.

Aber zurück zum Thema. Im Falle von "Press This" handelt es sich um ein Bookmarklet, welches es einem ermöglicht Artikel für einen WordPress-Blog zu verfassen, ohne dass man sich selbst in bzw. auf der Administrationsoberfläche befindet. Das Bookmarklet erlaubt es einem zudem besonders einfach und schnell Zitate, Bilder etc. von einer Website für den eigenen Artikel zu übernehmen bzw. diese einzubinden.

Wie funktioniert das ganze nun?

Vorbereitung

Um das Bookmarklet nutzen zu können, muss man den Link, der sich im Bereich "Werkzeuge / Werkzeuge" befindet, seinen Lesezeichen hinzufügen. Dafür zieht man ihn entweder auf seine Lesezeichenleiste oder man wählt die entsprechende Option über einen Rechtsklick auf dem Link aus.

Das Bookmarklet starten

Um das Bookmaklet bzw. die Funktion "Press This" zu starten klickt man nun einfach das Lesezeichen an und es öffnet sich ein Browserfenster, in dem man bequem einen Artikel erstellen kann – Voraussetzung ist, dass man in seinem Blog angemeldet ist. Falls nicht, muss man sich zuerst einloggen.

Press This-Fenster

"Press This" nutzen

Das Fenster für den Schnellbeitrag beinhaltet alles, was man zum Erstellen eines Artikels benötigen:

• Editor (sowohl der Visuelle, wie auch der HTML-Editor stehen zur Verfügung)
• Hinzufügen von Bildern und Videos
• Kategorie auswählen
• Schlagwörter hinzufügen
• Speichern- und Publizieren-Button

Das Schreiben von Artikeln wird zudem dadurch erleichtert, dass WordPress schon Informationen von der Seite in den Editor einfügt, auf der man sich befindet, wenn man das Bookmarklet aktiviert bzw. das "Press This"-Lesezeichen angeklickt hat. Für einen reinen Textbeitrag wird als Titel der Titel der aktuell besuchten Website und als Text der verlinkte Titel der Seite automatisch eingetragen.

Bilder einfügen

Noch interessanter wird das Bookmarklet, wenn man Bilder von der aktuell besuchten Seite in seinen Artikel einfügen möchten. Dazu muss man auf den Button "Ein Bild einfügen" klicken (oben rechts über dem Editor) und WordPress zeigt einem dann automatisch eine Übersicht aller Bilder an, die sich auf der Seite befinden.

Ein Bild einfügen

Zum Einfügen eines Bildes klickt man einfach das gewünschte Bild an, gibt noch eine Beschreibung ein und wählt anschließend "Bild einfügen". Zusätzlich dazu hat man auch die Möglichkeit, über den Link "Von URL hinzufügen +" eine externe Bildadresse einzugeben. Außerdem ist es möglich, das gewünschte Bild einfach per "Drag & Drop" bzw. "Klicken & Ziehen" in den Artikel einzufügen.

ACHTUNG: Bitte denkt daran, dass es Beschränkungen bei der Verwendung fremder Bilder gibt; Stichwort: Hotlinking und Urheberrecht. Das "Press This"-Bookmarklet lädt keine Bilder auf den eigenen Server hoch, sondern verlinkt diese lediglich!

Videos einfügen

Auf die gleiche Weise wie Bilder werden auch Videos in neu erstellte Artikel eingefügt. Einfach auf den Button "Ein Video einbinden" klicken. Wenn man sich auf einer Seite befindet, die einen Einbettungscode für Videos beinhaltet (z. B. YouTube), wird oberhalb der Textbox der Embed-Code angezeigt. Diesen kann man mit einem Klick auf den Button Video einfügen, in seinen Artikel einbinden.

Zitate einfügen

Möchte man von der besuchten Seite zitieren, so ist der einfachste Weg, den gewünschten Textabschnitt zu markieren und dann das "Press This"-Lesezeichen anzuklicken. Der markierte Text wird dann automatisch in das Textfeld eingefügt, man muss ihn lediglich noch als solchen formatieren.

Das veröffentlichte Zitat erscheint dann nach dem Publizieren auf deiner Website und man muss sich um eine Verlinkung zur Quelle o. Ä. keine Sorgen machen.

Von einer Website zitieren

Selbstverständlich hat man auch die Möglichkeit, einen Artikel zu Speichern, so dass er nicht direkt veröffentlicht wird. Man kann ihn dann zu einem späteren Zeitpunkt über das Menü "Artikel / Artikel" oder das Modul "Aktuelle Entwürfe" auf dem Dashboard in WordPress aufrufen, überarbeiten und ggfs. veröffentlichen.

Über den Link oben rechts im "Press This"-Fenster (Name des eigenen Blogs) gelangt man übrigens genau dort hin. Zu seinem eigen Blog

Ein kleiner Hinweis am Schluss: Zwischen den zwei Editor-Modi (Visuell und HTML) kann man übrigens durch einen Klick auf den Reiter umschalten.

Related Posts:

• Das WordPress-Bookmarklet "Press This" pimpen
• Nie mehr etwas vor der Veröffentlichung eines WordPress-Artikels vergessen
• Die Quicktags des HTML-Editors von WordPress
• Geplante Artikel auf dem WordPress-Dashboard anzeigen
• Wie stellt man die ältere Version eines WordPress-Artikels wieder her?
• Worin unterscheiden sich WordPress-Artikel von WordPress-Seiten?
• Die Werkzeugleiste (Formatierungsleiste) des Visuellen Editors in WordPress

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Plugin: AddQuicktag

Speziell für den HTML-Editor und dabei auch noch sehr flexible ist das Plugin, das ich im Folgenden vorstellen möchte.

Mit dem Plugin AddQuicktag (von Frank Bültge) hat man die Möglichkeit über eine logisch aufgebaute Benutzeroberfläche die benötigten Codeschnipsel für neue Quicktags einzugeben. Diese Oberfläche befindet sich nach der Installation im Menüpunkt "Einstellungen/AddQuicktag":

neue Quicktags eingeben

Die Vorgehensweise ist dabei ziemlich simpel. In die erste Spalte gibt man den Namen für den Button ein, also das was später auf der Quicktag-Leiste erscheinen soll. In der zweiten Spalte kann man einen Text eingeben, der erscheint wenn man mit der Maus über den Button fährt. In der dritten Spalte gibt man dann den startenden Tag ein, danach in der vierten Spalte den schließenden Tag. Gibt es keinen schließenden Tag lässt man das entsprechende Feld einfach leer. Ein kleines Beispiel: für einen Button mit den Tags einer Überschrift <h3></h3> gibt man folgendes ein:

1. h3
2. Überschrift 3 (optional)
3. <h3>
4. </h3>

Und schon hat man nachdem man diese Angaben mit dem Button "Einstellungen aktualisieren" bestätigt hat einen neuen Button im HTML-Editor. So eine "erweiterte" Quicktag-Leiste könnte dann so aussehen:

erweiterte Quicktag-Leiste

Plugin: WYSIWYG Button Manager

WYSIWYG Button Manager

Möchte man die Buttons des Visuellen Editors erweitern greift man am besten auf das Plugin WYSIWYG Button Manager zurück. Ursprünglich ist das Plugin gedacht dafür, wenn man Den WYSIWYG-Editor für einzelne Benutzer anpassen kann, aber das schließt natürlich nicht aus, dass man diese Anpassungen nur für sich alleine vornimmt.

Der WYSIWYG-Manager befindet sich nach der Installation im Menü "Werkzeuge". Dort muss man zunächst einmal die Standardwerkzeugleiste kopieren. D. h. man klickt oben links auf den Link "Copy". Nun hat man im unteren Teil des Fensters die Möglichkeit eine neue Werkezugleiste zusammenzustellen, die man am besten ausdrucksstark benennt und die insgesamt 3 Reihen umfassen kann.

Auswählen kann man dabei aus den "Allowed MCE buttons", die man dann in die entsprechenden Reihen einträgt. Nach dem Speichern (Button: save_panel) kann man die neu erstellte Menüleiste nun im oberen Teil einem Benutzer zuweisen.

So kann man zwar keine eigenen Buttons definieren, aber man kann sich im vorgegebenen Rahmen eine eigene Menüleiste zusammen zimmern.

Quicktags anpassen ohne Plugin

Die quicktags.js anpassen

Selbstverständlich kann man auch die Quicktags des HTML-Editors anpassen ohne ein Plugin zu bemühen. Man muss halt nur die entsprechende Datei bearbeiten und ist damit natürlich sehr flexibel. Wie das genau geht hat Perun schon einmal im Artikel Die Quicktags anpassen beschrieben.

Das Add-on BBCode für Mozilla nutzen

Wer eine Lösung sucht, die unabhängig von WordPress ist, der sollte sich das Mozilla-Addon BBCode anschauen. Mit Hilfe dieses Add-ons kann man nicht nur – wie es der Name des Addons impliziert – Texte in Foren formatieren, sondern man kann auch auf HTML-Tags zugreifen. Außerdem hat man auch hier die Möglichkeit eigene Tags anzulegen. Näheres dazu gibt es in dem Artikel BBCode für Mozilla von Perun.

Related Posts:

• Den Visuellen Editor von WordPress per Plugin erweitern
• Zusätzliche Quicktags auch im Visuellen Editor nutzen
• Welchen WordPress-Editor soll man nutzen? Visuell oder HTML?
• Die Quicktags des HTML-Editors von WordPress
• Neu in WordPress 3.2: Überarbeitetes Backend
• Plugins
• WordPress-Plugins updaten

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Um diese Funktionalität zu erreichen reicht es wenn man in der functions.php folgenden Code einfügt:

add_custom_background();

Sollte dein WordPress-Theme noch nicht über eine functions.php verfügen, dann erstelle eine im Texteditor und füge den oberen Code zwischen den PHP-Tags ein:

<?php add_custom_background(); ?>

Nach dem man die functions.php hochgeladen hat, gibt es im Admin-Bereich unter dem Menüpunkt Design einen neuen Unterpunkt mit dem Namen Hintergrund. Wenn man diesen aufruft, dann bekommt man zwei Formularfelder zu sehen:

Hintergrundbild oder -farbe anpassen

Wenn man hier ein Bild als Hintergrund einbindet, dann bekommt man auch zusätzlich die Möglichkeit, das Hintergrundbild zu positionieren (links, zentriert oder rechts), kacheln zu lassen (nein oder ja, nur horizontal oder nur vertikal) und ob das Bild mitscrollt oder fixiert wird.

Hintergrundbild positionieren und einrichten

Bei dem Upload des Bildes wird auf die gleiche Funktion zurückgegriffen, wie wenn man innerhalb eines Artikels ein Bild hochlädt und einbindet: das Hintergrundbild befindet sich im gleichen Upload-Ordner wie die Artikelbilder und ist auch in der Mediathek einsehbar.

Möchte man die Hintergrundfarbe anpassen, dann kann man den hexadezimalen Farbwert direkt eintragen – dabei wird auch die Kurzschreibweise unterstützt – oder auf die Hilfe des Farbrades zurückgreifen.

Hintergrundfarbe anpassen

Die Änderungen die man hier durchführt werden dann als CSS-Block innerhalb von <head></head> eingefügt.

Related Posts:

• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress: Kurzfassungen in Suchergebnissen
• WordPress: Anzahl der Artikel, Kommentare, Plugins in der Übersicht erhöhen
• Adminleiste in WordPress 3.1 entfernen
• WordPress: mit Child Themes das Standardtheme anpassen
• WordPress und die Start-Ausrüstung
• Geplante Artikel auf dem WordPress-Dashboard anzeigen

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Aufpassen muss man lediglich, weil es unterschiedliche Tastaturkürzel gibt, abhängig davon welchen Editor man nutzt. Außerdem decken die Tastaturkürzel unterschiedliche Sachen ab.

Tastaturkürzel im HTML-Editor

Tastaturkürzel im Visuellen Editor

Zwischen den Editoren (HTML und Visuell) kann man übrigens mit den Tastenkombination Alt+Shift+e hin und her schalten.

Noch kurz erwähnt

Kleiner Hinweis am Rande: durch das ganze Testen hatte ich auf einmal die englische Tastaturbelegung (QWERTY) geladen. Das geht nämlich auch ganz schnell mit einem Tastaturkürzel Shift + Alt. Mit dem gleichen Kürzel lädt man aber auch wieder die deutsche Tastaturbelegung (QWERTZ)

Related Posts:

• Die Werkzeugleiste (Formatierungsleiste) des Visuellen Editors in WordPress
• Neu in WordPress 3.2: Überarbeitetes Backend
• WordPress 3.2: schöner Schreiben
• Ausblick auf WordPress 3.2
• Neu in WordPress 3.1: Dies und Das – was sonst noch war
• Texte im Frontend von WordPress editieren
• Den Visuellen Editor von WordPress per Plugin erweitern

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)

Werkzeugleiste ein-/ausblenden

Einfach auf den "bunten" Button ganz rechts, in der ersten Zeile des Editors klicken oder die Tastenkombination Alt+Shift+Z betätigen.

Related Posts:

• 12 Dinge, die das Schreiben mit WordPress bequemer machen
• WordPress: Kurzfassungen in Suchergebnissen
• Neu in WordPress 3.2: Überarbeitetes Backend
• WordPress: Anzahl der Artikel, Kommentare, Plugins in der Übersicht erhöhen
• Adminleiste in WordPress 3.1 entfernen
• WordPress: mit Child Themes das Standardtheme anpassen
• WordPress und die Start-Ausrüstung

Wir im Web: Twitter – Facebook – XING – perun.net – Webwork-Tools – Geld 2.0

Premium WordPress-Themes und WordPress-Plugins

Blog unterstützen: Flattr –– Unsere Bücher –– WordPress: kostenloses Redaktionshandbuch (144 Seiten)