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