Da ich aktuell an einer simplen Integration von RSS Feeds arbeite, dachte ich mir ich poste mal das von mir verwendete Code-Snippet. WordPress bringt von Haus aus eine RSS Funktion mit, die ihr ganz leicht ansteuern könnt, um einen RSS Feed eurer Wahl in euer Theme zu integrieren.
Es gibt natürlich einige sehr interessante Lösungen, wie man per WordPress Plugin diverse RSS Feeds integrieren kann – ich denke jedoch das jeder der performante Themes baut oder benutzten möchte, soweit es geht von Plugins abstand halten sollte. Natürlich nur, wenn man technisch einen Lösungsweg kennt oder ihn umsetzen kann.
RSS Integration ohne WordPress Plugin
Baut einfach folgenden Code an eine beliebige Stelle im Theme eurer Wahl:
<?php
include_once(ABSPATH . WPINC . '/rss.php');
$rss = fetch_rss('ADRESSE ZU EUREM RSS FEED');
$maxitems = 5;
$items = array_slice($rss->items, 0, $maxitems);
?>
<h4 class="headline">Aktuelle Meldungen</h4>
<ul class="rss">
<?php if (empty($items)) echo '<li>Aktuell gibt es keine neuen Meldungen.</li>'; else foreach ( $items as $item ) : ?>
<li>
<a target="_blank" href='<?php echo $item['link']; ?>' title='<?php echo $item['title']; ?>'><?php echo $item['title']; ?></a>
<p><?php echo $item['description']; ?> <a class="normal" target="_blank" href='<?php echo $item['link']; ?>' title='<?php echo $item['title']; ?> weiterlesen'>mehr</a></p>
</li>
<?php endforeach; ?>
</ul>
Ihr könnt den RSS Feed dann natürlich noch optisch verändern. In meinem Beispiel für mein Facebook CMS “facepages” sieht das ganze wie im folgenden Screen aus
Der CSS Code für einen RSS Feed im Facebook-Style soll natürlich nicht fehlen:
/* RSS Integration */
h4.headline {font-size: 11px;background: #F2F2F2; border-top: 1px #E2E2E2 solid; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 4px;}
ul.rss {list-style: none; margin-left: 0; padding-top: 5px}
ul.rss li {border-bottom: 1px solid #E9E9E9; padding: 5px 0 10px 0;}
ul.rss li a {font-size: 13px; font-weight: bold;}
ul.rss li a.normal {font-size: 13px; font-weight: normal}
ul.rss li p {margin-top: 4px; margin-bottom: 0}