Qualität setzt sich durch

Angesichts der zunehmenden Professionalisierung des Mediums Internet wird es für Unternehmen unabhängig ihrer Größe immer wichtiger, den Webauftritt als zentralen Bestandteil der eigenen unternehmerischen Tätigkeit zu betrachten und die eigene Internetseite als Kommunikations-, Informations- und Anlaufstelle für Kunden, Geschäftspartner und öffentliche Zielgruppen zu verankern anstatt reine Informations-Seiten Online zu stellen, die ein eher passives Dasein fristen. Neben den offensichtlichen Faktoren wie Design, Struktur und Übersichtlichkeit spielen insbesondere Webstandards und technische Anforderungen eine wesentliche Rolle – sei es um für die Zukunft gewappnet zu sein, die Sichtbarkeit im Web zu erhöhen oder in Suchmaschinen besser aufgefunden zu werden. Website ist nicht gleich Website und die Erstellung und Betreuung durch Fachkräfte ist für Unternehmensauftritte heute unabdingbar.

Beratung für Ihre Bewerbung

Auf den Seiten des Website Award Sachsen-Anhalt 2010 wird es in diesem Zusammenhang einen Ratgeber in Form eines Online-Checks geben, der die wesentlichen Aspekte eines qualitativen Online-Auftritts analysiert bzw. die entsprechenden Kriterien aufzeigt. Zeitgleich mit Beginn der Bewerbungsphase biete ich Kunden und Interessierten, die am Wettbewerb teilnehmen möchten oder unabhängig davon Ihre Webpräsenz optimieren wollen Unterstützung in Form einer fachlichen Beratung zur gesamten Thematik an, helfe bei der Analyse und Auswertung der Ergebnisse und erläutere die zahlreichen Faktoren die oft erklärungsbedürftig sind. Die Erstberatung ist für Interessierte kostenlos, die Überarbeitung bestehender Auftritte oder die Realisierung gänzlich neuer Webprojekte kann im Rahmen der Beratung in aller Ruhe besprochen werden – auch hier erhalten Sie transparente Unterstützung bei Ihren Vorhaben.

Weitere Informationen erhalten Sie gerne auf Anfrage über das Kontaktformular oder eine der zahlreichen anderen Kontaktmöglichkeiten wie Xing, LinkedIn oder klassisch über Telefon. Vereinbaren Sie dazu einfach einen Rückruftermin. Allen Teilnehmern am Website Award Sachsen-Anhalt ausdrücklich viel Erfolg!

Link zum Webseite » Website Award Sachsen-Anhalt 2010 «
Link zur Ankündigung » Bewerbungsphase Website Award «

Was zunächst unspektakulär klingt verfehlte seine Wirkung nicht – 1.600 Teilnehmer in 12 Tagen laut Angaben des hauseigenen Blogs, zusammengesetzt aus rund 630 Bloggern und ca. 1.000 Twitter-Nutzern sprechen eine deutliche Sprache über den Erfolg dieser Blogaktion. Dabei stehen diese Zahlen natürlich nicht isoliert. Zum einen werden über die Berichterstattung zahlreiche Leser über den Anbieter informiert, zum anderen gelten Blogger und Netzaktivisten als hervorragende Multiplikatoren in Ihren realen Netzwerken außerhalb der digitalen Welt. Die Blogaktion sollte also problemlos einen Personenkreis im fünfstelligen Bereich erreicht haben. Folgt man diesem Faden noch etwas weiter, ergibt sich durch die Platzierung der Kalender ein noch weiter gefasster Kreis von Menschen, die über den Hinweis in eigener Sache auf den Anbieter aufmerksam werden. Die Wirkung ebbt an diesem Punkt allerdings etwas ab, da der Betrachter nicht aktiv in die eigentliche Aktion eingebunden ist.

Setzt man den zu diesem Zeitpunkt geschätzten Wert an Personen, die mit der Werbeaktion konfrontiert waren in Beziehung zu anderen Werbemaßnahmen in Web, kann man dies aus verschiedenen Gründen als durchweg positiv einordnen. Zum einen sind die Kosten für klassische Bannerwerbung heute nicht unerheblich, angesichts der Werbeignoranz von Internetnutzern aber auch sehr uneffektiv. Die typischen Werbeplätze und Werbeformen im Web werden mittlerweile vom Nutzer in einer unbewussten Automation ausgeblendet – eine Art weißer Fleck auf den Bildschirmen bzw. eine sich selbst angeeignete Konditionierung auf Missachtung von Bannern und Anzeigen im Internet wenn man so will. Im Gegenzug dazu ist eine Maßnahme wie die hier besprochene Blogaktion deutlich überlegen. Zum einen nimmt der Nutzer die Werbung freiwillig war und beschäftigt sich sogar “aktiv” mit der Botschaft des Anbieters. Zum anderen trägt er diese Botschaft selbst an anderen Personen weiter was ebenfalls sehr positive Effekte aufweist. Erstens multipliziert sich die ursprüngliche Kernaussage des Anbieters über die in Blogbeiträge “eingefasste” Botschaft – es bleibt also nicht bei einer reinen Werbeaussage. Zweitens wird die Botschaft positiv weitergetragen, während sich der Normalnutzer über die unzähligen Banner im Medium Internet doch eher negativ beeinflusst sieht. Drittens und besonders wichtig: Die Werbebotschaft stammt nicht mehr vom Anbieter selbst sondern einer dem Leser / Gesprächspartner bekannten Person deren Aussage man eher Beachtung (Glauben) schenkt als einem Werbetreibenden Unternehmen.

