Google eröffnete am 15.09.2011 einen neuen Umgang der Suchmaschine mit Pagination/Weiterblättern. Stichworte dazu: rel=prev, rel=next.

Ich erkläre hier in diesem Artikel das bisherige Problem mit Pagination und Suchergebnissen.
Wie Google es nun für sich gelöst hat.
Wieso dies dennoch derzeit keine Lösung für WP ist -also wieso es sinnvoll ist die rel=next und rel=prev Links aus dem WP Header zu verbannen – und wie es geht .

Pagination /Weiterblättern / Seite 1 von 86 /vorherige Seite/nächste Seite erreicht man in WordPress mit:

• <!- – nextpage- – >
• next_posts_link
• previous_posts_link
• oder diversen Plugins

Und es geht um Linkbeziehungsangaben im html Header: also um die Links die ein link rel=”" im html haben.

Pagination und die Suchmaschine Google bisher

Seit “ewigst” gibt es massive Probleme bei Googles Suchergebnissen, wenn man eine Kategorie oder eine einzelne Seite oder einen Artikel in mehrere Seiten aufgeteilt hat. Google bemängelt die gleiche meta description in den Webmastertools, Google zeigt in den Suchergebnissen zu einem irr hohen Prozentsatz immer nur die 1.Seite an, grad bei Kategorieübersichten und hat man einen einzelnen Artikel aufgeteilt ignorierte dies Google komplett -ja galt lange Zeit sogar als dublicat content, weil der ja anhand des Inhaltes einer “html” Seite gemessen wird und nicht nur vom geschriebenen Artikel abhängt.

am 15.09.2011 verkündet Google rel=prev rel=next

Google erkannte selbst, dass bei einer Kategorie die 2te Seite genauso sinnvoll für den Suchenden sein kann wie die Erste. Vor allem in online Shops etc. Weil sie das Suchverhalten von Google Nutzer bis ins kleinste Detail ständig erforschen.

Nun implementierte Google die korrekten html header Angaben rel=next und rel=prev in das Programm seines Suchbots. Siehe: Google Webmasterzentrale.

Damit Google richtig erkennt ob man bei einer Kategorie auf der 1. oder 56 Seite ist und welche die vorherige oder nächste Seite ist, sollte nun um html Header:

Kategorie Hauptseite:

rel=next => Verweis auf /kategoriehauptseite/page/2/

ist man auf der /kategoriehauptseite/page/2/ sollte im html Header stehen:

rel=prev /kategoriehauptseite/
rel=next /kategoriehauptseite/page/3/

ist man auf der letzten paginierten Seite sollte logischerweise kein rel=next erscheinen.

Kann dies WordPress 3.2.1

Kürzeste Antwort: NEIN => so nicht.

WordPress bietet im html header rel=next und rel=prev, aber sehr eingeschränkt und manchmal “ein bisschen eigenartig”.
Mein Schelm und Schalk meint diesbezüglich: dies passiert, wenn Programmierer mit html Semantik konfrontiert werden.

Nachdem ich ungern etwas behaupte ohne einen Beweis zeig ich nun auf was WP im html Header liefert, wenn man

index_rel_link, adjacent_posts_rel_link und parent_post_rel_link nicht in der functions.php aussperrt.
Manche sperren dies ja aus, weil sie glauben die Angaben rel=next und rel=prev seien ein Sicherheitsrisiko , dabei sind dies absolut korrekte html Angaben.

Ich wiederum sperre diese Angaben aus, weil sie semantisch nicht korrekt und nicht vollständig umgesetzt sind => derzeit.

index_rel_link

zeigt immer:

Magst Du nicht, dass dies automatisch durch wp_head im html Header erscheint, dann füge in die functions.php deines Themes folgendes ein:

remove_action( 'wp_head', 'index_rel_link' ); // index link

adjacent_posts_rel_link

Zeigt einfach die Beziehung eines Artikels rel=next oder rel=prev in zeitlicher Reihenfolge an.

Magst Du nicht, dass dies automatisch durch wp_head im html Header erscheint, dann füge in die functions.php deines Themes folgendes ein:

remove_action( 'wp_head', 'adjacent_posts_rel_link', 10, 0 ); // Display relational links for the posts adjacent to the current post.

start_post_rel_link

Zeigt schlicht und ergreifend rel=prev zum allerersten Artikel Deiner WP Installation, dies ist zu 99% “Hallo Welt”.

Magst Du nicht, dass dies automatisch durch wp_head im html Header erscheint, dann füge in die functions.php deines Themes folgendes ein:

remove_action( 'wp_head', 'start_post_rel_link', 10, 0 ); // start link

parent_post_rel_link

Erscheint im html Header bei statischen Seiten.
Und unter d) sieht man, dass die Funktion parent_post_rel_link derzeit nicht die rel Angaben liefert die Google brauchen tät.

a)

Bist Du auf einer Seite, die entweder eine einzelne Seite ist oder eine “Parent” Seite – also eine Seite mit Unterseiten- dann zeigt dies einfach rel=prev oder rel=next (oder beides) für die in zeitlicher Reihenfolge vorher oder nachher geschriebene Seite an.
Nicht auf etwaig vorhandenen Unterseiten. => das sollte es aber tun.

b)

Bist Du auf einer Unterseite ergibt dies:

rel=up zur Hauptseite

rel=prev zur Hauptseite

wenn vorhanden:
rel=next zur nächsten gleichrangigen Unterseite

c)
Bist Du auf einer Unter-Unterseite ergibt dies:

rel=up zur hierarchisch höheren Seite
rel=prev zur hierarchisch höhren Seite

wenn vorhanden:
rel=next zur nächsten gleichrangigen Unter-Unterseite

d)

Bist Du auf /seite/3

kommt nicht rel=prev zur /seite/2
und auch nicht rel=up zur /seite/2

und wenn vorhanden auch kein
rel=prev zur /seite/3

