Untertitel

Zeitungen setzen neben der eigentlichen Überschrift oft noch einen Untertitel, was sich auch problemlos ins Netz übertragen lässt. Hier zwei Beispiele, oben eine Schweizer Online-Zeitung, unten ein professioneller Medienblog. Ihr seht: Solche Untertitel informieren nicht nur, sie unterhalten auch.

Nun ist meine Frage: Wie lassen sich Untertitel in WordPress realisieren?

Lösungsansätze gibt es wahrscheinlich haufenweise. Die einfachste Möglichkeit ist zum Beispiel, einfach den Titel des Beitrags etwas umzugestalten. Schreibt man nämlich im Editor <small>Web 2.0:</small><br />Weblogs werden immer populärerer, hat man schon einen simplen Untertitel gestaltet. Gratuliere! Beim Permalink werden HTML-Tags übrigens entfernt, nur im Adminbereich sieht man, was die Autoren wieder angestellt haben.

1. Valider Code

   Bestimmt das Wichtigste bei einem Theme: Um die Validität einer Website zu prüfen, geht man am besten auf w3.org. Hier die wichtigsten Links:

   • CSS Validation: http://jigsaw.w3.org/css-validator/
   • (X)HTML Validation: http://validator.w3.org/
   • RSS/Atom Validation: http://validator.w3.org/feed/
2. Live Demo

   Würdest du ein Theme downloaden, ohne es vorher zu testen? Also ich nicht und du sicher auch nicht. Deshalb ist es wichtig, dass der Besucher das Theme, welches man veröffentlicht, auch vorher testen kann. Ein Screenshot reicht eben nie wirklich...

3. Minimum an benötigten Plugins

   Es ist gut, wenn ein Theme verschiedene Plugins unterstützt, ohne dass man irgendwelche Anpassungen tätigen muss. Schlecht wird es nur dann, wenn man effektiv ein Plugin benötigt, um ein Theme zum Laufen zu bringen. Merke dir: Benutze so wenig Plugins wie möglich.

4. Browserkompatibilität

   Beim Webdesign geht es heute (leider) auch darum, dass das fertige Layout in jedem Browser gleich aussieht. Es empfiehlt sich manchmal auch der Einsatz von CSS Frameworks, die insgesamt eine hohe Browserkompatibilität aufweisen. Sollte zum Beispiel der Internet Explorer nicht das anzeigen, was man möchte, kann man ein spezielles Stylesheet einbinden, welches nur der IE erkennt:

   
   <!--[if lt IE 7]>
   	<link rel="stylesheet" href="http://wp-magazin.ch/wp-content/themes/tma/ie.css"
   	type="text/css" media="screen, projection">
   <![endif]-->

   Und falls man nicht immer gleich jedes Betriebssystem und jeden Browser zur Hand hat, kann man mit Services wie http://www.browsershots.org/ Screenshots des Themes machen, um zu sehen, wie es in dem und in dem Browser aussieht.

5. Kein Hard Coding

   Unter Hard Coding versteht man das direkte Einfügen von Daten, auch wenn diese von einer externen Quelle (Datenbank) geholt werden könnten. Es ist besser, wenn du die Auflistung der Seiten mit den von WordPress gegebenen Funktion erledigst, anstelle jedem Blogger zuzumuten, selber die Links anzupassen.So listet man alle Seiten unter WordPress auf:

   <?php wp_list_pages('title_li='); ?>

   Eine zusätzliche Lösung könnte auch das hier sein:

   <ul>
   <li><a href="<?php bloginfo('home'); ?>">Home</a></li>
   <?php wp_list_pages('title_li='); ?>
   <li><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
   <li><a href="mailto:<?php bloginfo('admin_email'); ?>">Contact</a></li>
   </ul>
   

   Hier werden nämlich zusätzlich zu den Seiten noch ein Link zur Startseite sowie ein Verweis auf den RSS Feed eingebunden. Diese Lösung ist auch möglich, da man hier nie den Link verändern muss.

6. Navigation

   Das Wichtigste beim Blog ist natürlich die Navigation durch die verschiedenen Beiträge. Könnte man nicht auf Vor und Zurück klicken, käme man natürlich nicht von der Startseite weg. Natürlich dürfen diese Links nicht fehlen! So bindet man sie in WordPress ein:

   <?php posts_nav_link(); ?>