Nachteilig für das Unternehmen selbst ist in dem Moment jedoch die Transformation der eigenen Botschaft in den Sprach-, Assoziations- wie auch Glaubwürdigkeitsbereich der Bloggergemeinde. Der vom Unternehmen angedachte Marketingstil bzw. die Ansprechhaltung gegenüber potentiellen Zielpersonen ist hier nicht mehr gewährleistet und unterliegt nicht mehr dem eigenen Einflussbereich. Für Anbieter ist also abzuwägen, welches Ziel im Vordergrund steht: Ein bestimmtes Image oder der reine Bekanntheitsgrad. Im Falle der Druckerei sollte es sich jedoch nicht um einen kritischen Punkt handeln. Das Gegenbeispiel wäre eine hochpreisiger Anbieter im Premium-Segment bei dem Status und Image besser selbst kommuniziert werden als dies anderen zu überlassen. Diese hier angesprochene Problematik ist ein wichtiger Entscheidungstatbestand im Social Media Marketing: In wie weit ist es sinnvoll möglich, dem Web die Kommunikation zu überlassen und ab welchem Punkt besteht die Gefahr der Verwässerung des eigen Image durch unkontrollierte Aussagen in Form von Blogbeiträgen, Twittermeldungen und den zahlreichen anderen Informationswegen des Internet.

Einige erwähnenswerte Punkte im Hinblick auf Blogaktionen bzw. Social Media Maßnahmen im Allgemeinen: Eine Aktion über soziale Medien bietet sich förmlich für die Verankerung einer zentralen Botschaft an. So wäre es denkbar, den Claim des eigenen Unternehmens einzubinden oder die Chance zu nutzen die eigene Positionierung klar zu machen (wir sind der günstigste Anbieter, wie stehen für Qualität, wir sind die schnellsten, wir haben den besten Service oder wir sind der Spezialist für besondere Druckverfahren usw.). Im Rahmen einer Blogaktion könnte die Einbindung dieser zentralen Aussage zum Beispiel als Bedingung angegeben werden. Anstatt die Aktion selbst auf den eigenen Blogbeitrag hinweisen bzw. verlinken zu lassen, hätte sich eine speziell dafür eingerichtete Landingpage oder Microsite angeboten, die im gleichen Atemzug ein besonderes Angebot bereithält oder auch ganz einfach zum Abo des Newsletters aufruft. Hier besteht ein hervorragendes Potenzial, eine Aktion direkt zu monetarisieren oder Maßnahmen der Kundenbindung anzulegen.

Alles in allem zeigt sich, wie Social Media Marketing für mittelständische Unternehmen aussehen kann ohne gleich große Viral-Kampagnen starten zu müssen für die externe Dienstleister benötigt werden um beispielsweise ein Video für Youtube zu produzieren oder ein Minigame zu werbezwecken zu entwickeln. Ich bin gespannt welche Aktionen in diesem Jahr auf die Bloggergemeinde zukommen und werde gelungene Kampagnen hier künftig im Blog vorstellen. Unternehmen die über Werbeaktionen im Rahmen des Social Media Marketing nachdenken, können über meine Seite den Kontakt aufnehmen um mehr über die Möglichkeiten und deren Umsetzung zu erfahren. An druckerei.de in jedem Falle vielen Dank für die zugesandten Kalender! Ein entsprechender Platz im Office wird sich hoffentlich finden – schließlich wurde das Versprechen gehalten und die Wandkalender kamen im Großformat (es waren übrigens sogar mehr als drei, ebenfalls keine schlechte Idee, Erwartungen bei Marketingaktionen nicht einfach nur zu erfüllen).

Link zur Auswertung » Zur Auswertung der Blogaktion « Link zur Website » Druckerei.de «

Das kommende Jahr dürfte in vielerlei Hinsicht wieder sehr spannend werden, betrachtet man die aktuelle Versionsnummer von Wordpress 2.9, wird schnell klar, dass uns hier irgendeine Änderung vor dem ersten Punkt bevorsteht – sprich: WP v3.0 steht vor der Tür. Mit dem Iowa-Template gab es ja bereits dieses Jahr ein “hoffentlich gelungenes” Stück Software und das Projekt wird natürlich auch im nächsten Jahr fortgesetzt. Iowa v2 wird 2010 weiter in Richtung Basis-Template entwickelt, dass möglichst viele der Wordpress-Funktionen unterstützt, auf aktuellen Webstandards basiert und ein technisch sauberes Grundgerüst liefert. Zusätzlich wird es wieder die ein oder andere hausgemachte Designvariante geben – mal sehen was mir dazu einfällt …