sondern wieder rel=prev zur nächsten gleichrangigen Unterseite /Seite
und wieder rel=up zur nächsthöheren Seite

Magst Du nicht, dass dies automatisch durch wp_head im html Header erscheint, dann füge in die functions.php deines Themes folgendes ein:

remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 ); // prev link

Ich selbst lasse alle Weiterblättern Seiten nicht in den Index von Google. Erstens, weil ich ziemlich viele Artikel pro KategorieSeite anzeigen lasse. Zweitens daher auf der Seite 2 einer Kategorie wirklich ältere Artikel sind. Und Drittens, weil ich der Meinung bin nicht die Quantität an Seiten im Index zählt, sondern die Qualität.
Wie ich das mache erklärte ich in diesem Artikel: Noindex.

WP bietet die Möglichkeit statische Seiten einzubauen. Mit dem Template Tag wp list pages. Seit der WordPress Version 2.3.1 kann der template tag soagr Seiten ausschließen UND einschließen.

wp_ list_ pages

kann man diese anzeigen. Ich bringe einige Beispiele was man mit diesem Template Tag alles anstellen kann.

Achtung:All dies funktioniert nur, wenn Du keine Widgets benutzt!

Einige Stichworte:

• Keine automatisch erstellte überschrift.
• Eigene überschrift.
• Automatisch erstellte überschrift.
• Deine Reihenfolge.
• Nach Erstelldatum ordnen.
• “Home Link” automatisch anzeigen.
• Seiten ganz woanders anzeigen.
• Kombinationen all dieser Möglichkeiten.

Gerne beantworte ich auch Fragen dazu. Bitte probiere jedoch vorher meine Beispiele aus.

Jedes meiner Beispiele zeige ich in einer verschachtelten Liste so wie sie in den meisten Themes verwendet wird.

Wie man solch eine Liste horizontal anzeigt ist dann eine Frage der CSS Angaben.

Kurzer Hinweis zu den CSS Angaben: Es wird die CSS class:

<li class="page_item">

erzeugt.

Den jeweils aktiven Link (wenn man draufgeklickt hat) kannst Du mit der CSS class :

<li class="current_page_item">

gestalten.

Im Theme “default” wird eine verschachtelte Liste verwendet, weil diese mehr Gestaltungsmöglichkeiten bietet.

Der Template Tag und wie wird daraus eine richtige Liste:

<?php wp_list_pages('arguments'); ?>

gibt die Links zu den statischen Seiten zwischen den (x)html Tags

<li> und</li>

Somit must Du um korrektes (x)html zu erzeugen nur mehr die ul tags dazuschreiben etwa so:

<ul>
<?php wp_list_pages('arguments'); ?>
</ul>

Die richtig verschachtelte Liste

<ul> <li>
  <ul>
  <?php wp_list_pages('arguments'); ?>
  </ul>
</li> </ul>

Magst Du dieser Liste keine überschrift geben, dann sieht dies so aus:

<ul> <li>
  <ul>
      <?php wp_list_pages('title_li='); ?>
  </ul>
</li> </ul>

Magst Du dieser Liste eine eigene überschrift geben, dann sieht dies so aus:

<ul> <li>
  <ul>
  <li><h3>Deine eigene überschrift</h3></li>
  <?php wp_list_pages('title_li='); ?>
  </ul>
</li> </ul>

Magst Du dieser Liste eine automatisch erstellte überschrift “Seiten” geben, dann sieht dies so aus:

<ul> <li>
  <ul>
  <?php wp_list_pages('title_li=<h3>' . __('Pages') . '</h3>' ); ?>
  </ul>
</li> </ul>

Den Link zu Deinem Blog – also “Home” automatisch mit anzeigen:

<ul><li>
   <ul>
      <li> <? php bloginfo ('name'); ?>
     </li>
     <?php wp_list_pages('title_li='); ?>
    </ul>
</li></ul>

Statischen Seiten: Reihenfolge ändern.

Oft erstellt man statische Seiten und erkennt, dass man die Reihelfolge in der sie erscheinen nicht mag. Vor allem dann , wenn man eine horizontale Liste daraus gemacht hat. WP bietet Dir die Möglichkeit “Deine Reihenfolge” im Admincenter zu erstellen und Template Tags Argumente, um die statischen Seiten dann genauso anzuzeigen.

1. 1. Neue Seite erstellen:
   Admincenter==> Schreiben==> Seite schreiben==> unterhalb des Texteingabefeldes: Seiteneinstellungen==>Reihenfolge: Hier die Nummer eintragen!
2. 2. Bereits veröffentlichte Seiten neu ordnen:
   Admincenter==> Verwalten==>Seiten==> Bearbeiten==> unterhalb des Texteingabefeldes: Seiteneinstellungen==>Reihenfolge: Hier die Nummer eintragen!==>hinauf scrollen und “Seite bearbeiten” anklicken.

Dies ist jetzt Deine Reihenfolge und diese magst Du ja auch angezeigt bekommen.

Statische Seiten:Deine Reihenfolge anzeigen:

<ul><li>
  <ul>
  <?php wp_list_pages('sort_column=menu_order'); ?>
  </ul>
</li></ul>

Kombination von: Deine Reihenfolge und automatisch erstellte überschrift “Seiten”:

<ul><li>
  <ul>
  <?php wp_list_pages('sort_column=menu_order&title_li=<h3>' . __('Pages') . '</h3>'); ?>
  </ul>
</li></ul>

Statische Seiten nach deren Erstelldatum anzeigen

<ul><li>
  <ul>
  <?php wp_list_pages('sort_column=post_date&show_date=created'); ?>
  </ul>
</li></ul>

Kombination von: Erstelldatum und eigene überschrift:

<ul> <li>
  <ul>
  <li><h3>Deine eigene überschrift</h3></li>
  <?php wp_list_pages('sort_column=post_date&show_date=created&title_li='); ?>
  </u>
</li> </ul>

Du magst zwei statische Seiten ganz woanders als die anderen anzeigen -also zwei von der normalen Anzeige ausschließen (exclude auf English):

