Grafikdesigner, Webdesigner ◊ Manuals, Tutorials, Anleitungen ◊ Grafik Web Design

Der Code steht nur auf größeren Devices zur Verfügung. Verkleinern Sie Ihre Ansicht zur Vorschau.

Der Aufbau der xml-Datei ist recht einfach, im Besonderen besteht sie aus den Elementen <rss>, <channel>, <image> und <item>, die weiter spezifiziert werden.

So könnte eine RSS.xml-Datei aussehen, damit es funktioniert, müssen Sie die grünen Daten anpassen :

<?xml version="1.0" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>NEWS Ihrer Webseite</title>
<link>http://Webseite.com</link>
<description>News-Feed Ihrer Webseite</description>
<atom:link href="http://Website.com/rss.xml" rel="self" type="application/rss+xml"/>
<language>de</language>
<copyright>2018 by Ihr Name</copyright>
<docs>http://Website.com/rss.xml</docs>
<managingEditor>Ihr@Mail (Ihr Name)</managingEditor>
<pubDate>Mon, 05 Jan 2018 15:00:00 GMT</pubDate>
<lastBuildDate>Tue, 06 Jan 2018 01:00:00 GMT</lastBuildDate>
<image>
<title>NEWS Ihrer Webseite</title>
<url>http://Website.com/Logo.jpg</url>
<link>http://Website.com</link>
</image>
<item>
<title>1. Schlagzeile</title>
<guid isPermaLink="false">einmalige ID, z. B. Schlagzeile1</guid>
<author>Ihr@Mail (Ihr Name)</author>
<category>evtl. Kategorie</category>
<category>Kategorie2</category>
<link>http://Website.com/Artikel.html</link>
<description>
<![CDATA[Der Beschreibungstext der ersten Meldung.]]>
</description>
<pubDate>Tue, 06 Jan 2018 01:20:00 GMT</pubDate>
</item>
<item>
<title>2. Schlagzeile</title>
<guid isPermaLink="false">z. B. Schlagzeile2</guid>
<author>Ihr@Mail (Ihr Name)</author>
<category>z. B. Webdesign</category>
<link>http://Website.com/Artikel.html</link>
<description>
<![CDATA[Der Beschreibungstext der zweiten Meldung.]]>
</description>
<pubDate>Mon, 05 Jan 2018 15:00:00 GMT</pubDate>
</item>
</channel>
</rss>

Wie vorhin schon erwähnt, sind nicht alle Browser ohne Add-On RSS bereit. Damit man auch ohne RSS-News-Funktion ein gutes Bild Ihrer News bekommt, können Sie, sofern Sie CSS beherrschen, den Feed stylen. Sichtbar werden diese Stile allerdings nur ohne RSS-Reader.

So wird die CSS-Datei in der RSS.xml eingebunden :

<?xml-stylesheet type="text/css" href= "http://Website.com/Stylesheet.css"?>

Als sinnvoll erweist es sich, manches zu verbergen, z. B. category { display: none; }

Laden Sie alle Dateien — die verlinkten HTML-Webseiten, die RSS-Feed.xml und eventuell das CSS-Stylesheet — auf Ihren Server hoch.