RSS-feeds importeren: verschil tussen versies
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) | + | 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) | + | 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> | ||
| − | + | 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 19:39
Een RSS-feed importeren is een goede manier om een overzicht van actuele content op andere websites in een wiki te plaatsen.
Implementatie
- Extension:RSS
- Widgets: bijvoorbeeld hieronder genoemde eigen ontwikkelingen op basis van feedEk.js.
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.