7. Feed verlinken

   Es ist wichtig, dass man irgendwo im Theme auf den RSS Feed verlinkt. Am besten im Header und gut deklariert. Beispiel gefällig?

   <a href="<?php bloginfo('rss2_url'); ?>" title="RSS Feed">RSS Feed</a>

8. Screenshots

   Egal für wen du dein Theme erstellst, für die breite Masse oder für deinen Kumpel: Mache Screenshots. Denn spätestens WordPress verlangt einen Screenshot in der Design-Rubrik des Backends, damit man sieht, wie welches Theme aussieht. Zudem kann man damit noch bevor man überhaupt entscheidet, die Demo anzusehen oder nicht, sehen, wie das Theme aussieht.

9. Farbwahl

   Die Farbkombination ist das A und O eines Webdesigns. Gib dir Mühe und vor allen Dingen nimm dir Zeit bei der Auswahl einer Farbpalette. Übrigens: Eine gute Farbkombination finde ich immer wieder auf COLOURlovers.com :-)

10. Angaben zum Theme in der style.css

    Damit WordPress weiss, um welches Theme es sich handelt und wie es aussieht, verlangt es ein paar Daten vom Autor des Themes. Diese Angaben sind in der Datei style.css zu hinterlegen. So muss es dann aussehen:

    /*
    Theme Name: XY
    Theme URI: http://wp-magazin.ch/url-zum-theme/
    Description: Schönes Theme mit drei Spalten. Die Beschreibung sollte übrigens nicht zu kurz sein.
    Author: Max Mustermann
    Author URI: http://wp-magazin.ch/
    Version: 1.0
    */

Alles was man dazu braucht ist eine zusätzliche Kategorie wie etwa Asides oder Sideblog. Für den Blog im Blog muss man auch die Beitragsschlaufe (Loop) ein wenig modifizieren, um das mehrmalige Erscheinen eines Beitrags, sprich Double Content, zu vermeiden.

Änderungen im Theme

Der Code, den ich in den nächsten Zeilen präsentieren werde, basiert teilweise auf dem Theme The Morning After, welches zur Zeit auch hier im Einsatz ist. Es bringt nämlich von Haus aus eine sehr gute und trotzdem einfache Implementation eines Sideblogs mit sich. Das Grundgerüst für ein Sideblog ist folgendes:

<ul>
	<?php $the_query = new WP_Query('category_name=asides&showposts=6&orderby=post_date&order=desc');
	while ($the_query->have_posts()) : $the_query->the_post();
	$do_not_duplicate = $post->ID; ?>
	<li><?php echo strip_tags(get_the_content(), '<a>'); ?> <a href="<?php the_permalink(); ?>"
	rel="bookmark" title="Permanenter Link zu <?php the_title(); ?>">#</a></li>
	<?php endwhile; ?>
</ul>

Wie man unschwer erkennen kann, kreieren wir einen neuen Query, also eine zusätzliche Loop. Dabei geben wir der Funktion WP_Query diverse Parameter mit:

• category_name bezeichnet die Kategorie, von der die Beiträge ausgelesen werden. Hier muss sie klein geschrieben werden.
• showposts gibt die Anzahl Beiträge an, die maximal angezeigt werden.
• orderby gibt an, wie die Beiträge sortiert werden. Sinnvollerweise verwenden wir das Datum
• order gibt die Reihenfolge an. Soll der neuste Beitrag zuoberst sein, wird desc eingegeben. Ansonsten asc.

Weitere Informationen zur Klasse WP_Query findet man im WordPress Codex.

Double Content verhindern

In unserem Blog haben wir jetzt zwei Schleifen. Die eine ist unsere neue Schleife für den Sideblog, die andere ist die standardmässige Loop, welche auch die Asides-Beiträge beinhaltet. Das wollen wir jetzt ändern. Als Beispiel nehme ich hier das Default-Theme (Kubrick), welches in jeder WordPress-Version dabei ist:

Vorher:

<div id="content" class="narrowcolumn">

<?php if (have_posts()) : ?>

	<?php while (have_posts()) : the_post(); ?>

		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><a href="<?php the_permalink() ?>" rel="bookmark"
			title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
			<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

			<div class="entry">
				<?php the_content('Read the rest of this entry »'); ?>
			</div>

			<p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?>
			Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>
			<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
		</div>

	<?php endwhile; ?>

	<div class="navigation">
		<div class="alignleft"><?php next_posts_link('« Older Entries') ?></div>
		<div class="alignright"><?php previous_posts_link('Newer Entries »') ?></div>
	</div>

