RSS-feeds importeren: verschil tussen versies

Uit MediaWikiGids
Ga naar: navigatie, zoeken
k (Beschikbare widgets)
 
(2 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 16: Regel 16:
 
}}
 
}}
  
 +
Een RSS-feed importeren is een goede manier om een overzicht van actuele content op andere websites in een wiki te plaatsen.
 +
 +
=== Implementatie ===
 +
 +
* [https://www.mediawiki.org/wiki/Extension:RSS Extension:RSS]
 +
* Widgets: bijvoorbeeld hieronder genoemde eigen ontwikkelingen op basis van [https://www.jquery-plugins.net/FeedEK/FeedEk.html feedEk.js].
  
 
=== Beschikbare widgets ===
 
=== 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:
+
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:
Regel 31: Regel 37:
 
}}</pre>
 
}}</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) [[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:
 
Resultaat 2:
Regel 68: Regel 74:
 
</pre>
 
</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.
+
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.

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.