neue Blogroll

2. Juli 2009 • trackback

Inspiriert von Hartmuts Artikel Blogroll und CSS3 habe ich mich in den letzten Tagen wieder einmal meiner Linkliste gewidmet. Als erstes probierte ich natürlich Hartmuts Tipp die Blogroll mit Hilfe einer Tabelle anzuzeigen. Doch da der Content meines verwendeten Themes wesentlich schmaler ist als wie beim Hartmut kommt eine Tabelle für mich nicht in Frage.

So habe ich mich mit dem conditional tag wp_list_bookmarks ein wenig auseinander gesetzt und ein extra template für die Blogroll erstellt. Dazu habe ich die page.php in einem Texteditor, ich verwende notepad++, geöffnet, unter einem neuen Dateinamen, in diesem Fall blogroll.php, abgespeichert und den Code nach meinen Bedürfnissen angepasst.

Es ist wichtig am Anfang der Datei folgenden Code einzufügen, damit WordPress die neue Datei erkennt und man das template im Backend auch zuordnen kann.

< ?php
/*
Template Name: blogroll
*/
?>

Mit folgendem Code wird die Blogroll angezeigt:

< ?php wp_list_bookmarks('before=
 
&title_li=&categorize=0&category=2&show_images=1&show_name=1&show_description=1&after='); ?>

Der gesamte Code des template sieht in meinem Fall folgendermaßen aus:

< ?php
/*
Template Name: blogroll
*/
?>
 
< ?php get_header(); ?>
<div id="container">
 
	< ?php if(have_posts()) : ?>< ?php while(have_posts()) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" class="post">
<h2><a title="<?php the_title(); ?>" href="< ?php the_permalink(); ?>">< ?php the_title(); ?></a></h2>
<div class="entry">
<div id="links">
				< ?php wp_list_bookmarks('before=
 
&title_li=&categorize=0&category=2&show_images=1&show_name=1&show_description=1&after='); ?>
 
				< ?php the_content(); ?>
				< ?php link_pages('
 
<strong>Pages: ', '', 'number'); ?>
				< ?php edit_post_link('Edit', '
 
', ''); ?></div>
</div>
<div class="comments-template">
                               < ?php comments_template(); ?></div>
</div>
< ?php endwhile; ?>
 
	< ?php else : ?>
<div class="post">
<h2>< ?php _e('Not Found'); ?></h2>
</div>
< ?php endif; ?></div>
< ?php include('left_sidebar.php');?>
< ?php include('right_sidebar.php');?>
 
< ?php get_footer(); ?>

Die einzelnen IDs und Klassen können natürlich von theme zu theme variieren, aber die Grundstruktur dürfte bei allen gleich sein.

Die Einträge in der CSS-Datei, die für die Darstellung der Blogroll verantwortlich sind:

#links li{
	list-style:none;
	padding:0px;
	margin:0px;
}
 
#links ul {
	list-style:none;
	padding:0px;
	margin:0 0 0 15px;
}
 
.linkcat h2 {
	font-size:1.2em;
	border-top: 1px solid #7c7953;
	padding:10px 0px 10px 0px !important;
	margin-top:10px;
}
 
#links p {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #7c7953;
	clear:both;
	min-height:103px;
}
#links img {
	height:93px;
	width:150px;
	float:left;
	margin-right:10px;
}

Eine weitere Besonderheit in meiner Blogroll sind die Screenshots der Blogs. Doch darauf gehe ich in einem Artikel gesondert ein, sonst wird das hier echt zu viel.

Ist dieser Artikel hilfreich und verständlich geschrieben oder stiftet er nur Verwirrung? Über konstruktives Feedback würde ich mich freuen!