Home > Blog > Eigene Seite: Blogroll-Template mit Plugin Blogroll Widget with RSS-Feeds

Eigene Seite: Blogroll-Template mit Plugin Blogroll Widget with RSS-Feeds

Juli 6th, 2010 | Tags: , , , , , , , ,

Das Ziel ist eine eigene Blogroll-Seite im Blog, in welcher RSS-Feeds dargestellt werden. Hierfür wird das Plugin von crazytoast.de benötigt, dessen Sidebar-Widget aber nicht genutzt wird, da eine eigene Seite erstellt werden soll. Da ich hier das iNove-Theme verwende, muss das folgende Tutorial an andere Themes angepasst werden.

Für das Blogroll-Template wird im Theme-Verzeichnis eine blogroll.php-Datei erstellt, in welcher, nach dem Template-Eintrag und zwischen  Header- und Footer-Code, der angepasste PHP-Code der Plugin-Seite eingetragen wird. Das Ganze sieht dann folgendermaßen aus:

blogroll.php

Die Seite hat somit weder Überschrift, noch Kommentarfunktion und sieht dadurch sehr sauber aus, sozusagen clean and simple.

Damit die Blogroll-Seite noch optisch verändert werden kann, wird der PHP-Code von einem eigenen div-Container namens toproller umklammert. Dieser wird in der style.css eingetragen und hat folgende Parameter:

#toproller {
line-height:145%
}

#toproller li {
background:none !important;
list-style:none !important;
padding: 5px 10px
}

#toproller li:first-line {
font-weight:bold;
}

Mit “!important” werden Vererbungen igoniert (hier: Auflistungszeichen und Hintergrundbild) und dank “li:first-line” wird nur die erste Zeile des Feeds, welche die URL des entsprechenden Blogs enthält, fettgedruckt.

Das Einbinden der gewünschten Feeds erfolgt direkt in WordPress über das Erstellen von eigenen Links unter Angabe einer bestimmten Kategorie, beispielsweise Blogroll. Die ID dieser Kategorie muss oben im PHP-Code unter ‘category’ eingetragen sein. Eigene Bilder zu den jeweiligen Feeds können zwar verwendet werden, ich empfehle aber die Verwendung der entsprechenden Gravatar-Bilder. Wichtig ist hierbei, dass bei dem Erstellen der jeweiligen Links auf die korrekte Schreibweise geachtet wird, speziell hinsichtlich RSS-Feed-URL.

Das Ergebnis sieht am Ende so aus:

Blogroll-Seite

Falls Fehler in diesem Tutorial vorhanden sind, wovon ich als Laie natürlich ausgehe, dürft ihr mich gerne verbessern ;)

morvagor.de

  1. Juli 6th, 2010 at 15:46

    Wie laaangweilig :P
    Schau mal her: http://www.patrick-gotthard.de/blogroll ;)

  2. Juli 6th, 2010 at 15:49

    Ähm, sowohl im IE als auch im FF seh ich bei dir nur nen dunkelgrauen Kasten in der unteren rechten Ecke. Sieht nicht gerade gut aus ;)

  3. Juli 6th, 2010 at 15:49

    Autsch hab ich auch direkt nach dem Kommentieren gemerkt. Ich bin am Fehler dran… scheint durch W3 Total Cache verursacht zu werden…

  4. Juli 6th, 2010 at 15:50

    Hauptsache kompliziert :)

  5. Juli 6th, 2010 at 15:53

    So geht wieder… Hab erstmal die Code-Komprimierung bei W3 Total Cache deaktiviert…

  6. Juli 6th, 2010 at 15:56

    Hab gerade gesehen, dass du dich selbst im Blogroll hast :)
    Ich hab lieber alle Informationen, die ich benötige, auf einen Blick.

  7. Juli 12th, 2010 at 07:14

    blogroll.php als Page Template… auch ne coole Idee. Ich mach das zwar meist in der page.php selbst und arbeitet dort mit der If Abfrage. Viele Wege führen nach Rom ;-)

  8. Juli 12th, 2010 at 07:51

    Für einen Laien wie mich war das Erstellen eines Templates einfacher.
    Das Ergebnis zählt :)