<?php else : ?>

	<h2 class="center">Not Found</h2>
	<p class="center">Sorry, but you are looking for something that isn't here.</p>
	<?php include (TEMPLATEPATH . "/searchform.php"); ?>

<?php endif; ?>

</div>

Nachher:

<div id="content" class="narrowcolumn">

<?php if (have_posts()) : ?>

			<?php $the_query = new WP_Query('cat=-99,&showposts=10&orderby=post_date&order=desc');
			while ($the_query->have_posts()) : $the_query->the_post();
			$do_not_duplicate = $post->ID; ?>

		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><a href="<?php the_permalink() ?>" rel="bookmark"
			title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
			<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

			<div class="entry">
				<?php the_content('Read the rest of this entry »'); ?>
			</div>

			<p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?>
			Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>
			<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
		</div>

	<?php endwhile; ?>

	<div class="navigation">
		<div class="alignleft"><?php next_posts_link('« Older Entries') ?></div>
		<div class="alignright"><?php previous_posts_link('Newer Entries »') ?></div>
	</div>

<?php else : ?>

	<h2 class="center">Not Found</h2>
	<p class="center">Sorry, but you are looking for something that isn't here.</p>
	<?php include (TEMPLATEPATH . "/searchform.php"); ?>

<?php endif; ?>

</div>

Hast du etwas bemerkt? Richtig: Wir haben bloss eine Zeile durch vier andere ersetzt. Wieder kommt WP_Query zum Einsatz, um die Beiträge anzuzeigen. Geändert hat sich nur eine Kleinigkeit:

Mit dem Parameter cat geben wir an, welche Kategorien in die Loop einfliessen. Das lässt sich mit einem Minus vor der Kategorie-ID umkehren: cat=-99 schliesst die Kategorie mit der ID 99 aus (man beachte das Minus vor der Zahl). In unserem Fall ist dies die Kategorie Sideblog. Muss man natürlich anpassen. ;-)

Zwischenstand

So sieht unser Sideblog nach den bisherigen Schritten aus:

Sideblog Zwischenstand

Anpassungen am Stylesheet

Der Sideblog wird bei uns - der Standards wegen - in einer ungeordneten Liste ausgegeben. Da diese ohne ein gewisses Styling ziemlich karg aussieht, peppen wir unseren Sideblog ein bisschen auf. Dafür verpassen wir dem <ul>-Element eine neue CSS-Klasse. Der Verständnis halber taufen wir sie sidebar. Somit sieht die Liste wie folgt aus:

<ul class="sidebar">*Für Code siehe oben*</ul>

Jetzt kann man die style.css des Themes bearbeiten. Für den gleichen Look wie auf der Startseite des WordPress Magazins benutzt man folgenden Code:

