<?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>Archives des technique - Web Easy 42</title>
	<atom:link href="https://webeasy42.fr/tag/technique/feed/" rel="self" type="application/rss+xml" />
	<link>https://webeasy42.fr/tag/technique/</link>
	<description>Webmaster Freelance</description>
	<lastBuildDate>Fri, 04 Sep 2026 11:09:26 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Letsencrypt sur Ovh</title>
		<link>https://webeasy42.fr/tuto/letsencrypt-sur-ovh/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Tue, 27 May 2025 11:52:02 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[hébergement]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">https://webeasy42.fr/?p=1777</guid>

					<description><![CDATA[<p>Comment générer son certificat gratuit Letsencrypt chez l&#8217;hébergeur ovh pour un nouveau projet web. Cela se fait en 2 étapes : Paramétrer votre domaine pour recevoir Letsencrypt Dans le webcloud ovh, vous devez vous rendre dans votre hébergement et cliquer sur l&#8217;onglet « Multisite » (mais si vous ne travaillez pas avec des multisite. Choisissez les options [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/tuto/letsencrypt-sur-ovh/">Letsencrypt sur Ovh</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Comment générer son certificat gratuit Letsencrypt chez l&rsquo;hébergeur ovh <strong>pour un nouveau projet web</strong>.</p>



<p class="wp-block-paragraph">Cela se fait en 2 étapes :</p>



<ul class="wp-block-list">
<li>Activer le SSL</li>



<li>Générer le certificat letsencrypt</li>
</ul>



<h2 class="wp-block-heading">Paramétrer votre domaine pour recevoir Letsencrypt</h2>



<p class="wp-block-paragraph">Dans le webcloud ovh, vous devez vous rendre dans votre hébergement et cliquer sur l&rsquo;onglet « Multisite » (mais si vous ne travaillez pas avec des multisite.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="426" src="https://webeasy42.fr/wp-content/uploads/2025/05/letsenscypt-ovh-1024x426.jpg" alt="Capture écran dashboard ovh" class="wp-image-1778" srcset="https://webeasy42.fr/wp-content/uploads/2025/05/letsenscypt-ovh-1024x426.jpg 1024w, https://webeasy42.fr/wp-content/uploads/2025/05/letsenscypt-ovh-300x125.jpg 300w, https://webeasy42.fr/wp-content/uploads/2025/05/letsenscypt-ovh-768x320.jpg 768w, https://webeasy42.fr/wp-content/uploads/2025/05/letsenscypt-ovh-1536x639.jpg 1536w, https://webeasy42.fr/wp-content/uploads/2025/05/letsenscypt-ovh.jpg 1673w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Choisissez les options souhaitez (firewall, cdn &#8230;) puis valider. Vous pouvez paramétrer l&rsquo;ip du pays de votre domaine, Pratique quand on veut faire du référencement naturel.</p>



<h2 class="wp-block-heading">Générer le certificat letsencrypt</h2>



<p class="wp-block-paragraph">Une fois cette première étape terminée, il faut générer le certificat sur votre nouvelle hébergement. Pour cela revenez sur l&rsquo;onglet « informations générales », commandez votre certificat.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="488" src="https://webeasy42.fr/wp-content/uploads/2025/05/letsencrypt-ovh-certificat-1024x488.jpg" alt="" class="wp-image-1780" srcset="https://webeasy42.fr/wp-content/uploads/2025/05/letsencrypt-ovh-certificat-1024x488.jpg 1024w, https://webeasy42.fr/wp-content/uploads/2025/05/letsencrypt-ovh-certificat-300x143.jpg 300w, https://webeasy42.fr/wp-content/uploads/2025/05/letsencrypt-ovh-certificat-768x366.jpg 768w, https://webeasy42.fr/wp-content/uploads/2025/05/letsencrypt-ovh-certificat-1536x732.jpg 1536w, https://webeasy42.fr/wp-content/uploads/2025/05/letsencrypt-ovh-certificat.jpg 1643w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>L’article <a href="https://webeasy42.fr/tuto/letsencrypt-sur-ovh/">Letsencrypt sur Ovh</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>E5B : WordPress nouveauté session 2025 en digitalisation</title>
		<link>https://webeasy42.fr/ndrc-digitalisation/e5b-wordpress-nouveaute-session-2025-en-digitalisation/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Sun, 02 Feb 2025 17:37:55 +0000</pubDate>
				<category><![CDATA[BTS Ndrc]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://webeasy42.fr/?p=1678</guid>

					<description><![CDATA[<p>La session de digit E5B du Bts Ndrc sera relativement identique à celle de 2024 si vous tombez sur le CMS WordPress. La nouveauté réside dans l&#8217;ajout de l&#8217;extension Spectra. Spectra  est une extension que l&#8217;on ajoute au template Astra. C&#8217;est ce que l&#8217;on appelle un constructeur de pages, en anglais page builder. Il a [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/ndrc-digitalisation/e5b-wordpress-nouveaute-session-2025-en-digitalisation/">E5B : WordPress nouveauté session 2025 en digitalisation</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>La session de digit E5B du Bts Ndrc sera relativement identique à celle de 2024 si vous tombez sur le CMS WordPress. La nouveauté réside dans l&rsquo;ajout de <strong>l&rsquo;extension Spectra</strong>.</p>
<p><span style="font-weight: 400;">Spectra  est une extension que l&rsquo;on ajoute au template Astra. C&rsquo;est ce que l&rsquo;on appelle <strong>un constructeur de pages</strong>, en anglais <em>page builder</em>. Il a la particularité de permettre l&rsquo;insertion de blocs avec un fort contenu à valeur ajoutée. Par exemple</span></p>
<ol>
<li>Des slider (diaporama)</li>
<li>Compte à rebours</li>
<li>Des Call to Action attrayant ….</li>
</ol>


<h2 class="wp-block-heading">Rappel sur l&rsquo;éditeur de bloc WordPress</h2>



<p class="wp-block-paragraph">N&rsquo;oubliez pas le sélecteur de bloc Spectra à gauche. Rappel : un bloc va accueillir un type de contenu et enrichir votre page. Les plus connus : bloc paragraphe, image titre texte &#8230;</p>



<p class="wp-block-paragraph">Spectra vous en propose de belles fonctionnalités. C&rsquo;est ce que nous allons voir ci dessous.</p>



<p class="wp-block-paragraph">A droite c&rsquo;est le panel qui permets de paramétrer le bloc que vous avez inséré dans votre page.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="500" src="https://webeasy42.fr/wp-content/uploads/2025/02/spectra-1024x500.jpg" alt="Rappel sur l'interface article/page de l'éditeur de bloc wordpress" class="wp-image-1680" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/spectra-1024x500.jpg 1024w, https://webeasy42.fr/wp-content/uploads/2025/02/spectra-300x146.jpg 300w, https://webeasy42.fr/wp-content/uploads/2025/02/spectra-768x375.jpg 768w, https://webeasy42.fr/wp-content/uploads/2025/02/spectra-1536x750.jpg 1536w, https://webeasy42.fr/wp-content/uploads/2025/02/spectra.jpg 1747w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Le formulaire avec Spectra (form)</h2>



<p class="wp-block-paragraph">Nous allons insérer un formulaire dans la page contact.</p>



<p class="wp-block-paragraph">Dans la&nbsp; La colonne de gauche qui gère l&rsquo;ensemble des blocs chercher le mot “form”. puis insérez ce formulaire dans la page Contact. Pensez à paramétrer l’item “Action” dans la colonne de droite en cliquant sur l’onglet ‘bloc”.</p>



<p class="wp-block-paragraph">Pensez à tester si votre formulaire fonctionne !</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="500" src="https://webeasy42.fr/wp-content/uploads/2025/02/formSpectra-1024x500.jpg" alt="Formulaire avec spectra" class="wp-image-1681" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/formSpectra-1024x500.jpg 1024w, https://webeasy42.fr/wp-content/uploads/2025/02/formSpectra-300x146.jpg 300w, https://webeasy42.fr/wp-content/uploads/2025/02/formSpectra-768x375.jpg 768w, https://webeasy42.fr/wp-content/uploads/2025/02/formSpectra-1536x750.jpg 1536w, https://webeasy42.fr/wp-content/uploads/2025/02/formSpectra.jpg 1747w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Slider, Diaporama</h2>



<p class="wp-block-paragraph">Sur la page d&rsquo;accueil nous allons supprimer l&rsquo;image par défaut ou le bloc bannière, en mettant un “slider”. Attention la manipulation est délicate pour créer son diaporama si vous utilisez un Touch Pad</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="481" src="https://webeasy42.fr/wp-content/uploads/2025/02/sliderSpectra-1024x481.jpg" alt="Faire diaporama avec spectra" class="wp-image-1682" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/sliderSpectra-1024x481.jpg 1024w, https://webeasy42.fr/wp-content/uploads/2025/02/sliderSpectra-300x141.jpg 300w, https://webeasy42.fr/wp-content/uploads/2025/02/sliderSpectra-768x361.jpg 768w, https://webeasy42.fr/wp-content/uploads/2025/02/sliderSpectra-1536x722.jpg 1536w, https://webeasy42.fr/wp-content/uploads/2025/02/sliderSpectra.jpg 1747w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Le Pop up vs Modal</h2>



<p class="wp-block-paragraph">Comme je vous l&rsquo;ai déjà expliqué lors du chapitre sur le référencement naturel, les popup ne sont pas appréciés par les algorithmes de Google en ce qui concerne le référencement SEO. Cependant, si les popups sont utilisées de manière judicieuse pour informer les utilisateurs ou pour des interactions pertinentes, elles peuvent être acceptées sans impacter négativement le SEO. Il est donc important de les utiliser avec modération et de manière à améliorer plutôt qu&rsquo;à nuire à l&rsquo;expérience utilisateur.</p>



<p class="wp-block-paragraph">Un modal est une fenêtre qui s&rsquo;affiche au-dessus du contenu principal d&rsquo;un site web pour attirer l’attention sur une information ou une action spécifique. Contrairement aux popups qui sont intrusifs lors de l’arrivée sur une page web, un modal reste intégré à la page et nécessite une interaction de l&rsquo;utilisateur (comme un clic pour le fermer) avant de pouvoir continuer à naviguer. Les modals sont souvent utilisés pour afficher des formulaires, des messages importants ou des confirmations d’actions</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="481" src="https://webeasy42.fr/wp-content/uploads/2025/02/modalspectra-1024x481.jpg" alt="Faire un modal avec spectra" class="wp-image-1684" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/modalspectra-1024x481.jpg 1024w, https://webeasy42.fr/wp-content/uploads/2025/02/modalspectra-300x141.jpg 300w, https://webeasy42.fr/wp-content/uploads/2025/02/modalspectra-768x361.jpg 768w, https://webeasy42.fr/wp-content/uploads/2025/02/modalspectra-1536x722.jpg 1536w, https://webeasy42.fr/wp-content/uploads/2025/02/modalspectra.jpg 1747w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Sur la page d’accueil insérez un Modal, pour inviter les internautes à se tendre à la page contact juste après le slider.</p>



<p class="wp-block-paragraph">Voici un rendu coté front office après avoir cliqué sur le bouton</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1006" height="516" src="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151819.png" alt="Modal Bts Ndrc digit 2025" class="wp-image-1713" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151819.png 1006w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151819-300x154.png 300w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151819-768x394.png 768w" sizes="auto, (max-width: 1006px) 100vw, 1006px" /></figure>



<h2 class="wp-block-heading">Google Map</h2>



<p class="wp-block-paragraph">Toujours dans la page contacts , Nous allons insérer une Maps pour localiser notre biscuiterie.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1016" height="569" src="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151807.png" alt="Google Map Spectra" class="wp-image-1714" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151807.png 1016w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151807-300x168.png 300w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-151807-768x430.png 768w" sizes="auto, (max-width: 1016px) 100vw, 1016px" /></figure>



<h2 class="wp-block-heading">Compte à rebours (countdown)</h2>



<p class="wp-block-paragraph">Le compte à rebours est un bon outil pour insister à l’action. Il est souvent utilisé pour annoncer une promotion limitée dans le temps.</p>



<p class="wp-block-paragraph">Dans la page cookies nous allons insérer un compte à rebours qui durera 5 jours.&nbsp; Créez aussi le contenu pour annoncer une promotion sur les biscuits cookies de moins 30% avec un joli CTA.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1013" height="562" src="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-152040.png" alt="Compte à rebours (countdown) spectra BTS NDRC" class="wp-image-1715" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-152040.png 1013w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-152040-300x166.png 300w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-152040-768x426.png 768w" sizes="auto, (max-width: 1013px) 100vw, 1013px" /></figure>



<h2 class="wp-block-heading">Testimonial (témoignage)</h2>



<p class="wp-block-paragraph">Sur la page d’accueil, pour rassurer le prospect, insérer et créer de faux témoignages. Voici le paramétrage par défaut de ce bloc Spectra. Il faut juste le personnaliser.</p>



<p class="wp-block-paragraph">A vous dans le bloc de droite de paramétrer et de régler vos témoignages.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="476" src="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153404-1024x476.png" alt="Bloc témoignage" class="wp-image-1725" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153404-1024x476.png 1024w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153404-300x139.png 300w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153404-768x357.png 768w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153404.png 1530w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Voici le rendu</p>



<div class="wp-block-uagb-testimonial uagb-slick-carousel uagb-tm__arrow-outside uagb-block-0ab0315d"><div class="is-carousel uagb-tm__columns-1 uagb-tm__items"><div class="uagb-testimonial__wrap  uagb-tm__imgicon-style-circle uagb-tm__image-position-bottom uagb-tm__bg-type-none "><div class="uagb-tm__content"><div class="uagb-tm__overlay"></div><div class="uagb-tm__text-wrap"><div class="uagb-tm__desc">Mettre ici un texte fictif</div><div class="uagb-tm__meta-inner"><div class="uagb-tm__image-content"><div class="uagb-tm__image"><img decoding="async" class="uagb-tm-img-src" src="https://webeasy42.fr/wp-content/uploads/2025/02/team-1-150x150.jpg" alt="" width="60" height="60" loading="lazy"/></div></div><div class="uagb-testimonial-details"><span class="uagb-tm__author-name">John Doe </span><span class="uagb-tm__company">Client</span></div></div></div></div></div><div class="uagb-testimonial__wrap  uagb-tm__imgicon-style-circle uagb-tm__image-position-bottom uagb-tm__bg-type-none "><div class="uagb-tm__content"><div class="uagb-tm__overlay"></div><div class="uagb-tm__text-wrap"><div class="uagb-tm__desc">I have been working with these guys for years now! With lots of hard work and timely communication, they made sure they delivered the best to me. Highly recommended!</div><div class="uagb-tm__meta-inner"><div class="uagb-tm__image-content"><div class="uagb-tm__image"><img decoding="async" class="uagb-tm-img-src" src="https://webeasy42.fr/wp-content/uploads/2025/02/team-2-150x150.jpg" alt="" width="60" height="60" loading="lazy"/></div></div><div class="uagb-testimonial-details"><span class="uagb-tm__author-name">Suzanne smith </span><span class="uagb-tm__company">Client</span></div></div></div></div></div><div class="uagb-testimonial__wrap  uagb-tm__imgicon-style-circle uagb-tm__image-position-bottom uagb-tm__bg-type-none "><div class="uagb-tm__content"><div class="uagb-tm__overlay"></div><div class="uagb-tm__text-wrap"><div class="uagb-tm__desc">I have been working with these guys for years now! With lots of hard work and timely communication, they made sure they delivered the best to me. Highly recommended!</div><div class="uagb-tm__meta-inner"><div class="uagb-tm__image-content"><div class="uagb-tm__image"><img decoding="async" class="uagb-tm-img-src" src="https://webeasy42.fr/wp-content/uploads/2025/02/team-3-150x150.jpg" alt="" width="60" height="60" loading="lazy"/></div></div><div class="uagb-testimonial-details"><span class="uagb-tm__author-name">John Doe </span><span class="uagb-tm__company">Company Name</span></div></div></div></div></div></div></div>



<h2 class="wp-block-heading">Equipe (Team)</h2>



<p class="wp-block-paragraph">Sur la page contact ou une page spécifique, présentez votre équipe en ajoutant un bloc team. Attention le bloc est légèrement différent du bloc testimonial. Il faut insérer un bloc pour chaque membre de l&rsquo;équipe.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="588" src="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153236-1024x588.png" alt="" class="wp-image-1724" srcset="https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153236-1024x588.png 1024w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153236-300x172.png 300w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153236-768x441.png 768w, https://webeasy42.fr/wp-content/uploads/2025/02/Capture-decran-2025-04-04-153236.png 1536w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Voici le rendu</p>



<div class="wp-block-uagb-team uagb-team__image-position-above uagb-team__align-center uagb-team__stack-tablet uagb-block-c7c5977d"><div class="uagb-team__content"><img decoding="async" class="uagb-team__image-crop-circle" src="https://webeasy42.fr/wp-content/uploads/2025/02/testimonials-3-150x150.jpg" alt="" height="100" width="100" loading="lazy"/><h3 class="uagb-team__title">Emmy</h3><span class="uagb-team__prefix">Assistante gestion</span><p class="uagb-team__desc">Texte de présentation</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="#" aria-label="twitter" target="_self" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.4 151.7c.325 4.548 .325 9.097 .325 13.65 0 138.7-105.6 298.6-298.6 298.6-59.45 0-114.7-17.22-161.1-47.11 8.447 .974 16.57 1.299 25.34 1.299 49.06 0 94.21-16.57 130.3-44.83-46.13-.975-84.79-31.19-98.11-72.77 6.498 .974 12.99 1.624 19.82 1.624 9.421 0 18.84-1.3 27.61-3.573-48.08-9.747-84.14-51.98-84.14-102.1v-1.299c13.97 7.797 30.21 12.67 47.43 13.32-28.26-18.84-46.78-51.01-46.78-87.39 0-19.49 5.197-37.36 14.29-52.95 51.65 63.67 129.3 105.3 216.4 109.8-1.624-7.797-2.599-15.92-2.599-24.04 0-57.83 46.78-104.9 104.9-104.9 30.21 0 57.5 12.67 76.67 33.14 23.72-4.548 46.46-13.32 66.6-25.34-7.798 24.37-24.37 44.83-46.13 57.83 21.12-2.273 41.58-8.122 60.43-16.24-14.29 20.79-32.16 39.31-52.63 54.25z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="#" aria-label="facebook" target="_self" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="#" aria-label="linkedin" target="_self" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="#" aria-label="pinterest" target="_self" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3 .8-3.4 5-20.3 6.9-28.1 .6-2.5 .3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://webeasy42.fr/ndrc-digitalisation/e5b-wordpress-nouveaute-session-2025-en-digitalisation/">E5B : WordPress nouveauté session 2025 en digitalisation</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment créer une fiche produit Prestashop pour l&#8217;épreuve de Digit E5 B du Bts Ndrc ?</title>
		<link>https://webeasy42.fr/ndrc-digitalisation/comment-optimiser-fiche-produit-prestashop-bts-ndrc/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Mon, 26 Aug 2024 07:53:54 +0000</pubDate>
				<category><![CDATA[BTS Ndrc]]></category>
		<category><![CDATA[prestashop]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">https://www.web-easy42.fr/?p=1583</guid>

					<description><![CDATA[<p>Dans le cadre du Bts NDRC, il vous  sera demandé de créer et d&#8217;optimiser une fiche produit sous Prestashop. Voici quelques pistes pour savoir comment optimiser un contenu seo au Bts Ndrc en Digit E5 B. Le sujet comporte 5 questions avec des annexes. Il y aura toujours la question sur la création d&#8217;une fiche [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/ndrc-digitalisation/comment-optimiser-fiche-produit-prestashop-bts-ndrc/">Comment créer une fiche produit Prestashop pour l&rsquo;épreuve de Digit E5 B du Bts Ndrc ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Dans le cadre du Bts NDRC, il vous  sera demandé de <strong>créer et d&rsquo;optimiser une fiche produit sous Prestashop</strong>. Voici quelques pistes pour savoir comment optimiser un contenu seo au Bts Ndrc en Digit E5 B.</p>
<p>Le sujet comporte 5 questions avec des annexes. Il y aura toujours la question sur la<strong> création d&rsquo;une fiche produit avec Prestashop</strong>. Je reviendrai sur cette fiche à la fin de cet article. Au moment où j&rsquo;écris ce billet, nous ne savons pas encore sur quelle version de Prestashop vous serez audité pour 2025. Dans ce tuto, je reste sur la version 1.7.</p>
<h2>Ce que l&rsquo;on retrouve pour la digitalisation au BTS NDRC E5 B</h2>
<p>Si vous êtes évalué sous Prestashop, il vous sera demandé <strong>de créer une fiche produit optimisée Seo. Attention vous avez 40 minutes, c&rsquo;est court, soyez efficace. </strong>Voici d&rsquo;autres points sur lesquels vous pouvez être évalués en plus de la création de la fiche produit :</p>
<ol>
<li>Création d&rsquo;une promotion (d&rsquo;une réduction)</li>
<li>Gérer un retour client avec le Sav</li>
<li>Modifier / activer les paramètres d&rsquo;un module</li>
<li>Modifier le module menu principal</li>
<li>Activer un module</li>
<li>Retirer / ajouter / modifier un bloc</li>
<li>Permettre la personnalisation d&rsquo;un produit</li>
<li>&#8230;</li>
</ol>
<p>Il y a beaucoup de questions qui sont, pour moi, hors périmètres du BTS NDRC. Si vous travaillez dans une structure commerciale utilisant PrestaShop, <strong>jamais et je dis jamais, vous serez amené à modifier la structure du CMS</strong>. Encore une bizarrerie de l&rsquo;éducation nationale.</p>
<p>Le travail du commercial est de vendre, d&rsquo;animer, de suivre et de développer sa clientèle ainsi que l&rsquo;offre commerciale.</p>
<h2>La création de la fiche produit avec Prestashop 1.7</h2>
<p>Cette partie, donnée en 1ere question lors de la session 2024, compte pour <strong>la moitié de la note finale</strong>. Je vous conseille de traiter cette question en dernier et d&rsquo;affûter ce travail au maximum.</p>
<p>Vous pouvez télécharger le Pdf en PJ qui récapitule les points importants pour la création d&rsquo;une fiche produit avec Prestashop. Voici également qqls points à ne pas omettre :</p>
<ul>
<li>La qualité rédactionnelle et l&rsquo;orthographe.</li>
<li>Les points valorisants le produit dans la description courte du produit</li>
<li>La description longue de la fiche produit doit posséder 300 caractères. C&rsquo;est environ 4 à 5 phrases</li>
<li>Optimisation Seo des Meta Title et description</li>
<li>Associer des produits connexes (vente additionnelle)</li>
<li>Publier le produit dans sa catégorie</li>
<li>Renseigner les stocks et le prix</li>
<li>Mettre en place les déclinaisons</li>
<li>Création des caractéristiques produits</li>
</ul>


<p class="wp-block-paragraph">Voici le lien pour la création d&rsquo;une fiche produit sous Prestashop 1.7 en version PDF. Il y a cependant une légère variation avec Prestashop 8, ce qui au final simplifie cette création.</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__large-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-4f1b212d"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-2eae44dc wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://webeasy42.fr/wp-content/uploads/2026/01/FicheProduit_PRESTASHOP_compressed.pdf" rel="follow noopener" target="_blank" role="button"><span class="uagb-button__icon uagb-button__icon-position-before"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true" focussable="false"><path d="M88 304H80V256H88C101.3 256 112 266.7 112 280C112 293.3 101.3 304 88 304zM192 256H200C208.8 256 216 263.2 216 272V336C216 344.8 208.8 352 200 352H192V256zM224 0V128C224 145.7 238.3 160 256 160H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H224zM64 224C55.16 224 48 231.2 48 240V368C48 376.8 55.16 384 64 384C72.84 384 80 376.8 80 368V336H88C118.9 336 144 310.9 144 280C144 249.1 118.9 224 88 224H64zM160 368C160 376.8 167.2 384 176 384H200C226.5 384 248 362.5 248 336V272C248 245.5 226.5 224 200 224H176C167.2 224 160 231.2 160 240V368zM288 224C279.2 224 272 231.2 272 240V368C272 376.8 279.2 384 288 384C296.8 384 304 376.8 304 368V320H336C344.8 320 352 312.8 352 304C352 295.2 344.8 288 336 288H304V256H336C344.8 256 352 248.8 352 240C352 231.2 344.8 224 336 224H288zM256 0L384 128H256V0z"></path></svg></span><div class="uagb-button__link">Optimisation fiche produit Prestashop 1.7</div></a></div></div>
</div></div>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">J&rsquo;ai également créé un billet sur la création d&rsquo;un article WordPress pour la même épreuve Digit E5 B.</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__large-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-6c444d1c"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-460be53f wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://www.webeasy42.fr/ndrc-digitalisation/comment-optimiser-un-contenu-pour-le-referencement-naturel/" rel="follow noopener" target="_blank" role="button"><span class="uagb-button__icon uagb-button__icon-position-before"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true" focussable="false"><path d="M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z"></path></svg></span><div class="uagb-button__link">Créer un article SEO WordPress pour E5B BTS NDRC</div></a></div></div>
</div></div>



<p class="wp-block-paragraph"></p>
<p>L’article <a href="https://webeasy42.fr/ndrc-digitalisation/comment-optimiser-fiche-produit-prestashop-bts-ndrc/">Comment créer une fiche produit Prestashop pour l&rsquo;épreuve de Digit E5 B du Bts Ndrc ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pourquoi les frais de livraison ne s&#8217;affichent pas dans le panier : Prestashop</title>
		<link>https://webeasy42.fr/tuto/pourquoi-les-frais-de-transport-ne-saffichent-pas-dans-le-panier-lorsque-que-le-client-nest-pas-connecte/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Thu, 28 Mar 2024 10:14:57 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[prestashop]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">https://www.web-easy42.fr/?p=1476</guid>

					<description><![CDATA[<p>Quand un prospect (non connecté à son compte client = visiteur sous Prestashop) fait des paniers sur votre site, le prix de la livraison s&#8217;affiche dans le panier. C&#8217;est très pratique et évite les abandons de panier. Le prospect a une vision complète de « Combien pourrait lui coûter son achat ». En fonction du paramétrage de [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/tuto/pourquoi-les-frais-de-transport-ne-saffichent-pas-dans-le-panier-lorsque-que-le-client-nest-pas-connecte/">Pourquoi les frais de livraison ne s&rsquo;affichent pas dans le panier : Prestashop</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Quand un prospect (non connecté à son compte client = visiteur sous Prestashop) fait des paniers sur votre site, le prix de la livraison s&rsquo;affiche dans le panier. C&rsquo;est très pratique et <strong>évite les abandons de panier</strong>. Le prospect a une vision complète de « Combien pourrait lui coûter son achat ».</p>
<p>En <strong>fonction du paramétrage de vos transporteurs et zone géographique</strong>, il se peut que ce prix de livraison ne s&rsquo;affiche pas. C&rsquo;est exactement ce qui m&rsquo;est arrivé sur un de mes projets. Je vous renvoie à cet article : <a href="https://www.webeasy42.fr/tuto/comment-livrer-avec-des-frais-de-port-differents-par-departement-sous-prestashop-1-7/">Comment livrer avec des frais de port différents par département</a>, qui est la conséquence de ce nouveau tuto.</p>
<h2>Comment fonctionne nativement Prestashop pour l&rsquo;affichage des frais de livraison dans le panier</h2>
<p>Si l&rsquo;<strong>internaute n&rsquo;est pas connecté à son compte</strong> (le cas de la prospection), Prestashop se réfère à son adresse IP. Prenons l&rsquo;exemple d&rsquo;un personne qui consulte depuis le département de la Loire (42). Prestashop voit un internaute sur la zone France, mais comme il n&rsquo;est pas connecté, il ne sait pas que c&rsquo;est dans la Loire.</p>
<p>Dans le Bo, si dans « transporteur », cette <strong>zone France n&rsquo;est pas active</strong> (livraison &gt; transporteur, choix du transporteur puis l&rsquo;onglet « destinations d&rsquo;expédition et coûts ») lorsque que ce prospect (non connecté encore) fait une simulation de panier, les <strong>tarifs de livraison ne s&rsquo;afficheront pas</strong>. C&rsquo;est normal.</p>
<h2>La solution pour afficher le prix de livraison pour un visiteur</h2>
<h3>Création de la zone géographique</h3>
<p>Dans mon cas, je ne livre qu&rsquo;en France, le reste du monde n&rsquo;est pas concerné par ce business. J&rsquo;ai donc <strong>créer une zone France Métropolitaine</strong>. Il faut aller dans International &gt; Zones géographique, puis sur le CTA « créer une zone » en haut à droite.</p>
<h3>Paramétrage de la zone pour la livraison chez les transporteurs</h3>
<p>Il faut à présent paramétrer cette nouvelle zone dans les transporteurs concernés. Sélectionnez votre transporteur, puis dans l&rsquo;onglet « Destinations d&rsquo;expédition et coûts », <strong>valider la check box de la zone</strong> et renseignez les différents prix du transport f(x) les tranches de poids.</p>
<p>Faites des tests, mais normalement vous devriez retrouver un affichage du coût de livraison dans le panier avec un prospect qui n&rsquo;a pas de compte client.</p>
<p>L’article <a href="https://webeasy42.fr/tuto/pourquoi-les-frais-de-transport-ne-saffichent-pas-dans-le-panier-lorsque-que-le-client-nest-pas-connecte/">Pourquoi les frais de livraison ne s&rsquo;affichent pas dans le panier : Prestashop</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment créer un article WordPress pour l&#8217;épreuve de Digit E5 B du Bts Ndrc ?</title>
		<link>https://webeasy42.fr/ndrc-digitalisation/comment-optimiser-un-contenu-pour-le-referencement-naturel/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Tue, 19 Mar 2024 11:40:18 +0000</pubDate>
				<category><![CDATA[BTS Ndrc]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://www.web-easy42.fr/?p=1446</guid>

					<description><![CDATA[<p>Dans le cadre du BTS NDRC, il vous sera demandé de créer et d&#8217;optimiser un article ou une page sous WordPress. Voici quelques pistes pour savoir comment optimiser un contenu SEO au BTS NDRC en Digitalisation E5 B. Ce que l&#8217;on attend de vous pour la digitalisation au BTS NDRC E5 B Si vous êtes [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/ndrc-digitalisation/comment-optimiser-un-contenu-pour-le-referencement-naturel/">Comment créer un article WordPress pour l&rsquo;épreuve de Digit E5 B du Bts Ndrc ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<p class="wp-block-paragraph">Dans le cadre du BTS NDRC, il vous sera demandé de <strong>créer et d&rsquo;optimiser un article ou une page sous WordPress</strong>. Voici quelques pistes pour savoir comment optimiser un contenu SEO au BTS NDRC en Digitalisation E5 B.</p>




<h2 class="wp-block-heading">Ce que l&rsquo;on attend de vous pour la digitalisation au BTS NDRC E5 B</h2>




<p class="wp-block-paragraph">Si vous êtes évalué sous WordPress, il vous sera demandé <strong>de créer un article/page optimisé SEO avec l&rsquo;extension Yoast non activée.</strong> Voici les points sur lesquels vous serez évalué :</p>




<ol class="wp-block-list">
<li>Activation de l&rsquo;extension WordPress SEO by Yoast</li>




<li>Créer un contenu de <strong>150 mots minimum</strong></li>




<li>Structurer votre article/page de façon à ce qu&rsquo;il soit SEO friendly (structuration Hn + texte alt sur les images). Il doit y avoir une cohérence entre les paragraphes et les sous-titres (H2, H3&#8230;)</li>




<li><strong>Varier les blocs utilisés avec Gutenberg/Spectra</strong> = texte, titre, image, bannière, citation, galerie photo.</li>




<li>La qualité de rédaction et l&rsquo;orthographe seront prises en compte</li>




<li>Optimisation des informations métas avec Yoast (requête cible, méta Title et Description)</li>
</ol>




<p class="wp-block-paragraph">Dans cet article, j&rsquo;essaie d&rsquo;être synthétique et de me focaliser sur ce que les examinateurs peuvent attendre du candidat. Je m&rsquo;attarde sur la <strong>création d&rsquo;un article optimisé SEO pour l&rsquo;épreuve de Digitalisation</strong>.</p>




<h2 class="wp-block-heading">Structuration de votre contenu avec Gutenberg de WordPress</h2>




<p class="wp-block-paragraph">Pour rappel, l’éditeur Gutenberg <strong>fonctionne par l’ajout de blocs</strong> dans votre article/page. Ces blocs peuvent être des paragraphes, des titres, des listes, des citations, des contenus embarqués… Pensez à <strong>varier les blocs</strong> tout en respectant <strong>la structuration Hn (sous-titre, sous-sous-titre&#8230;)</strong> expliquée ci-dessus !</p>




<h3 class="wp-block-heading">Texte et sous-titres</h3>




<figure class="wp-block-image"><img loading="lazy" decoding="async" width="811" height="494" src="https://webeasy42.fr/wp-content/uploads/2024/03/structuration-seo-gutenberg-wordpress.png" alt="Structuration SEO avec Gutenberg" class="wp-image-1447" srcset="https://webeasy42.fr/wp-content/uploads/2024/03/structuration-seo-gutenberg-wordpress.png 811w, https://webeasy42.fr/wp-content/uploads/2024/03/structuration-seo-gutenberg-wordpress-300x183.png 300w, https://webeasy42.fr/wp-content/uploads/2024/03/structuration-seo-gutenberg-wordpress-768x468.png 768w" sizes="auto, (max-width: 811px) 100vw, 811px" /></figure>




<p class="wp-block-paragraph"></p>




<h3 class="wp-block-heading">Les images</h3>




<p class="wp-block-paragraph">Vous devez <strong>compléter la balise Alt</strong> (alternative) de l&rsquo;image dans la bibliothèque Médias ou dans le paramétrage du bloc image avec Gutenberg. Le bloc de paramétrage est toujours à droite de l&rsquo;article dans le back-office.</p>




<h3 class="wp-block-heading">Maillage interne et externe</h3>




<p class="wp-block-paragraph">Le jury de l&rsquo;Éducation nationale va également vérifier si vous avez <strong>fait des liens internes</strong>. Pour rappel, un lien interne est un lien qui <strong>renvoie vers un article ou une page de votre site</strong>.</p>




<p class="wp-block-paragraph">Ils peuvent aussi valider des liens externes. Pour rappel, un lien externe est un lien qui renvoie <strong>vers un autre site internet</strong> traitant du même sujet que votre contenu.</p>




<h3 class="wp-block-heading">Les étiquettes si vous rédigez un article (pas pour les pages)</h3>




<p class="wp-block-paragraph">Pour rappel, un article est obligatoirement catégorisé. À cet article, vous pouvez ajouter des « étiquettes » et elles sont facultatives. Cependant, l&rsquo;Éducation nationale aime bien les utiliser le jour de l&rsquo;examen.</p>




<p class="wp-block-paragraph">Sur Webeasy42.fr, je traite de nombreux articles sur WordPress, mais il n&rsquo;y a pas de catégorie WordPress, seulement <strong>une étiquette</strong>. Voici comment créer une étiquette depuis un article :</p>




<figure class="wp-block-image"><img loading="lazy" decoding="async" width="766" height="411" src="https://webeasy42.fr/wp-content/uploads/2024/03/etiquette-wotrdpress-bts-ndrc.jpg" alt="Gestion étiquette BTS NDRC" class="wp-image-1532" srcset="https://webeasy42.fr/wp-content/uploads/2024/03/etiquette-wotrdpress-bts-ndrc.jpg 766w, https://webeasy42.fr/wp-content/uploads/2024/03/etiquette-wotrdpress-bts-ndrc-300x161.jpg 300w" sizes="auto, (max-width: 766px) 100vw, 766px" /></figure>




<p class="wp-block-paragraph"></p>




<p class="wp-block-paragraph">Vous pouvez en savoir plus avec l&rsquo;article sur <a href="https://wpmarmite.com/glossaire/etiquette/" target="_blank" rel="noopener">les étiquettes de WP Marmite</a>.</p>




<h3 class="wp-block-heading">Créer une structuration logique et cohérente</h3>




<figure class="wp-block-image"><img loading="lazy" decoding="async" width="766" height="411" src="https://webeasy42.fr/wp-content/uploads/2024/03/article-seo-structure-Hn.jpg" alt="Article optimisé SEO structure Hn" class="wp-image-1523" srcset="https://webeasy42.fr/wp-content/uploads/2024/03/article-seo-structure-Hn.jpg 766w, https://webeasy42.fr/wp-content/uploads/2024/03/article-seo-structure-Hn-300x161.jpg 300w" sizes="auto, (max-width: 766px) 100vw, 766px" /></figure>




<p class="wp-block-paragraph">Dans cette illustration, la première <strong>balise H3 (à droite)</strong> ne peut pas se trouver ici. Il faut la remplacer par une H2 et ajouter une H3 à la place de la H2. Pour terminer, la balise H4 ne peut pas non plus se trouver ici.</p>




<h2 class="wp-block-heading">La méta box de Yoast avec WordPress</h2>




<p class="wp-block-paragraph"><span style="font-weight: 400;">Il est important d’affiner le <strong>Title</strong> et la <strong>Description</strong> en reprenant les mots-clés sur lesquels vous souhaitez vous positionner. Le plugin Yoast est l&rsquo;extension qui <strong>sera installée (non activée)</strong> sur WordPress le jour de votre examen. Ce sera à vous de l&rsquo;activer, pensez-y !</span></p>




<p class="wp-block-paragraph">Je vous conseille de compléter :</p>




<ol class="wp-block-list">
<li>La requête cible</li>




<li>Le méta Title et la Description</li>
</ol>




<figure class="wp-block-image"><img loading="lazy" decoding="async" width="792" height="390" src="https://webeasy42.fr/wp-content/uploads/2024/03/meta-box-yoast.jpg" alt="Optimisation méta box de Yoast" class="wp-image-1462" srcset="https://webeasy42.fr/wp-content/uploads/2024/03/meta-box-yoast.jpg 792w, https://webeasy42.fr/wp-content/uploads/2024/03/meta-box-yoast-300x148.jpg 300w, https://webeasy42.fr/wp-content/uploads/2024/03/meta-box-yoast-768x378.jpg 768w" sizes="auto, (max-width: 792px) 100vw, 792px" /></figure>




<p class="wp-block-paragraph"></p>




<p class="wp-block-paragraph">Une information méta doit être optimisée. Le Title doit faire entre <strong>55 et 70</strong> caractères, espaces compris, et la Description entre <strong>145 et 155</strong> caractères, espaces compris.</p>




<h2 class="wp-block-heading">Pour aller plus loin dans le référencement naturel</h2>




<p class="wp-block-paragraph">Être référencé naturellement dans les moteurs de recherche comme Bing ou Google est une source de trafic. En 2013, <strong>52 % des clics étaient sur les annonces Google contre 45 % en 2017</strong> (source Ifop).</p>




<p class="wp-block-paragraph">Quant à la question : faut-il optimiser un contenu pour le référencement naturel dans le cadre d&rsquo;une activité commerciale ? La réponse devient évidente ! Le référencement naturel est une <strong>technique très puissante qui apporte du trafic qualifié</strong> dans une <strong>stratégie d&rsquo;inbound marketing.</strong></p>




<h3 class="wp-block-heading">Conclusion et retour d&rsquo;expérience sur l&rsquo;article pris en exemple</h3>




<p class="wp-block-paragraph">J&rsquo;ai longtemps été en <strong>position 1 sur cet article écrit en 2016</strong>, mais ce n&rsquo;est plus le cas aujourd&rsquo;hui. D&rsquo;autres articles sont apparus. <strong>Le web n&rsquo;est pas statique</strong>, mais bien dynamique, et rien n&rsquo;est acquis définitivement.</p>




<p class="wp-block-paragraph">Le <acronym lang="en" title="Search Engine Optimisation">SEO</acronym> prend et demande du temps. Ce qu&rsquo;il faut privilégier, c&rsquo;est toujours <strong>un contenu de qualité destiné à votre audience</strong>.</p>




<p class="wp-block-paragraph"><strong>Voici la structuration Hn complète de l&rsquo;article (les paragraphes ne sont pas représentés) :</strong></p>




<figure class="wp-block-image"><img loading="lazy" decoding="async" width="560" height="346" src="https://webeasy42.fr/wp-content/uploads/2024/03/struturation-article-seo-wordpress-bts-ndrc.png" alt="Structuration SEO article WordPress BTS NDRC" class="wp-image-1664" srcset="https://webeasy42.fr/wp-content/uploads/2024/03/struturation-article-seo-wordpress-bts-ndrc.png 560w, https://webeasy42.fr/wp-content/uploads/2024/03/struturation-article-seo-wordpress-bts-ndrc-300x185.png 300w" sizes="auto, (max-width: 560px) 100vw, 560px" /></figure>




<p class="wp-block-paragraph">Voici le lien de l&rsquo;article pris en exemple : <a href="https://www.webeasy42.fr/chronique/c-est-quoi-un-webmaster/">https://www.webeasy42.fr/chronique/c-est-quoi-un-webmaster/</a>.</p>




<h3 class="wp-block-heading">Rappel des termes techniques pour le Search Engine Optimisation (SEO)</h3>




<p class="wp-block-paragraph"><strong>SERP :</strong> Search Engine Result Page : page de résultats de recherche en fonction de la requête (mots-clés) saisie. Ce sont les liens proposés par les moteurs de recherche sur lesquels vous pouvez cliquer.</p>




<p class="wp-block-paragraph"><strong>Critères « On site » :</strong> ensemble des éléments importants à mettre en place <strong>sur le site internet</strong>.</p>




<p class="wp-block-paragraph"><strong>Critères « Off site » :</strong> ensemble d&rsquo;éléments propres à l&rsquo;écosystème digital. Ils se traduisent, entre autres, par les backlinks, la présence sur les réseaux sociaux, les blogs&#8230;</p>




<h2 class="wp-block-heading">Blogs sur le SEO à suivre et surtout à lire aussi !</h2>




<p class="wp-block-paragraph">Si vous souhaitez vous perfectionner dans ces techniques, je vous invite à suivre le blog Abondance et <strong>Olivier Andrieu</strong>, un expert reconnu dans le référencement naturel.<br>Accès au <a href="https://abondance.com/" target="_blank" rel="noopener">blog Abondance</a></p>




<p class="wp-block-paragraph"><strong>Olivier Duffez</strong> est aussi une personne que j&rsquo;ai beaucoup lue. Également conférencier, il partage de nombreuses informations sur la thématique du SEO.<br>Accès au <a href="https://www.webrankinfo.com/" target="_blank" rel="noopener">blog WebRankInfo</a></p>




<p class="wp-block-paragraph"><strong>Daniel Roch</strong> est une personne à suivre, notamment à travers son site SeoMix. Il est spécialisé dans le SEO sous WordPress.</p>




<p class="wp-block-paragraph">Accès au site <a href="https://www.seomix.fr/">SeoMix</a></p>




<p class="wp-block-paragraph"></p>

<p>L’article <a href="https://webeasy42.fr/ndrc-digitalisation/comment-optimiser-un-contenu-pour-le-referencement-naturel/">Comment créer un article WordPress pour l&rsquo;épreuve de Digit E5 B du Bts Ndrc ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment livrer avec des frais de port différents par département sous Prestashop 1.7</title>
		<link>https://webeasy42.fr/tuto/comment-livrer-avec-des-frais-de-port-differents-par-departement-sous-prestashop-1-7/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Thu, 12 Oct 2023 09:25:44 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[prestashop]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">https://www.web-easy42.fr/?p=1393</guid>

					<description><![CDATA[<p>Dans ce cas pratiques, mon besoin était d&#8217;avoir un affrètement de 0 à 250 Kg par messagerie pro avec des frais de port différents par département français. Pour faire simple, avec le même poids de marchandise le tarif de livraison est différent que vous habitiez dans l&#8217;Oise ou dans les Bouches-du-Rhône. Si vous utilisez un transporteur [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/tuto/comment-livrer-avec-des-frais-de-port-differents-par-departement-sous-prestashop-1-7/">Comment livrer avec des frais de port différents par département sous Prestashop 1.7</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Dans ce cas pratiques, mon besoin était d&rsquo;avoir un affrètement de 0 à 250 Kg par messagerie pro avec des <strong>frais de port différents par département français</strong>.</p>
<p>Pour faire simple, avec le <strong>même poids</strong> de marchandise <strong>le tarif de livraison est différent</strong> que vous habitiez dans <strong>l&rsquo;Oise ou dans les Bouches-du-Rhône</strong>.</p>
<p>Si vous utilisez un <strong>transporteur Pro comme Db Schenker ou encore Géodis</strong>, ce tuto devrait vous permettre de créer des tarifs de livraison en fonction du poids de votre colis et le département de livraison.</p>
<h2>Etape 1 : création de zone par département</h2>
<p>Pour cette première étape, nous allons créer autant de zone géographique que de département. Rendez-vous sur l&rsquo;item <em>international &gt; zones géographiques</em>. A vous de créer une zone par département. oui c&rsquo;est long <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Ne supprimez pas ou ne désactivez pas la zone France et Europe qui sont généralement nativement présentes. Elles permettront d&rsquo;afficher les frais de transport dans le panier lorsque que le client n&rsquo;est pas connecté.</p>
<h2>Etape 2 : Modification des caractéristiques du pays</h2>
<p>Le caractéristiques d&rsquo;un pays vont devoir être adaptées. Nous ne saisissons pas l&rsquo;adresse de la manière en France qu&rsquo;au Royaume Uni. Cela va avoir une <strong>incidence directe lorsque qu&rsquo;un client paramétra son adresse de livraison</strong>.</p>
<p>Je vous rappelle que nous voulons adapter le prix de la livraison (frais de port) <strong>en fonction d&rsquo;un département</strong> pour le même poids de marchandise.</p>
<p>Dans notre cas, nous allons ajouter au format d&rsquo;adresse de livraison : le département (état). En cliquant sur Name, vous verrez apparaître sur la zone de gauche : <em>state : name</em>. Voir capture d&rsquo;écran.</p>
<p>Pensez à activer en bas (non représenté sur la capture) : « contient des état » à oui.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1404" src="https://webeasy42.fr/wp-content/uploads/2023/08/modification-du-pays-prestashop.jpg" alt="Format adresse d'un pays sous prestashop" width="1113" height="575" srcset="https://webeasy42.fr/wp-content/uploads/2023/08/modification-du-pays-prestashop.jpg 1113w, https://webeasy42.fr/wp-content/uploads/2023/08/modification-du-pays-prestashop-300x155.jpg 300w, https://webeasy42.fr/wp-content/uploads/2023/08/modification-du-pays-prestashop-768x397.jpg 768w, https://webeasy42.fr/wp-content/uploads/2023/08/modification-du-pays-prestashop-1024x529.jpg 1024w" sizes="auto, (max-width: 1113px) 100vw, 1113px" /></p>
<p>Dans la capture d&rsquo;écran suivante, voila comment se matérialise votre modification lors de la saisis d&rsquo;adresse de livraison par le client :</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1412" src="https://webeasy42.fr/wp-content/uploads/2023/08/adresse-livraison-avec-choix-departement-prestashop-1-7.jpg" alt="Adresse livraison avec choix département Prestashop 1.7" width="1041" height="575" srcset="https://webeasy42.fr/wp-content/uploads/2023/08/adresse-livraison-avec-choix-departement-prestashop-1-7.jpg 1041w, https://webeasy42.fr/wp-content/uploads/2023/08/adresse-livraison-avec-choix-departement-prestashop-1-7-300x166.jpg 300w, https://webeasy42.fr/wp-content/uploads/2023/08/adresse-livraison-avec-choix-departement-prestashop-1-7-768x424.jpg 768w, https://webeasy42.fr/wp-content/uploads/2023/08/adresse-livraison-avec-choix-departement-prestashop-1-7-1024x566.jpg 1024w" sizes="auto, (max-width: 1041px) 100vw, 1041px" /></p>
<h2>Etape 3 : Création des états (département)</h2>
<p>Un état (département) est rattaché à un pays, un continant.</p>
<p>Sur PrestaShop, nativement les pays sont déjà paramétrés. Si le pays France, n&rsquo;existe pas dans votre installation, créez le. Vous en aurez besoin pour créer les états. Allez dans <em>international &gt; zones géographiques</em>, cliquez sur l&rsquo;onglet <em>Pays.</em></p>
<p>Toujours dans <em>international &gt; zones géographiques</em>, cliquez sur l&rsquo;onglet <em>Etats</em>. Même si Prestashop est français, le mots états en France correspond à département. Vous allez maintenant créer autant d&rsquo;états que de départements. Oui c&rsquo;est long, mais se sera fait une bonne pour toute ;-).</p>
<p>Pour cette étape il vous faudra <strong>les codes iso du département français</strong> que vous pouvez trouver ici : <a href="https://fr.wikipedia.org/wiki/ISO_3166-2:FR" target="_blank" rel="noopener">code iso département français</a>.</p>
<p>Lors de la création de votre département vous devrez <strong>le rattacher à un pays et à une zone</strong>. (voir capture écran). Dans notre cas la zone est le département et le pays et la France.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1400" src="https://webeasy42.fr/wp-content/uploads/2023/08/creation-etat-departement-prestashop-1-7.jpg" alt="Création états sous prestashop 1.7" width="750" height="612" srcset="https://webeasy42.fr/wp-content/uploads/2023/08/creation-etat-departement-prestashop-1-7.jpg 750w, https://webeasy42.fr/wp-content/uploads/2023/08/creation-etat-departement-prestashop-1-7-300x245.jpg 300w" sizes="auto, (max-width: 750px) 100vw, 750px" /></p>
<h2>Etape 4 : Création du transporteurs</h2>
<p>On crée le transporteur dans <em>Personnaliser &gt; Transporteur</em>.</p>
<p>C&rsquo;est une <strong>étape longue</strong> car vous allez avoir un joli tableau Excel avec des tranches de poids de 0 jusqu&rsquo;à 250 Kg par exemple et des frais de port qui varient en fonction des départements pour le même poids.</p>
<p>Pour gagner du temps lors de cette création, j&rsquo;ai utilisé un module payant, mais qui vous évite de faire des saisies manuelles sur le Prestashop. La dépense en vaut la chandelle. Ce module vous permet de convertir votre fichier Excel en Csv et de l&rsquo;importer directement dans Prestashop. Voici le module que j&rsquo;ai utilisé : <a href="https://addons.prestashop.com/fr/frais-de-port/22248-import-export-de-tarifs-frais-de-port-transporteur.html" target="_blank" rel="noopener">Import/export tarifs transporteur</a>.</p>
<p>L’article <a href="https://webeasy42.fr/tuto/comment-livrer-avec-des-frais-de-port-differents-par-departement-sous-prestashop-1-7/">Comment livrer avec des frais de port différents par département sous Prestashop 1.7</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment importer, incorporer un fichier lié dans Illustrator ?</title>
		<link>https://webeasy42.fr/tuto/comment-importer-incorporer-un-fichier-dans-illustrator/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Tue, 13 Dec 2022 08:39:36 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">https://www.web-easy42.fr/?p=1328</guid>

					<description><![CDATA[<p>La suite Adobe Creative Cloud permet de lier des fichiers dans la plus part de ces logiciels.  Mais à chaque fois, je ne me souviens pas comment faire pour importer le fichier lié et en plus je galère pour trouver la réponse sur le web de manière claire et rapide. Mon besoin d&#8217;incorporer un fichier [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/tuto/comment-importer-incorporer-un-fichier-dans-illustrator/">Comment importer, incorporer un fichier lié dans Illustrator ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>La suite <strong>Adobe Creative Cloud permet de lier des fichiers dans la plus part de ces logiciels</strong>.  Mais à chaque fois, je ne me souviens pas <strong>comment faire pour importer le fichier lié</strong> et en plus je galère pour trouver la réponse sur le web de manière claire et rapide.</p>
<h2>Mon besoin d&rsquo;incorporer un fichier lié à Illustrator</h2>
<p>C&rsquo;est vrai qu&rsquo;il y a un gros<strong> avantage à lier un fichier à Illustrator</strong> surtout si c&rsquo;est un fichier Bipmap. La conséquence est que vous manipulez un fichier plus léger. L&rsquo;inconvénient réside dans le fait que si le fichier est renommé, cela ne fonctionne plus.</p>
<p>C&rsquo;est pour cette deuxième raison que j&rsquo;ai besoin d&rsquo;incorporer le fichier. C&rsquo;est ce terme qui est d&rsquo;ailleurs utilisé par Illustrator : <strong>incorporer et non importer</strong>.</p>
<h2>La pratique pour importer un vecteur ou une image</h2>
<p>Que vous souhaitiez incorporer un bipmap ou une image vectoriel la méthode est toujours la même !</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1334" src="https://webeasy42.fr/wp-content/uploads/2022/12/incorporer-fichier-illustrator-web-easy-42.jpg" alt="importer, incorporer un fichier dans Illustrator web easy 42" width="508" height="493" srcset="https://webeasy42.fr/wp-content/uploads/2022/12/incorporer-fichier-illustrator-web-easy-42.jpg 508w, https://webeasy42.fr/wp-content/uploads/2022/12/incorporer-fichier-illustrator-web-easy-42-300x291.jpg 300w" sizes="auto, (max-width: 508px) 100vw, 508px" /></p>
<p>Tout d&rsquo;abord affichez le panneau lien à l&rsquo;aide du menu contextuel : Fenêtre &gt; lien</p>
<ul>
<li>Sélectionnez dans le panneau le fichier à incorporer</li>
<li>Cliquez sur le menu du panneau « lien »</li>
<li>Sélectionnez incorporer</li>
</ul>
<p>L’article <a href="https://webeasy42.fr/tuto/comment-importer-incorporer-un-fichier-dans-illustrator/">Comment importer, incorporer un fichier lié dans Illustrator ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment créer un tracé à partir d’une sélection ou d’un objet ?</title>
		<link>https://webeasy42.fr/tuto/comment-creer-un-trace-a-partir-dune-selection-ou-dun-objet/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Sun, 26 Sep 2021 19:44:32 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">https://www.web-easy42.fr/?p=1256</guid>

					<description><![CDATA[<p>Le besoin d’avoir un contour pour de l’impression Dans le monde de l’impression (adhésifs, textile, alu dibon…), il y a des cas où il faut délimiter un contour pour que la machine de façonnage puisse découper exactement à la forme souhaitée. Pour réaliser ces travaux, il faut avec le logiciel Illustrator matérialiser ce contour. On [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/tuto/comment-creer-un-trace-a-partir-dune-selection-ou-dun-objet/">Comment créer un tracé à partir d’une sélection ou d’un objet ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2><span style="font-weight: 400;">Le besoin d’avoir un contour pour de l’impression</span></h2>
<p><span style="font-weight: 400;">Dans le monde de l’impression (adhésifs, textile, alu dibon…), il y a des cas où il faut <strong>délimiter un contour</strong> pour que la machine de façonnage puisse <strong>découper exactement à la forme souhaitée</strong>. Pour réaliser ces travaux, il faut avec le logiciel Illustrator matérialiser ce contour. On appelle cela un « cut contour » (voir photo &#8211; contour de couleur rose).</span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-1258 size-full" src="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-cut-contour.jpg" alt="Illustrtor Matérialisation du cut contour" width="750" height="375" srcset="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-cut-contour.jpg 750w, https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-cut-contour-300x150.jpg 300w" sizes="auto, (max-width: 750px) 100vw, 750px" /></p>
<p>Ce « Cut contour » est interprété par la machine d&rsquo;impression ou de façonnage pour en faire le tour.</p>
<h2><span style="font-weight: 400;">Création d’un tracé à partir d’un objet</span></h2>
<p><span style="font-weight: 400;">Pour cette première étape nous allons <strong>dupliquer l’objet</strong> que nous viendrons mettre sur un calque différent. Copiez l’objet (ctrl + C), coller l’objet avec « ctrl + f « puis coupez-le par « ctrl + x ». Sélectionnez votre nouveau calque et collez-le par « Ctrl + f ». </span></p>
<p><span style="font-weight: 400;">Pour plus de lisibilité, vous pouvez donner une autre couleur à l’objet.</span></p>
<p><span style="font-weight: 400;">Maintenant nous allons permuter le « fond » et « contour » puis désactiver l’affichage de notre premier calque. Il se peut que vous ayez à ajouter de la graisse sur le trait pour le matérialiser en allant directement dans le panneau « contour » d’Illustrator.</span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-1261 size-full" src="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-fond-contour.jpg" alt="Illustrator fond - contour" width="750" height="375" srcset="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-fond-contour.jpg 750w, https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-fond-contour-300x150.jpg 300w" sizes="auto, (max-width: 750px) 100vw, 750px" /></p>
<p><span style="font-weight: 400;">A cette étape vous avez le contour de l’ensemble de l’objet et des ces forme. Nous, notre besoin est d’avoir que le contour extérieur seul de l’objet pour de l’impression.</span></p>
<p><span style="font-weight: 400;">Avec outil de « sélection progressive », supprimer tous les contours intérieurs qui ne vont pas nous servir. </span></p>
<p><span style="font-weight: 400;">Dans mon exemple, vous voyez à droite du pain, que le contour ne joint pas le pain. Pour répondre à cette problématique, nous allons couper le tracé aux endroits qui nous intéressent pour ensuite les joindre.</span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-1262 size-full" src="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-adapter-le-contour.jpg" alt="Illustrator adapter le contour" width="750" height="325" srcset="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-adapter-le-contour.jpg 750w, https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-adapter-le-contour-300x130.jpg 300w" sizes="auto, (max-width: 750px) 100vw, 750px" /></p>
<p><span style="font-weight: 400;">Répéter cette action de façon à avoir un contour parfait de votre forme.</span></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1263" src="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-cut-contour-final.jpg" alt="Illustrator résultat final" width="750" height="349" srcset="https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-cut-contour-final.jpg 750w, https://webeasy42.fr/wp-content/uploads/2021/09/illustrator-cut-contour-final-300x140.jpg 300w" sizes="auto, (max-width: 750px) 100vw, 750px" /></p>
<p>L’article <a href="https://webeasy42.fr/tuto/comment-creer-un-trace-a-partir-dune-selection-ou-dun-objet/">Comment créer un tracé à partir d’une sélection ou d’un objet ?</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Les miniatures produits ne s&#8217;affichent plus sur votre Prestashop 1.7</title>
		<link>https://webeasy42.fr/tuto/probleme-affichage-image-miniature-migration-prestashop/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Thu, 21 Nov 2019 07:53:07 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[prestashop]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">http://efvb.web-easy42.fr/?p=202</guid>

					<description><![CDATA[<p>Le contexte Pour des raisons qui vous sont propres vous avez besoin de migrer votre boutique prestashop : Après cette migration,&#160;vos images produits ou miniatures ne s&#8217;affichent plus. La check list Avant de rentrer dans la mise en place de solutions voici une check list qui pourra peut-être vous faire gagner du temps. Ces quelques [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/tuto/probleme-affichage-image-miniature-migration-prestashop/">Les miniatures produits ne s&rsquo;affichent plus sur votre Prestashop 1.7</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Le contexte</h2>



<p class="wp-block-paragraph">Pour des raisons qui vous sont propres vous avez<strong> besoin de migrer votre boutique prestashop :</strong></p>



<ul class="wp-block-list">
<li>Besoin de faire des tests sur une préprod</li>



<li>Changement de nom de domaine, d&rsquo;hébergement &#8230;</li>
</ul>



<p class="wp-block-paragraph">Après cette migration,&nbsp;<strong>vos images produits ou miniatures ne s&rsquo;affichent plus</strong>.</p>



<h2 class="wp-block-heading">La check list</h2>



<p class="wp-block-paragraph">Avant de rentrer dans la mise en place de solutions voici une check list qui pourra peut-être vous faire gagner du temps. Ces quelques questions m&rsquo;ont rendu service :</p>



<p class="wp-block-paragraph">1- Vos miniatures produits sont présentes en back office ? Lorsque vous vous connectez sur une fiche produit, vous constatez que les images que vous avez créées sont bien visibles.</p>



<p class="wp-block-paragraph">2-<strong> Les images CMS</strong> s&rsquo;affichent correctement sur le front ? La gestion des images produits et CMS ne se font pas de la manière sur Prestashop. Pour les image CMS, il n&rsquo;y a pas de ré écriture d&rsquo;URL. Elles sont stockés dans /img/cms.</p>



<p class="wp-block-paragraph">3- Les connexions SSL sont correctement paramétrées ?</p>



<p class="wp-block-paragraph">Si vos&nbsp;<strong>réponses sont « oui »</strong>&nbsp;à ces 3 points voila ce que vous pouvez faire.</p>



<h2 class="wp-block-heading">Solutions pour retrouver ces miniatures</h2>



<p class="wp-block-paragraph">Vous avez fait vos tests et toujours rien ? Voila ce que nous pouvons faire :</p>



<h3 class="wp-block-heading">Vider le cache de prestashop</h3>



<p class="wp-block-paragraph">C&rsquo;est la première action à faire. Le cache de Prestashop est puissant et pour être sûr qu&rsquo;il n&rsquo;y a pas de résidu, il est conseillé de mettre la boutique en maintenance et de travailler sans le cache.</p>



<ul class="wp-block-list">
<li>Dans le Back office allez dans : Paramètres avancés &gt; Performance</li>



<li>Mettez à « non » le cache + enregistrer + videz le cache</li>
</ul>



<figure class="wp-block-image"><img decoding="async" src="/wp-content/uploads/2020/01/cache-prestashop-1.7.jpg" alt="Vider le cache de prestashop" class="wp-image-205"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Rafraîchir la boutique en Front Office. Y&rsquo;a-t-il du mieux ?</p>



<h3 class="wp-block-heading">Régénérer les images</h3>



<p class="wp-block-paragraph">En fonction de ce que vous avez fait sur votre boutique, migration, maj template&#8230; il se peut que vous deviez générer à nouveau les images. C&rsquo;est une opération qui va demander de la&nbsp;<strong>ressource serveur</strong>. Le conseil est bien sûr d&rsquo;être en mode maintenance.</p>



<ul class="wp-block-list">
<li>Dans le Back office allez dans : Apparence &gt; images</li>



<li>En bas de page vous pouvez choisir les images</li>



<li>Suivant <strong>la taille de votre boutique</strong>, procéder par étapes peut-être une bonne chose.</li>
</ul>



<figure class="wp-block-image"><img decoding="async" src="/wp-content/uploads/2020/01/generer-les-images-prestashop.jpg" alt="Générer les images Prestashop" class="wp-image-206"/></figure>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Régénérer le fichier Htaccess</h3>



<p class="wp-block-paragraph">Les&nbsp;<strong>url des miniatures produits sont gérées par le mécanisme de réécriture d&rsquo;url</strong>. Lors de la migration sur un autre domaine ou serveur, cela ne peut plus fonctionner correctement. Pour générer à nouveau votre fichier htaccess, voici ce que l&rsquo;on peut faire:</p>



<ul class="wp-block-list">
<li>Dans le Back office allez dans : Paramètres de la boutique &gt; Trafic et seo</li>



<li>Mettez à « non » Url simplifié + enregistrer</li>



<li>Connectez-vous au serveur Ftp de votre boutique</li>



<li>Supprimez le fichier htaccess ou renommez-le</li>



<li>Retournez sur le back office de prestashop</li>



<li>Allez dans : Paramètres de la boutique &gt; Trafic et seo</li>



<li>Mettez à « oui » Url simplifié + enregistrer</li>
</ul>



<p class="wp-block-paragraph">Vérifiez que le fichier Htaccess soit bien à nouveau présent sur votre serveur.</p>



<figure class="wp-block-image"><img decoding="async" src="/wp-content/uploads/2020/01/re-generation-fichier-htaccess-prestashop.jpg" alt="Générer à nouveau le fichier Htaccess" class="wp-image-207"/></figure>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Erreur 500 re génération image</h3>



<p class="wp-block-paragraph">Si votre boutique contient beaucoup d&rsquo;images, il se peut que la génération prenne du temps. Cela peut générer une erreur PHP le fameux « timeout ». Si vous n&rsquo;avez pas accès au serveur voici un article et un module gratuit à télécharger pour pouvoir générer à nouveau vos images sans avoir les erreurs 500.</p>



<p class="wp-block-paragraph">La société comonsoft a très expliqué le problème sur son blog, le lien est en dessous. A La suite de cet article, vous pourrez télécharger gratuitement l&rsquo;excellent module.</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-3e043120"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-1479cf9b wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://css.comonsoft.com/tutoriels/regeneration-images-prestashop-module-gratuit.htm" rel="follow noopener" target="_blank" role="button"><div class="uagb-button__link">Accès Article : erreur 500 sur Prestashop</div><span class="uagb-button__icon uagb-button__icon-position-after"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focussable="false"><path d="M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z"></path></svg></span></a></div></div>
</div></div>
<p>L’article <a href="https://webeasy42.fr/tuto/probleme-affichage-image-miniature-migration-prestashop/">Les miniatures produits ne s&rsquo;affichent plus sur votre Prestashop 1.7</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment migrer Prestashop 1.7 sur un autre hébergement et domaine</title>
		<link>https://webeasy42.fr/tuto/migrer-prestashop-1-7-autre-hebergement-et-domaine/</link>
		
		<dc:creator><![CDATA[Lionel]]></dc:creator>
		<pubDate>Fri, 24 May 2019 06:29:52 +0000</pubDate>
				<category><![CDATA[Tutos]]></category>
		<category><![CDATA[hébergement]]></category>
		<category><![CDATA[prestashop]]></category>
		<category><![CDATA[technique]]></category>
		<guid isPermaLink="false">http://efvb.web-easy42.fr/?p=194</guid>

					<description><![CDATA[<p>Votre site Prestashop 1.7 a été travaillé et finalisé sur un serveur de dev. Le CMS est maintenant prêt, il faut donc migrer Prestashop sur votre hébergeur et votre nom de domaine ! Voici un tuto qui synthétise ce que j’ai pu trouver sur le net avec la réécriture d&#8217;Url déjà activée sur votre serveur [&#8230;]</p>
<p>L’article <a href="https://webeasy42.fr/tuto/migrer-prestashop-1-7-autre-hebergement-et-domaine/">Comment migrer Prestashop 1.7 sur un autre hébergement et domaine</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Votre site Prestashop 1.7 a été travaillé et finalisé sur un serveur de dev. Le CMS est maintenant prêt, il faut donc migrer Prestashop sur votre hébergeur et votre nom de domaine !</p>
<p>Voici un tuto qui synthétise ce que j’ai pu trouver sur le net avec la réécriture d&rsquo;Url déjà activée sur votre serveur de pre prod. Créer son back up, uploader sur le serveur de production. Formater la base de donnée en n’oubliant pas le Ssl.</p>
<h2>Faites une sauvegarde de votre prestashop</h2>
<p>Selon votre cas, il faudra faire un backup des fichiers. A vous ensuite de les dater et de les archiver. Avec votre client FTP récupérer l’ensemble des fichiers de votre prestashop. Pour la base de données, connectez vous avec phpmyadmin puis faites un export de celle-ci.</p>
<h2>Importer et paramétrer sur le nouveau serveur</h2>
<p>Cette étape va nécessiter l’importation de votre base de données et de vos fichiers. En suite, il faudra modifier les paramètres de votre prestashop pour qu’ils puissent fonctionner sur votre nouveau serveur et votre domaine.</p>
<h3>Uploader les fichiers et importer la base de données</h3>
<p>C’est l’opération inverse de celle que vous avez faite précédemment. Avec votre client Ftp, vous renvoyez les fichiers sur votre nouveau serveur dans le bon dossier. Puis vous téléversez la base de donnée sur votre nouvelle hébergement.</p>
<h3>Paramétrage du parameters.php</h3>
<p>C’est le nouveau <strong>fichier de configuration de prestashop 1.7</strong>. Il se situe dans le répertoire “/app/config/”. C’est sur ce fichier qu’il faudra modifier les informations de connexion à la base de données.</p>
<ul>
<li>database_host&rsquo; =&gt; &lsquo;adresse de votre serveur&rsquo;</li>
<li>database_name&rsquo; =&gt; &lsquo;nom de la base de données&rsquo;</li>
<li>database_user&rsquo; =&gt; &lsquo;nom de l’utilisateur&rsquo;</li>
<li>database_password&rsquo; =&gt; &lsquo;le mot de passe de la base de donnée&rsquo;</li>
</ul>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-195" src="/wp-content/uploads/2020/01/fichier-parameters-prestashop-1-7.jpg" alt="Fichier parameters.php Prestashop 1.7" width="710" height="414" /></p>
<h2>Mise à jour de la nouvelle base de donnée</h2>
<p>La mise à jour de la base de domaine est inévitable. Vous avez migrer vers un autre domaine et hébergement. Il faut modifier <strong>la table ps_shop_url</strong></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-196" src="/wp-content/uploads/2020/01/modification-bdd-prestashop-1-7-pour-nouveau-domaine.jpg" alt="Modification Bdd prestashop 1.7" width="710" height="294" /></p>
<ul>
<li>domain : mettez votre nouveau domaine prestashop</li>
<li>domai_ssl : si vous avez activez ssl sur votre nouvel hébergement, il faut le noter à nouveau.</li>
<li>physical_url : le répertoire dans lequel est installé votre prestashop. Il sera fonction du rootage Dns que vous aurez mis en place dans la zone dns réglée sur votre domaine. Si votre prestashop est dans le répertoire www, alors mettez www.</li>
</ul>
<h2>Éviter les pièges</h2>
<p>Si vous avez, dans vos pages CMS, fait des liens, l’Url présente dans les pages sera celle de votre serveur de dev&#8230;plus rien donc ne fonctionnera correctement. Pensez bien à les reprendre et à faire vous même la modification.</p>
<p>L’article <a href="https://webeasy42.fr/tuto/migrer-prestashop-1-7-autre-hebergement-et-domaine/">Comment migrer Prestashop 1.7 sur un autre hébergement et domaine</a> est apparu en premier sur <a href="https://webeasy42.fr">Web Easy 42</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