Zu guter letzt bedanke ich mich an dieser Stelle bei allen Kunden und Lesern und wünsche Euch / Ihnen allen ein erfolgreiches neues Jahr! Die zahlreichen Kommentare und das hilfreiche Feedback waren auch in diesem Jahr wieder über jeden Zweifel am Wort der “Webkultur” erhaben – stets faire Worte und der gute Ton hier im Blog sind nicht unbedingt selbstverständlich – auch dafür vielen Dank an Alle!

Nun noch einen guten Rutsch und mit
Optimismus gegen die “Nachwehen der Krise”

Als etablierte Druckerei kennen wir die Bedürfnisse von Businesskunden und wissen auch, dass die Felder der Kalendertage entsprechend groß sein müssen, um kurze Notizen lesbar eintragen zu können.

Also ran ans bloggen oder zwitschern und Kalender absahnen.

Link zur Aktion » Wandkalender Aktion « Link zur Website » Druckerei.de «

Link zur Website » Putpat – Personalisiertes Musikfernsehen «

Link zur Website » View Like Us «

Um den Nutzwert des Tutorials zu erhöhen, zeige ich dabei einmal den technischen Weg über die Bearbeitung von Template-Dateien für Interessierte und angehende Theme-Autoren sowie die Variante mit dem Iowa-Theme. Um dem Ganzen einen Praxisbezug zu geben, verwende ich ein kleines, recht klassisches Beispiel das wie folgt aussieht:

Beispielprojekt und Ziel des Tutorials

Aufgabe wird es sein, gedanklich eine kleine Unternehmensseite einzurichten, auf der es drei Hauptbereiche gibt. Das Unternehmen bietet neben einigen Produkten auch Dienstleistungen an und möchte zusätzlich ein keines Firmenprofil anlegen. Dementsprechend gibt es auf der Internetpräsenz drei Hauptseiten:

• Produkte
• Dienstleistungen
• Firmenprofil

Die Produktseite soll weitere Unterseiten zu einzelnen Produktkategorien enthalten, die Dienstleistungsseite unterteilt sich ebenfalls in weitere Bereiche und das Firmenprofil soll detaillierte Bereiche zur Geschichte, den Mitarbeitern und der Unternehmensphilosophie enthalten. Damit ergibt sich für unser Beispielprojekt folgende Seiten-Struktur:

• Produkte
  • Digitalkameras
  • Tintenstrahldrucker
  • Multifunktionsgeräte
• Dienstleistungen
  • Bilderservice
  • Wartungsleistungen
  • Büroeinrichtung
• Firmenprofil
  • History
  • Mitarbeiter
  • eitbild

Anlegen der Seiten bzw. der Seitenstruktur

Wordpress unterscheidet zwischen zwei Inhaltstypen. Zum einen wären da die Beiträge, von denen beliebig viele auf einer Blogseite angezeigt werden können. Zum anderen gibt es die statischen Seiten, die nur den konkreten Inhalt zeigen, der für diese Seite angedacht ist. Zum Aufbau unseres Beispielprojektes arbeiten wir mit statischen Seiten, die im Wordpress-Backend unter dem entsprechenden Menüpunkt angelegt werden.

Für das Beispielprojekt sind zwei Punkte relevant. Erstens müssen die Seiten erstellt werden, Zweitens muss die vorgesehene hierarchische Struktur angelegt werden, sprich die Unterscheidung von Haupt- und Unterseiten. Die Reihenfolge der Erstellung ist dabei prinzipiell egal, wobei folgender Weg etwas sinnvoller ist, wie wir später noch sehen werden.

a.) Erstellen der ersten Hauptseite „Produkte“

Dafür genügt ein Klick auf den Menüpunkt „Seiten“ im Backend, gefolgt von der Auswahl des Unterpunkts „Erstellen“. Im Eingabefeld unterhalb des Titels „Neue Seite“ vergeben wir den Seitentitel, also „Produkte“. Da es sich hierbei um eine Hauptseite handeln soll, muss an dieser Stelle zunächst nichts weiter getan werden. Wer möchte kann im großen Eingabefeld unterhalb des Seitentitels bereits einen Beispielinhalt einfügen, ich verwende dafür gerne Blindtexte die man z.B. hier findet: http://www.newmediadesigner.de/ anschließend noch ein Klick auf „Publizieren“, und unsere Hauptseite ist angelegt.

b.) Erstellen der ersten Unterseite „Digitalkameras“

Hier ist die Herangehensweise zunächst die gleiche wie in Punkt a. Der Unterschied besteht ausschließlich darin, das wir Wordpress mitteilen müssen/wollen, das es sich hierbei um eine Unterseite handelt, die hierarchisch zur Hauptseite „Produkte“ gehört. Nach dem Eintragen des Seitentitels „Digitalkamera“ und dem Einfügen von Inhalt werfen wir einen Blick in den Bereich „Attribute“ rechts neben den Eingabefeldern. Hier findet sich gleich als erster Eintrag die Option für „Übergeordnete Seiten“. Im Auswahlfeld sollte jetzt bereits die Seite „Produkte“ auftauchen. Diese wählen wir als übergeordnete Seite aus, und klicken wiederum auf „Publizieren“.