Dazu benötigst Du die ID – Identifikationsnummer – dieser beiden Seiten. Diese findest Du:

Admincenter==>Verwalten==>Seiten==>Seiten Verwaltung==>mit der Maus über den Titel fahren und in der Statuszeile des Browsers die ID auslesen.
In meinem Beispiel mag ich die Seiten mit der ID 4 und 5 woanders anzeigen:

<ul><li>
  <ul>
  <?php wp_list_pages('exclude=4,5'); ?>
  </ul>
</li></ul>

Kombination: Seiten mit der ID 4 und 5 ausschließen und Deine Reihenfolge und eigene überschrift: Schließt man Seiten aus, die auch Unterseiten haben, dann sind auch die Unterseiten ausgeschlossen!

<ul> <li>
  <ul>
  <li><h3>Deine eigene überschrift</h3></li>
  <?php wp_list_pages('exclude=4,5&sort_column=menu_order&title_li='); ?>
  </u>
</li> </ul>

Seiten anhand ihrer ID einschließen. Eigene Ordnung und keine überschrift

Mag man nur bestimmte Seiten angezeigt haben, dann kann man seit WP 2.3.1 include nutzen. Dies zeigt aber keine Unterseiten an, wenn eine Seite solche hätte!

<ul> <li>
  <ul>
  <li><h3>Deine eigene überschrift</h3></li>
  <?php wp_list_pages('include=4,5&sort_column=menu_order&title_li='); ?>
  </u>
</li> </ul>

Die offiziellen Angaben dieser Template Tags Spielereien findest Du im engl. Codex .

Artikelhistorie

Erstveröffentlichung:August 30, 2005 @ 13:32
Update: Dezember 2007
Update: 30.03.08

.. wenn Dir dies half – freue ich mich über ein Bookmark bei einem Social Dienst
..bei weiteren Fragen frage ruhig und viel Spaß damit.

Subpages nur anzeigen, wenn auch welche da sind.

<?php if(wp_list_pages("child_of=".$post->ID."&echo=0")) { ?>
 <ul>
 <?php wp_list_pages("title_li=&child_of=".$post->ID."&sort_column=menu_order&show_date=modified&date_format=$date_format");?> 
 </ul>
<?php } ?>

Subpages anzeigen, auch wenn man auf eine Subpage geklickt hat

<?php
if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
if ($children) { ?>
<ul>
<?php echo $children; ?>
</ul>
<?php } ?>

Widgets in der Sidebar

Wer Widgets in der Sidebar nutzt muss dafür ein Textwidget nutzen und braucht ein Plugin, das das Ausführen von PHP erlaubt. Aber Achtung diese Plugins stellen für den unbedarften Nutzer eine Gefahr dar!

Wie merke ich mir diese Quick Tipps für die Navigation

Bookmarken bei einem der Social Dienste hilft da ungemein.

Erstens, weil ich elendslange Linklisten nicht mag, zweitens, weil ich die themenrelevanten Links bei der jeweiligen Kategorie,Seite, Artikel hervorheben mag und Drittens, weil ich einfach wissen wollte wie dies geht.

Widgets verwenden und individuelle Linkkategorien ist möglich. Wie erkläre ich ganz am Ende des Artikels.

Die Blog Kategorien heißen:

1. Bloggen
2. Privat
3. Galerie

bei der statischen Seite *About* sollen eigene Links erscheinen und beim Artikel mit dem Title *danke* ebenso.

Die Linkkategorien erstellen, benennen und die IDs merken

Im Admincenter==>Linka ==>Link Kategorien

Dort findet man bereits Kategorien, die so heißen wie die Kategorien des Blogs.

Man kann dort auch neue Linkkategorien erstellen.

Für die statische Seite *About* nannte ich die Linkkategorie ebenfalls *About*, für den einzelnen Artikel, erstellte ich die Linkkategorie *Danke*.

Es ist für den Durch und überblick sehr sinnvoll Linkkategorien absolut unverwechselbar und wiedererkennbar zu benennen. Nenn ich die Linkkategorie für die Seite *About* Freunde, weiß ich nach einem Monat nicht mehr wo diese Kategorie denn erscheint.

Da man ja jeder Linkkategorie eine eigene überschrift geben kann, ist dies so viel besser.

den Namen der Linkkategorie und die dazugehörige ID notieren

1. Bloggen == Linkkategorie ID 3
2. Privat == Linkkategorie ID 4
3. Galerie == Linkkategorie ID 5
4. About==>Linkategorie= ID 9
5. Danke==>Linkkategorie =ID 10

» Benutzer von Widget bitte nach unten scrollen!

Jetzt öffnete ich die sidebar.php mit einem Editor meiner Wahl, richtete mir die verschachtelte Liste so her, damit sie immer richtiges html anzeigt, egal was ich damit mache und außerdem löschte ich den template tag

<?php wp_list_bookmarks(); ?>

Wenn …dann …

<?php /* wenn das  bloggen ist */ if ( is_category('bloggen')) { ?>
<ul><li><h2>zum Thema</h2></li>
<?php wp_list_bookmarks('category=3&categorize=0&show_description=&title_before=&title_after&title_li=&category_before=&category_after='); ?>
 
</ul>
<?php } ?>

Einzeln erklärt:

<?php

Damit weiß PHP: ich muss was tun.

/*wenn das bloggen ist*/

Dies ist ein Kommentar für PHP. Solche Kommentare sind ebenfalls für den überblick absolut nötig. Monate später, weiß man sonst garantiert nicht mehr was man denn wollte, wenn der Kommentar fehlt.

if(is_category('bloggen'))

Dies heißt ausgesprochen:
Wenn ist Kategorie Bloggen. [;)]

{ ?>

PHP mach mal kurz Pause.;)

<ul><li><h2>zum Thema</h2></li>
<?php wp_list_bookmarks('category=3&categorize=0&show_description=&title_before=&title_after&title_li=&category_before=&category_after='); ?>
</ul>

