<?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>Bosser en pyjama</title>
	<atom:link href="https://bosserenpyjama.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://bosserenpyjama.com/</link>
	<description>Tutoriels WordPress Ultra Simples</description>
	<lastBuildDate>Tue, 07 Apr 2026 21:57:38 +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>Hunter : Find email addresses in seconds</title>
		<link>https://bosserenpyjama.com/email-hunter-find-email-adresses-in-seconds/</link>
					<comments>https://bosserenpyjama.com/email-hunter-find-email-adresses-in-seconds/#respond</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 21:57:38 +0000</pubDate>
				<category><![CDATA[Applications]]></category>
		<category><![CDATA[Tutos]]></category>
		<category><![CDATA[growth hacking]]></category>
		<guid isPermaLink="false">http://bosserenpyjama.com/?p=507</guid>

					<description><![CDATA[<p>Email Hunter qui est devenu Hunter (peu de temps après que j&#8217;ai publié ce post), c&#8217;est l&#8217;outil de GrowtHacking Freemium qui fait plaisir, c&#8217;est très pratique et ultra simple pour récupérer l&#8217;adresse email d&#8217;un contact d&#8217;une entreprise spécifique. &#160; Tu as déjà du chercher à...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/email-hunter-find-email-adresses-in-seconds/">Hunter : Find email addresses in seconds</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Email Hunter qui est devenu Hunter (peu de temps après que j&rsquo;ai publié ce post), c&rsquo;est l&rsquo;outil de GrowtHacking Freemium qui fait plaisir, c&rsquo;est très pratique et ultra simple pour récupérer l&rsquo;adresse email d&rsquo;un contact d&rsquo;une entreprise spécifique.</h2>
<p>&nbsp;<br />
Tu as déjà du chercher à contacter quelqu&rsquo;un sans connaître la syntaxe exacte de son email ou autre et du coup tu envoies un email à un intermédiaire qui transfère ou même tu contactes 6 personnes avant de tomber sur le bon. Stop. Avec cet outil tu vas pouvoir récupérer des emails précis et donc contacter ton destinataire en one-shot.</p>
<p>Tu as juste à te connecter sur https://emailhunter.co/ pour chercher les emails des entreprises et startups que tu souhaites contacter.</p>
<p>Je l&rsquo;utilise en Freemium et récemment je me suis inscrit en free plan, du coup je vous présente sommairement la recherche gratuite et il va falloir être joueur, tu va devoir compléter les lettres manquantes, car comme tu le sais en utilisant ce petit outil gratuitement tu n&rsquo;as pas accès à tous les droits et le nombre de requêtes est très limitée (3), donc a un moment tu vas devoir passer à l&rsquo;action et je te le conseille de te signup. Car une fois en Free Plan Access tout est plus limpide.</p>
<p>Va sur <a href="https://hunter.io/" target="_blank" rel="noopener noreferrer">https://hunter.io/</a></p>
<p>Directement sur la HomePage, pas besoin de se signup, tu tapes l&rsquo;URL de la company que tu souhaites dans la barre de recherche.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-889 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-url.png" alt="email hunter" width="100%" height="315" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-url.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-url-600x158.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-url-300x79.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-url-768x202.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-url-1024x269.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>On va prendre un exemple avec <a href="https://www.thefamily.co/" target="_blank" rel="noopener noreferrer">The Family</a>.</p>
<p>Tu tapes dans la searchbar le nom de domaine + l&rsquo;extension exacte : thefamily.co, puis clique sur la petite loupe à droite.</p>
<p>L&rsquo;algorythme va chercher tous les sites qui recense tous les contacts *******@thefamily.co.<br />
Une liste va s&rsquo;afficher avec tous les emails des plus utilisés au moins présents.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-890 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-searchbar.png" alt="email hunter search bar" width="100%" height="600" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-searchbar.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-searchbar-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-searchbar-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-searchbar-768x384.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-searchbar-1024x512.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Tu as les sources indiquées à droite ou les emails ont été scrapés.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-893 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-sources.png" alt="emailhunter-emails-sources" width="100%" height="600" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-sources.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-sources-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-sources-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-sources-768x384.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-sources-1024x512.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>En suite c&rsquo;est à toi d&rsquo;aller chercher les emails de l&rsquo;entreprise qui t&rsquo;intéresse.</p>
<p>Au fait, J&rsquo;ai mis des * dans l&rsquo;exemple du haut, car comme je te le rappelle tu utilises l&rsquo;outil gratuitement, la team de Email Hunter a effacé des lettres et les a remplacées par des *.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-891 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-found.png" alt="email hunter" width="100%" height="600" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-found.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-found-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-found-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-found-768x384.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-emails-found-1024x512.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Je pense que tu vas t&rsquo;en sortir mais on va faire les premiers ensemble :</p>
<ul>
<li>w**lcome@thefamily.co = welcome</li>
<li>p**line@thefamily.co = pauline</li>
<li>e**ka@thefamily.co = erika, &#8230;</li>
</ul>
<p>Si tu n&rsquo;y arrives vraiment pas car le prénom t&rsquo;est inconnu, je t&rsquo;invite à t&rsquo;inscrire car tous les emails sont complets.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-896 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-freeplan.png" alt="email hunter" width="1200" height="609" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-freeplan.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-freeplan-600x305.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-freeplan-300x152.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-freeplan-768x390.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/emailhunter-freeplan-1024x520.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>En échangeant une de tes adresses email avec Email Hunter tu vas bénéficier en plus de 150 recherches/mois et tu trouveras avec des emails certifiés valides.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-892 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-free-plan.png" alt="email-hunter-free-plan" width="100%" height="610" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-free-plan.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-free-plan-600x305.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-free-plan-300x153.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-free-plan-768x390.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/email-hunter-free-plan-1024x521.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h2>Hunter saves my life</h2>
<p>&nbsp;<br />
Fais ta première recherche d&#8217;emails maintenant <a href="https://hunter.io/" target="_blank" rel="noopener noreferrer">https://hunter.io/</a></p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/email-hunter-find-email-adresses-in-seconds/">Hunter : Find email addresses in seconds</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/email-hunter-find-email-adresses-in-seconds/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment Faire du Netlinking ?</title>
		<link>https://bosserenpyjama.com/comment-faire-du-netlinking/</link>
					<comments>https://bosserenpyjama.com/comment-faire-du-netlinking/#respond</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 15:39:52 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<guid isPermaLink="false">https://bosserenpyjama.com/?p=24434</guid>

					<description><![CDATA[<p>Pour augmenter la visibilité ou assurer un bon positionnement de votre site dans les moteurs de recherches, vous devez procéder à son référencement. Le référencement d’un site prend en compte plusieurs éléments. Au nombre de ceux-ci, on peut citer, le maillage interne, la production des...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/comment-faire-du-netlinking/">Comment Faire du Netlinking ?</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Pour augmenter la visibilité ou assurer un bon positionnement de votre site dans les moteurs de recherches, vous devez procéder à son référencement. Le référencement d’un site prend en compte plusieurs éléments. Au nombre de ceux-ci, on peut citer, le maillage interne, la production des contenus de qualité, le netlinking, etc. </h2>
<p>&nbsp;<br />
Même si le netlinking ne promet pas un résultat immédiat du positionnement des sites web dans les moteurs de recherche, <strong>il constitue un puissant levier sur le long terme</strong>. Néanmoins, la stratégie du netlinking doit être bien élaborée et bien réfléchie afin de garantir de bons résultats.<br />
&nbsp;</p>
<h2>Comment peut-on définir le netlinking ?</h2>
<p>&nbsp;<br />
Le netlinking consiste à mettre en place des stratégies pour obtenir des liens indexant votre site sur d’autres pages web : <strong>il s’agit de backlinks</strong>. Il existe deux manières de se créer des backlinks vers son site : il s’agit du netlinking naturel et du netlinking sponsorisé. Le netlinking naturel consiste tout simplement à se créer des opportunités de linking externe au bout d’un certain temps de présence sur le web. Cela doit être précédé de la rédaction des contenus de qualité sur vos pages web. À l’inverse, le netlinking sponsorisé est l’ensemble des stratégies mises en place pour gagner des backlinks le plus rapidement possible.<br />
&nbsp;</p>
<h3>Pourquoi faire du netlinking ?</h3>
<p>&nbsp;<br />
Le netlinking offre de nombreux avantages à ceux qui le mettent en place pour référencer leurs sites. En effet, le principal objectif du netlinking est d’augmenter la réputation de votre site sur internet. Il vous aide non seulement à attirer du trafic vers ce dernier, mais également à augmenter le taux de confiance en votre site auprès des algorithmes des moteurs de recherches. Cela s’explique par le fait que la présence du lien d’une page web sur plusieurs autres sites web est signe de notoriété aux yeux des algorithmes des moteurs de recherches.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
             <ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
            <script>
              (adsbygoogle = window.adsbygoogle || []).push({});
            </script><br />
Ainsi, les moteurs de recherches ne tarderont pas à prioriser ce dernier parmi les premiers résultats de recherches sur internet. Sachez que les algorithmes de Google par exemple se raffolent des backlinks surtout s’ils proviennent des sites qui sont bien référencés. Cependant, notez que vous n’êtes pas tenu de rechercher beaucoup de backlinks pour être bien référencé. Assurez-vous d’avoir des backlinks de qualité.<br />
&nbsp;</p>
<h2>Quelles sont les méthodes pour obtenir des backlinks ?</h2>
<p>&nbsp;<br />
L’obtention des backlinks est possible grâce à deux méthodes : il s’agit du link building et du linkbaiting. Le linkbating est la méthode la plus difficile à exploiter. Il nécessite beaucoup de travail et met assez de temps. En optant pour une telle stratégie de backlinks, il vous sera indispensable de solliciter les services d’un rédacteur web. Or le link building consiste à tisser des liens sur votre site. Il existe également d’autres alternatives susceptibles de vous aider pour le netlinking de votre site, mais qui sont à exploiter avec modération. Au nombre de ceux-ci, on peut citer les annuaires, les forums, les commentaires de blogs, l’achat de liens, etc.<br />
&nbsp;<br />
<img decoding="async" loading="lazy" src="https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking.png" alt="Stratégie de Netlinking" width="100%" height="1200" class="aligncenter size-full wp-image-24438" srcset="https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking-300x300.png 300w, https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking-768x768.png 768w, https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking-500x500.png 500w, https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking-1000x1000.png 1000w, https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking-570x570.png 570w, https://bosserenpyjama.com/wp-content/uploads/2021/02/strategie-netlinking-700x700.png 700w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
             <ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
            <script>
              (adsbygoogle = window.adsbygoogle || []).push({});
            </script></p>
<h3>Les annuaires</h3>
<p>&nbsp;<br />
Même si aujourd’hui, les annuaires ne font pas partie des meilleures stratégies pour obtenir des backliking, ils sont toujours d’actualités, car leur efficacité continue d’être prouvée. Pour cela, il est recommandé d’intégrer le lien de votre site dans une dizaine d’annuaires. Cependant, vous devez prêter attention aux annuaires que vous choisissez, puisque certains d’entre eux sont à travailler.<br />
&nbsp;</p>
<h3>Les forums</h3>
<p>&nbsp;<br />
La diffusion de votre lien dans les forums peut vous aider à mieux référencer votre site dans les moteurs de recherches. En effet, cela vous permettra d’envoyer du trafic sur votre site. Il faut toutefois noter que tous les trafics envoyés sur un site par le biais des forums ne sont pas qualifiés.<br />
&nbsp;</p>
<h3>Les commentaires de blogs</h3>
<p>&nbsp;<br />
Cette méthode ne permet pas d’obtenir des résultats aussi satisfaisants que les autres procédés en matière de backliking. Toutefois, il serait intéressant pour vous de poster vos liens dans des commentaires des blogs qui abordent la même thématique que votre site. Cela pourra sans doute apporter du trafic bien ciblé sur votre site. Notez également que cette pratique vise surtout à augmenter votre notoriété sur internet.<br />
&nbsp;</p>
<h3>L’achat des liens</h3>
<p>&nbsp;<br />
L’achat des liens est l’une des méthodes classiques employées par les propriétaires de sites pour mieux référencer leurs sites. Pour ce faire, il vous suffira d’identifier au premier abord, un site abordant la même thématique que vous. Vous devez ensuite contacter le propriétaire de ce dernier et lui payer une certaine somme afin qu’il insère le lien de votre site sur sa page web.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
             <ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
            <script>
              (adsbygoogle = window.adsbygoogle || []).push({});
            </script><br />
Vous avez également la possibilité d’avoir recours aux agences de marketing qui sont spécialisées dans le netlinking. Cependant, assurez-vous d’avoir mis du temps après la création de votre site avant d’opter pour l’achat des liens. En effet, l’achat des liens immédiats risques de produire des effets contraires, car le netlinking aurait perdu son aspect naturel sur ce coup et Google ne manquera sûrement pas de sanctionner cet acte.<br />
&nbsp;</p>
<h2>Comment obtenir des backlinks de qualité ?</h2>
<p>&nbsp;<br />
Le tout ne se limite pas à rechercher des backlinks vers son site ! Vous devez aussi <a href="https://aliwiss.com/backlinks/" rel="noopener" target="_blank">veiller à la qualité des backlinks de votre site</a>. Pour cela, en plus de rédiger des contenus de qualité, il est important que votre linking externe provient d’un site internet qui aborde le même thème que le vôtre. Cela est très important, car noter que Google se charge d’analyser les mots clés de chaque site afin d’identifier s’il existe une liaison entre ces derniers. De même, n’hésitez pas à diversifier vos backlinks sur plusieurs pages du web pour rendre plus efficace votre netlinking. Les liens <code>no-follow</code> vous seront par ailleurs d’une grande utilité pour rendre votre netlinking naturel.<br />
&nbsp;</p>
<h3>Comment savoir si votre netlinking est efficace ?</h3>
<p>&nbsp;<br />
Après avoir mis toutes les stratégies en place pour assurer un bon référencement de votre site grâce au netlinking, vous devez ensuite mesurer l’efficacité de ce dernier. À cet effet, plusieurs outils sont à votre disposition. Si votre netlinking est réalisé sur Google par exemple, les outils comme Google Analytics et GSC sont les meilleurs auxquels vous pouvez avoir recours pour vérifier si vos backlinks sont efficaces. En effet, ces derniers vous fournissent de précieuses informations sur le référencement de votre site web dans les moteurs de recherches selon les différents types de mots clés utilisés.<br />
&nbsp;</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/comment-faire-du-netlinking/">Comment Faire du Netlinking ?</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/comment-faire-du-netlinking/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tutoriel : Updater manuellement Visual Composer inclus dans son Template Premium WordPress</title>
		<link>https://bosserenpyjama.com/updater-manuellement-visual-composer-inclus-dans-son-template-premium/</link>
					<comments>https://bosserenpyjama.com/updater-manuellement-visual-composer-inclus-dans-son-template-premium/#comments</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 09:29:16 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[visual composer]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://bosserenpyjama.com/?p=839</guid>

					<description><![CDATA[<p>Tu as acheté un Thème Premium WordPress&#8230; et comme ça va de paire : tu as installé des Plugins Premium fournis avec ton template comme Revolution Slider, Essential Grid ou encore le constructeur de page Visual Composer. &#160; Ces plugins sont généralement gérés avec des...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/updater-manuellement-visual-composer-inclus-dans-son-template-premium/">Tutoriel : Updater manuellement Visual Composer inclus dans son Template Premium WordPress</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Tu as acheté un Thème Premium WordPress&#8230; et comme ça va de paire : tu as installé des Plugins Premium fournis avec ton template comme Revolution Slider, Essential Grid ou encore le constructeur de page Visual Composer.</h2>
<p>&nbsp;<br />
Ces plugins sont généralement gérés avec des Licence Keys uniques pour débloquer des addons et profiter des mises à jour automatiques. Toutefois quand tu achètes un thème Premium, tu as droit d&rsquo; utiliser ces plugins mais le truc relou, c&rsquo;est que tes mises à jour&#8230; c&rsquo;est toi qui t&rsquo;en occupes. Et tu vas devoir les faire manuellement.</p>
<p>Tu le sais ton page builder préféré, Visual Composer, propose de faire des mises à jour trop souvent et si tu es trop en retard tu peux retrouver avec un back-end vide ou avec des Grid qui ne veulent plus se glisser / déposer comme tu le souhaites&#8230; bref, c&rsquo;est la merde.</p>
<p>Tu as cliqué sur <span class="inset-article">« Mises à jour des extensions »</span>, ça ne marche pas, du coup tu as laissé passer les mises à jour suivantes, jusqu&rsquo;à que ça ne passe plus. Prépare toi à découvrir la façon la plus simple de mettre à jour ton plugin quand tu n&rsquo;as pas la licence.</p>
<p>Avant qu&rsquo;on se lance, je vais te faire une petit confidence : au début j&rsquo;ai flippé de faire ce que je fais, mais en fait, c&rsquo;est tout simple de faire cette « fucking mise à jour ». Il faut avoir confiance&#8230; (en qui, en quoi ? Je te laisse méditer là-dessus).<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Note que les versions précédentes de ces plugins premium sont très vite dépassées et par nécessité la nouvelle version, plus performante, doit être installée rapidement. A l&rsquo;heure ou je te parle nous sommes à la version Visual Composer 4.12. Aujourd&rsquo;hui, à l&rsquo;heure ou tu lis ce tuto, on a du passer la version 6. Bon, maintenant que tu es au courant, tu as deux choix qui s&rsquo;ouvre à toi :</p>
<ul>
<li>soit tu craques un billet pour une licence en plus de ton Thème premium,</li>
<li>soit tu fais une manipulation à faire manuellement et on va la voir ci-dessous.</li>
</ul>
<p>&nbsp;<br />
Bref&#8230; quand tu as fais toutes les mises à jour en cliquant sur <span class="inset-article">Mises à jour des extensions</span> et qu&rsquo;il reste l&rsquo;unique WPBakery Visual Composer dans la liste d&rsquo;attente, ça veut dire que tu vas devoir t&rsquo;occuper de celle-ci manuellement.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-844 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/wpbakery-visual-composer-plugin.png" alt="wordpress visual composer" width="100%" height="590" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/wpbakery-visual-composer-plugin.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/wpbakery-visual-composer-plugin-600x295.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/wpbakery-visual-composer-plugin-300x148.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/wpbakery-visual-composer-plugin-768x378.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/wpbakery-visual-composer-plugin-1024x503.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Pour cela, retourne sur la page Extensions et cherche le plugin : <span class="inset-article">WPBakery Visual Composer</span>. Il y a ce message d&rsquo;avertissement jaune qui t&rsquo;annonce qu&rsquo;une <span class="inset-article">nouvelle version est maintenant disponible</span> et de te préciser que la mise à jour automatique n&rsquo;est pas disponible.</p>
<p>C&rsquo;est à toi de jouer&#8230;</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-845 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/new-visual-composer-version.png" alt="visual composer mises à jour" width="100%" height="503" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/new-visual-composer-version.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/new-visual-composer-version-600x252.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/new-visual-composer-version-300x126.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/new-visual-composer-version-768x322.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/new-visual-composer-version-1024x429.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Et qu&rsquo;est-ce que tu fais ? <span class="inset-article">Désactive ton plugin</span>. Oui. Fais-le maintenant !</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-846 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactivate.png" alt="wordpress visual composer desactivate" width="100%" height="200" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactivate.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactivate-600x100.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactivate-300x50.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactivate-768x128.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactivate-1024x171.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Si tu fais cette manipulation dans la journée, tes visiteurs vont voir des <em>shortcodes</em> en pagaille sur tes pages. Comme ceci (mais c&rsquo;est pas grave car la manipulation est très rapide ou sinon utilises un <a href="https://bosserenpyjama.com/tutoriel-installer-le-plugin-wordpress-wp-maintenance-mode-par-designmodo/">plugin de maintenance</a>). :</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-880 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactive-front-end.png" alt="wordpress visual composer" width="100%" height="567" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactive-front-end.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactive-front-end-600x284.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactive-front-end-300x142.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactive-front-end-768x363.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-desactive-front-end-1024x484.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Comme la manipulation ne prend pas trop de temps y a pas trop de souci, puis supprime-la en cliquant sur le lien rouge <span class="inset-article">Supprimer</span> qui apparaît et tu confirme ta décision en cliquant sur le bouton OK.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-847 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-supprimer-copie.png" alt="visual composer supprimer" width="100%" height="501" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-supprimer-copie.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-supprimer-copie-600x251.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-supprimer-copie-300x125.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-supprimer-copie-768x321.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-supprimer-copie-1024x428.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>BOOM ! Haha 🙂 Plus rien&#8230;<br />
&nbsp;<br />
En fait ton Plugin Visual Composer n&rsquo;est pas perdu, il est toujours là et devine où ?<br />
Dans le <span class="inset-article">Plugin Package de ton Thème Premium</span>, c&rsquo;est à dire dans l&rsquo;une des bannières situées en haut dans tous les onglets de ton tableau de bord.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
En l&rsquo;occurence, tu es dans extensions donc scrolle en haut de ta page et tu vas tomber sur une notification qui t&rsquo;explique : <span class="inset-article">« the following requires plugin is currently inactive : Visual Composer</span>. Clique sur <span class="inset-article">Begin Insatlling Plugin</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-849 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-is-currently-inactive.png" alt="visual composer plugin is currently inactive" width="100%" height="600" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-is-currently-inactive.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-is-currently-inactive-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-is-currently-inactive-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-is-currently-inactive-768x384.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-is-currently-inactive-1024x512.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Tu vas voire apparaître une nouvelle notification qui va t&rsquo;annoncer que l&rsquo;extension (= le plugin) a bien été installée. Clique sur le lien bleu <span class="inset-article">Return to required Plugin Installer</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-882 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-a-bien-ete-installe.png" alt="visual comoser installe" width="100%" height="599" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-a-bien-ete-installe.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-a-bien-ete-installe-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-a-bien-ete-installe-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-a-bien-ete-installe-768x383.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-a-bien-ete-installe-1024x511.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Ok. Donc Visual Composer est installé, y a plus qu&rsquo;à l&rsquo;activer ! Clique sur le lien <span class="inset-article">Activate</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-851 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/activate-visual-composer.png" alt="activate visual composer plugin" width="100%" height="468" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/activate-visual-composer.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/activate-visual-composer-600x234.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/activate-visual-composer-300x117.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/activate-visual-composer-768x300.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/activate-visual-composer-1024x399.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Où clique sur l&rsquo;onglet <span class="inset-article">To Activate (1)</span> puis sur le lien <span class="inset-article">Activate</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-860 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-to-activate.png" alt="visual composer to activate" width="100%" height="408" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-to-activate.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-to-activate-600x204.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-to-activate-300x102.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-to-activate-768x261.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-to-activate-1024x348.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Visual Composer a été activé avec succès. La mise à jour est faite !</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-854 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-succesfully-activated.png" alt="visual composer activated" width="100%" height="465" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-succesfully-activated.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-succesfully-activated-600x233.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-succesfully-activated-300x116.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-succesfully-activated-768x298.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-succesfully-activated-1024x397.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Dis bonjour à la nouvelle version de Visual composer !</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-855 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-version-4.12.png" alt="visual-composer-version-4-12" width="100%" height="570" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-version-4.12.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-version-4.12-600x285.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-version-4.12-300x143.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-version-4.12-768x365.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/10/visual-composer-version-4.12-1024x486.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Donc tu l&rsquo;auras compris pour mettre le plugin premium Visual Composer à jour, tu dois :<br />
le désactiver, le supprimer, l&rsquo;installer et l&rsquo;activer manuellement.</p>
<p>Ca prend à peine 3 minutes et ça va te sauver la vie. Si ça te pète une erreur, laisse-moi un petit commentaire histoire que l&rsquo;on voit ça ensemble ou contacte-moi directement via le <a href="https://bosserenpyjama.com/contact/">formulaire de contact</a>.</p>
<p><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/updater-manuellement-visual-composer-inclus-dans-son-template-premium/">Tutoriel : Updater manuellement Visual Composer inclus dans son Template Premium WordPress</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/updater-manuellement-visual-composer-inclus-dans-son-template-premium/feed/</wfw:commentRss>
			<slash:comments>20</slash:comments>
		
		
			</item>
		<item>
		<title>Tutoriel : Installer son site WordPress en Local avec MAMP</title>
		<link>https://bosserenpyjama.com/tutoriel-installer-son-site-wordpress-en-local-avec-mamp/</link>
					<comments>https://bosserenpyjama.com/tutoriel-installer-son-site-wordpress-en-local-avec-mamp/#comments</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 03:05:00 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[Localhost]]></category>
		<category><![CDATA[MAMP]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://bosserenpyjama.com/?p=659</guid>

					<description><![CDATA[<p>Hello, dans ce post on va voir comment mettre WordPress en Local. C&#8217;est pratique pour travailler dans des conditions optimales avant l&#8217;achat de ton hébergement. Et aussi ça te permet de faire des tests en réel au lieu de le faire en live quand ton...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/tutoriel-installer-son-site-wordpress-en-local-avec-mamp/">Tutoriel : Installer son site WordPress en Local avec MAMP</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Hello, dans ce post on va voir comment mettre WordPress en Local. C&rsquo;est pratique pour travailler dans des conditions optimales avant l&rsquo;achat de ton hébergement. Et aussi ça te permet de faire des tests en réel au lieu de le faire en live quand ton site est en ligne et qu&rsquo;il a des visites importantes chaque jour.</h2>
<p>&nbsp;<br />
Il y a un petit coup de main à prendre pour installer son environnement mais c&rsquo;est très accessible après 2, 3 répétitions.</p>
<p>Comme tu dois le savoir WordPress est un CMS codé en PHP et fonctionne avec une base de données SQL. Pour gérer cette base de données on utilise phpMyAdmin qui est une application Web de gestion pour administrer facilement les BDD MySQL.<br />
Du coup on va développer en local pour faire tout ce qu&rsquo;on à faire et c&rsquo;est comme si on bossait directement en prod sauf qu&rsquo;on est en local et que ton URL sera celle-ci <a href="http://localhost:8888/" target="_blank" rel="noopener noreferrer">http://localhost:8888/</a>.</p>
<p>Pour ça on va utiliser MAMP (= Macintosh, Apache, Mysql and PHP) qui est un logiciel qui te permet de lancer un serveur web local sur Mac OS X et maintenant sur Windows.</p>
<p>Je t&rsquo;invite à aller sur <a href="https://www.mamp.info/en/" target="_blank" rel="noopener noreferrer">https://www.mamp.info/en/</a> pour télécharger ton nouveau jouet.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-661 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-homepage.png" alt="mamp wordpress local" width="100%" height="638" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-homepage.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-homepage-600x319.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-homepage-300x160.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-homepage-768x408.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-homepage-1024x544.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Ensuite choisis bien Mac Os X ou Windows&#8230;</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-662 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/downloads-mamp.png" alt="mamp downloads" width="100%" height="265" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/downloads-mamp.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/downloads-mamp-600x133.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/downloads-mamp-300x66.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/downloads-mamp-768x170.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/downloads-mamp-1024x226.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Prends le temps d&rsquo;installer ta nouvelle application sur ta machine.</p>
<p>OK, il va y avoir deux choses à traiter en parallèle : Récupérer le CMS WordPress et créer une base de données avec MAMP.</p>
<p>Donc je te propose que l&rsquo;on s&rsquo;occupe de WordPress et donc rendez-vous sur <a href="https://wordpress.org/" target="_blank" rel="noopener noreferrer">https://wordpress.org/</a>.<br />
Tu peux télécharger les fichiers de la dernière version de WordPress en anglais directement en cliquant sur le bouton bleu ou bien, juste en dessous dans l&rsquo;encart jaune tu peux le récupérer en Français pour plus de confort dans ton tableau de bord.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-663 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/3-wordpress.org_.png" alt="MAMP local WordPress" width="100%" height="567" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/3-wordpress.org_.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/3-wordpress.org_-600x284.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/3-wordpress.org_-300x142.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/3-wordpress.org_-768x363.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/3-wordpress.org_-1024x484.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3616 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-version-francaise.png" alt="wordpress" width="100%" height="575" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-version-francaise.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-version-francaise-600x288.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-version-francaise-300x144.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-version-francaise-768x368.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-version-francaise-1024x491.png 1024w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-version-francaise-500x240.png 500w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Une fois que ton dossier .Zip WordPress est bien téléchargé (je le glisse directement sur mon bureau.)</p>
<p>1) dézippe-le<br />
2) Crée un nouveau dossier, dans l&rsquo;exemple je l&rsquo;ai appelé : Bosser en local</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-666 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/dezipper-wordpress-creer-un-nouveau-dossier.png" alt="MAMP local wordPress" width="100%" height="324" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/dezipper-wordpress-creer-un-nouveau-dossier.png 1000w, https://bosserenpyjama.com/wp-content/uploads/2016/09/dezipper-wordpress-creer-un-nouveau-dossier-600x354.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/dezipper-wordpress-creer-un-nouveau-dossier-300x177.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/dezipper-wordpress-creer-un-nouveau-dossier-768x453.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p>
<p>Ouvre le fichier WordPress que tu as dézippé ouvre ton nouveau dossier Bosser en local et transfert tous les fichiers de WordPress dans le nouveau dossier <span class="inset-article">Bosser en local</span>. Donc un petit <span class="inset-article">Ctrl + A</span> et un petit drag and drop.</p>
<p>Pourquoi pas le grader dans le dossier, c&rsquo;est pareil ? Pour personnaliser ton projet et pas partir dans tous les sens avec des termes génériques comme WordPress etc&#8230;</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-668 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/glisser-fichiers-wordpress.png" alt="MAMP transfert wordpress" width="100%" height="645" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/glisser-fichiers-wordpress.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/glisser-fichiers-wordpress-600x323.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/glisser-fichiers-wordpress-300x161.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/glisser-fichiers-wordpress-768x413.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/glisser-fichiers-wordpress-1024x550.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Du coup ton dossier et vide tout, ensuite tu peux supprimer le dossier WordPress.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-670 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-transfert-reussi.png" alt="mamp local wordpress" width="100%" height="614" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-transfert-reussi.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-transfert-reussi-600x307.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-transfert-reussi-300x154.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-transfert-reussi-768x393.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-transfert-reussi-1024x524.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Pour WordPress on est bon.</p>
<p>On va revenir du côté de MAMP pour créer la <span class="inset-article">base de données</span> de ton projet.<br />
je te laisse ouvrir l&rsquo;app que qui est dans ton launchpad ou que tu as mis sur ton dock. Ca va ouvrir un poste de contrôle gris.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-675 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/ouvrir-mamp.png" alt="mamp mac os x" width="100%" height="737" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/ouvrir-mamp.png 1000w, https://bosserenpyjama.com/wp-content/uploads/2016/09/ouvrir-mamp-600x442.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/ouvrir-mamp-300x221.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/ouvrir-mamp-768x566.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p>
<p>On va commencer à manipuler la machine en démarrant les serveurs. Clique sur Démarrer les serveur. Le bouton devient vert et les serveurs Apache et MySQL deviennent verts eux aussi signe que les serveurs sont allumés.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-741 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-demarrer-les-serveurs.png" alt="mamp démarrer les serveurs" width="543" height="415" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-demarrer-les-serveurs.png 900w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-demarrer-les-serveurs-600x457.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-demarrer-les-serveurs-300x229.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-demarrer-les-serveurs-768x585.png 768w" sizes="(max-width: 543px) 100vw, 543px" /></p>
<p>En démarrant les serveurs tu vas ouvrir le tableau de bord de MAMP sur ton Localhost. Et va dans la rubrique <span class="inset-article">Outils et sélectionne phpMyAdmin</span> dans le fichier déroulant.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-744 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-php-my-admin.png" alt="mamp php my admin" width="100%" height="513" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-php-my-admin.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-php-my-admin-600x257.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-php-my-admin-300x128.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-php-my-admin-768x328.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-php-my-admin-1024x438.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Dans phpMyAdmin clique sur le lien <span class="inset-article">Bases de données</span> (1er onglet du menu).</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-756 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creer-nouvelle-bdd.png" alt="php my admin creation base de donnees " width="100%" height="540" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creer-nouvelle-bdd.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creer-nouvelle-bdd-600x270.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creer-nouvelle-bdd-300x135.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creer-nouvelle-bdd-768x346.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creer-nouvelle-bdd-1024x461.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Nomme ta BDD comme tu le sens dans l&rsquo;exemple ce sera <span class="inset-article">newbase</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-749 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nom-de-la-base.png" alt="phpmyadmin nom de la base" width="100%" height="436" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nom-de-la-base.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nom-de-la-base-600x218.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nom-de-la-base-300x109.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nom-de-la-base-768x279.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nom-de-la-base-1024x372.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Ensuite choisis l&rsquo;interclassement ou pas, dans l&rsquo;exemple j&rsquo;ai sélectionné l&rsquo;utf 8 unicode ci car il ne transforme pas les lettres avec accent et les caractères spéciaux en truc chelous.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-758 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-interclassement-utf8-unicode-ci.png" alt="phpmy admin utf8 interclassement" width="100%" height="538" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-interclassement-utf8-unicode-ci.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-interclassement-utf8-unicode-ci-600x269.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-interclassement-utf8-unicode-ci-300x135.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-interclassement-utf8-unicode-ci-768x344.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-interclassement-utf8-unicode-ci-1024x459.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- New Ads One --><br />
<ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-4746025790719603" data-ad-slot="1238713777" data-ad-format="auto"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Enfin tu peux cliquer sur le bouton <span class="inset-article">créer</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3682 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creation-bdd.png" alt="base de donnees wordpress" width="100%" height="132" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creation-bdd.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creation-bdd-600x66.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creation-bdd-300x33.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creation-bdd-768x84.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creation-bdd-1024x113.png 1024w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-creation-bdd-500x55.png 500w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Ta BDD est créée ! Tu peux le vérifier car elle a été ajoutée dans la liste à gauche de ton écran.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3701 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nouvelle-base-de-donnees.png" alt="base de donnees" width="100%" height="313" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nouvelle-base-de-donnees.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nouvelle-base-de-donnees-600x157.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nouvelle-base-de-donnees-300x78.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nouvelle-base-de-donnees-768x200.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nouvelle-base-de-donnees-1024x267.png 1024w, https://bosserenpyjama.com/wp-content/uploads/2016/09/phpmyadmin-nouvelle-base-de-donnees-500x130.png 500w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Ensuite retourne sur ton bureau et va cliquer sur <span class="inset-article">Préférences</span></p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-760 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-preferences.png" alt="mamp preferences" width="454" height="344" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-preferences.png 1102w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-preferences-600x454.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-preferences-300x227.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-preferences-768x581.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-preferences-1024x775.png 1024w" sizes="(max-width: 454px) 100vw, 454px" /></p>
<p>Tu vas devoir chercher ton dossier WordPress <span class="inset-article">Bosser en local</span>, celui que l&rsquo;on a créé au tout début pour l&rsquo;appeler sur ta Base de données fraîchement créée : <span class="inset-article">newbase</span>.</p>
<p>Va sur <span class="inset-article">Serveur web</span> et clique sur le petit dossier gris pour aller chercher le dossier sur ton bureau.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-761 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-recherche-dossier-wordpress.png" alt="mamp serveur web" width="536" height="332" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-recherche-dossier-wordpress.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-recherche-dossier-wordpress-600x372.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-recherche-dossier-wordpress-300x186.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-recherche-dossier-wordpress-768x476.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-recherche-dossier-wordpress-1024x634.png 1024w" sizes="(max-width: 536px) 100vw, 536px" /></p>
<p>Une fois que tu as appelé ton dossier valide en cliquant sur OK.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-762 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-valider-dossier-bureau.png" alt="mamp path root" width="590" height="362" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-valider-dossier-bureau.png 1000w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-valider-dossier-bureau-600x368.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-valider-dossier-bureau-300x184.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-valider-dossier-bureau-768x472.png 768w" sizes="(max-width: 590px) 100vw, 590px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Retourne sur ton <a href="http://localhost:8888/MAMP/?language=French" target="_blank" rel="noopener noreferrer">Localhost</a> et sélectionne <span class="inset-article">Mon Site Web</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-763 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/local-mon-site-web.png" alt="mamp mon site web" width="100%" height="509" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/local-mon-site-web.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/local-mon-site-web-600x255.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/local-mon-site-web-300x127.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/local-mon-site-web-768x326.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/local-mon-site-web-1024x434.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Et là&#8230; Yes ! Tu arrives dans l&rsquo;installation de WordPress. Tu vas devoir renseigner les champs en mode local, c&rsquo;est à dire que tu vas cliquer sur c&rsquo;est parti.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-766 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-lancer-installation-ready.png" alt="wordpress-lancer-installation-ready" width="570" height="340" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-lancer-installation-ready.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-lancer-installation-ready-600x358.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-lancer-installation-ready-300x179.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-lancer-installation-ready-768x458.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-lancer-installation-ready-1024x611.png 1024w" sizes="(max-width: 570px) 100vw, 570px" /></p>
<p>Et quand tu vas renseigner les champs prépare-toi à mettre les bonnes infos dans les bonnes cases :</p>
<p>1) Nom de la base de données : newbase (c&rsquo;est la base que l&rsquo;on a créé)<br />
2) Identifiant : root<br />
3) Mot de Passe : root<br />
4) Adresse de la base de données : localhost<br />
5)Préfixe des tables : _wp</p>
<p>En fait ce que tu dois faire c&rsquo;est toujours mettre ça <strong>sauf le nom de la base de données qui change</strong> quand tu la crée. Valide.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3644 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-saisie-details-de-connexion.png" alt="wordpress" width="100%" height="592" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-saisie-details-de-connexion.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-saisie-details-de-connexion-600x296.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-saisie-details-de-connexion-300x148.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-saisie-details-de-connexion-768x379.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-saisie-details-de-connexion-1024x505.png 1024w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-saisie-details-de-connexion-500x247.png 500w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Note bien que si tu as mal renseigné le nom de ta base ou un autre champ tu vas avoir ce message d&rsquo;erreur :</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3663 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-champs-mal-renseigne-erreur.png" alt="wordpress" width="100%" height="594" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-champs-mal-renseigne-erreur.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-champs-mal-renseigne-erreur-600x297.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-champs-mal-renseigne-erreur-300x149.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-champs-mal-renseigne-erreur-768x380.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-champs-mal-renseigne-erreur-1024x507.png 1024w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-champs-mal-renseigne-erreur-500x248.png 500w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Bref, quand tu es bon tu vas enfin avoir ce message qui fait plaisir et passé à l&rsquo;étape suivante :</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-769 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/15-lancer-installation.png" alt="15-lancer-installation" width="618" height="219" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/15-lancer-installation.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/15-lancer-installation-600x213.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/15-lancer-installation-300x107.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/15-lancer-installation-768x273.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/15-lancer-installation-1024x364.png 1024w" sizes="(max-width: 618px) 100vw, 618px" /></p>
<p>Ensuite c&rsquo;est à toi de jouer, je te conseille de modifier le MdP car tu es le seul à utiliser ton site car je te rappelle tu es en local :). Donc renseigne les champs de façon à pas trop te prendre la tête. Quand tu passeras en prod tu pourras revoir tout ça.</p>
<p>Le Titre du site est différent de l&rsquo;Identifiant. L&rsquo;identifiant te permet de te connecter avec ton mot de passe que tu viens de générer. L&rsquo;adresse mail, choisis en une que tu utilises en général.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-770 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-bienvenue-informations-du-site.png" alt="wordpress bienvenue" width="595" height="338" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-bienvenue-informations-du-site.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-bienvenue-informations-du-site-600x341.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-bienvenue-informations-du-site-300x171.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-bienvenue-informations-du-site-768x436.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-bienvenue-informations-du-site-1024x582.png 1024w" sizes="(max-width: 595px) 100vw, 595px" /></p>
<p>Du coup ! Tout est bon je te laisse te connecter avec ton identifiant et mot de passe.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-774 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-se-connecter.png" alt="wordpress se connecter" width="556" height="240" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-se-connecter.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-se-connecter-600x259.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-se-connecter-300x130.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-se-connecter-768x332.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-se-connecter-1024x442.png 1024w" sizes="(max-width: 556px) 100vw, 556px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-775 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-login.png" alt="wordpress login" width="535" height="267" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-login.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-login-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-login-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-login-768x383.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-login-1024x511.png 1024w" sizes="(max-width: 535px) 100vw, 535px" /></p>
<p>Et tu arrives dans ton admin WordPress avec en cadeau le Twenty Sixteen template. Tu l&rsquo;as fais !</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-776 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-admin.png" alt="wordpress admin" width="524" height="277" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-admin.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-admin-600x317.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-admin-300x159.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-admin-768x406.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/wordpress-admin-1024x541.png 1024w" sizes="(max-width: 524px) 100vw, 524px" /></p>
<p>Une fois que tu as bossé tu coupes les moteurs en cliquant sur&#8230; Yes ! Tu gères buddy.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-777 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-quitter.png" alt="mamp logout" width="491" height="371" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-quitter.png 900w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-quitter-600x453.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-quitter-300x227.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/mamp-quitter-768x580.png 768w" sizes="(max-width: 491px) 100vw, 491px" /></p>
<p>C&rsquo;est un peu long mais au moins tu sauras le faire pour les prochaines fois. C&rsquo;est toujours pareil.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/tutoriel-installer-son-site-wordpress-en-local-avec-mamp/">Tutoriel : Installer son site WordPress en Local avec MAMP</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-installer-son-site-wordpress-en-local-avec-mamp/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<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>
		<item>
		<title>Tutoriel : Comment bien rédiger et optimiser ses articles avec WordPress ?</title>
		<link>https://bosserenpyjama.com/optimiser-article-wordpress/</link>
					<comments>https://bosserenpyjama.com/optimiser-article-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Mon, 06 Apr 2026 13:50:26 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[articles]]></category>
		<category><![CDATA[basics]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://bosserenpyjama.com/?p=419</guid>

					<description><![CDATA[<p>Quand je créé un blog avec WordPress, je veux que les articles que je rédige soient agréables à lire. J&#8217;aime aussi que ces articles soient adaptés à tous les supports, c&#8217;est à dire qu&#8217;ils s&#8217;adaptent à l&#8217;écran de mon laptop comme à celui de mon...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/optimiser-article-wordpress/">Tutoriel : Comment bien rédiger et optimiser ses articles avec WordPress ?</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Quand je créé un blog avec WordPress, je veux que les articles que je rédige soient agréables à lire. J&rsquo;aime aussi que ces articles soient adaptés à tous les supports, c&rsquo;est à dire qu&rsquo;ils s&rsquo;adaptent à l&rsquo;écran de mon laptop comme à celui de mon smartphone en de ces p****** de tablettes. Je dois donc y apporter une attention particulière, autant sur le fond que sur la forme. Mon article doit être aussi Google Friendly pour qu&rsquo;il ranke dans les pages de résultats de recherches et ainsi qu&rsquo;il est peut-être cette chance : être lu.</h2>
<p>&nbsp;<br />
Dans les slides ci-dessous on va voir comment optimiser ses articles sur WordPress, pour qu&rsquo;ils aient un impact organique sur le web. De plus nous allons aussi découvrir comment rendre pertinent un article aux yeux de Google. </p>
<p>Pour devenir un pro dans l&rsquo;art de rédiger et optimiser ses contenus sur le CMS le plus populaire du monde , je t&rsquo;invite à lire les slides ci-dessous et appliquer ces conseils à la lettre :). Et bien entendu, c&rsquo;est ma méthode et mes explications, d&rsquo;autres blogs t&rsquo;expliqueront certainement la hose de façon différente. Bonne lecture.</p>
<p>Note : dans ces slides nous présentons l&rsquo;éditeur tinyMCE et non le nouveau qui est Gutenberg.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<iframe loading="lazy" src="//slides.com/blueweb/rediger-et-optimiser-son-contenu-avec-wordpress/embed" width="100%" height="470" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/optimiser-article-wordpress/">Tutoriel : Comment bien rédiger et optimiser ses articles avec WordPress ?</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/optimiser-article-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tutoriel : intégrer manuellement le Plugin Page de Facebook</title>
		<link>https://bosserenpyjama.com/integrer-manuellement-plugin-page-facebook/</link>
					<comments>https://bosserenpyjama.com/integrer-manuellement-plugin-page-facebook/#comments</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Mon, 06 Apr 2026 06:49:36 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[plugin page]]></category>
		<category><![CDATA[social plugins]]></category>
		<guid isPermaLink="false">http://bosserenpyjama.com/?p=24</guid>

					<description><![CDATA[<p>Le Plugin Page, ou Page Plugin, c&#8217;est le terme de Facebook pour appeler la Like Box. Et la Like Box vous savez tous ce que c&#8217;est, c&#8217;est le carré Facebook qui apparaît toujours en haut à droite de la majorité des sites web et des blogs....</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/integrer-manuellement-plugin-page-facebook/">Tutoriel : intégrer manuellement le Plugin Page de Facebook</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Le Plugin Page, ou Page Plugin, c&rsquo;est le terme de Facebook pour appeler la Like Box. Et la Like Box vous savez tous ce que c&rsquo;est, c&rsquo;est le carré Facebook qui apparaît toujours en haut à droite de la majorité des sites web et des blogs. Inutile de t&rsquo;expliquer pourquoi ?</h2>
<p>&nbsp;<br />
Bref, on va se concentrer simplement sur les différentes étapes pour intégrer proprement le Plugin Page de Facebook sans télécharger un énième plugin.</p>
<p>Si tu suis bien les captures d&rsquo;écrans, les unes à la suite des autres, tu vas pouvoir réaliser cette action très rapidement.</p>
<p>Tape ça ou clique le lien <a href="https://developers.facebook.com/docs/plugins/page-plugin?locale=fr_FR" target="_blank" rel="noopener noreferrer">Facebook for developers Plugin Page</a>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1844 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-serp-facebook-plugin.png" alt="facebook plugin page" width="100%" height="536" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-serp-facebook-plugin.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-serp-facebook-plugin-600x268.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-serp-facebook-plugin-300x134.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-serp-facebook-plugin-768x343.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-serp-facebook-plugin-1024x457.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Une fois sur la plateforme de Facebook, clique sur le lien Documentation.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-27 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-social-plugins.png" alt="facebook plugin page se connecter" width="100%" height="95" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-social-plugins.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-social-plugins-600x48.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-social-plugins-300x24.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-social-plugins-768x61.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-social-plugins-1024x81.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Recherche <span class="inset-article">Social Plugins</span> dans la liste.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-29 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-produits-social-plugins.png" alt="facebook social plugins" width="100%" height="680" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-produits-social-plugins.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-produits-social-plugins-600x340.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-produits-social-plugins-300x170.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-produits-social-plugins-768x435.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/documentation-produits-social-plugins-1024x580.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Ou tape « Plugin Page » dans la barre de recherche.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-412 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/page-plugin-searchbar.png" alt="facebook for developers" width="100%" height="354" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/page-plugin-searchbar.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/page-plugin-searchbar-600x163.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/page-plugin-searchbar-300x82.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/page-plugin-searchbar-768x209.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/page-plugin-searchbar-1024x279.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Tu atterris sur la page de paramètre du Plugin Page.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-31 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-default-plugin-page.png" alt="facebook plugin page" width="100%" height="598" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-default-plugin-page.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-default-plugin-page-600x299.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-default-plugin-page-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-default-plugin-page-768x383.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-default-plugin-page-1024x510.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Entre l&rsquo;Url Facebook que tu souhaites que tu vas utiliser pour ton Plugin Page.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/remplir-les-champs-et-les-cases-a-cocher.png" alt="facebook plugin page" width="100%" height="624" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/remplir-les-champs-et-les-cases-a-cocher.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/08/remplir-les-champs-et-les-cases-a-cocher-600x312.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/remplir-les-champs-et-les-cases-a-cocher-300x156.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/remplir-les-champs-et-les-cases-a-cocher-768x399.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/remplir-les-champs-et-les-cases-a-cocher-1024x532.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Définis la largeur et la hauteur que tu souhaites pour ton Plugin. Puis valide en cliqaunt sur le bouton bleu « Obtenir le code ».</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-34 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/obtenir-le-code-plugin-page.png" alt="facebook plugin page obtenir le code" width="100%" height="581" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/obtenir-le-code-plugin-page.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/08/obtenir-le-code-plugin-page-600x291.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/obtenir-le-code-plugin-page-300x145.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/obtenir-le-code-plugin-page-768x372.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/obtenir-le-code-plugin-page-1024x496.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Une popup s&rsquo;ouvre et veille bien à sélectionner « IFrame » puis copie le code si tu souhaites l&rsquo;intégrer sur WordPress. Si tu es en développement, mets ton application en mode publique comme ça s&rsquo;est fait checke ça : <a href="https://bosserenpyjama.com/mettre-app-facebook-mode-public/" target="_blank" rel="noopener noreferrer">Mettre son « app » en mode public</a>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-36 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-code-iframe.png" alt="facebook plugin page iframe code" width="100%" height="521" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-code-iframe.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-code-iframe-600x261.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-code-iframe-300x130.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-code-iframe-768x333.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-code-iframe-1024x445.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Ensuite colle ce code ou tu veux sur ton site pour faire apparaître ton Plugin Page.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-38 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/coller-iframe-mode-texte-wordpress.png" alt="facebook plugin page sur site wordpress" width="1200" height="514" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/coller-iframe-mode-texte-wordpress.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/08/coller-iframe-mode-texte-wordpress-600x257.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/coller-iframe-mode-texte-wordpress-300x129.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/coller-iframe-mode-texte-wordpress-768x329.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/coller-iframe-mode-texte-wordpress-1024x439.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
Voici ce que ça donne.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-40 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-plugin-page-test.png" alt="facebook plugin page" width="100%" height="580" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-plugin-page-test.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-plugin-page-test-600x268.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-plugin-page-test-300x134.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-plugin-page-test-768x343.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/facebook-plugin-page-test-1024x457.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>En général, on place ce Plugin Page dans la sidebar, barre latérale, d&rsquo;un blog ou dans le footer, pied de page. Et quand on y pense, on a l&rsquo;impression que ça a été shapé juste pour ça.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-63 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/08/integrer-plugin-page-widget-texte.png" alt="facebook plugin page widget barre" width="100%" height="618" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/08/integrer-plugin-page-widget-texte.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/integrer-plugin-page-widget-texte-600x285.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/08/integrer-plugin-page-widget-texte-300x143.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/08/integrer-plugin-page-widget-texte-768x365.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/08/integrer-plugin-page-widget-texte-1024x487.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Ton Plugin Page apparaît dans ta Widget barre. C&rsquo;est parfait.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1853 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/facebook-likebox.png" alt="facebook plugin page" width="100%" height="552" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/facebook-likebox.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/facebook-likebox-600x276.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/facebook-likebox-300x138.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/facebook-likebox-768x353.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/facebook-likebox-1024x471.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/integrer-manuellement-plugin-page-facebook/">Tutoriel : intégrer manuellement le Plugin Page de Facebook</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/integrer-manuellement-plugin-page-facebook/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Tester son responsive design proprement</title>
		<link>https://bosserenpyjama.com/tester-son-responsive-design-proprement/</link>
					<comments>https://bosserenpyjama.com/tester-son-responsive-design-proprement/#respond</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Mon, 06 Apr 2026 00:34:23 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[mobile-friendly]]></category>
		<category><![CDATA[responsive]]></category>
		<guid isPermaLink="false">http://bosserenpyjama.com/?p=267</guid>

					<description><![CDATA[<p>Tu t&#8217;es peut-être déjà posé cette question : comment je teste mon responsive sur mon laptop ? En fignolant mon responsive avec Bootstrap ou en customizant de jolis petits items en CSS, je me disais : « Réduire ma fenêtre de navigation en mode smartphone, ça...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/tester-son-responsive-design-proprement/">Tester son responsive design proprement</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Tu t&rsquo;es peut-être déjà posé cette question : comment je teste mon responsive sur mon laptop ?<br />
En fignolant mon responsive avec Bootstrap ou en customizant de jolis petits items en CSS, je me disais : « Réduire ma fenêtre de navigation en mode smartphone, ça fait pas les vraies dimensions. » </h2>
<p>&nbsp;<br />
Pour voir si ton responsive fonctionne, checke si ta navbar qui transforme directement en (ham)burger. Aussi, si la police qui se réduit et les images et vidéos s&rsquo;ajustent&#8230;</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-270 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/reduire-sa-fenetre-de-navigation.png" alt="reduire-sa-fenetre-de-navigation" width="100%" height="622" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/reduire-sa-fenetre-de-navigation.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/reduire-sa-fenetre-de-navigation-600x287.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/reduire-sa-fenetre-de-navigation-300x144.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/reduire-sa-fenetre-de-navigation-768x367.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/reduire-sa-fenetre-de-navigation-1024x490.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Voici quelques sites qui vont te permettent de tester proprement ton site web en sur tous les écrans.<br />
Ton système d&rsquo;exploitation restera le même que tu sois sur Google Chrome ou Mozilla : il ne change pas si tu testes un modèle iPhone (IOS) ou Android.<br />
&nbsp;</p>
<h3><strong>1) Joue avec ta console</strong></h3>
<p>&nbsp;<br />
Je bosse avec Chrome. Chrome c&rsquo;est Google&#8230; Google a shapé une solution bien pratique qui est l&rsquo;inspecteur d&rsquo;élément responsive dans ta console. Si tu es sur mac je t&rsquo;invite à faire cette petite manipulation : <span class="inset-article">alt + cmd + i</span> (= ou clic droit pour sélectionner « inspecter »).</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-284 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/clic-droit-inspecter-1.png" alt="clic-droit-inspecter" width="100%" height="420" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/clic-droit-inspecter-1.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/clic-droit-inspecter-1-600x194.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/clic-droit-inspecter-1-300x97.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/clic-droit-inspecter-1-768x248.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/clic-droit-inspecter-1-1024x331.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Sinon, tu as toujours le droit de faire ça.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-286 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/emulateur-chrome.png" alt="emulateur-chrome" width="1300" height="441" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/emulateur-chrome.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/emulateur-chrome-600x204.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/emulateur-chrome-300x102.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/emulateur-chrome-768x261.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/emulateur-chrome-1024x347.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Ton inspecteur s&rsquo;ouvre en bas de ton écran et, il va te permettre de visualiser tout le code de ta page.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-272 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/inspecteur-google-chrome.png" alt="inspecteur google chrome" width="100%" height="619" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/inspecteur-google-chrome.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/inspecteur-google-chrome-600x286.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/inspecteur-google-chrome-300x143.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/inspecteur-google-chrome-768x366.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/inspecteur-google-chrome-1024x488.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Tout à gauche sur la barre d&rsquo;outil, tu aperçois comme ce petit icône avec un smartphone et une tablette (= Toggle device toolbar), clique dessus ou fais <span class="inset-article">cmd + maj + M</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-275 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-toggle-device-toolbar.png" alt="google-toggle-device-toolbar" width="100%" height="222" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-toggle-device-toolbar.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-toggle-device-toolbar-600x102.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-toggle-device-toolbar-300x51.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-toggle-device-toolbar-768x131.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-toggle-device-toolbar-1024x175.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-277 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/responsive-inspecteur-chrome.png" alt="responsive-inspecteur-chrome" width="100%" height="651" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/responsive-inspecteur-chrome.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsive-inspecteur-chrome-600x300.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsive-inspecteur-chrome-300x150.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsive-inspecteur-chrome-768x385.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsive-inspecteur-chrome-1024x513.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Ensuit,e tu peux afficher les vraies dimensions des écrans de portables comme le Galaxy S5, l&rsquo;iPhone 6S ou l&rsquo;iPad.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-278 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/test-smartphone-screen.png" alt="test-smartphone-screen" width="100%" height="461" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/test-smartphone-screen.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-smartphone-screen-600x213.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-smartphone-screen-300x106.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-smartphone-screen-768x272.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-smartphone-screen-1024x363.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Donc ça c&rsquo;est une bonne chose, car si tu as Google Chrome installé plus besoin de rien. Il y d&rsquo;autres outils pas mal du tout à checker.<br />
&nbsp;</p>
<h3><strong>2) Responsinator</strong></h3>
<p>&nbsp;<br />
Tu as juste à coller l&rsquo;URL du site que tu es entrain de travailler.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-280 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/responsinator-for-responsive-smartphone.png" alt="responsinator-for-responsive-smartphone" width="100%" height="736" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/responsinator-for-responsive-smartphone.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsinator-for-responsive-smartphone-600x340.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsinator-for-responsive-smartphone-300x170.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsinator-for-responsive-smartphone-768x435.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/responsinator-for-responsive-smartphone-1024x580.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Le premier écran correspond au iPhone 5 avec une largeur définit à 320px si tu scrolles, tu verras qu&rsquo;il y à d&rsquo;autres formats iPhones et Androids en mode « normal » et « landscape.</p>
<p>Tu trouveras même la tablette iPad en bas de ta page.</p>
<p>Checke le service maintenant <a href="http://www.responsinator.com/" target="_blank" rel="noopener noreferrer">www.responsinator.com</a><br />
&nbsp;</p>
<h3><strong>3) Piresponsive</strong></h3>
<p>&nbsp;<br />
Dans le même esprit que le précédent tu rentres ton URL et tu joues avec les templates de smartphones et tablettes dans la barre de navigation, le choix est plus importants et l&rsquo;expérience plus agréable. Le petit Gloups est que l&rsquo;on a pas les dimensions du iPhone 6 et 6s.</p>
<p>Le truc cool, c&rsquo;est que tu pourras passer de l&rsquo;affichage normal au landscape en cliquant simplement sur <span class="inset-article">le petit icône avec les 2 triangles</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-288 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/test-responsive-landscape.png" alt="test-responsive-landscape" width="100%" height="647" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/test-responsive-landscape.png 1300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-responsive-landscape-600x299.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-responsive-landscape-300x149.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-responsive-landscape-768x382.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/test-responsive-landscape-1024x510.png 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /></p>
<p>Teste le service maintenant <a href="http://apps-fr.orson.io/piresponsive" target="_blank" rel="noopener noreferrer">http://apps-fr.orson.io/piresponsive</a></p>
<p>&nbsp;</p>
<h3><strong>4) Am I repsonsive</strong></h3>
<p>&nbsp;<br />
Assez sommaire Rentre simplement ton Url dans la barre de recherche, ton site s&rsquo;affichera dans les écrans au dessus.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2304 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/ami.responsive.is_.png" alt="responsive design" width="100%" height="750" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/ami.responsive.is_.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/ami.responsive.is_-600x375.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/ami.responsive.is_-300x188.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/ami.responsive.is_-768x480.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/ami.responsive.is_-1024x640.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Teste l&rsquo;outil maintenant <a href="http://ami.responsivedesign.is/" target="_blank" rel="noopener noreferrer">http://ami.responsivedesign.is/</a><br />
&nbsp;</p>
<h3><strong>5) Teste tes pages pour savoir si elles sont adaptées aux mobiles avec l&rsquo;outil de Google</strong></h3>
<p>&nbsp;<br />
Enfin pour valider tout ça : savoir si les pages de ton site site sont adaptées aux mobiles&#8230; utilise l&rsquo;outil mis à disposition par Google <span class="inset-article"><a href="https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr" target="_blank" rel="noopener noreferrer">fais ton test d&rsquo;optimisation mobile maintenant</a></span>.</p>
<p>Entre l&rsquo;URL de ta page d&rsquo;accueil pour commencer et presse Entrer. Le temps que ça scanne&#8230; et tu seras fixé 🙂</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2307 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-responsive-test.png" alt="google responsive" width="100%" height="593" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-responsive-test.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-responsive-test-600x297.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-responsive-test-300x148.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-responsive-test-768x380.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-responsive-test-1024x506.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>OUF !</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2506 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-pages-adaptes-aux-mobiles.png" alt="google page adaptee mobiles" width="100%" height="595" srcset="https://bosserenpyjama.com/wp-content/uploads/2016/09/google-pages-adaptes-aux-mobiles.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-pages-adaptes-aux-mobiles-600x298.png 600w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-pages-adaptes-aux-mobiles-300x149.png 300w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-pages-adaptes-aux-mobiles-768x381.png 768w, https://bosserenpyjama.com/wp-content/uploads/2016/09/google-pages-adaptes-aux-mobiles-1024x508.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Il y en a d&rsquo;autres donc n&rsquo;hésite pas à me dire lesquels tu utilises pour compléter la liste.</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/tester-son-responsive-design-proprement/">Tester son responsive design proprement</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/tester-son-responsive-design-proprement/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment installer et configurer l&#8217;extension WooCommerce ? (partie 1)</title>
		<link>https://bosserenpyjama.com/configurer-woocommerce/</link>
					<comments>https://bosserenpyjama.com/configurer-woocommerce/#respond</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Sun, 05 Apr 2026 17:46:27 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<guid isPermaLink="false">https://bosserenpyjama.com/?p=9222</guid>

					<description><![CDATA[<p>WooCommerce est un plugin WordPress gratuit très populaire qui appartient la société mère Automattic (société fondatrice du CMS). Cette extension permet de transformer son site web en une véritable plateforme e-commerce pour vendre ses produits physiques et digitaux plus rapidement et simplement qu&#8217;une autre solution...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/configurer-woocommerce/">Comment installer et configurer l&rsquo;extension WooCommerce ? (partie 1)</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>WooCommerce est un plugin WordPress gratuit très populaire qui appartient la société mère Automattic (société fondatrice du CMS). Cette extension permet de transformer son site web en une véritable plateforme e-commerce pour vendre ses produits physiques et digitaux plus rapidement et simplement qu&rsquo;une autre solution de ce type.</h2>
<p>&nbsp;<br />
Créé en 2011 par des passionnés et membres actifs de la communauté WordPress, le plugin WooCommerce a su se développer au fil des années et devenir, 7 ans plus tard, l&rsquo;une des solutions e-commerce les plus utilisées dans le monde. Plus simple d&rsquo;utilisation que certaines autres plateformes, Woocommerce s&rsquo;adresse à tous. Vendre un seul et unique produit sur son site à une gamme plus élargie, tout est possible avec cette extension à condition de bien poser les bases avant de se lancer dans l&rsquo;aventure de la vente en ligne.<br />
&nbsp;</p>
<h3>WooCommerce : les questions à se poser avant de se lancer</h3>
<p>&nbsp;<br />
Si tu as un projet de boutique en ligne en tête et que tu utilises WordPress, la solution est WooCommerce. Avant de te lancer tête baisser, t&rsquo;es-tu posé ces questions :</p>
<ul>
<li>&#8211; Est-ce que tu sais déjà ce que tu vas vendre ?</li>
<li>&#8211; Est-ce que ce sont des produits physiques ou numériques ?</li>
<li>&#8211; As-tu les caractéristiques des produits ? Possèdes-tu des visuels, une description ?</li>
<li>&#8211; Vas-tu les vendre uniquement dans ton pays ou dans le reste du monde ?</li>
<li>&#8211; As-tu défini les frais d&rsquo;expédition en interne et externe ?</li>
<li>&#8211; Connais-tu les taux de TVA applicables ?</li>
<li>&#8211; As-tu déjà rédigé les CGV, les CGU ?</li>
<li>&#8211; &#8230;</li>
</ul>
<p>&nbsp;<br />
La liste est encore (bien) longue.<br />
&nbsp;</p>
<h3>WooCommerce : ces informations indispensables à prendre en compte</h3>
<p>&nbsp;<br />
Le plugin WooCommerce s&rsquo;installe aussi simplement qu&rsquo;un plugin normal, il est répertorié dans la bibliothèque des Extensions et se trouve sous une simple recherche par mot-clé. Une fois téléchargé et activé, ce plugin va te prendre beaucoup d&rsquo;espace de stockage. Ce plugin possède de nombreux dossiers et fichiers sources car il génère et propose divers modules par défaut pour que tu puisses créer le plus simplement possible ta boutique en ligne, depuis ton tableau de bord (commandes, produits, panier, modules de paiement et de livraisons, etc..). Transformer son site web WordPress en plateforme de e-commerce demande donc de bien choisir son hébergement. Par exemple, si tu es chez OVH, l&rsquo;offre perso, qui propose 100 Go d&rsquo;espace disque est plus adaptée que l&rsquo;offre Kimsufi, qui est moins chère de quelques euros mais avec une capacité de stockage moindre (1000 Mo = 1Go). Si tu es chez un autre hébergeur prends donc un hébergement intermédiaire et renseigne-toi directement auprès du support technique.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
WooCommerce s&rsquo;adresse aussi bien à des professionnels qui veulent vendre des nombreux produits qu&rsquo;à des particuliers qui ont le projet de vendre leurs formations, info-produits ou quelques goodies. La taille des plateformes créées avec WooCommerce varie donc d&rsquo;un secteur d&rsquo;activité à l&rsquo;autre. Des petits sites vendent quelques produits quand d&rsquo;autres proposent des centaines d&rsquo;articles. On dit que WooCommerce s&rsquo;adapte très bien pour un site de 500 produits. Au delà de ce nombre, migrer son site sur des plateformes spécialisées telles que Prestashop, Shopify ou Magento est conseillé, mais cela reste à confirmer.<br />
&nbsp;<br />
WooCommerce est l&rsquo;une des solutions ecommerce les plus performantes et l&rsquo;une des plus économiques du marché. En effet, le plugin est gratuit et de nombreuses autres fonctionnalités qui viennent s&rsquo;ajouter le sont aussi. Toutefois, des plugins payants sont aussi proposés et parfois indispensables pour améliorer sa boutique. Enfin, WooCommerce bénéficie de tous les bénéfices du CMS WordPress et pour optimiser son référencement naturel, c&rsquo;est très pratique (facilité de rédaction des fiches produits, plugins SEO, partie blog, etc.). Ceci étant dit, place à l&rsquo;installation du module WooCommerce.<br />
&nbsp;</p>
<h3>Installation de WooCommerce</h3>
<p>&nbsp;<br />
Dans un premier temps il faut que tu télécharges et actives WooCommerce. Le plus simple et de se rendre dans la rubrique Extensions &gt; Ajouter dans ton administration.<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9237 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/installer-activer-woocommerce.png" alt="Installer et activer WooCommerce" width="100%" height="488" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/installer-activer-woocommerce.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/installer-activer-woocommerce-768x312.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/installer-activer-woocommerce-500x203.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/installer-activer-woocommerce-700x285.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/installer-activer-woocommerce-600x244.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h3>Configurer l&rsquo;assistant de configuration WooCommerce</h3>
<p>&nbsp;<br />
Si c&rsquo;est la première fois que tu l&rsquo;installes, une fenêtre s&rsquo;ouvre, c&rsquo;est l&rsquo;<span class="inset-article">assistant de configuration WooCommerce</span>. Cela te permet de démarrer le paramétrage de ta boutique étape par étape. Je te conseille de remplir les formulaires car ce sont les informations élémentaires de ta boutique. Note que tu pourras modifier toutes tes informations quand tu le souhaites. Regardons ensemble comment ça marche ?<br />
&nbsp;</p>
<h4>Configuration de la boutique</h4>
<p>&nbsp;<br />
C&rsquo;est la base de ta boutique, indique la localisation en renseignant le pays et une adresse. Ensuite choisis la devise dans laquelle tu veux être payé et enfin, définis le <span class="inset-article">type de produit que tu souhaites vendre</span>, produits physiques et numériques.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9239 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/configuration-boutique.png" alt="configuration de la boutique" width="100%" height="1122" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/configuration-boutique.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/configuration-boutique-768x718.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/configuration-boutique-500x468.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/configuration-boutique-700x655.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/configuration-boutique-600x561.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h4>Paiement</h4>
<p>&nbsp;<br />
La solution de paiement Stripe est proposée par défaut. Ce moyen de paiement en ligne s&rsquo;intègre facilement à WooCommerce. Il faudra créer un compte sur leur site pour le faire fonctionner avec notre module de paiement. PayPal peut aussi être choisi et une ouverture de compte et configuration sur le site officiel sera aussi requise. Enfin, tu peux aussi opter pour du paiement hors-ligne :</p>
<ul>
<li>&#8211; Paiement par chèque</li>
<li>&#8211; Paiement par virement bancaire</li>
<li>&#8211; Paiement à la livraison</li>
</ul>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9241 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/paiement.png" alt="" width="100%" height="1043" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/paiement.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/paiement-768x668.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/paiement-500x435.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/paiement-700x608.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/paiement-600x522.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<h4>Expédition</h4>
<p>&nbsp;<br />
Laisse cochées les zones France et internationales (Emplacements non couverts par vos autres zones). Ensuite choisis la <span class="inset-article">méthode d&rsquo;expédition</span> la plus adaptée entre :</p>
<ul>
<li>&#8211; Taux forfaitaire : tu dois appliquer un coût d&rsquo;envoi pour la France et pour le reste du monde</li>
<li>&#8211; Livraison gratuite</li>
</ul>
<p>&nbsp;<br />
Enfin, tout en bas, tu peux configurer les valeurs de poids (kilogrammes, grammes, livres et onces) et les dimensions (mètres, centimètres, millimètres, pouces, yards) relatives aux objets, matériaux ou produits alimentaires que tu vas vendre.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9243 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/expedition.png" alt="expéditions" width="100%" height="953" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/expedition.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/expedition-768x610.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/expedition-500x397.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/expedition-700x556.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/expedition-600x477.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h4>Recommandé</h4>
<p>&nbsp;<br />
Comme tout bon produit qui a la côte, on ne peut passer à côté des services des partenaires. Libre à toi de choisir si tu les ajoutes ou pas. Pour l&rsquo;exemple, je coche tous les services car j&rsquo;ai déjà un compte Mailchimp et une page professionnelle Facebook (mais la fonctionnalité Facebook, arrive prochainement). Je vais en profiter pour découvrir <span class="inset-article">Taxes automatisées</span> qui me semble assez pratique, à savoir le calcul des taxes se fait automatiquement au moment du paiement.</p>
<p>Note bien que si tu choisis l&rsquo;option taxes automatisées, tu vas devoir passer à la seconde étape et installer Jetpack. Ce plugin va permettre de gérer pas mal de choses sur ton site dont la sécurité, te générer des statistiques de magasins ou encore notifier ta boutique en cas de problèmes et relier tes nouveaux produits sur Facebook. Pour te rassurer il existe un plan Freemium, soit 0 € / mois. <a href="https://jetpack.com/pricing/" target="_blank" rel="noopener nofollow noreferrer">Voir les tarifs de l&rsquo;extension Jetpack</a>.<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9247 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/recommande.png" alt="recommandé" width="100%" height="953" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/recommande.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/recommande-768x610.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/recommande-500x397.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/recommande-700x556.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/recommande-600x477.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h4>Activé</h4>
<p>&nbsp;<br />
Comme évoqué à l&rsquo;étape précédente, le plugin Jetpack qui est aussi un plugin de la maison mère de WordPress, doit être installé pour pouvoir bénéficier des services annexes. Presse le bouton violet <span class="inset-article">« Continuer avec Jetpack »</span> pour avancer.<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9253 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/connecter-la-boutique-jetpack.png" alt="Jet Pack" width="100%" height="1157" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/connecter-la-boutique-jetpack.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/connecter-la-boutique-jetpack-768x740.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/connecter-la-boutique-jetpack-500x482.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/connecter-la-boutique-jetpack-700x675.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/connecter-la-boutique-jetpack-600x579.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<h4>Prêt !</h4>
<p>&nbsp;<br />
Enfin ta configuration est terminée. Des boutons d&rsquo;actions apparaissent, tu peux :</p>
<ul>
<li>&#8211; Créer un produit</li>
<li>&#8211; Importer des produits : uniquement si tu as déjà un stock sur une autre plateforme</li>
<li>&#8211; Se rendre sur le tableau de bord</li>
<li>&#8211; Vérifier les réglages : ceux que tu viens d&rsquo;effectuer</li>
</ul>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9286 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-configuration-prete.png" alt="" width="100%" height="1115" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-configuration-prete.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-configuration-prete-768x714.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-configuration-prete-500x465.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-configuration-prete-700x650.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-configuration-prete-600x558.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
A partir de là que faire ? Ce n&rsquo;est que le début d&rsquo;une grande aventure.<br />
&nbsp;</p>
<h3>Découverte de WooCommerce après installation</h3>
<p>&nbsp;<br />
Dans un premier temps nous allons cliquer sur les trois boutons gris : « Se rendre sur le tableau de bord », « Vérifier les réglages », puis « Voir et personnaliser » pour faire un tour d&rsquo;horizon des apparitions des nouvelles rubriques et comprendre comment ça se passe.<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9307 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/boutons-woocommerce.png" alt="" width="100%" height="237" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/boutons-woocommerce.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/boutons-woocommerce-768x152.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/boutons-woocommerce-500x99.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/boutons-woocommerce-700x138.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/boutons-woocommerce-600x119.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h4>1. « Se rendre sur le tableau de bord »</h4>
<p>&nbsp;<br />
En pressant le bouton <span class="inset-article">« Se rendre sur le Tableau de bord »</span>, deux nouvelles rubriques se sont créées dans la colonne de gauche :</p>
<ul>
<li>&#8211; <strong>« WooCommerce »</strong> : cet onglet permet d&rsquo;accéder à ton back-office, c&rsquo;est à dire avoir accès aux commandes, aux codes promo, aux rapports, de configurer les réglages (géolocalisation, TVA, moyens de paiement,etc.), comprendre l&rsquo;état du site et la compatibilité de WooCommerce avec les performances du site, et enfin de trouver des add-ons et autres extensions gratuites ou payantes pour améliorer ta boutique en ligne.</li>
<li>&#8211; <strong>« Produits »</strong> : permet d&rsquo;indexer tous les produits créés, d&rsquo;ajouter un nouveau produit, d&rsquo;ajouter des catégories, des étiquettes et des attributs.</li>
<li>&#8211; Les onglets « Analytics » et « Mailchimp » sont aussi apparus dans la colonne de gauche.</li>
</ul>
<p>&nbsp;<br />
Note : Les pages fondamentales au bon fonctionnement de la boutique ont aussi été créées automatiquement. Tu les retrouveras dans le répertoire de pages <span class="inset-article">« Pages » &gt; « Toutes les pages »</span>. Nous retrouvons les pages classiques d&rsquo;un site e-commerce :</p>
<ul>
<li>&#8211; La page <strong>Boutique</strong> : l&rsquo;url de la page est https://bosserenpyjama.com<strong>/boutique/</strong></li>
<li>&#8211; La page <strong>Panier</strong> : l&rsquo;url de la page est https://bosserenpyjama.com<strong>/panier/</strong></li>
<li>&#8211; La page <strong>Validation de la commande</strong> : l&rsquo;url de la page est https://bosserenpyjama.com<strong>/commande/</strong></li>
<li>&#8211; La page <strong>Mon compte</strong> : l&rsquo;url de la page est https://bosserenpyjama.com<strong>/compte/</strong></li>
</ul>
<p>&nbsp;<br />
Nous pouvons attester de ces pages dans la sous rubrique <span class="inset-article">« WooCommerce » &gt; « État »</span><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9282 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/etat.png" alt="" width="100%" height="232" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/etat.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/etat-768x148.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/etat-500x97.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/etat-700x135.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/etat-600x116.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>On aperçoit aussi, au centre de la page, qu&rsquo;il y a pléthore de notifications, dont :</p>
<ul>
<li>&#8211; PayPal Checkout avec les nouveaux Smart Payment Buttons&#x2122;</li>
<li>&#8211; WooCommerce Stripe</li>
<li>&#8211; Facebook for WooCommerce</li>
<li>&#8211; Connecter votre boutique à WooCommerce.com pour recevoir les mises à jour d’extensions et le support.</li>
<li>&#8211; Testez le futur de WooCommerce</li>
</ul>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9256 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-solutions-paiements.png" alt="notifications WooCommerce" width="100%" height="872" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-solutions-paiements.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-solutions-paiements-768x558.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-solutions-paiements-500x363.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-solutions-paiements-700x509.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-solutions-paiements-600x436.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Les trois premières notifications concernant le paiement seront traitées ultérieurement ainsi que le plugin Jetpack. Pour dégrossir la liste, nous allons presser le bouton violet <span class="inset-article">« Installer WooCommerce Admin »</span> (c&rsquo;est une extension). C&rsquo;est parti !</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9265 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/bouton-installer-woocommerce-admin.png" alt="" width="100%" height="102" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/bouton-installer-woocommerce-admin.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/bouton-installer-woocommerce-admin-768x65.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/bouton-installer-woocommerce-admin-500x43.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/bouton-installer-woocommerce-admin-700x60.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/bouton-installer-woocommerce-admin-600x51.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Il ne reste plus qu&rsquo;à cliquer sur le bouton bleu <span class="inset-article">« Activer »</span> pour faire fonctionner le <span class="inset-article">plugin WooCommerce Admin</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9275 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-extension-woocommerce-admin-1.png" alt="WooCommerce Admin" width="100%" height="410" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-extension-woocommerce-admin-1.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-extension-woocommerce-admin-1-768x262.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-extension-woocommerce-admin-1-500x171.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-extension-woocommerce-admin-1-700x239.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/activer-extension-woocommerce-admin-1-600x205.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Une fois l&rsquo;extension activée, la sous-rubrique intitulée <span class="inset-article">« Dashboard »</span> s&rsquo;affiche dans l&rsquo;onglet « WooCommerce ».</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9276 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/dashboard-woocommerce.png" alt="" width="100%" height="616" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/dashboard-woocommerce.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/dashboard-woocommerce-768x394.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/dashboard-woocommerce-500x257.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/dashboard-woocommerce-700x359.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/dashboard-woocommerce-600x308.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h4>2. « Vérifier les réglages »</h4>
<p>&nbsp;<br />
En pressant le bouton gris « Vérifier les réglages », tu atterris directement dans la sous-rubrique <span class="inset-article">WooCommerce &gt; Réglages</span>, sur l&rsquo;onglet « Général » (c.f. la screenshot ci-dessous). Cet onglet permet de compléter les « options générales » de ta boutique. Tu peux aussi paramétrer les autres onglets : « Produits », « TVA », « Expédition », « Paiements », « Comptes et confidentialités », « Email », « Intégration », « Avancée ».</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9302 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/reglages-general.png" alt="" width="100%" height="1441" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/reglages-general.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/reglages-general-768x922.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/reglages-general-500x600.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/reglages-general-700x841.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/reglages-general-600x721.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Note : quand tu sélectionnes un onglet, prends conscience que tu peux accéder à des liens supplémentaires. Par exemple quand tu es sur l&rsquo;onglet <span class="inset-article">« Produits »</span>, il y a des liens bleus, en l&rsquo;occurence, les liens « Général » (par défaut), « Inventaire », « Produits téléchargeables ».<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9304 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-reglages-produits.png" alt="" width="100%" height="931" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-reglages-produits.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-reglages-produits-768x596.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-reglages-produits-500x388.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-reglages-produits-700x543.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/woocommerce-reglages-produits-600x466.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
&nbsp;</p>
<h4>3. « Voir et personnaliser »</h4>
<p>&nbsp;<br />
Ce lien nous emmène directement dans la rubrique <span class="inset-article">« Apparence » &gt; « Personnaliser »</span>.</p>
<p>Note : comme nous n&rsquo;avons pas de produits créés la page Boutique est vierge.<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9310 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/voir-et-personnaliser.png" alt="" width="100%" height="585" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/voir-et-personnaliser.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/voir-et-personnaliser-768x374.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/voir-et-personnaliser-500x244.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/voir-et-personnaliser-700x341.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/voir-et-personnaliser-600x293.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Si tu travailles en ligne sur la configuration de ta boutique, et tant qu&rsquo;elle n&rsquo;est pas lancée, active l&rsquo;option dans <span class="inset-article">Apparence > Personnaliser > WooCommerce</span> en cliquant sur l&rsquo;onglet « Notification de la boutique ». En faisant cette action tu affiches aux visiteurs qui se baladent sur ta page <span class="inset-article">https://bosserenpyjama.com/boutique/</span> que cette dernière est en mode démo et que les commandes ne sont pas encore ouvertes. Pour cela modifie le texte, puis coche la case « Activer la notification de la boutique » et enfin presse le bouton bleu « Publier » pour sauvegarder tes modifications.</p>
<p>Note : dans l&rsquo;exemple ci-dessous, je n&rsquo;ai pas traduit le texte ni personnalisé mais je t&rsquo;invite à le mettre dans la langue de tes futurs clients.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9312 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/notification-boutique.png" alt="Notifications de la boutique" width="100%" height="584" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/notification-boutique.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notification-boutique-768x374.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notification-boutique-500x243.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notification-boutique-700x341.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notification-boutique-600x292.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Voici ce les visiteurs verront.<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9314 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/05/notifications-boutique.png" alt="" width="100%" height="691" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/05/notifications-boutique.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notifications-boutique-768x442.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notifications-boutique-500x288.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notifications-boutique-345x198.png 345w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notifications-boutique-700x403.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/05/notifications-boutique-600x346.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Une fois les premiers paramètres enclenchés nous allons faire un dernier tour d&rsquo;horizon des fonctionnalités essentielles de WooCommerce pour bien comprendre.<br />
&nbsp;</p>
<h3>Comprendre toutes les fonctionnalités de WooCommerce</h3>
<p>&nbsp;<br />
Nous avons évoqué les parties fondamentales qui composent l&rsquo;extension WooCommerce, sans les aborder une à une, les voici :</p>
<p>&#8211; <strong>Commandes :</strong> c&rsquo;est dans cette rubrique que s&rsquo;affichent toutes les commandes dès lors qu&rsquo;un client a effectué un achat sur la boutique. Depuis cette rubrique nous pouvons alors gérer le traitement de cette commande et l&rsquo;état de la commande peut varier selon que le paiement a bien été effectué, est en attente ou bien annulé. Cette rubrique est aussi utile car elle permet de retrouver facilement un client et revenir sur une commande antérieure.</p>
<p>&#8211; <strong>Code Promo :</strong> cette partie permet de gérer les codes promotionnels qui sont utilisés par les clients dans le cadre de nos campagnes commerciales. Nous pouvons appliquer alors une remise sur un panier, un pourcentage de remise sur le panier ou une remise sur un seul produit de la boutique. Très pratique, nous pouvons aussi ajouter une date d&rsquo;expiration du code promo pour susciter l&rsquo;achat. De plus, nous pouvons aussi créer des restrictions comme des dépenses minimales pour profiter du code et exclure certains produits de certaines catégories.</p>
<p>&#8211; <strong>Rapports :</strong> cette partie présente le suivi de notre activité en termes de vente. Cela nous permet de faire le point sur le nombre de nos clients et de suivre l&rsquo;état de nos stocks. De nombreux filtres sont proposés pour analyser les résultats de notre boutique.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>&#8211; <strong>Réglages :</strong> les réglages sont la partie que nous avons vue plus haut, elle permet de configurer tous les paramètres essentiels de notre boutique :<br />
Réglages Généraux, Réglages Généraux des Produits (Inventaire, Produits téléchargeables), Options TVA (Taux standards, Taux Reduced rate, Taux Zero rate), Zones d’expédition (Options de livraison, Classes de livraison), Paiements (hors ligne, PayPal, Stripe), Comptes et confidentialités, E-mails (Notifications par email), Intégrations (Facebook) et Avancées (Installation des pages, API REST, Crochets Web, Ancienne API, WooCommerce.com).</p>
<p>&#8211; <strong>État :</strong> cette partie référence toutes les caractéristiques techniques liées à notre site, sa compatibilité avec WooCommerce ainsi qu&rsquo;à notre serveur pour optimiser nos performances.</p>
<p>&#8211; <strong>Extensions :</strong> en pressant ce lien nous atterrissons sur une page qui référence toutes les extensions relatives à WooCommerce (paiement, livraison, marketing, optimisation produits, etc.) Nous trouvons autant de plugins gratuits que payants.</p>
<p>Note : d&rsquo;autres fonctionnalités peuvent s&rsquo;ajouter si tu souhaites développer ta boutique. En l&rsquo;occurrence dans notre exemple, nous avions ajouté le plugin « WooCommerce Admin » pour avoir un dashboard plus visuel et pratique.<br />
&nbsp;</p>
<h3>Conclusion</h3>
<p>&nbsp;<br />
Comme tu as pu le remarquer l&rsquo;installation de l&rsquo;extension en soi est assez simple. Toutefois, avant de te lancer dans une boutique en ligne, tu dois avoir, au préalable, une idée claire de ce que tu veux vendre comme produits (physiques, numériques). Tu dois aussi être au point sur les informations légales et essentielles pour la création de ta boutique (adresse, devises, TVA, frais postaux, etc.). Note que tu pourras toujours t&rsquo;en occuper plus tard et mettre des valeurs approximatives que tu modifieras une fois la boutique en ligne. Enfin, pour être très à l&rsquo;aise avec tes fonctionnalités et comprendre comment gérer son back-office, il est bon que tu explores par toi-même les diverses rubriques, une à une, pour mieux les appréhender et comprendre comment tout cela s&rsquo;imbrique.<br />
&nbsp;<br />
Allez, c&rsquo;est maintanant au tour de créer notre premier produit ! Rendez-vous sur la partie 2 en cliquant ce lien : <a href="https://bosserenpyjama.com/woocommerce-fiche-produit/">Créer son produit avec WooCommerce &#8211; partie 2</a></p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/configurer-woocommerce/">Comment installer et configurer l&rsquo;extension WooCommerce ? (partie 1)</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/configurer-woocommerce/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ma méthode ultra simple pour écrire des articles optimisés de qualité, en un temps record</title>
		<link>https://bosserenpyjama.com/methode-redaction-article-optimise-seo/</link>
					<comments>https://bosserenpyjama.com/methode-redaction-article-optimise-seo/#respond</comments>
		
		<dc:creator><![CDATA[Batiste de Bosser en pyjama]]></dc:creator>
		<pubDate>Sun, 05 Apr 2026 11:19:05 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<guid isPermaLink="false">https://bosserenpyjama.com/?p=8411</guid>

					<description><![CDATA[<p>Le titre est racoleur, certes, mais le contenu que tu vas lire tend un maximum à ça. C&#8217;est à dire que dans cet article, je te propose écrire un article en perdant le moins de temps possible et de qualité, car comme tu le sais,...</p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/methode-redaction-article-optimise-seo/">Ma méthode ultra simple pour écrire des articles optimisés de qualité, en un temps record</a> est apparu en premier sur <a rel="nofollow" href="https://bosserenpyjama.com">Bosser en pyjama</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Le titre est racoleur, certes, mais le contenu que tu vas lire tend un maximum à ça. C&rsquo;est à dire que dans cet article, je te propose écrire un article en perdant le moins de temps possible et de qualité, car comme tu le sais, d&rsquo;écrire un article de qualité prend du temps, et bien là, nous allons le défier grâce à une checklist <em>shapée</em> pour te permettre de gagner des minutes et devenir plus performant.</h2>
<p>&nbsp;<br />
Pour faire de la bonne rédaction web, tu dois te plier à quelques règles, si tu souhaites rester crédible et professionnel auprès de ta communauté, tes clients ou prospects. Dans cet article, nous allons partir du principe que tu sais déjà sur quel sujet tu vas rédiger, mais que tu ne sais pas par où commencer. Je te propose un guide ou je partage une <em>checklist</em> pour clarifier tes idées pour <a href="https://amzn.to/2HGx9hI" rel="noopener noreferrer" target="_blank">bien rédiger pour le web</a>.<br />
&nbsp;<br />
Attention : Je ne te révèle pas la « <em>secret sauce</em>« , mais cette méthode fonctionne pour moi. Avant de te lancer dans celle-ci, il faut impérativement que tu sâches de quoi tu vas parler et que tu sois motivé.<br />
&nbsp;</p>
<h3><strong>Etape 1 : Collecter de l&rsquo;information </strong></h3>
<p>&nbsp;<br />
L&rsquo;une des premières choses à faire est de se poser quelques questions :</p>
<ul>
<li>&#8211; Un article sur le même sujet a-t-il déjà été rédigé sur Internet ?</li>
<li>&#8211; Si oui, quand est-ce que cet article a-t-il été publié ?</li>
<li>&#8211; Comment a-t-il été traité ?</li>
<li>&#8211; Quelle est la nature de cette publication ? (vente, information, politique&#8230;)</li>
</ul>
<p>&nbsp;<br />
Quand tu te lances dans la rédaction d&rsquo;un article, il est toujours bon de <strong>se renseigner sur le sujet</strong>. Cela te permet de voir, et comprendre, comment ce sujet a-t-il déjà été traité, avant toi, sur le web. Tu comprendras rapidement quels sont les articles tendances, populaires ou d&rsquo;autorité pour t&rsquo;en inspirer.<br />
&nbsp;<br />
Se renseigner ou faire de la veille est une étape qui est primordiale lorsque l&rsquo;on rédige pour le web. Donc, commence par taper le mot-clé, que tu souhaite positionner dans ton article, dans la <strong>search bar de Google</strong>. Cela te permettra de voir quels articles ressortent dans la première page des résultats. Cela te permet d&rsquo;avoir un coup d&rsquo;oeil sur les sites et les articles qui sont positionnés dans les <span class="inset-article">SERP</span> qui sont les <strong>pages des résultats de recherches de Google</strong>. </p>
<p>Prends donc le temps de lire chaque <strong>Titre</strong>, <strong>URL</strong>, <strong>date</strong> et <strong>méta description</strong> des résultats de la première page de Google. Tu pourras très vite en sélectionner quelques-uns dont les trois premiers, pour comprendre leur raison de figurer en première position. Note que tu peux aussi acheter des sondages, des études ou rapports&#8230; à toi de voir.<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-8556 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/resultats-serps-google.png" alt="Résultats Google" width="90%" height="247" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/resultats-serps-google.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/03/resultats-serps-google-768x158.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/03/resultats-serps-google-500x103.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/03/resultats-serps-google-700x144.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/03/resultats-serps-google-600x124.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Clique sur les articles qui ont marqué ton attention et analyse-les, en vérifiant les informations comme-suit :</p>
<ul>
<li>&#8211; URL du site web</li>
<li>&#8211; Titre</li>
<li>&#8211; Date de publication et/ou mises à jour</li>
<li>&#8211; Contenu éditorial</li>
<li>&#8211; Longueur du texte</li>
<li>&#8211; Sources</li>
<li>&#8211; Commentaires</li>
</ul>
<p>&nbsp;<br />
L&rsquo;idée n&rsquo;est pas de faire du copier/coller, ne pense même pas au plagiat et aux problèmes et autres pénalités que cela va t&rsquo;apporter (droits d&rsquo;auteur, duplicate content&#8230;).<br />
Le fait de procéder à une veille comme celle-ci, te permet de te faire une idée précise sur la nature de l&rsquo;article (billet d&rsquo;humeur, actualité, publireportage), du style adopté par l&rsquo;auteur, la longueur du contenu, ou encore la date de publication&#8230; Tu peux aussi faire des recherches sur des sites de réseaux sociaux spécialisés comme LinkedIn, Medium, YouTube par exemple. </p>
<p>Enfin, si tu souhaites citer des sources dans ton article redirige-toi vers des sites sûrs et actualisés, tels que des sites d&rsquo;institutions, gouvernementaux ou organismes agréés, et en veillant bien à vérifier la date de publication des faits, pour rester à jour.<br />
&nbsp;</p>
<h3><strong>Etape 2 : Rassembler les idées</strong></h3>
<p>&nbsp;<br />
Une fois que tu as pu observer et analyser ce qui se passe du côté de chez Google, c&rsquo;est à ton tour de rassembler toutes tes idées. Tu peux te laisser influencer ou pas par ce que tu as lu, mais dans tous les cas, prends quelques minutes pour mettre tes idées à plat, ou brainstormer. Pour ça, je te conseille le papier et le crayon pour écrire toutes les idées qui te viennent à l&rsquo;esprit, et en rapport avec ton sujet d&rsquo;écriture. Use d&rsquo;originalité, de créativité et va jusqu&rsquo;au bout de cette étape en faisant jaillir tout ce que tu as en tête.<br />
&nbsp;<br />
Voici des pistes de réflexion :</p>
<ul>
<li>&#8211; Pars de ton mot-clé et ou sujet principal</li>
<li>&#8211; Décline ton mot clé en synonyme</li>
<li>&#8211; Affine ton champ lexical</li>
<li>&#8211; Décris une idée</li>
<li>&#8211; Dessine (si tu le souhaites)</li>
<li>&#8211; Trouve des exemples personnels, concrets</li>
</ul>
<p>&nbsp;<br />
Voici un exemple sous forme de Mind Map ou carte heuristique :<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-8559 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/mind-map.jpg" alt="Min Map" width="100%" height="770" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/mind-map.jpg 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/03/mind-map-768x493.jpg 768w, https://bosserenpyjama.com/wp-content/uploads/2019/03/mind-map-500x321.jpg 500w, https://bosserenpyjama.com/wp-content/uploads/2019/03/mind-map-700x449.jpg 700w, https://bosserenpyjama.com/wp-content/uploads/2019/03/mind-map-600x385.jpg 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<h3>Etape 3 : Faire un brief</h3>
<p>&nbsp;<br />
Le brief est la pierre angulaire de ton article. Il définit la totalité de ton article.<br />
Le brief va te permettre de visualiser le travail que tu vas effectuer, c&rsquo;est ta feuille. C&rsquo;est exactement la même chose quand quand tu bosses avec un client. Tu vas devoir rendre compte d&rsquo;un contenu calibré suivant le nombre de mots à écrire, le sujet à traiter, les mots-clés et le champ lexical à utiliser.<br />
&nbsp;<br />
Ci-joint une structure de brief, simple et efficace à utiliser pour chaque texte que tu vas rédiger.</p>
<ul>
<li>&#8211; <strong>Nombre de mots = ?</strong> (écris le nombre de mots que tu souhaites rédiger, par exemple : 500)</li>
<li>&#8211; <strong>Sujet : ?</strong> (explique le sujet de l&rsquo;article ou écris simplement le titre que tu as choisi)</li>
<li>&#8211; <strong>Mot clé principal : ?</strong> (ajoute le mot-clé principal que tu dois placer)</li>
<li>&#8211; <strong>Mots clés secondaires : ?</strong> (quels sont les mots-clés secondaires ?)</li>
<li>&#8211; <strong>Champ lexical : ?</strong> (quels mots communs peuvent être utilisés pour enrichir le thème de ton article)</li>
</ul>
<p>&nbsp;</p>
<h3>Etape 4 : Faire un plan</h3>
<p>&nbsp;<br />
Rédiger sur le web demande une petite rigueur, et s&rsquo;acquiert assez rapidement. En effet, pour une expérience de contenu plus digeste, pour tes utilisateurs et pour les crawlers de Google, <strong>structure un plan</strong>. Souviens-toi des dissertations que tu rédigeais sur copies doubles grands carreaux perforées en devoir surveillé le samedi matin. La rédaction sur le web, c&rsquo;est quasiment la même approche. Dans ton plan, tu vas y ajouter un titre, une introduction qui résume le contenu de la dissertation, et qu&rsquo;on appelle aussi chapô dans le jargon journalistique, suivie des parties et des paragraphes correspondants. Il peut-être bon de partir sur un plan comme suit :</p>
<ul>
<li>&#8211; <strong>Titre</strong> : Titre principal de l&rsquo;article</li>
<li>&#8211; <strong>Chapô</strong> : résumé de ce que le lecteur s&rsquo;apprête à lire dans l&rsquo;article</li>
<li>&#8211; <strong>Premier Sous-titre</strong> : titre de la première partie</li>
<li>&#8211; <strong>Premier paragraphe</strong> : paragraphe en rapport avec la première partie</li>
<li>&#8211; <strong>Second Sous-titre</strong> : titre de la seconde partie</li>
<li>&#8211; <strong>Second paragraphe</strong> : paragraphe en rapport avec la seconde partie</li>
<li>&#8211; <strong>Sous sous-titre</strong> : sous titre en relation avec la seconde partie, moins important que le second sous-titre</li>
<li>&#8211; <strong>Troisième paragraphe</strong> : paragraphe en rapport avec la sous-partie de la seconde partie</li>
<li>&#8230;</li>
<li>&#8211; <strong>Conclusion</strong> : conclure en apportant un point de vue et inciter ses lecteurs à laisser des commentaires.</li>
<li><strong>sources</strong> = fais apparaître les sources en faisant pointer un lien externe sur la page ou le site que tu cites.</li>
</ul>
<p><img decoding="async" loading="lazy" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/plan-article-redaction.png" alt="Plan article rédaction" width="600" height="777" class="aligncenter size-full wp-image-8741 frame-image" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/plan-article-redaction.png 600w, https://bosserenpyjama.com/wp-content/uploads/2019/03/plan-article-redaction-500x648.png 500w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<h4><i class="fa fa-caret-right" aria-hidden="true"></i> <strong>Un point sur le Chapô de l&rsquo;article</strong></h4>
<p>&nbsp;<br />
le chapô est le <strong>texte d&rsquo;introduction</strong> qui synthétise l&rsquo;article. Il faut que dans cette partie, l&rsquo;essentiel de l&rsquo;article soit résumé, et cela pour plusieurs raisons, dont la première est que l&rsquo;on part du principe qu&rsquo;un internaute est par nature peu ou pas concentré, il est volatile. De ce fait, il faut le capter le plus rapidement possible sans qu&rsquo;il ait besoin de scroller. Le chapô est là pour offrir un résumé complet et sexy en peu de lignes. De plus, le chapô permet de placer ton mot-clé, et en pratique, placer un mot-clé en début d&rsquo;article est bon pour le SEO.<br />
&nbsp;</p>
<h3>Etape 4 bis : Structurer son texte avec les balises &lt;hn&gt; et &lt;p&gt;</h3>
<p>&nbsp;<br />
Comme nous souhaitons que notre article soit optimisé pour les moteurs de recherche, il faut penser à intégrer les <span class="inset-article">fameuses balises de heading &lt;hn&gt;</span> pour permettre au robot de Google de comprendre la structure de l&rsquo;article. Il existe 6 balises de titre qui vont de la balise la plus importante à la moins utilisée soit : <code>&lt;h1&gt;...&lt;/h1&gt;</code>,  <code>&lt;h2&gt;...&lt;/h2&gt;</code>, <code>&lt;h3&gt;...&lt;/h3&gt;</code>, <code>&lt;h4&gt;...&lt;/h4&gt;</code>, <code>&lt;h5&gt;...&lt;/h5&gt;</code>, <code>&lt;h6&gt;...&lt;/h6&gt;</code>.</p>
<p>Les balises <code>&lt;p&gt;...&lt;/p&gt;</code> permettent de structurer les paragraphes. Sur WordPress, tu n&rsquo;es pas obliger d&rsquo;y penser, la zone éditoriale des articles et des pages est formatée pour ça.</p>
<p>Retiens bien que la <span class="inset-article">balise &lt;h1&gt;&#8230;&lt;/h1&gt;</span> n&rsquo;est à utiliser qu&rsquo;une seule fois dans l&rsquo;article et est généralement attribuée au titre de l&rsquo;article. Mais rien ne t&#8217;empêche de l&rsquo;utiliser autre part. Sur WordPress, une zone est réservée à cet effet, c&rsquo;est le champ ou est inscrit <span class="inset-article">« Saisissez le titre »</span>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-8601 frame-image" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/wordpress-titre-h1.png" alt="WordPress titre H1" width="80%" height="469" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/wordpress-titre-h1.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/03/wordpress-titre-h1-768x300.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/03/wordpress-titre-h1-500x195.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/03/wordpress-titre-h1-700x274.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/03/wordpress-titre-h1-600x235.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p><strong>Pour le corps de l&rsquo;article situé dans la zone de texte :</strong> si nous reprenons l&rsquo;exemple présenté à l&rsquo;étape 4, il faudra baliser chaque partie avec la  balise correspondante :<br />
<img decoding="async" loading="lazy" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/structure-semantique-html.png" alt="Structure sémantique html" width="600" height="777" class="aligncenter size-full wp-image-8739 frame-image" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/structure-semantique-html.png 600w, https://bosserenpyjama.com/wp-content/uploads/2019/03/structure-semantique-html-500x648.png 500w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<h3>Etape 5 : Rédiger son article et placer les mots-clés</h3>
<p>&nbsp;<br />
Pour cette partie, je te conseille de garder à protée de main le brief que tu as réalisé à l&rsquo;étape 3, car il est très important pour garder en tête ton objectif pour ne pas te perdre en cours de route.<br />
&nbsp;<br />
Cette étape est certainement la plus éprouvante, car c&rsquo;est la phase de production. C&rsquo;est aussi la phase la plus critique car tu ne peux compter que sur tes talents, ton inspiration et ta motivation pour créer le contenu le plus <strong>original</strong> et <strong>qualitatif </strong> possible pour ainsi plaire à tes lecteurs et au robot de Google. </p>
<p>Pars du principe simple que <span class="inset-article">1 paragraphe = 1 idée</span>. Cela permet de bien dissocier les idées et ne pas emmêler ton lectorat. Veille aussi à faire des phrases <strong>courtes</strong> et <strong>simples</strong>.<br />
Articule ton article autour du champs lexical en accord avec le sujet de ton article et le mot-clé que tu souhaites positionner. Enfin, privilégie le présent en évitant au maximum la voix passive. Bien entendu, si tu ne peux pas l&rsquo;éviter, c&rsquo;est pas grave.<br />
&nbsp;</p>
<h4><i class="fa fa-caret-right" aria-hidden="true"></i> <strong>Conseils pour placer ses mots-clés</strong></h4>
<p>&nbsp;<br />
Evidemment, tu vas devoir placer tes mots-clés dans le texte et à savoir, il va falloir être astucieux pour ne pas être trop intrusif, et rester le plus naturel possible. Récemment, j&rsquo;entendais une personne expliquer que le juste ratio est <strong>3 mots clés pour 100 mots</strong>. Je ne sais pas quoi en penser mais une chose est sûre c&rsquo;est que tu dois les positionner de façon stratégique, c&rsquo;est à dire les placer dans les zones chaudes. Je partage une petite checklist pour savoir ou placer ton mot-clé :</p>
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i> Le mot-clé doit apparaître dans le titre principal &lt;h1&gt;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> L&rsquo;article doit contenir le mot-clé en moyenne 3 mots-clés pour 100 mots </li>
<li><i class="fa fa-check" aria-hidden="true"></i> L&rsquo;un des mots-clés doit être mis en gras avec les balises <code>&lt;strong&gt;...&lt;/strong&gt;</code></li>
<li><i class="fa fa-check" aria-hidden="true"></i> Le texte doit contenir au moins 300 mots</li>
</ul>
<p>&nbsp;<br />
Tant qu&rsquo;on est lancé, retiens aussi ça :</p>
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i> Le mot-clé doit être présent dans l&rsquo;URL de l&rsquo;article </li>
<li><i class="fa fa-check" aria-hidden="true"></i> Le méta titre doit contenir le mot-clé</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Le mot-clé doit apparaître dans la méta description</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Le mot-clé sera contenu dans la balise &lt;h1&gt; d&rsquo;une image de l&rsquo;article</li>
</ul>
<p>&nbsp;</p>
<h3>Etape 6 : Faire des pauses</h3>
<p>&nbsp;<br />
je suis obligé de le répéter, mais il va falloir se décrocher de l&rsquo;ordinateur pour rester performant. Fais des pauses le plus régulièrement possible. Je sais c&rsquo;est parfois dur de se décoller de là, car  nous pensons « à mal » que rester longtemps derrière l&rsquo;ordi est efficace. C&rsquo;est <em>bullshit</em>, plus tu restes devant l&rsquo;écran plus tu t&rsquo;épuises et tu perds le fil conducteur.<br />
Donc impose-toi un temps mort pour souffler, te rafraîchir les idées en allant boire un verre d&rsquo;eau ou <a href="https://bosserenpyjama.com/guide-ergonomie-etirements/">faire des étirements pour détendre son corps</a>.<br />
&nbsp;</p>
<h3>Etape 7 : Ajouter une image</h3>
<p>&nbsp;<br />
Bon on commence à être pas mal, mais t&rsquo;as pensé à l&rsquo;image ? Une image est toujours la bienvenue. Une image est un média clé qu&rsquo;il ne faut pas hésiter à utiliser car le CMS comme WordPress,  te simplifie vraiment la vie quand il s&rsquo;agit de télécharger une image et  de l&rsquo;optimiser. Grâce à sa bibliothèque de médias, ses divers champs à remplir dont l&rsquo;incontournable champ <span class="inset-article">« texte alternatif »</span>, ça devient un jeu d&rsquo;enfant.<br />
&nbsp;</p>
<h4><i class="fa fa-caret-right" aria-hidden="true"></i> <strong>Pourquoi le texte alternatif d&rsquo;une image est-il important ?</strong></h4>
<p>&nbsp;<br />
L&rsquo;image permet d&rsquo;illustrer l&rsquo;article et est donc un atout pour capter ses lecteurs, mais Google ne sait pas lire les pixels. C&rsquo;est pour cela qu&rsquo;il existe l&rsquo;attribut <span class="inset-article"><code>alt</code></span>, pour <strong>texte alternatif</strong>. Cette balise, non visible par le visiteur, et pris en compte par Google. Tu peux y placer un texte donc, avec un le mot-clé correspond. Olivier Andrieu, le pape du DEO français, préconise dans son livre Réussir son référencement web (ed. Eyrolles) qu&rsquo;il ne faut remplir l&rsquo;attribut <code>alt</code> uniquement pour les images qui ont un rapport direct avec le contenu de l&rsquo;article. Ce conseil est à prendre en compte si tu souhaites télécharger plusieurs images ou photos.<br />
<img decoding="async" loading="lazy" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/texte-alternatif.png" alt="texte alternatif" width="100%" height="552" class="aligncenter size-full wp-image-8769 frame-image" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/texte-alternatif.png 1200w, https://bosserenpyjama.com/wp-content/uploads/2019/03/texte-alternatif-768x353.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/03/texte-alternatif-500x230.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/03/texte-alternatif-700x322.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/03/texte-alternatif-600x276.png 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p>Et voici ce que ça donne en version HTML :</p>
<p><img decoding="async" loading="lazy" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/attribut-alt-html.png" alt="" width="90%" height="140" class="aligncenter size-full wp-image-8770 frame-image" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/attribut-alt-html.png 1552w, https://bosserenpyjama.com/wp-content/uploads/2019/03/attribut-alt-html-768x69.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/03/attribut-alt-html-500x45.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/03/attribut-alt-html-700x63.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/03/attribut-alt-html-600x54.png 600w" sizes="(max-width: 1552px) 100vw, 1552px" /><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<h3>Etape 8 : Les plugins WordPress pour optimiser son article</h3>
<p>&nbsp;<br />
J&rsquo;ai deux plugins en tête que tu dois certainement connaître : <strong>Yoast SEO</strong> et <strong>RankMath</strong>.<br />
&nbsp;<br />
Tu peux utiliser soit l&rsquo;un, soit l&rsquo;autre ou les deux. Ces plugins vont te permettre, d&rsquo;optimiser ton article pour le SEO, notamment grâce à des indicateurs précis comme celui dont ceux pour <span class="inset-article">la lisibilité</span> et <span class="inset-article">les métadonnées</span>. En effet, si il y a bien une raison d&rsquo;utiliser l&rsquo;extension Yoast SEO ou RankMath, c&rsquo;est pour enrichir ses balises <span class="inset-article">Title ou Méta titre</span> et <span class="inset-article">Méta description</span>. Ces deux balises permettent d&rsquo;enrichir le snippet que l&rsquo;on voit apparaître dans les SERP. Avec le titre en bleu et la description écrite en petit caractère et grisée.<br />
<img decoding="async" loading="lazy" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/meta-titre-meta-description.png" alt="Méta titre et Méta description Google" width="90%" height="151" class="aligncenter size-full wp-image-8754 frame-image" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/meta-titre-meta-description.png 1000w, https://bosserenpyjama.com/wp-content/uploads/2019/03/meta-titre-meta-description-768x116.png 768w, https://bosserenpyjama.com/wp-content/uploads/2019/03/meta-titre-meta-description-500x76.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/03/meta-titre-meta-description-700x106.png 700w, https://bosserenpyjama.com/wp-content/uploads/2019/03/meta-titre-meta-description-600x91.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></p>
<h3>Etape 9 : Relire son article</h3>
<p>&nbsp;<br />
C&rsquo;est bon, tu as enfin fini de rédiger ton article, tu as téléchargé et optimisé une image qui illustre parfaitement ton article&#8230; Félicitations ! Mais ce n&rsquo;est pas fini, tu vas devoir passer à la relecture.<br />
La relecture est fondamentale, car cela va te permettre de corriger les coquilles (tout le monde en fait), reprendre les tournures de phrases disgracieuses ou fautes grammaticales et tu vas voir qu&rsquo;il y a de quoi faire.<br />
On lit et entend parfois que quelques fautes peuvent favoriser le référencement notamment pour divers orthographe d&rsquo;un mot-clé, quand Google vient crawler ton article. Il vaut mieux éviter ce critère et faire le moins de fautes possibles. Le but est de t&rsquo;adresser à tes lecteurs avec un vocabulaire riche et sans faute, c&rsquo;est le minimum. Pense à offrir une expérience de lecture fluide et agréable à tes utilisateurs, ils seront reconnaissants en partageant à leur tour ton billet pour la qualité rédactionnelle d&rsquo;une part et la pertinence du contenu d&rsquo;autre part.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<h3>Bonus : Le linkbaiting ou comment créer du contenu attractif pour ses lecteurs</h3>
<p>&nbsp;<br />
Dans l&rsquo;édition 2018-2019 du livre d&rsquo;O. Andrieu, « Réussir son référencement web » paru aux éditions Eyrolles, véritable bible du référencement web. L&rsquo;auteur nous propose une liste très exhaustive de formats d&rsquo;articles qui peuvent capter tes lecteurs.<br />
&nbsp;<br />
Capter tes lecteurs c&rsquo;est gagner en notoriété et en visibilité. Le but d&rsquo;un article est qu&rsquo;il soit vu par un nombre illimité de personnes. Donc, si tu crées du contenu original qui sort des sentiers battus, tu peux espérer créer le buzz par un partage massif de tes lecteurs auprès de leur communauté&#8230; et pour cela le <span class="inset-article">linkbaiting</span> est la solution. Car pour qu&rsquo;un article vive, il doit être vu et lu.<br />
&nbsp;<br />
<a href="https://amzn.to/2Cq6aU1"><img decoding="async" loading="lazy" src="https://bosserenpyjama.com/wp-content/uploads/2019/03/reussir-son-referencement-web.png" alt="Réussir son référencement web olivier Andrieu" width="628" height="533" class="aligncenter size-full wp-image-8762" srcset="https://bosserenpyjama.com/wp-content/uploads/2019/03/reussir-son-referencement-web.png 628w, https://bosserenpyjama.com/wp-content/uploads/2019/03/reussir-son-referencement-web-500x424.png 500w, https://bosserenpyjama.com/wp-content/uploads/2019/03/reussir-son-referencement-web-600x509.png 600w" sizes="(max-width: 628px) 100vw, 628px" /></a><br />
&nbsp;</p>
<h4><i class="fa fa-caret-right" aria-hidden="true"></i> <strong>C&rsquo;est quoi le linkbaiting ?</strong></h4>
<p>&nbsp;<br />
Le linkbaiting est une stratégie de netlinking redoutable qui consiste à appâter (= traduction de baiting en français) les visiteurs et son lectorat par du contenu irrésistible de qualité et qui donne envie que d&rsquo;une chose : le partager. Cette stratégie permet d&rsquo;augmenter le taux de partage et gagnants des liens qui pointent vers ton article. C&rsquo;est bon pour la popularité et le référencement tout ça !<br />
&nbsp;<br />
Une fois que l&rsquo;on a tout ça en tête, il faut être créatif pour sortir l&rsquo;article qui va buzzer et qui va donner envie d&rsquo;être partager. Voici quelques pistes qui fonctionnent :</p>
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i> Réaliser une interview exclusive avec une personnalité locale, nationale, internationale</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Traduire en français un article populaire et intéressant. Il faudra bien penser à citer la source en fin d&rsquo;article.</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Faire un article comparatif de plusieurs produits (celui-ci, je te le recommande chaudement)</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Publier une étude gratuite sur un sujet sensible ou trendy.</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Faire une liste de ressources gratuites</li>
<li><i class="fa fa-check" aria-hidden="true"></i> &#8230;</li>
</ul>
<p>&nbsp;<br />
Toutes les idées sont à découvrir dans <a href="https://amzn.to/2Cq6aU1">la ouvrage bible du SEO de Olivier Andrieu</a>.<br />
&nbsp;</p>
<h3>Conclusion</h3>
<p>&nbsp;<br />
À présent tu es prêt à assurer une rédaction web de qualité, et cela dans les meilleurs délais. Plus tu travailleras ton sujet en amont en faisant de la veille, récoltant des idées, en brainstormant, en dressant un plan etc&#8230; plus tu auras de chance de ne pas te perdre dans le hors sujet ou la procrastination. Et je tel le répète, je trouve que cette méthode est ultra simple à mettre en place mais ce n&rsquo;est que mon point de vue.<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4746025790719603" data-ad-slot="6927895030"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>Cet article <a rel="nofollow" href="https://bosserenpyjama.com/methode-redaction-article-optimise-seo/">Ma méthode ultra simple pour écrire des articles optimisés de qualité, en un temps record</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/methode-redaction-article-optimise-seo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
