RSS-feeds importeren: verschil tussen versies

Uit MediaWikiGids
Ga naar: navigatie, zoeken
k (Beschikbare widgets)
 
Regel 25: Regel 25:
 
=== Beschikbare widgets ===
 
=== Beschikbare widgets ===
  
Maakt gebruik van (bijvoorbeeld) [[Widget:RSS-FeedEk-1]], wanneer je een enkele RSS-feed op een pagina wilt plaatsen. Pas de gewenste parameters in het widget zelf aan:
+
Maakt gebruik van (bijvoorbeeld) [[Widget:RSS-FeedEk-1]], wanneer je een enkele RSS-feed op een pagina wilt plaatsen. Pas de gewenste parameters in de code het widget zelf aan:
 
<pre>{{#widget:RSS-FeedEk-1}}</pre>
 
<pre>{{#widget:RSS-FeedEk-1}}</pre>
 
Resultaat:
 
Resultaat:

Huidige versie van 12 feb 2020 om 18:39

Een RSS-feed importeren is een goede manier om een overzicht van actuele content op andere websites in een wiki te plaatsen.

Implementatie

Beschikbare widgets

Maakt gebruik van (bijvoorbeeld) Widget:RSS-FeedEk-1, wanneer je een enkele RSS-feed op een pagina wilt plaatsen. Pas de gewenste parameters in de code 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) Widget:RSS-FeedEk-2, 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.