zeige Linkkategorie mit der ID3, zeige die Links einfach zwischen li und /li ohne den Namen der Linkkategorie.

<?php } ?>

PHP Deine Arbeit ist getan.

Diese if-Anweisung wiederholte ich für jede einzelne meiner Blog Kategorien.

<?php /* wenn das  privat ist */ if ( is_category('privat')) { ?>
<ul><li><h2>zum Thema</h2></li>
<?php wp_list_bookmarks('category=4&categorize=0&show_description=&title_before=&title_after&title_li=&category_before=&category_after='); ?></ul>
<?php } ?>

und

<?php /* wenn das  galerie ist */ if ( is_category('galerie')) { ?>
<ul><li><h2>zum Thema</h2></li>
<?php wp_list_bookmarks('category=5&categorize=0&show_description=&title_before=&title_after&title_li=&category_before=&category_after='); ?>
</ul>
<?php } ?>

Für die statische Seite about sieht dies so aus.

<?php /* wenn page about */ if ( is_page('about')) { ?>
<ul><li><h2>zum Thema</h2></li>
<?php wp_list_bookmarks('category=9&categorize=0&show_description=&title_before=&title_after&title_li=&category_before=&category_after='); ?>
</ul>
<?php } ?>

Für den Artikel mit dem Titel Danke so:

<?php /* wenn single danke */ if ( is_single('danke')) { ?>
<ul><li><h2>zum Thema</h2></li>
<?php wp_list_bookmarks('category=9&categorize=0&show_description=&title_before=&title_after&title_li=&category_before=&category_after='); ?>
</ul>
<?php } ?>

Achtung: Die Codeteile bitte nicht einfach kopieren, sondern selber tippen. Beim Kopieren entstehen manchmal Fehler.

Fertig!

Widgets verwenden und dennoch ganz spezielle Links je Sidebar ist auch ohne Plugin möglich.

Allerdings erscheinen die Linkkategorien dann am Ende der Sidebar. Nicht einfach irgendwo mittendrin.

Vorbereitung: Wenn die Blogroll mit Widgets angezeigt wurde, dies aus den Widgets entfernen.

Im default Theme /Kubrick von WordPress steht ganz unten in der Sidebar.php folgendes

<?php endif; ?>
		</ul>
	</div>

das endif beendet die Widgetfunktionstüchtigkeit. Das /ul beendet die verschachtelte Liste.

Das /div beendet die “Schachtel” Sidebar.

Wenn Du jetzt nach dem letzten /ul und vor dem /div obige Codebeispiele einträgst, kannst Du Widgets UND individuelle Linkkategorien je Kategorie, je statische Seite, je Artikel verwenden.

Sollte Deine Sidebar ein wenig anders aussehen, dann auf alle Fälle nach dem *endif*.

Alles vor dem endif wird bei der Verwendung von Widgets nicht angezeigt!

So einfach ist es die Sidebar des Blogs aufzuräumen. Gerne beantworte ich Fragen zum Thema.

»» War der Artikel für Dich hilfreich freue ich mich über einen Link oder einen Bookmark bei Mr.Wong, Yigg.de usw…

Artikelhistorie

Erstveröffentlichung am 23. Dezember 2005

den Originaltext gelöscht der 1. Veröffentlichung, weil er absolut nicht mehr verwendet werden sollte.

… if is kaffehaus get texto kaffee, steht jetzt am Programm .

>> neue Version übersetzt:MyLinkorder für WordPress 2.1.3 und alle höheren WordPress Versionen ganz am Ende des Artikels!

My Link Order, ein WordPress Plugin von Geek (er nennt sich selber so ) schafft da Abhilfe.

Achtung: dieses WordPress Plugin muss bei einem Update von WordPress eventuell erneuert werden.

1. My Link Order
2. Entpacken.
3. Im Ordner mylinkorder-2-0-5-de ist der Ordner mylinkorder. Nur diesen hochladen nach wp-content/plugins/mylinkorder.
4. Admincenter==>Plugins==>aktivieren.
5. Admincenter==>Links==>Links ordnen.
6. Dort den Anweisungen folgen.

Zwei große Screenshots dieses Plugins: Kategorien Links .

Template Tag damit dieses WP Plugin arbeiten kann

Es muss dort wo die Link Kategorien erscheinen sollen –zu 97% in der Sidebar.php — stehen:

<?php get_links_list(); ?>

Dieser template tag kann aber nur per Name oder per ID ordnen.

MyLinkorder für WordPress 2.1 und höher

1. MyLinkorder2.1.3
2. Entpacken.
3. Die Datei:mylinkorder.php in das Pluginverzeichnis wp-content/plugins/.
4. Aktivieren.
5. Adminenter==>Blogroll==>MyLinkorder

Template vorbereiten.

<?php wp_list_bookmarks('orderby=order&category_orderby=order');?>

Diesen template Tag musst Du verwenden,weitere Parameter kannst Du anfügen.

Ich habe dieses WordPress Plugin “My Link Order” nur übersetzt. Sollte etwas nicht funktionieren, bitte bei My Link Order nachfragen. Es ist mir zeitlich einfach unmöglich fremde Plugins zu supporten. Ich ersuche Euch um Verständnis dafür.

Artikelversionen:

Erstmals veröffentlicht am 15.12.06 gegen 13.01.

Update am 11.03.07 neue Version des Plugins übersetzt.
Update am 15. 06.07 neue Version übersetzt.

Ordnen, schlichten und dies so einfach,CMS WordPress her I come

Es wird ein langer Artikel, weil viel code;) Jede Möglichkeit ist als überschrift gekennzeichnet und ich empfehle Dir lies zuerst die überschriften, dann such Dir das aus, was Du haben magst. Wie immer habe ich keine Ahnung, ob copy and paste bei den Codebeispielen funktioniert. Schlimmstenfalls musst Du abtippen.