c.) Die anderen Unterseiten anlegen

Wir legen nun noch die beiden Unterseiten „Tintenstrahldrucker“ und „Multifunktionsgeräte“ auf gleichem Wege an, und der erste Bereich des Beispielprojektes ist fertig. Das grundsätzliche Prinzip sollte jeder schnell verstehen, so dass nun noch die beiden anderen Bereiche „Dienstleistungen“ und „Firmenprofil“ mit den entsprechenden Unterseiten angelegt werden können. Nun soll es um das eigentliche Tutorial gehen…

» Anlegen der Seiten in Wordpress «

Anpassung der Menüs

Ausgehend von einem Wordpress-Template mit klassischer Seitenstruktur das über ein horizontales Hauptmenü im Kopfbereich der Seite verfügt und eine Sidebar bereithält, funktioniert die Anzeige unsere statischen Seiten wie folgt. Wordpress zeigt die von uns erstellten Seiten über die Funktion wp_list_pages immer dort an, wo es in einem Wordpress-Theme vorgesehen ist. Steht die Funktion also im Kopfbereich der Seite und wird entsprechend mit CSS formatiert, findet sich das erwähnte horizontale Menü oben im Kopfbereich.

Darüber hinaus werden die Seiten meist auch in der Sidebar angezeigt, hier ganz klassisch als normale Liste mit den Menüpunkten untereinander. Je nach Theme ist es im Normalfall so, das sowohl das horizontale Menü als auch das Menü in der Sidebar all unsere Seiten anzeigt. Im schlechtesten Fall wird im Sidebar-Menü nicht einmal die Hierarchie erkennbar.

Unser Ziel ist es, zunächst im horizontalen Hauptmenü entsprechend nur Hauptseiten anzuzeigen, im Menü in der Sidebar nur Unterseiten und diese passend zu unseren Bereichen „Produkte“, „Dienstleistungen“ und „Firmenprofil“.

Das Hauptmenü

Falls Euer verwendetes Template sowohl Haupt- als auch Unterseiten anzeigt, muss hier ein erster Parameter angepasst werden, der dafür sorgt, das nur die Hauptseiten als Menüpunkte auftauchen. Die entsprechende Funktion findet sich in den meisten Themes in der header.php und sieht im einfachsten Fall folgendermaßen aus. Ist das Theme bereits so eingerichtet, das Unterseiten nicht angezeigt werden, kann dieser Schritt übersprungen werden.

<?php wp_list_pages(); ?>

Wir sehen hier den Aufruf einer PHP-Funktion, keine Angst, das Anpassen ist weniger dramatisch als es aussieht. Diese Funktion macht aktuell nichts anderes, als unsere angelegten Seiten im Blog als Liste auszugeben. Eine entsprechende Formatierung per CSS vorausgesetzt, sehen wir die Liste als horizontales Menü. Nun lassen sich aber über so genannte Parameter bestimmte Bedingungen definieren, die im einfachsten Falle z.B. die Reihenfolge der Menüpunkte beeinflusst:

<?php wp_list_pages('sort_order=asc'); ?>

Zu Deutsch: Sortiere meine Seiten “ascend” also aufsteigend. Der Parameter für eine absteigende Sortierung würde wie folgt aussehen:

<?php wp_list_pages('sort_order=desc'); ?>

Desc steht hier entsprechend für descend, also absteigend. Sortierreihenfolgen sollten vielen aus der geliebten Excel-Anwendung bekannt sein. Was uns aber nun interessiert ist das Ausblenden der Unterseiten. Unser Parameter dafür sieht dann so aus:

<?php wp_list_pages('depth=1'); ?>

Der “depth”-Parameter ist etwas abstrakter als der unserer Sortierung. Der nummerische Wert ist durch die Funktion definiert. Die 1 steht hierbei für die Anzeige von Hauptseiten, Unterseiten werden dabei nicht angezeigt. Das ist genau das was wir erreichen wollten, der Vollständigkeit halber noch die folgende Ergänzung:

<?php wp_list_pages('depth=0'); ?>

Die 0 steht hier für die Anzeige aller Seiten, also Haupt- und Unterseiten. Da für die Funktion immer auch Standardwerte vorgesehen sind, kann man den Parameter in der Klammer auch weglassen, da „depth=0“ bereits als so genannter „Default-Wert“ innerhalb der Funktion festgelegt ist. Grob umrissen sieht das Ganze in der header.php dann ungefähr so aus:

<ul><?php wp_list_pages('depth=1&sort_order=asc'); ?></ul>

Die Anzahl der Parameter in der Klammer kann abhängig vom verwendeten Theme sehr unterschiedlich sein, ebenso wie die genaue Einbindung. Hier befindet sich die Funktion innerhalb einer ungeordneten Liste (ul, unordert list). Unabhängig davon muss für unser Projekt in jedem Fall ein „depth=1“ eingetragen werden, so dass nur die Hauptseiten im horizontalen Menu auftauchen.