ul.sidebar { list-style: none; margin: 0; }
ul.sidebar li { padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0;
border-bottom: 1px solid #dadada; border-left: 5px solid #dadada; }

Und jetzt natürlich noch die Erklärung:

• list-style: none - Damit die Aufzählungspunkte wegfallen
• padding - Innenabstand
• margin - Aussenabstand
• border - Links ist er dicker als unten

So sieht der Sideblog aus

Das Allround Theme für Wartungsarbeiten

Alles, was du brauchst ist eine index.php mit einem kurzen Text, der den Besucher über die Wartungsarbeiten aufklärt. Diese Datei könnte zum Beispiel so aussehen:


<html>
<head>
<title>Wartungsarbeiten im Blog</title>
</head>
<body>
<p>Ich update gerade mein Blog, bitte komm später wieder!</p>
</body>
</html>
</code>

Du brauchst ausserdem eine style.css Datei, damit WordPress dein Theme auch als solches erkennt. Wichtig sind die ersten acht Zeilen:


/*
Theme Name: Wartungsarbeiten
Theme URI: http://127.0.0.1/
Description: Ideal für momentane Wartungsarbeiten
Version: 1
Author: Admin
Author URI: http://google.ch/
*/


Jetzt wird immer die Datei index.php aufgerufen und der Besucher sieht kein Error 404. Natürlich solltest du dein Theme noch schön gestalten, damit der Besucher auch was fürs Auge hat. Und Meta-Tags für die Suchmaschinen sind auch nicht schlecht. Aber im Grunde war es das schon. Bei längerer Auszeit ist auch ein 307 Temporary Redirect sinnvoll.

Diese Variante ist auf jedenfall besser geeignet als eine Lösung durch Plugins. Datenbankabfragen gibt es fast keine und der Server wird auch geschont. Sollte dies aus irgendeinem Grund nicht funktionieren, lass es mich wissen.

The Webmaster's Turbo Kit

Beim grossen Webmaster's Turbo Kit gibt es über 50 Tipps, durch die das eigene Blog um ein Vielfaches schneller gemacht werden kann. Unter anderem sollte man Cascading Style Sheets, Bilder, Bildformate und Links optimieren. Die Liste bietet nicht eigenen Inhalt, sondern verlinkt auf 53 bereits geschriebene Artikel mit diesem Thema. So wurden allein sechs Artikel von DailyBlogTips verlinkt.

Warum die Position bei Suchmaschinen wichtig ist

Der Artikel Why You Must be the First, in Google's Search Results at Least! stammt ebenfalls von DailyBlogTips. Der Mittelpunkt des Artikels ist die unten stehende Grafik. Sie verdeutlicht die Wichtigkeit einer 1. Position bei Google, da die unteren Resultate gar nicht erst angeklickt werden. Das heisst: Wenn man an 9. Position liegt und täglich 2000 Suchanfragen zu diesem Thema gemacht werden, erhält man nur 28 Klicks!

Dies wurde übrigens durch eine Studie belegt, wie man hier nachlesen kann: Distribution of Clicks on Google’s SERPs

Bemerkenswert an diesem Bild bzw. dieser Studie ist übrigens, dass die letzte Position im Gegensatz zur 9. und 7. Stelle viel mehr Klicks zur Folge hat.

Glauben Sie, in meiner bisherigen Zeit als Blogger habe ich auch viele Fehler gemacht. Wer mit Bloggen anfängt, ist ein Neuling. Als Neuling macht man viele Fehler. Fehler, die man vermeiden sollte. Deshalb diese Tipps :)

Der Name meines Blogs passt nicht zum Thema

Ein harmloser Titel, der tatsächlich üble Folgen haben könnte. Der Name muss eigentlich gar nicht mal schlecht sein. Aber lang - lange Blogtitel sind schnell geschrieben. Vielleicht ein richtig toller Name. Aber keiner hat Lust, immer den ganzen Namen zu sagen. Darum gibt es Abkürzungen, die manchmal ziemlich übel klingen können. Zum Beispiel, wenn mit der Abkürzung die Aussprache verfremdet wird.

Der Name meines Blogs/meine Domain ist geschützt

Ein weitaus grösseres Problem stellt die Benutzung eines Namens dar, der eine angemeldete Marke ist. So könnten Sie schnell mal Post eines Anwalts und eine beigelegte Rechnung erhalten. Ihr Blog könnte dann schnell mal weg vom Netz sein. Wenn Sie zum Beispiel einen iPhone-Blog auf der Domain iphone.net führen, würden Sie bestimmt ganz schnell dicke Post von Apple erhalten. Und das wollen Sie doch bestimmt nicht ;)

Ich blogge anonym

Was für Sie ein Schutz Ihrer Privatsphäre im Internet ist, kann bei anderen schnell mal den Gedanken erwecken, dass Sie nicht der sind, als den Sie sich ausgeben. Vielleicht denken Sie: "So weiss keiner, wer ich bin und ich kann über alle schlimmen Dinge schreiben" - aber Sie könnten dadurch auch rasch unglaubwürdig wirken.

Mein Blog behandelt ein Thema, worüber 100 andere Blogs auch schreiben

Wenn Sie nicht über ein Nischen-Thema schreiben, werden Leser möglicherweise ein anderes Blog aufsuchen, solange Sie nicht super guten Inhalt liefern.

Ich widme meinem Blog zu wenig Zeit

Ein Blogger liest Feeds. Die meisten kriegen dadurch einen Ansatz, worüber sie schreiben könnten. Andere informieren sich durch diese privaten News-Quellen. Wenn Sie zu viele Feeds lesen, verlieren Sie Zeit zum Bloggen. Zwar schreiben Sie dann Kommentare in anderen Blogs und machen Ihr Blog ein wenig bekannter, Sie schreiben dann aber gar nicht, weshalb man den Blog auch gar nicht liest.

