Fils de syndication

Cette composante est un gadget logiciel permettant de regrouper et d’afficher des données d'un ou plusieurs fils de syndication. Les formats soutenus sont Atom, RSS et Media RSS.

Exemples

Communiqués de presse et rappels de la sécurité routière

Code

Visualiser le code 
<section class="wb-feeds limit-5">
	<h3>Communiqués de presse et rappels de la sécurité routière</h3>
	<ul class="feeds-cont">
		<li>
			<a href="http://www.tc.gc.ca/medias/rss/routier.xml" rel="external">Communiqués de presse routière (Tous)</a>
		</li>
		<li>
			<a href="http://wwwapps.tc.gc.ca/Saf-Sec-Sur/7/VRDB-BDRV/search-recherche/rss.aspx?lang=fra" rel="external">Rappels de la Sécurité Routière</a>
		</li>
	</ul>
</section>

Météo d'Ottawa

Code

Visualiser le code 
<section class="wb-feeds limit-1">
	<h3>Météo d'Ottawa</h3>
	<ul class="feeds-cont">
		<li>
			<a href="http://weather.gc.ca/rss/city/on-118_f.xml" rel="external">Ottawa Ontario</a>
		</li>
	</ul>
</section>

Les comptes des médias sociaux à onglets

Flickr

Flickr

YouTube

YouTube

Code

Visualiser le code 
<section>
	<h3>Les fils de syndication à onglets</h3>
	<div class="wb-tabs col-md-5 wb-eqht">
		<div class="tabpanels">
			<details id="details-flickr">
				<summary>Flickr</summary>
				<section class="wb-feeds limit-10">
					<h4 class="wb-inv">Flickr</h4>
					<ul class="feeds-cont list-inline">
						<li>
							<a href="https://www.flickr.com/photos/environnementcan" rel="external" data-ajax="https://api.flickr.com/services/feeds/photos_public.gne?id=47721741@N05&amp;format=json">Flickr d'Environnement Canada</a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</section>
			</details>

			<details id="details-youtube">
				<summary>YouTube</summary>
				<section class="wb-feeds limit-10">
					<h4 class="wb-inv">YouTube</h4>
					<ul class="feeds-cont list-inline">
						<li>
							<a href="https://www.youtube.com/user/ParksCanadaAgency" rel="external" data-ajax="https://gdata.youtube.com/feeds/api/users/UCr23fllByMomgNGeShe-73g/uploads?v=2&amp;alt=json">YouTube de Parcs Canada</a>
						</li>
						<li>
							<a href="https://www.youtube.com/user/fisheriescanada?feature=results_main" rel="external" data-ajax="https://gdata.youtube.com/feeds/api/users/UCf1JLCB96nHLjidhSJtHDFA/uploads?v=2&amp;alt=json">YouTube de Pêches et Océans Canada</a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</section>
			</details>
		</div>
	</div>
	<div class="clearfix"></div>
</section>

Affichage du fils de syndication via CORS - Centre des nouvelles du Canada - Manitoba

Cette méthode télécharge le fil de syndication ATOM directement sans dépendre d’un service tierce.

Code

View code 
<section class="wb-feeds limit-3 data-cors="true">
				<h3>Centre des nouvelles du Canada - Manitoba</h3>
				<ul class="feeds-cont list-unstyled lst-spcd">
				<li>
					<a href="demo/manitoba-fr.atom.xml">Nouvelles du Gouvernement du Canada</a>
				</li>
				</ul>
				</section>

Paramètres

Classe (paramètre) Rôle Détails
wb-feeds Identificateur Classe principale qui identifie le code utilisé pour le gadget des fils de syndication.
limit-x Affichage Contrôle la quantité d'articles que le gadget des fils de syndication affichera.
Date de modification :