RSS-feeds importeren: verschil tussen versies
Uit MediaWikiGids
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.