Außerdem zeige ich auch immer den erzeugten Quelltext an und bei den ersten Beispielen steht dabei, was für css IDs und classes zur Gestaltung zur Verfügung stehen. Wenn dies sich wiederholt verweise ich auf die Beispiele.

wp_list_bookmarks

Nur kurz was alles so kommt:

Alle Linkkategorien anzeigen. Alle Links aus jeder Kategorie anzeigen und die rotieren lassen. (random links). Nur eine bestimmte Anzahl anzeigen lassen, Links nicht mit Text, sondern Bild (Button) anzeigen, Rss Feeds Links, Links aus der Kategorie Y anzeigen lassen. Links mit überschrift, Links ohne überschrift usw....

0 Was kann wp_list_bookmarks alles-ein bisschen Theorie

<?php wp_list_bookmarks('argumente'); ?>

Dies bedeutet: Der template tag wp list bookmarks ist mit vielen Argumenten nutzbar. Die Argumente stehen zwischen Hochkommata und werden mit einem & verbunden/aneinandergereiht.

Wenn was nicht funktioniert war vielleicht bloß die Anordnung der Argumente falsch.

0. a Welche Argumente versteht wp_list_bookmarks aller ?

Die Argumente, die dieser template tag aller versteht und kann:

$defaults = array('orderby' => 'name', 'order' => 'ASC', 'limit' => -1, 'category' => '',
'category_name' => '', 'hide_invisible' => 1, 'show_updated' => 0, 'echo' => 1,
'categorize' => 1, 'title_li' => __('Lesezeichen'), 'title_before' => '<h2>', 'title_after' => '</h2>',
'category_orderby' => 'name', 'category_order' => 'ASC', 'class' => 'linkcat',
'category_before' => '<li id="%id" class="%class">', 'category_after' => '</li>');

Und jetzt praktische Beispiele mit wp_list_bookmarks.

1. Drei verschiedene Links, die in vier Kategorien gespeichert sind -Standardergebnis des wp_list_bookmarks

Folgendes in das Template der Sidebar (sidebar.php) schreiben:

<ul><--die ul habe ich dazugeschrieben-->
 
<?php wp_list_bookmarks(); ?>
 
</ul>

Dies ergibt dann das:

wp_list_bookmark Standardergebnis 

Titel der Kategorie 1
Link 1
Titel der Kategorie 2
Link 2
Titel der Kategorie 3
Link 3
Titel der Kategorie 4
Link 3

1.a Welchen Quelltext (html) erzeugt wp_list_bookmarks in der Standardeinstellung

Ohne die von mir ergänzten ul :

<li id="linkcat-6" class="linkcat"><h2>Blogroll</h2>
	<ul><li>Matt</li>
	</ul></li>
<li id="linkcat-9" class="linkcat"><h2>meine Websites</h2>
	<ul><li><a href="http://www.texto.de/" rel="me" title="code is poetry">Texto</a></li>
	</ul></li>
<li id="linkcat-1" class="linkcat"><h2>Nicht kategorisiert</h2>
	<ul><li><a href="http://www.webdesign-in.de/" rel="me" title="ausprobieren">ich</a></li>
	</ul></li>
<li id="linkcat-2" class="linkcat"><h2>Test2</h2>
	<ul><li><a href="http://www.webdesign-in.de/" rel="me" title="ausprobieren">ich</a></li>
	</ul></li>

1. Die css class linkcat zur Gestaltung steht zur Verfügung.
2. Die Kategorien sind alphabetisch von A-Z geordnet.
3. Die verschachtelte Liste der Sidebar von WordPress wird erzeugt.
4. Die Kategorientitel sind in der überschrift h2 verpackt.
5. Die IDs der Kategorien wird ebenfalls erzeugt: linkcat-2,linkcat-1 etc. Auch dies kann man zur Gestaltung nutzen, wenn man mag.
6. Rel=me oder so gehört zum http://gmpg.org/xfn/11 Netzwerk, dort einfach nachlesen wieso warum und so .

2. Alle Links anzeigen, egal in welcher Kategorie, mit überschrift:Lesezeichen

<ul><--die ul habe ich dazugeschrieben-->
 
<?php wp_list_bookmarks('categorize=0'); ?>
 
</ul>

Alle Links ohne Kategorie
Lesezeichen

Lesezeichen
Link 1
Link 2
Link 3

2.a Der dabei erzeugte Quelltext (html) ist:

<li id="linkuncat" class="linkcat"><h2>Lesezeichen</h2>
	<ul><li><a href="http://www.webdesign-in.de/" rel="me" title="ausprobieren">ich</a></li>
<li>Matt</li>
<li><a href="http://www.texto.de/" rel="me" title="code is poetry">Texto</a></li>
	</ul></li>

• Die css ID linkuncat und die css class linkcat werden erzeugt und stehen zur Gestaltung zur Verfügung.
• Lesezeichen steht wieder zwischen h2.
• “Rel” wird ebenfalls dargestellt.
• Die Links sind alphabetisch von A-Z geordnet.

3. Alle Links anzeigen, egal in welcher Kategorie, mit eigener überschrift.

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('categorize=0&title_li=eigene überschrift'); ?> 
</ul>

3.a Der dabei erzeugte Quelltext (html) ist:

Absolut dasselbe wie bei 2.a oberhalb

4. Alle Links anzeigen, egal in welcher Kategorie, mit eigener überschrift und rotieren lassen.

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('categorize=0&orderby=rand&title_li=eigene überschrift'); ?> 
</ul>

4.a Der dabei erzeugte Quelltext (html) ist:

Absolut dasselbe wie bei 2.a oberhalb

5. Links ordnen mag ich.

Mit

orderby=rand

wird das Rotieren angegeben.

Du kannst auch noch nach id ( die ID des Links), url,name,target,description (das ist der title), owner (das ist der User, der den Link gespeichert hat),rating (wenn Du links bewertest), updated (wenn bei einem Link Neues kam),rel,notes(Du kannst ja zu jedem Link Notizen dazuschreiben),rss, length (die Länge des Linknamens, kürzere zu längere Namen ), ordnen.

