<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>widgets Archives &bull; Bosser en pyjama</title>
	<atom:link href="https://bosserenpyjama.com/tag/widgets/feed/" rel="self" type="application/rss+xml" />
	<link>https://bosserenpyjama.com/tag/widgets/</link>
	<description>Tutoriels WordPress Ultra Simples</description>
	<lastBuildDate>Mon, 06 Apr 2026 20:27:06 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.10</generator>
	<item>
		<title>Tutoriel : Intégrer l&#8217;Embedded Timelines de Twitter facilement</title>
		<link>https://bosserenpyjama.com/tutoriel-twitter-integrer-lembedded-timelines-facilement/</link>
					<comments>https://bosserenpyjama.com/tutoriel-twitter-integrer-lembedded-timelines-facilement/#respond</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Mon, 06 Apr 2026 20:27:06 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[widgets]]></category>
		<guid isPermaLink="false">http://bosserenpyjama.com/?p=538</guid>

					<description><![CDATA[<p>Tu en es à ton 30ème plugin installé et là tu vois que t&#8217;as pas calé le Twitter Widget dans la sidebar. Du coup tu t&#8217;apprêtes à télécharger ton 31ème plugin&#8230; Stop ! Dans ce tutoriel, on intègre l&#8217;embedded timelines de Twitter (= la timelime...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/tutoriel-twitter-integrer-lembedded-timelines-facilement/">Tutoriel : Intégrer l&rsquo;Embedded Timelines de Twitter facilement</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Tu en es à ton 30ème plugin installé et là tu vois que t&rsquo;as pas calé le Twitter Widget dans la sidebar. Du coup tu t&rsquo;apprêtes à télécharger ton 31ème plugin&#8230; Stop !<br />
Dans ce tutoriel, on intègre l&#8217;embedded timelines de Twitter (= la timelime embarquée de ton compte Twitter) proprement et facilement.</h2>
<p>&nbsp;<br />
Et commence dès maintenant en se rendant sur la <span class="inset-article">page de ton compte twitter</span>. Une fois sur ton compte, clique sur la photo de ton profil et sélectionne <span class="inset-article">Paramètres</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-539 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-profil-parametre.png" alt="twitter profil" width="100%" height="681" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-profil-parametre.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-profil-parametre-600x341.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-profil-parametre-300x170.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-profil-parametre-768x436.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-profil-parametre-1024x581.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Et dans la barre latérale de gauche, clique la rubrique <span class="inset-article">Widget</span> qui se trouve vers le bas.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-543 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-parametre-widget.png" alt="twitter widget" width="100%" height="683" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-parametre-widget.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-parametre-widget-600x342.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-parametre-widget-300x171.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-parametre-widget-768x437.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-parametre-widget-1024x583.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Puis, dans le fichier déroulant, sélectionne Profil pour paramétrer ton embedded timelines.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-545 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/widget-profil.png" alt="widget-profil" width="664" height="351" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/widget-profil.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/widget-profil-600x318.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/widget-profil-300x159.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/widget-profil-768x406.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/widget-profil-1024x542.png 1024w" sizes="(max-width: 664px) 100vw, 664px" /></p>
<p>Boom ! Tu arrives sur cette magnifique page bleue gradient mauve. Rentre l&rsquo;URL complète du compte que tu souhaites utiliser et presse Entrer.<br />
Ok, ok tu peux arriver directement ici via cette URL <a href="https://publish.twitter.com/#" target="_blank">https://publish.twitter.com/#</a></p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-548 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/publish-twitter.png" alt="twitter publish" width="100%" height="635" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/publish-twitter.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/publish-twitter-600x318.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/publish-twitter-300x159.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/publish-twitter-768x406.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/publish-twitter-1024x542.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Choisis ton option d&rsquo;affichage parmi 2 les templates proposés. Dans ce tuto express, j&rsquo;utilise le 1.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-551 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-option-affichage.png" alt="twitter-option-affichage" width="100%" height="602" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-option-affichage.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-option-affichage-600x301.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-option-affichage-300x151.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-option-affichage-768x385.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-option-affichage-1024x514.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Avant de copier/coller le code, on va le customiser pour qu&rsquo;il ait des dimensions de width et height décentes. Clique donc au dessus sur le gros lien bleu en uppercase <span class="inset-article">SET CUSTOMIZATION OPTIONS</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-557 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-set-customization-options.png" alt="twitter set customization options" width="100%" height="601" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-set-customization-options.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-set-customization-options-600x301.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-set-customization-options-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-set-customization-options-768x385.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-set-customization-options-1024x513.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>A toi de remplir les cases et choisir la couleur des liens de ta timelines.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-560 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-customization.png" alt="twitter timelines" width="100%" height="601" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-customization.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-customization-600x301.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-customization-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-customization-768x385.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-customization-1024x513.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Pour moi, les dimensions qui fonctionnent sont les suivantes :<br />
&nbsp;</p>
<ul>
<li>Height: 420px</li>
<li>Width: 300px</li>
</ul>
<p>&nbsp;<br />
J&rsquo;ai laissé le choix de la langue sur Automatic. Pourquoi ? Parce que l&rsquo;anglais est paramétré par défaut et c&rsquo;est très bien comme ça. La case du dessous ? Je ne l&rsquo;ai pas testé. Sinon, quand tout paraît clean update.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-562 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-color.png" alt="twitter update" width="1200" height="597" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-color.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-color-600x299.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-color-300x149.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-color-768x382.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-width-height-color-1024x509.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>En mettant à jour les dimensions ont été prises en compte, tu peux le constater directement et tu n&rsquo;as plus qu&rsquo;à copier le script généré.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-563 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-copie-colle-code-iframe.png" alt="twiiter social network" width="100%" height="599" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-copie-colle-code-iframe.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-copie-colle-code-iframe-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-copie-colle-code-iframe-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-copie-colle-code-iframe-768x383.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-copie-colle-code-iframe-1024x511.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Tu as une petite notification qui fait plaisir.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-564 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-notification.png" alt="twitter iframe code copied" width="100%" height="595" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-notification.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-notification-600x298.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-notification-300x149.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-notification-768x381.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-notification-1024x508.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Ensuite connecte-toi à ton site WordPress. Dans cet exemple, je colle le code dans la sidebar right que j&rsquo;utilise dans mes articles.</p>
<p>Dans la rubrique Apparence, clique sur Widget puis sélectionne le widget Texte que tu place dans la zone de la sidebar désirée, colle le code et n&rsquo;oublie pas d&rsquo;enregistrer.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-570 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-code-widget-text-1.png" alt="twitter-code-widget-text" width="451" height="553" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-code-widget-text-1.png 500w, https://bosserenpyjama.com/wp-content/uploads/2016/09/twitter-code-widget-text-1-244x300.png 244w" sizes="(max-width: 451px) 100vw, 451px" /></p>
<p>Une fois que tu as enregistré et pas avant, checke ta embedded timelines Twitter sur ton blog.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-571 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/embedded-timelines-done-1.png" alt="twitter embedded timelines" width="100%" height="635" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/embedded-timelines-done-1.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/embedded-timelines-done-1-600x318.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/embedded-timelines-done-1-300x159.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/embedded-timelines-done-1-768x406.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/embedded-timelines-done-1-1024x542.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Pour celui-ci, on stoppe le plugin Twitter et on va chercher les codes à la source.</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/tutoriel-twitter-integrer-lembedded-timelines-facilement/">Tutoriel : Intégrer l&rsquo;Embedded Timelines de Twitter facilement</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://bosserenpyjama.com/tutoriel-twitter-integrer-lembedded-timelines-facilement/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