Das Menü in der Sidebar

Im Default-Template von Wordpress erscheinen innerhalb der Sidebar alle Seiten im Menü, Unterseiten werden dort evtl. schon eingerückt angezeigt. Weiterhin zeigt die Sidebar mit wenigen Ausnahmen auf jeder Blogseite auch die gleichen Inhalte. Unser Ziel wird es sein, bei einem Klick auf unseren Hauptmenüpunkt oben im Header auf „Produkte“ nur die entsprechenden Unterseiten anzuzeigen. Dafür zeige ich jetzt sowohl den Weg über die Bearbeitung der Template-Dateien via PHP auf, als auch die Herangehensweise im Iowa-Theme. Ausgangspunkt für die Anpassung ist in den allermeisten Fällen die sidebar.php, die grob umrissen so aussehen könnte:

<div id="sidebar">
	<ul>
		<li>
			<h2>Blogmenü</h2>			
			<ul>
				<?php wp_list_pages(); ?>
			</ul>
		</li>
		<li>
			<h2>Kategorien</h2>			
			<ul>
				<?php wp_list_categories(); ?>
			</ul>
		</li>
		<li>
			<h2>Blogrolle</h2>			
			<ul>
				<?php wp_list_bookmarks(); ?>
			</ul>
		</li>
	</ul>
</div>

Wir finden dort die bereits beschriebene Funktion wp_list_pages wieder. Vor der Anpassung ist noch folgendes wissenswert. Beim Anlegen von Seiten, Kategorien, Beiträgen und einigen anderen Dingen in Wordpress bekommt jedes dieser Elemente eine so genannte ID. Diese ID ist ein einfacher nummerischer Wert, dessen genaue Bedeutung für unsere Zwecke nicht näher erläutert werden muss. Dennoch benötigen wir die konkreten IDs unserer angelegten Seiten, um das Kontextmenü zu erstellen. Der einfachste Weg besteht hier darin, im Wordpress-Backend alle erstellten Seiten aufzulisten (Klick auf den Menüpunkt „Seiten“). Fährt man nun mit der Maus über die einzelnen Seitentitel, sieht man unten in der Statusleiste des Browser eine Linkadresse, die mit der jeweiligen ID endet.

http://www.meineseite.de/wp-admin/page.php?action=edit&post=1

Wir notieren uns die IDs für die angelegten Seiten und halten diese griffbereit für die nachfolgenden Anpassungen.

Wie bereits erwähnt spielt die Reihenfolge beim Anlegen der Seiten im Grunde keine Rolle. Sobald man aber mit den IDs arbeitet, macht es Sinn, die Seiten in Ihrer Reihenfolge strikt nacheinander zu erstellen. Beginnend mit der ersten Hauptseite und gefolgt von der deren Unterseiten gehts weiter mit der nächsten Hauptseite usw. Damit erhält man IDs, die sich im folgenden einfacher zuordnen lassen.

Auf die harte Tour

Die sidebar.php liegt vor uns, die Funktion wp_list_pages ist ausfindig gemacht – auf geht’s zur Umsetzung. Schritt eins besteht darin, für jede unserer drei Hauptseiten ein eigenes Menü anzulegen, dass nur dann angezeigt wird, wenn wir uns auf einer entsprechenden Hauptseite befinden. Dazu definieren wir für jedes unserer drei Menüs eine Bedingung, die wie folgt aussieht und als Conditional-Tag bezeichnet wird, also eine festgelegte Bedingung, unter derer etwas Festgelegtes passieren soll:

<?php if ( is_page() ) { ?>

Zu deutsch: Wenn Du eine beliebige Seite bist … da es in unserem Fall keine beliebige, sondern eine konkrete Seite sein soll, unter der ein Menü angezeigt werden soll, nehmen wir uns die ID der Hauptseite „Produkte“ zur Hand, und tragen diese folgendermaßen ein:

<?php if ( is_page(1) ) { ?>

Also: Wenn Du die Seite mit der ID 1 bist, dann zeige mein Menü. Da das Menü aber auch auf den jeweiligen Unterseiten zu sehen sein soll, benötigen wir auch die IDs für Digitalkamera, Tintenstrahldrucker und Multifunktionsgeräte. Die ganze Bedingung sieht dann so aus:

<?php if( is_page(array(1,2,3,4)) ) { ?>
<?php wp_list_pages(); ?>
<?php } ?>

Heißt: Wenn Du Seite 1, 2, 3, 4 bist, rufe die Funktion wp_list_pages auf

Nun müssen wir wp_list_pages mitteilen, dass unter unserer definierten Bedingung nur die Unterseiten zu unserer Hauptseite „Produkte“ aufgelistet werden sollen. Auch hier arbeiten wir mit einem Parameter, wobei ich gleich drei verschiedene Wege aufzeige.

Möglichkeit 1

Hier besteht der Weg darin, alle Seiten die nicht zu Produkte gehören von der Anzeige auszuschließen. Wird bedienen uns dabei des Parameters “exclude” und ziehen uns die entsprechend notierten IDs heran. Da die Hauptseite „Produkte“ bereits im horizontalen Menü erscheint, schließen wir diese auch aus dem Menü in der Sidebar aus. Nach Adam Riese benötigen wir hier also ziemlich genau 9 IDs.

<?php wp_list_pages('exclude=1,5,6,7,8,9,10,11,12'); ?>

Heißt: Zeige in meinem Menü nicht die Seiten mit den genannten IDs. Alle nicht genannten Seiten werden angezeigt.

Möglichkeit 2

Anstatt Seiten von der Anzeige auszuschließen, ist es auch möglich, nur die Seiten anzugeben, die explizit gezeigt werden sollen. Dies ist vor allem dann sinnvoll, wenn man mit sehr vielen Seiten arbeitet und unsere ID-Liste sehr lang wäre. Der Parameter heißt dann include:

<?php wp_list_pages('include=3,4,5'); ?>

Heißt: Zeige nur meine Unterseiten mit den IDs 3, 4 und 5

Möglichkeit 3

Ausschließen eines ganzen Seitenstrangs / Seitenbaums: Da wir unsere Seiten hierarchisch angelegt haben, ergeben sich im Beispiel drei Seitenbäume, der für Produkte mit den drei Unterseiten, der für Dienstleistungen und der für das Firmenprofil. Hier können wir nun einfach die ID einer Hauptseite angeben, alle Unterseiten werden dann ebenfalls ausgeschlossen. Der Parameter hier heißt exclude_tree:

<?php wp_list_pages('exclude_tree=5,9'); ?>

Warum kommt dieser Variante für uns dennoch nicht infrage? Genau, weil hier der gesamte Baum für Produkte mit der ID für die Hauptseite „1“ angezeigt wird, und damit der Menüpunkt „Produkte“ ebenfalls auftauchen würde, der ja aber schon im horizontalen Menü steht. Wir entscheiden uns also für einer der ersten beiden Varianten, idealerweise für die Include-Version, da hier gleich Quelltext gespart wird und die ID-Liste überschaubar bleibt. Die gesamte Version unseres Kontextmenüs für “Produkte” sieht letztlich so aus:

<?php if( is_page(array(1,2,3,4)) ) { ?>
<?php wp_list_pages('include=3,4,5'); ?>
<?php } ?>

Ausführlich: Wenn Du die Seite Produkte (ID 1), Digitalkameras(ID 2), Tintenstrahldrucker(ID 3), Multifunktionsgeräte(ID 4) bist, zeige ein Menü mit den Unterseiten Digitalkameras, Tintenstrahldrucker, Multifunktionsgeräte

Nun benötigen wir noch die beiden Menüs für Dienstleistungen und das Firmenprofil, die sich nur in der Angabe der entsprechenden IDs unterscheiden:

<?php if( is_page(array(5,6,7,8)) ) { ?>
<?php wp_list_pages('include=6,7,8'); ?>
<?php } ?>

Für Dienstleistungen

<?php if( is_page(array(9,10,11,12)) ) { ?>
<?php wp_list_pages('include=10,11,12'); ?>
<?php } ?>

Für das Firmenprofil

Möchte man z.B. auf der Startseite ein vollständiges Menü anzeigen kann noch folgendes definiert werden:

<?php if ( is_home() ) { ?>
<?php wp_list_pages(); ?>
<?php } ?>

Heißt: Wenn Du meine Startseite biste zeige mein Seitenmenü ohne Einschränkungen. Das gesamte Konstrukt sieht dann so aus. Um den Überblick zu behalten setzen wir noch einige Kommentare:

<div id="sidebar">
	<ul>
 
		<?php if( is_page(array(1,2,3,4)) ) { ?>
 
		<!-- Unser Produktmenü -->
 
		<li>
		<h2>Produkte</h2>
			<ul>
			<?php wp_list_pages('include=3,4,5'); ?>
			</ul>
		</li>
		<?php } ?>
 
		<?php if( is_page(array(5,6,7,8)) ) { ?>
 
		<!-- Unser Dienstleistungsmenu -->
 
		<li>
		<h2>Dienstleistungen</h2>
			<ul>
			<?php wp_list_pages('include=6,7,8'); ?>
			</ul>
		</li>
		<?php } ?>
 
		<?php if( is_page(array(9,10,11,12)) ) { ?>
 
		<!-- Unser Firmenprofil-Menü -->
 
		<li>
		<h2>Firmenprofil</h2>
			<ul>
			<?php wp_list_pages('include=10,11,12'); ?>
			</ul>
		</li>
		<?php } ?>
 
		<?php if ( is_home() ) { ?>
 
		<!-- Unser Firmenprofil-Menü -->
 
		<li>
		<h2>Firmenprofil</h2>
			<ul>
			<?php wp_list_pages(); ?>
			</ul>
		</li>
		<?php } ?>
 
	</ul>
</div>

Das Ergebnis unserer Bemühungen: Bei Klick auf den Hauptpunkt Produkte im horizontalen Menü erscheinen innerhalb der Sidebar nur die entsprechenden Unterseiten. Gleiches gilt bei einem Klick auf die Seite Dienstleistungen und Firmenprofil, wo jeweils nur die dazugehörigen Menüpunkte auftauchen.

Kontextmenüs im Iowa-Theme

Anhand des Beispiels erkennt man, das die grundsätzliche Logik nicht sonderlich schwierig, gleichsam aber dennoch Arbeitsaufwand und einen sicheren Umgang mit PHP, HTML und CSS erfordert, wobei die letzten beiden Aspekte in den Erläuterungen noch nicht mit eingebunden wurden.

Das Iowa-Theme sorgt bereits für alle HTML- und CSS-technischen Aspekte, und auch das Bearbeiten des PHP-Codes fällt weg. Hier der schnelle Weg, um das gleiche Ergebnis zu erzielen ohne eine einzige Zeile Code anzufassen. Vorausgesetzt die Seiten sind alle angelegt und die jeweiligen IDs sind zur Hand, geht das Ganze in drei Schritten.

Schritt 1 Widget in die Sidebar ziehen

Unter dem Menüpunkt Design/Widgets finden sich im Backend von Wordpress die mitgelieferten Widgets sowie die Bereiche, die mit den Widgets bestückt werden können. Das Template unterscheidet von Haus aus verschiedene Sidebars für die unterschiedlichen Bereiche im Blog wie die Startseite, das Archiv oder auch die statischen Seiten. Diese Sidebarbereiche sind dementsprechend benannt. Da wir unser Menü für die Anzeige auf statischen Seiten konfigurieren wollen, ziehen wir also das Widget mit der Bezeichnung „Seiten“ rechts in den Sidebarbereich „09 Pages Sidebar“. Im gleichen Moment erscheint zunächst ein vollständiges Seitenmenü auf allen statischen Seiten des Blogs. Es werden dort alle vorhandenen Seiten aufgelistet.

» Widgetbereich im Backend «

Schritt 2 Bedingung festlegen

Zusätzlich zur Möglichkeit, unser Widget nur auf statischen Seiten anzuzeigen, kann nun im Widget selbst die Bedingung definiert werden, dieses konkrete Widget nur auf einer ganz bestimmten statischen Seite anzuzeigen. Ähnlich wie oben beschrieben benötigen wird dafür nur die IDs jener Seiten, auf denen das Widget erscheinen soll. Die Vorletzte Option in unserem Widget bietet dazu die Möglichkeit, die IDs getrennt mit einem Komma einzugeben (Zeige das Widget nur auf folgenden Seiten). Wir tragen also die IDs für unsere 4 Produktseiten dort ein und klicken auf Speichern. Damit erscheint unser Widget nicht mehr auf allen Seiten, sondern nur noch auf den via ID angegebenen.

Schritt 3 Das Menü anpassen

Als letztes legen wir nur noch fest, das unser Widget nur die Unterseiten zu „Produkte“ anzeigt. Dazu tragen wir im Eingabefeld „Exclude via ID“ alle IDs der Seiten ein, die nicht zur Hauptseite “Produkte” gehören. Zusätzlich wird natürlich auch die ID der Hauptseite „Produkte“ angegeben, da diese im Theme bereits oben im horizontalen Menü angezeigt wird. Noch ein letzter Klick auf Speichern, und das war es. Um nun noch die Menüs für Dienstleistungen und das Firmenprofil anzulegen schnappen wir uns noch zwei weitere „Seiten-Widgets“, packen diese ebenfalls in den Bereich „09 Pages Sidebar“ und tragen wie beschrieben alle IDs dort ein. In nur wenigen Minuten haben wir unsere Kontextmenüs der Seite sehr einfach eingerichtet. Vergesst nicht für jedes der Widgets einen passenden Titel zu vergeben, die Namen der Hauptseiten bieten sich in diesem Fall natürlich an. Um nun auch wie in den Code-Beispielen beschrieben auf der Startseite eine vollständige Version des Sidebarmenüs anzulegen, ziehen wir noch ein viertes Widget in die Sidebar, dieses mal ganz oben in den Bereich „01 Startseite Sidebar“, und vergeben bei Bedarf einen Titel.

» Konfiguration der Widgets «

Das war es mit dem ersten Tutorial das sowohl einen technischen Einblick gewährt als auch das Handling im Iowa-Theme erklärt. Ich hoffe die einzelnen Schritte waren nachvollziehbar, ansonsten werden Fragen dazu gerne beantwortet. Viel Spaß beim basteln!

Um das wichtigste vorweg zunehmen: In den drei Wochen Testphase gab es bis auf wenige und marginale Kleinigkeiten keinen einzigen schwerwiegenden Fehler im Theme selbst, und obwohl der ein oder andere sich wirklich als harter Tester erwiesen hat, der alles auf den Kopf stellt, gab es hinsichtlich der grundsätzlichen Funktionalität keinerlei Probleme. Einige Punkte wurden noch nachgebessert und anhand der Rückmeldungen angepasst, hinzugefügt oder auch ganz weggelassen. Die wesentlichen Änderungen zur Testversion sehen wie folgt aus:

• Der Header ist auf mehrfachen Wunsch insgesamt kleiner
• Der Zeitstempel in Kommentaren kann ausgeblendet werden
• Strukturierende Überschriften können ausgeblendet werden
• Überschriften in der Sidebar wurden vereinfacht bzw. reduziert
• Das CSS-Flyout wurde entfernt
• Die Sprachdatei wurde abgespeckt
• Das Galerie-260-Widget wurde entfernt
• Ein neues More-Steps-Widget wurde hinzugefügt
• Das Theme wird im Standard XHTML-transitional ausgeliefert
• Eine header-Datei mit XHTML-strict DTD liegt bei
• Der Options-Bereich wurde um einige Funktionen erleichtert
• Die Optionen wurden teilweise zusammengefasst und neu nummeriert
• Ein Bug im Kalender-Widget wurde behoben
• Diverse kleinere Säuberungsarbeiten am gesamten Template

Wordpress Probleme

Wie erwähnt gab es zu meinem eigenen Entsetzen speziell in der ersten Woche teils große Probleme, die zunächst nicht nachvollziehbar waren. Nach der Überprüfung der von Wordpress empfohlenen Lösungsansätze für Themes und Plugins die unter WP2.8 zum Einsatz kommen, war schnell klar dass die Ursache an anderer Stelle lag. Die Details dazu finden sich bereits in einem Beitrag hier im Blog, kurz erwähnt sein nochmal, dass Wordpress PHP5-Funktionen verwendet die von einigen Providern nicht korrekt unterstützt werden. Jedes gemeldete Problem konnte dadurch behoben werden, das die PHP5-Unterstützung entweder durch den Provider korrigiert wurde oder durch den Nutzer selbst via htaccess-Datei sichergestellt werden konnte. In diesem Sinne also bitte nicht gleich mit der Holzkelle hier im Blog drohen ;-) es gibt bereits Lösungsansätze. Lest dazu den erwähnten Beitrag der auch entsprechende Links bereithält.

Optionen, Optionen, Optionen …

Das Iowa-Theme bietet unzählige Einstellungsmöglichkeiten, die zum einen die sehr intuitive Anpassung des Templates erlauben, zum anderen aber auch schnell dazu verleiten, alles auf einmal tunen zu wollen, den Wunsch nach noch mehr Optionen wecken und schnell vergessen machen, das der Aufwand händischer Anpassungen bisher richtig viel Zeit kostete und Know-How voraussetzte. Was auf der Options-Page zunächst und zu Recht sehr umfangreich anmutet, ist nichts weiter als der Zugang zu einem Bruchteil der Möglichkeiten, die zur Verfügung stehen, wenn man die Dateien selbst bearbeiten würde. Die große Flexibilität wird natürlich dadurch erkauft, dass man über die vielen Optionen etwas Zeit investieren muss um alles anzupassen. Man bedenke aber dabei immer, wie es wäre wenn diese Optionen nicht zur Verfügung stehen. Der Arbeitsaufwand würde um ein vielfaches höher liegen was man nicht außer Acht lassen sollte. Grundsätzlich gilt, dass nichts eingestellt werden muss, aber eben vieles eingestellt werden kann.

Mein Empfehlung: Geht in aller Ruhe an die Individualsierung des Themes, beginnt mit dem Austausch des Headerbildes, ändert die grundlegende Farbgebung bei Hintergründen und passt erst dann die Details an, wenn das grundsätzliche Design Euren Vorstellungen entspricht. Lest die Hinweise zu den Optionen, das hilft bereits um einige Dinge besser nachzuvollziehen. Ändert nicht mehr als zwei bis drei Optionen auf einmal, um im Blog auch sehen zu können was genau die eine oder andere Einstellung bewirkt. Die umfangreichen Möglichkeiten mit der Sidebar und Widgets ließ bereits einige Wünsche aufkommen, das noch etwas intuitiver zu machen. Zum jetzigen Zeitpunkt ist die gewählte Lösung aber die komfortabelste und sobald sich etwas vereinfachen lässt kann jeder davon ausgehen, das ich das größte Interesse daran habe, diese Vereinfachung auch zu nutzen. Auch dazu gibt es einen Beitrag der die Herangehensweise erläutert. Zu guter Letzt bitte ich auch um Verständnis, dass ich nicht jeden individuellen Wunsch nach weiteren Optionen nachkommen kann. Ab einem gewissen Punkt macht es keinen Sinn, sehr spezielle Details nachzurüsten die eher geschmacklicher Natur sind wie z.B. die Schriftarten, Schriftgrößen, die Inhaltsbreite usw. Der Aufwand dafür ist erstens größer als ein Eigenbau eines neuen Templates und zweitens kommt mit jeder Option mehr Komplexität und Platzbedarf hinzu.

Das Template kann über den folgenden Link heruntergeladen werden. Kommentare und Feedbacks können einfach auf der Hauptseite des Templates gepostet werden. Alles Weitere folgt nach und nach im Blog. Viel Spaß!

Zum Template