Beispiele:

orderby=id
Im template tag sieht das dann so aus:
<?php wp_list_bookmarks('categorize=0&orderby=id&title_li=eigene überschrift'); ?>

oder

orderby=target
Im template tag sieht dies dann so aus:
<?php wp_list_bookmarks('categorize=0&orderby=target&title_li=eigene überschrift'); ?>

Nach zwei Kriterien zu ordnen ist nicht möglich.

6. Links nach Kategorien anzeigen, aber pro Kategorie maximal 2 Links.

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('limit=2'); ?> 
</ul>

6.a Der dabei erzeugte Quelltext (html) ist:

Absolut derselbe wie bei Beispiel 2a weiter oben.

7. Links nach Kategorien geordnet, pro Kategorie maximal 2 Links und die Beschreibung zum Link anzeigen.

show_description
title Attribut

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('limit=2&show_description=1'); ?> 
</ul>

7.a Der dabei erzeugte Quelltext (html) ist:

<li id="linkcat-6" class="linkcat"><h2>Blogroll</h2>
	<ul><li>Matt 
ebend er</li></ul></li>
<li id="linkcat-9" class="linkcat"><h2>meine Websites</h2>
	<ul><li><a href="http://www.texto.de/" rel="me" title="code is poetry">Texto</a>
code is poetry</li>
<li><a href="http://www.esistkeinurlaub.de" rel="me" title="Einfach mal weg">Urlaub</a>
Einfach mal weg</li>
	</ul></li>

Achtung: Haben die Links (a, a:link, a:visited etc) in der style.css ein display block angegeben, wird die Description- das title Attribut- automatisch in einer neuen Zeile darunter angezeigt!

8. Nur Links aus der Kategorie 9

Links aus Kat 9
Kat Name als überschrift

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('category=9'); ?> 
</ul>

8.a Der dabei erzeugte Quelltext (html) ist:

Absolut derselbe wie bei Beispiel 2a weiter oben.

9. Links nach Kategorien geordnet, aber nur die Kategorien mit der ID 9 und 6

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('category=6,9'); ?> 
</ul>

Achtung: Die IDs aufsteigend angeben.

Achtung: Anstatt der Kategorie IDs könnte man auch den Namen der Kategorie (category_name) angeben, doch dies hat bis jetzt bei mir noch nicht funktioniert.

Sollte ich diesbezüglich etwas in Erfahrung bringen, ergänze ich diesen Artikel.

9.a Der dabei erzeugte Quelltext (html) ist:

Du weißt es bereits: ==>Absolut derselbe wie bei Beispiel 2a weiter oben.

10. Zeige mir die Bilder /Buttons statt Linktexte und die Beschreibung (title Attribut)

Buttons statt Text
kein Button da kommt Text

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('show_images=1&show_description=1'); ?> 
</ul>

Achtung: Wie am Bild erkennbar ist. Wurde kein Button zum Link gespeichert, dann kommt automatisch der Linktext!

10.a Der dabei erzeugte Quelltext (html) ist:

An und für sich derselbe wie bei 2.a nur sind auch noch die Pfade zu den Buttons sichtbar. Wobei “img” keine eigene css class zugewiesen wird.

11. Zeige die Links aus Kategorie 9, gib den Links eine eigene css class, ohne title Attribut, geordnet nach deren URL

Das ist eines der Beispiele aus dem Codex, da das Original Beispiel derzeit falsches html erzeugt, habe ich es so abgeändert, dass es passt.

<ul><--die ul habe ich dazugeschrieben-->
<?php wp_list_bookmarks('categorize=1&category=9&before=<li class="eigene">&after=</li>&show_description=0&orderby=url'); ?>
</ul>

Achtung: Ich bin mir unsicher, ob dies so funktioniert, obwohl es im Codex steht.

11. a der dabei erzeugte Quelltext (html) ist:

<li id="linkcat-9" class="linkcat"><h2>meine Websites</h2>
	<ul><li class=\"eigene\"><a href="http://www.esistkeinurlaub.de" rel="me" title="Einfach mal weg">Urlaub</a></li>
<li class=\"eigene\"><a href="http://www.texto.de/" rel="me" title="code is poetry">Texto</a></li>
	</ul></li>

Man mag ja nur eine eigene css class für was haben, damit man es eigens gestalten kann.

Ich würde auf die eigene css class verzichten alles mit before und after weglassen und dafür in der style.css diese li folgendermaßen ansprechen:

ul li.linkcat ul li

12. Ich brauche keine Titel, keine verschachtelte Liste wie geht denn das?

Dies fragte sich Olafb im WordPress-Deutschland.org Forum:

Dieses Html wollte er haben:

<div class="boxhead"> 
<h2>Links</h2> 
</div> 
<ul class="MeineKlasse> 
<li>...hier die Links....</li> 
</ul> </li> </div>

Zwei Lösungen eine von Olafb und eine von Jeriko, wenn man weniger Kategorien hat.

Alle Parameter leeren heißt das Zauberwort, dies sieht dann so aus:

<?php wp_list_bookmarks('orderby=rand&categorize=0&title_before=&title_after&title_li=&category_before=&category_after= '); 
?>

die zweite Lösung von Jeriko, bei nur einer vorhandenen Kategorie:

<?php wp_list_bookmarks('title_li=&category=0&categorize=0'); ?>

Funktioniert was nicht, ändert sich was, habe ich die allerneuesten Urideen, dann editier ich den Artikel.

Hast Du noch Ideen etc, Fragen, Erkenntnisse etc. dann schreibe hier einen Kommentar. über Rückmeldung freu ich mich immer.

Wenn es Dir geholfen hat, dann sag es ruhig weiter.

Zelic Drop Down Pages im Einsatz  

Außerdem habe ich auch dieses WordPress Plugin für statische Seiten mit dem Link Manager Plugin[Code Beispiel 3 ] kompatibel gemacht und wenn Du Dir jetzt den Link Manager bei mir holst ist alles vorbereitet.

