RSS-feeds importeren: verschil tussen versies

Versie van 12 feb 2020 om 18:45

Beschikbare widgets

Maakt gebruik van (bijvoorbeeld) dit widget, wanneer je een enkele RSS-feed op een pagina wilt plaatsen. Pas de gewenste parameters in het widget zelf aan:

{{#widget:RSS-FeedEk-1}}

Resultaat:

{{#widget:RSS-FeedEk-2
| id=divrss2
| feedurl= https://www.theaterkrant.nl/category/nieuwslabels/nieuws/feed/
| maxcount = 5
| desccharacterlimit =150
}}

Maakt gebruik van (bijvoorbeeld) dit widget, wanneer je een meerdere RSS-feeds op een pagina wilt plaatsen. Je kunt de parameters om de output aan te passen meegeven aan het widget:

Resultaat 2:

Styling van de output

Om de styling van de verschillende onderdelen uit de output van het widget aan te passen, zijn de volgende css-selectors beschikbaar (voorbeeld):

Selectors:

#divRss

ul.feedEkList {
	list-style-type: none
}

ul.feedEkList div.itemTitle > a {
	font-weight: bold;
	font-size: 150%;
}

ul.feedEkList div.itemDate {
	color: gray;
	font-size: 90%;
}

ul.feedEkList div.itemContent {
	
}

NB1: Wanneer het eventueel gewenst is om een bestaande (Bootstrap) CSS-class aan de ul-lijst toe te voegen, is het nodig het widget uit te breiden.

NB2: Links openen nu standaard in een nieuw tab-blad. Openen in bestaand is mogelijk, maar hiervoor moet het widget worden aangepast.