Ein Blog beansprucht viel Zeit, manchmal 10 und manchmal 40 Stunden pro Woche. Da kann das normale Leben schnell auf der Strecke bleiben. Sie müssen also bereit sein, dies auf sich zu nehmen.

Der beste Tipp zum Schluss

Weitere tolle Tipps und Fehler finden Sie im Artikel You Can Be a Good Example or a Horrible - Warning - How NOT to be a Successful Blogger von Internet Duct Tape.

Für Spätumsteiger: Sicherheitslücken hinter sich lassen

Auch wenn WordPress 2.3 noch relativ sicher erscheint, eine ziemlich böse Sicherheitslücke lässt sich rasch ausnutzen. Ich rede hier vom "wp-content/1/"-Bug. In diesem Ordner finden sich böse Dateien, die verheerende Folgen haben, den Traffic durch unzählige Trackbacks ansteigen lassen und Besucher, die via Google auf die Seite stossen, damit abschrecken, dass die Website unsicher sei. Die Anzahl infizierter Blogs ist erschreckend: Google findet 39'900 Seiten mit dem Ordner "wp-content/1/".

Man sollte unbedingt den Ordner löschen und das Administratorpasswort ändern.

Weitere Artikel zu dieser Sicherheitslücke:

• iFrame Injection Problem
• Aktuelle Angriffe auf WordPress-Blogs

Technorati vs. infizierte Weblogs

Technorati stellt sich gegen Blogs, die Opfer von Spam-Attacken und Hacker-Angriffen wurden oder immer noch sind. Wer also ein infiziertes Blog hat, sollte nicht nur dafür sorgen, dass der Spam verschwindet, sondern auch updaten. Weil jeder, der sein Blog nicht aktualisiert, Ziel dieser Angriffe werden kann, muss man dies schon fast zwingend tun. Somit kann man sagen: Technorati will, dass wir updaten.

Nachzulesen in folgenden Artikeln:

• Technorati Wants You to Upgrade WordPress
• Technorati Weblog: Vulnerable WordPress Blogs Not Being Indexed

Für WordPress 2.5 Nutzer: Auch hier gibt es Sicherheitslücken

Anders als ein Aprilscherz ist diese Sicherheitslücke sehr ernst zu nehmen. Wer mehr über die Bedrohung, dass der Sicherheitsschlüssel nicht angegeben ist, wissen will, besucht eine tolle Website zum Thema WordPress:

TalkPress.de - Sicherheitslücke in WordPress 2.5

TalkPress stellt auch gleich einen Keygenerator zur Verfügung, der gültige Schlüssel für die wp-config.php Datei erzeugt.

Wir zeigen hier die Titel der "acht Tipps für den Hausgebrauch", so kannst du dann bei Interesse jederzeit den Artikel WordPress sicherer machen - acht Tipps für den Hausgebrauch anschauen.

1. Schütze den Admin Bereich
2. Plugins Verzeichnis sichern
3. Aktualisiere WordPress regelmässig
4. Verschleieren Sie Ihre Versionsnummer
5. Verwenden Sie so wenig Plugins wie möglich
6. Minimieren Sie die Anzahl der WordPress Benutzer
7. Backups
8. Regelmässiges Monitoring

Drei Tage später, am 21. Januar 2008, veröffentlichte das Blog zum WordPress-Buch von Frank Bültge einen sehr ähnlichen Artikel, der aber elf Punkte beinhaltete. Hier sind sie:

1. User-Name
2. Tabellen-Präfix
3. Plugin Verzeichnis schützen
4. WordPress Version verschleiern
5. WordPress User-Logins reduzieren
6. WordPress aktualisieren
7. WP Plugins minimieren
8. Eingeschränkter Login auf wp-admin
9. Eingeschränkter Zugriff auf wp-content und wp-includes
10. Schütze die wp-config.php
11. Sicherheit prüfen
    

Als Zusatz gibt es noch vier Tipps zur Datenbank-Optimierung, wieder bereitgestellt von Oliver Wagner. Hier der Auszug:

1. Weniger Queries in den Templates
2. Datenbank von altem Ballast befreien
3. Unveröffentlichte Beiträge löschen
4. Caching aktiviert?

Und damit überhaupt kein Sicherheitsloch auftreten kann, sollte man immer auf dem neusten Stand bleiben. Am besten, man abonniert den Feed vom WordPress Development Blog.