Das Plugin von Zelic liefert XHTML aus und ob es auch mit anderen Versionen als WordPress 2.04 aufwärts kompatibel ist hat er nicht getestet und ich auch nicht.;)

Beispiele für Zelic Drop Down Pages

<?php zelig_dropdown_pages('boxwidth=120'); ?>

Setzt die Breite der Box auf 120px.

<?php zelig_dropdown_pages('sort_column=menu_order&sort_order=DESC'); ?>

Zeigt die statischen Seiten genau in umgekehrter Reihenfolge als im Admincenter bestimmt. Kann für “floatende” Designs oft von Vorteil sein.

<?php zelig_dropdown_pages(depth=1&title_li=Section 1'); ?>

Zeigt die Unterseiten bis zur 1. Ebene und gibt der Box die überschrift “Section1.

..grrr wordpress kennt keine richtige Tabelle, da muss ich wieder unmögliche br eleminieren, aber das Plugin tut seine Dienste gut

Die englische Erklärung und den Download des Plugins findest Du auf Rob Schumanns Seite. Dieses Plugin ist mit Garett Page Link Manager absolut kompatibel.

• Einfach herunterladen.
• Entpacken.
• In den Ordner wp-content/plugins/ hochladen.
• Aktivieren.
• Die sidebar.php Deines Themes öffnen nach wp-list-pages suchen und dies mit
  nanchfolgendem Code ersetzen, je nachdem was Du magst.

1. Möglichkeit:

ohne Link Manager Plugin

<?php wswwpx_fold_page_list('title_li=<h2>Seiten</h2>','true'); ?>

mit Link Manager Plugin

<?php gdm_wswwpx_fold_page_list('title_li=<h2>Seiten</h2>','true'); ?>

alle Unterseiten einer Seite sind sofort sichtbar. 

Ganz egal welche Funktionen der wp-list-pages Du nimmst, wenn Du danach ein Koma setzt und unter den Hochkommata true schreibst, dann faltet Fold Page List alle Unterseiten einer Seite auf.

2. Möglichkeit:

ohne Link Manager Plugin

<?php wswwpx_fold_page_list('title_li=<h2>Seiten</h2>'); ?>

mit Link Manager Plugin

<?php gdm_wswwpx_fold_page_list('title_li=<h2>Seiten</h2>'); ?>

Die Seite zeigt nur die erste Unterseite an. 

Möchtest Du nicht, dass etwaige Unterseiten einer Unterseite gleich sichtbar sind, dann lasse einfach das ‘true’ weg.

Nachfolgend die unterschiedlichen CSS classes des Plugins.

Page Fold List aktiviert – Quelltext der Startseite

Fold Page List aktiviert aber noch keine Seite angeklickt 

<ul>
    <li id="pagenav"><h2>Seiten</h2>
        <ul><li class="page_item"><a href="..>eine Seite ohne Unterseite</a>
                </li>
             <li class="page_item page_folder"><a href="..>eine Seite mit Unterseite</a>
                 </li>
             <li class="page_item"><a href="..>eine Seite ohne Unterseite</a>
                  </li>
                   usw...
       </ul>
    </li>
</ul>

Die id pagenav und die class page_item macht WordPress von sich aus immer.

Es ist anhand der zusätzlichen css class page_folder ersichtlich, dass das Plugin von sich aus erkennt , ob eine Seite eine Unterseite hat oder nicht. Somit sind diese Seiten mit Unterseiten auch anders gestaltbar.

Page Fold List beim Klick auf eine Seite mit Unterseite

eine Seite angeklickt , die eine Unterseite hat, die keine weitere Unterseite mehr hat. 

<ul><li id="pagenav"><h2>Seiten</h2>
         <ul><li class="page_item"><a href="...>Seite ohne Unterseite</a>
                      </li>
                 <li class="page_item page_folder"><a href="....>Seite mit Unterseite</a>
                       </li>
                 <li class="page_item"><a href="...>Seite ohne Unterseite</a>
                       </li>
                <li class="page_item current_page_item page_folder"><a href="..">aktivierte Seite mit Unterseite</a>
 
                    <ul>
	                 <li class="page_item"><a href="..>Unterseite ohne weitere Unterseite</a>
	                   </li>
                   </ul>
             </li>
        </ul>
    </li>
</ul>

Die CSS class current_page_item macht WordPress immer. Damit sind die aktivierten Seiten gestaltbar.

Page Fold List beim Klick auf eine Seite mit Unterseite, die wiederum eine Unterseite hat.

eine Seite angeklickt , die eine Unterseite hat, die eine weitere Unterseite hat. 

<ul><li id="pagenav"><h2>Seiten</h2>
         <ul><li class="page_item"><a href="..>Seite ohne weiter Unterseite</a>
                  </li>
               <li class="page_item current_page_ancestor page_folder"><a href="... >Seite mit Unterseite, die wiederum eine Unterseite hat</a>
                   <ul>
	             <li class="page_item current_page_item page_folder"><a href="...>Unterseite , die eine Unterseite hat</a>
 
	                <ul>
		            <li class="page_item"><a href="..>Unterseite der Unterseite</a>
		              </li>
	                </ul>
	           </li>
               </ul>
           </li>
           <li class="page_item"><a href=..>Seite ohne Unterseite</a>
               </li>
     </ul>
  </li>
</ul>

Fold Page List fügt zur “Mutterseite” der beiden Unterseiten die CSS class current_page_ancestor dazu, somit ist auch dieser “Zustand” gestaltbar.

Fazit mit diesem Plugin Fold Page List ist nicht nur die Sidebar aufgeräumt und er überblick bewahrt, sondern es stehen für die verschiedenen Zustände der jeweils aktivierten Seiten eigene css classes zur Verfügung und ermöglichen somit eine höchst einfallsreiche und individuelle Gestaltung. Da hat ein CSS Freak programmiert. Ich finde dies einfach sehr, sehr gut.

Fold Page Menu aktiv und nicht aktiv.  

1. WordPress Plugin Download:
   Fold Page Menu.
2. Entpacken:wp-content/themes/plugins/ hochladen.
3. Sidebar.php mit einem Editor Deiner Wahl öffnen.
4. Untenstehenden Code ändern.
5. Speichern. Fertig.

Sidebar für Fold Page Menu vorbereiten

Dieses Plugin wie hier beschrieben eingefügt ergibt auch keine Fehlermeldung, wenn es deaktiviert wird.

 
<?php if (function_exists('fold_page_menus')) { ?>
<?php wp_list_pages(fold_page_menus().'title_li=<h2>Seiten</h2>'); ?>
<?php } else { ?>
<?php wp_list_pages('title_li=<h2>Seiten</h2>' ); ?>
<?php } ?>

Dieses Plugin akzeptiert alle Einstellungen die man mit wp-list-pages machen kann.

Nähere Information findest Du bei meinen wp-list-pages Spielereien.

Ganz einfach ist dies nicht zu beantworten, weil es auf den Grundaufbau des jeweiligen Cascading Style Sheet ankommt, aber meist führt folgender Weg zum Ziel:

[Schritt 1]</div><!--das ist das div des headers, das geschlossen werden muss.-->
[Schritt 2]<div id="menu">
[Schritt 3]<ul>
 [Schritt 4]  <?php wp_list_pages..............
[Schritt 5]</ul>
[Schritt 6]</div><!-- id menu end-->

Erklärung:

1. Schritt 1:
   Die Liste sollte unterhalb des Headers erscheinen, daher erweist es sich oft als gut, den Header vorher zuzumachen.
2. Schritt 2:
   Ich nehme eine id, weil eine class oft nicht die “Macht” hat. Der Name “menu” ist willkürlich ausgesucht, kann auch anders genannt werden.
3. Schritt 3:
   Für eine horizontale Liste ist es einfacher keine verschachtelte Liste zu nehmen. Der template tag wp_list_pages erzeugt die “li” selber, also müssen nur die fehlenden ul nachgereicht werden.
4. Schritt 4:
   Der template tag, welcher auch immer für Dein Anliegen passt.
5. Schritt 5 und 6:
   Alles was man “aufgemacht” hat muss man wieder “zumachen”.

In die style.css Deines Themes kommt dann folgendes:

[1] #menu  ul {position:relative; top:10px!important;top:15px; padding:0; margin:0% 3% 0% 0%; }
[2] #menu ul li {display:inline; margin:0 1px; }
[3] #menu  li {padding:2px 10px;}
[4] #menu  li:hover {padding:2px 10px;}
[5] #menu  a:hover {background-color:transparent;}

• [1] die beiden Angaben bei top:…. sind einmal für den Internet Explorer und einmal für Firefox, Mozilla, Opera. Der Internet Explorer zeigt Abstände anders als die anderen Browser an. Versteht dieses !important aber überhaupt nicht. So kann man dies nutzen zwei Angaben für ein und dieselbe Sache zu machen. Ob die 10px reichen oder zuviel sind, kann man allgemein nicht sagen.
• [2] wichtig ist dieses display inline , denn dieses inline macht aus der an und für sich vertikalen Liste eine horizontale. Die margin Angaben sind wiederum nicht allgemein bestimmbar.
• [3] Padding ist der Innenabstand, man sollte padding Werte bei einer horizontalen Liste angeben, damit der Abstand auch links und rechts gut aussieht und benutzbar bleibt. Zu eng erschwert das Draufklicken, wenn man zB. ein ungeübter Maus und Internetnutzer ist.
• [4] Gibt man dem li einen hover Effekt- der ist sichtbar, wenn man mit der Maus drüber fährt, erleichtert dies ebenfalls das Draufklicken und man hat außerdem mehr Gestaltungsmöglichkeiten.
• Es geht um Links, die sollte man – wenn es irgendwie geht, so wie die anderen Links auf der Website gestalten. Da man aber manchmal ein Hintergrundbild verwendet oder die Farbe beim Drüberfahren mit der Maus nicht passt oder die horizontale Liste am Ende des Headerbildes erscheinen soll, kann man die Links in dieser horizontalen Liste anpassen.

Ich weiß, sehr allgemein diese Tipps, aber ohne mehr über die Website zu wissen, wo diese horizontale Liste hin soll, kann ich nur spekulieren und sehr allgemein erklären.

Bei Fragen, einfach die Kommentarfunktion nutzen und meist haben viele andere auch Fragen und sind sehr froh, wenn sich jemand zu fragen getraut .

…gut erholt aus dem Urlaub zurück

edit:09.02.06
Ich antworte hier, weil in den Kommentaren zuwenig html erlaubt ist -aus Sicherheitsgründen.;)

 
 #menu  ul {position:relative; top:10px!important;top:15px; padding:0; margin:0% 3% 0% 0%; }
#menu ul li.page_item {display:inline; margin:0 1px; }
 #menu  li {padding:2px 10px;}
 #menu  li:hover {padding:2px 10px;}
 #menu  a:hover {background-color:transparent;}
#menu li {	list-style-type: none;
	list-style-image:none;}

mit dem list style type none verbietest Du die Bullets mit list style image etwaige Bildchen, die Du vielleicht woanders in einer Liste hast anstatt der Bullets.

Die Zwischenstriche:
1. Möglichkeit -in allen Browsern sichtbar:
Du verwendest nicht den template tag wp_list_pages, sondern verlinkst selber jede Seite.

<div id="menu">
<ul><li> a href="deinedomain.de/....." title=".....">Blubsch</a></li>
</ul></div>

Nachteil: ist aufwändig.

2.Möglichkeit: der Internet Explorer zeigt dies nicht an, Browser schon.;)

Du schreibst in die style.css folgendes dazu:

 
#menu ul li:before{
	 content:"\|";
	 text-align:center;
 
}

lg