Parent-Page auf Child-Pages – WordPress Navigation

P-Navi V1.3 beta für WordPress by Zvent.de

Seitennavigation für diejenigen die WordPress als CMS nutzen wollen oder viele Seiten mit Unterseiten erstellt haben und den Überblick verlieren. Es werden auf jeder Child-Page alle Kind-Seiten (children) gelistet. Soweit kein Problem, aber viele Suchende werden sich sicher über die zusätzliche Anzeige des Links zur Parent-Page freuen die darüber sitzt und mittels

get_the_title($post->post_parent)

erzeugt wird. Der Link zur Elternseite wurde mit h1 formatiert, gibt den Namen der Parent-Page wieder und sitzt über der Liste ul. Die Unterseiten werden als Liste ausgegeben und können nach belieben sortiert werden.

Der Code meiner Navigation wird normalerweise innerhalb des Loops im Template eingefügt und kann mit Hilfe des div-Tags positioniert werden. Die Anpassung an das Seitendesign kann mittels CSS vorgenommen werden.

Es handelt sich hierbei um die beta-Version, es wird also noch Weiterentwicklungen geben evtl. auch als fertigen Template.

Kritik und Anregungen sind erlaubt. Nun viel Spass mit dem folgenden Code ;-).

TEMPLATE-CODE

<!–++++++++++++++ P-Navi Navigation by Zvent.de ## Start ++++++++++++++–>
<div id="p-navi">

<!–++++++ Elternseite ##-> Config ++++++–>
<?php
global $wp_query;
$parent_title = get_the_title($post->post_parent);
if( empty($wp_query->post->post_parent) ) {
$parent = $wp_query->post->ID;
} else {
$parent = $wp_query->post->post_parent;
} ?>

<!–++++++ Elternseite ##-> Ausgabe Titel und Link ++++++–>
<h3><a href="<?php echo get_permalink($parent); ?>"><?php echo $parent_title; ?></a></h3>
<!–++++++ Childpages ##-> Config ++++++–>
<?php
if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0&sort_column=menu_order");
else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0&sort_column=menu_order");
if ($children) { ?>

<!–++++++ Childpages ##-> Ausgabe Titel und Links ++++++–>
<ul>
<?php echo $children; ?>
</ul>
<?php } ?>
</div>

<!–++++++++++++++ P-Navi Navigation by Zvent.de ## End ++++++++++++++–>

CSS-CODE

/* ++++++++++++++ P-Navi Navigation CSS by Zvent.de ++++++++++++++ */
#p-navi {float:right;
width:220px;
border:0px;
background:;
margin: 0 0 10px 20px;
padding: 0;
}
#p-navi ul {border:1px solid #CCC;
background:#FFFFCC;
margin:0;
padding: 5px;
}
#p-navi li.page_item {
padding-left: 5px;
list-style:inside;
list-style-type:square;
}
#p-navi h3 {
padding:0 0 2px 1px;
margin:0px 0 0px 0;
font-size:13px;
font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
line-height: 1.5;
font-weight:bold;
}

Infos zu den Tags findest du hier: http://codex.wordpress.org/Template_Tags/

Zvent De

zvent de

http://www.zvent.de

One thought on “Parent-Page auf Child-Pages – WordPress Navigation

Schreibe einen Kommentar