RSS-feeds importeren: verschil tussen versies

Uit MediaWikiGids
Ga naar: navigatie, zoeken
Regel 24: Regel 24:
  
 
{{#widget:RSS-FeedEk-1}}
 
{{#widget:RSS-FeedEk-1}}
<pre>{{#widget:RSS-FeedEk-2}}</pre>
+
<pre>{{#widget:RSS-FeedEk-2
 +
| id=divrss2
 +
| feedurl= https://www.theaterkrant.nl/category/nieuwslabels/nieuws/feed/
 +
| maxcount = 5
 +
| desccharacterlimit =150
 +
}}</pre>
  
 
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:
 
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:
Regel 35: Regel 40:
 
| desccharacterlimit =150
 
| desccharacterlimit =150
 
}}
 
}}
 +
 +
== 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):
 +
<pre>
 +
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 {
 +
 +
}
 +
</pre>
 +
 +
NB: 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.

Versie van 12 feb 2020 om 17:42


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 {
	
}

NB: 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.