{"id":8208,"date":"2026-08-23T19:46:31","date_gmt":"2026-08-23T17:46:31","guid":{"rendered":"https:\/\/www.mentorformation.fr\/?page_id=8208"},"modified":"2026-08-23T19:47:23","modified_gmt":"2026-08-23T17:47:23","slug":"wordpress-e","status":"publish","type":"page","link":"https:\/\/www.mentorformation.fr\/index.php\/wordpress-e\/","title":{"rendered":"WordPress (e)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8208\" class=\"elementor elementor-8208\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19b3931a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"19b3931a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24bc0e56\" data-id=\"24bc0e56\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-460bcbe6 elementor-widget elementor-widget-html\" data-id=\"460bcbe6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<style>\n.mf-fo-wrap{\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-accent:#7ba5d3;\n  --mf-body:#00007b;\n  --mf-cta:#1800ad;\n  --mf-border:#e6e6ef;\n  --mf-soft:#f6f7fb;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:#ffffff !important;\n  display:block;\n  width:100%;\n  overflow-x:hidden;\n}\n.mf-fo-wrap *{box-sizing:border-box}\n.mf-fo{max-width:1140px;margin:0 auto !important;padding:0 24px !important}\n@media (min-width:960px){.mf-fo{padding:0 40px !important}}\n\n\/* ================= HERO ================= *\/\n.mf-fo__hero{padding:76px 0 0 0 !important;position:relative}\n@media (min-width:960px){.mf-fo__hero{padding:104px 0 0 0 !important}}\n\n.mf-fo__h1{\n  font-family:inherit !important;\n  font-size:clamp(30px,4vw,52px) !important;\n  line-height:1.08 !important;\n  font-weight:600 !important;\n  letter-spacing:-.025em;\n  color:var(--mf-title) !important;\n  margin:0 0 22px 0 !important;\n  max-width:18ch;\n}\n\n.mf-fo__accroche{position:relative}\n.mf-fo__ghost{color:inherit !important}\n.mf-fo__accroche.is-typing .mf-fo__ghost{color:transparent !important}\n.mf-fo__out{\n  position:absolute;\n  left:0;top:0;\n  width:100%;\n  color:var(--mf-sub) !important;\n  pointer-events:none;\n}\n.mf-fo__caret{\n  display:none;\n  width:2px;\n  height:.85em;\n  margin-left:.06em;\n  background:var(--mf-accent) !important;\n  vertical-align:-.08em;\n  animation:mfFoBlink .85s steps(1,end) infinite;\n}\n.mf-fo__accroche.is-typing .mf-fo__caret,\n.mf-fo__accroche.is-done .mf-fo__caret{display:inline-block}\n.mf-fo__accroche.is-done .mf-fo__caret{\n  animation:none;\n  opacity:0;\n  transition:opacity .5s ease .3s;\n}\n@keyframes mfFoBlink{50%{opacity:0}}\n\n.mf-fo__accroche{\n  font-family:inherit !important;\n  font-size:clamp(17px,1.5vw,22px) !important;\n  line-height:1.55 !important;\n  font-weight:500 !important;\n  color:var(--mf-sub) !important;\n  margin:0 !important;\n  max-width:44ch;\n}\n\n\/* Trait qui se trace sous le hero *\/\n.mf-fo__rule{\n  height:1px;\n  background:var(--mf-border);\n  margin:56px 0 0 0;\n  transform-origin:left;\n}\n\n\/* ================= CHIFFRES ================= *\/\n.mf-fo__chiffres{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:16px;\n  list-style:none !important;\n  margin:0 !important;\n  padding:44px 0 0 0 !important;\n}\n@media (min-width:700px){.mf-fo__chiffres{grid-template-columns:repeat(3,1fr);gap:24px}}\n\n.mf-fo__chiffre{\n  list-style:none !important;\n  margin:0 !important;\n  padding:32px 28px !important;\n  border:1px solid var(--mf-border);\n  border-radius:16px;\n  background:#ffffff !important;\n  box-shadow:0 18px 44px -26px rgba(0,0,123,.34);\n  transition:box-shadow .45s cubic-bezier(.4,0,.2,1),\n             transform .45s cubic-bezier(.4,0,.2,1),\n             border-color .45s ease;\n}\n.mf-fo__chiffre:hover{\n  border-color:var(--mf-accent);\n  box-shadow:0 30px 64px -28px rgba(0,0,123,.44);\n  transform:translateY(-4px);\n}\n.mf-fo__val{\n  display:block;\n  font-family:inherit !important;\n  font-size:clamp(40px,4.6vw,58px) !important;\n  font-weight:700 !important;\n  line-height:1 !important;\n  letter-spacing:-.04em;\n  color:var(--mf-accent) !important;\n  margin-bottom:8px;\n}\n.mf-fo__cle{\n  display:block;\n  font-family:inherit !important;\n  font-size:14px !important;\n  font-weight:500 !important;\n  line-height:1.5 !important;\n  color:var(--mf-body) !important;\n}\n\n\/* ================= PRIX \/ NOTE \/ PARTICIPANTS ================= *\/\n.mf-fo__bandeau{\n  position:relative;\n  padding:0 !important;\n  border-top:1px solid var(--mf-border);\n  border-bottom:1px solid var(--mf-border);\n}\n\n.mf-fo__trio{\n  position:relative;\n  z-index:1;\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:0;\n  list-style:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n@media (min-width:760px){\n  .mf-fo__trio{grid-template-columns:1.2fr 1fr 1fr;align-items:center}\n}\n\n.mf-fo__cell{\n  list-style:none !important;\n  margin:0 !important;\n  padding:22px 0 !important;\n  border-bottom:1px solid var(--mf-border);\n}\n.mf-fo__cell:last-child{border-bottom:none !important}\n@media (min-width:760px){\n  .mf-fo__cell{padding:44px 36px !important;border-bottom:none !important;border-left:1px solid var(--mf-border)}\n  .mf-fo__cell:first-child{padding-left:0 !important;border-left:none !important}\n}\n\n.mf-fo__cell-label{\n  display:block;\n  font-family:inherit !important;\n  font-size:11px !important;\n  font-weight:600 !important;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:var(--mf-accent) !important;\n  margin:0 0 14px 0 !important;\n}\n\n.mf-fo__cell-val{\n  display:block;\n  font-family:inherit !important;\n  font-size:clamp(38px,4.4vw,56px) !important;\n  font-weight:700 !important;\n  line-height:1 !important;\n  letter-spacing:-.04em;\n  color:var(--mf-title) !important;\n  white-space:nowrap;\n}\n.mf-fo__unite{\n  font-size:.3em !important;\n  font-weight:600 !important;\n  letter-spacing:.08em;\n  color:var(--mf-accent) !important;\n  margin-left:.4em;\n  vertical-align:.62em;\n}\n.mf-fo__sur{\n  font-size:.42em !important;\n  font-weight:600 !important;\n  color:var(--mf-accent) !important;\n  margin-left:.1em;\n}\n\n.mf-fo__etoiles{display:flex;gap:5px;margin:12px 0 0 0 !important}\n.mf-fo__etoile{\n  width:15px;height:15px;\n  display:block;\n  background:var(--mf-accent);\n  opacity:.28;\n  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);\n}\n.mf-fo__etoile.is-pleine{opacity:1}\n.mf-fo__etoile.is-demi{\n  opacity:1;\n  background:linear-gradient(to right, var(--mf-accent) 0 50%, rgba(123,165,211,.28) 50% 100%);\n}\n\n.mf-fo__cell-note{\n  display:block;\n  font-family:inherit !important;\n  font-size:14px !important;\n  font-weight:400 !important;\n  line-height:1.5 !important;\n  color:var(--mf-body) !important;\n  margin:12px 0 0 0 !important;\n}\n\n\/* ================= OBJECTIFS ================= *\/\n.mf-fo__section{padding:72px 0 0 0 !important}\n@media (min-width:960px){.mf-fo__section{padding:104px 0 0 0 !important}}\n\n.mf-fo__h2{\n  font-family:inherit !important;\n  font-size:clamp(26px,3vw,38px) !important;\n  line-height:1.18 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 28px 0 !important;\n}\n\n.mf-fo__texte{\n  font-family:inherit !important;\n  font-size:clamp(17px,1.4vw,20px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n  max-width:62ch;\n}\n\n\/* ================= COMPETENCES ================= *\/\n.mf-fo__comps{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:34px 56px;\n}\n@media (min-width:760px){.mf-fo__comps{grid-template-columns:1fr 1fr}}\n.mf-fo__comp-label{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.3vw,19px) !important;\n  font-weight:600 !important;\n  line-height:1.35 !important;\n  color:var(--mf-sub) !important;\n  margin:0 0 10px 0 !important;\n  padding:0 0 0 18px !important;\n  position:relative;\n}\n.mf-fo__comp-label:before{\n  content:\"\";\n  position:absolute;\n  left:0;top:.35em;\n  width:8px;height:8px;\n  border:1.5px solid var(--mf-accent);\n  border-radius:2px;\n}\n.mf-fo__comp-txt{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n  padding:0 0 0 18px !important;\n}\n\n\/* ================= INFOS PRATIQUES ================= *\/\n.mf-fo__infos{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:0;\n  margin:0 !important;\n  padding:0 !important;\n  border-top:1px solid var(--mf-border);\n}\n@media (min-width:760px){.mf-fo__infos{grid-template-columns:1fr 1fr}}\n.mf-fo__info{padding:30px 0 !important;border-bottom:1px solid var(--mf-border)}\n@media (min-width:760px){\n  .mf-fo__info{padding:30px 40px 30px 0 !important}\n  .mf-fo__info:nth-child(even){padding-right:0 !important;padding-left:40px !important;border-left:1px solid var(--mf-border)}\n}\n.mf-fo__info-label{\n  display:block;\n  font-family:inherit !important;\n  font-size:12px !important;\n  font-weight:600 !important;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:var(--mf-accent) !important;\n  margin:0 0 12px 0 !important;\n}\n.mf-fo__info-list{list-style:none !important;margin:0 !important;padding:0 !important}\n.mf-fo__info-list li{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.6 !important;\n  color:var(--mf-body) !important;\n  margin:0 0 6px 0 !important;\n  padding:0 !important;\n  list-style:none !important;\n}\n.mf-fo__info-list li:last-child{margin-bottom:0 !important}\n\n\/* ================= PROGRAMME ================= *\/\n.mf-fo__modules{list-style:none !important;margin:0 !important;padding:0 !important}\n.mf-fo__module{list-style:none !important;margin:0 !important;padding:0 !important;border-bottom:1px solid var(--mf-border)}\n.mf-fo__module:first-child{border-top:1px solid var(--mf-border)}\n\n.mf-fo__tete{\n  display:grid !important;\n  grid-template-columns:auto 1fr auto auto;\n  align-items:center;\n  gap:18px;\n  width:100%;\n  background:transparent !important;\n  border:none !important;\n  padding:26px 0 !important;\n  margin:0 !important;\n  text-align:left;\n  cursor:pointer;\n  font-family:inherit !important;\n  transition:padding-left .35s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo__tete:hover{padding-left:10px !important}\n.mf-fo__tete:focus-visible{outline:2px solid var(--mf-accent);outline-offset:4px}\n\n.mf-fo__mod-num{\n  font-family:inherit !important;\n  font-size:clamp(18px,1.6vw,22px) !important;\n  font-weight:700 !important;\n  line-height:1 !important;\n  color:var(--mf-accent) !important;\n  letter-spacing:-.02em;\n  min-width:38px;\n}\n.mf-fo__mod-titre{\n  font-family:inherit !important;\n  font-size:clamp(17px,1.5vw,21px) !important;\n  font-weight:600 !important;\n  line-height:1.35 !important;\n  color:var(--mf-title) !important;\n  transition:color .3s ease;\n}\n.mf-fo__tete:hover .mf-fo__mod-titre{color:var(--mf-sub) !important}\n\n.mf-fo__mod-compte{\n  font-family:inherit !important;\n  font-size:13px !important;\n  font-weight:500 !important;\n  color:var(--mf-accent) !important;\n  white-space:nowrap;\n  display:none;\n}\n@media (min-width:760px){.mf-fo__mod-compte{display:block}}\n\n.mf-fo__chev{position:relative;width:18px;height:18px;flex:0 0 auto}\n.mf-fo__chev:before,.mf-fo__chev:after{\n  content:\"\";\n  position:absolute;\n  left:50%;top:50%;\n  background:var(--mf-sub);\n  transform:translate(-50%,-50%);\n  transition:transform .4s cubic-bezier(.4,0,.2,1), opacity .3s ease;\n}\n.mf-fo__chev:before{width:16px;height:2px}\n.mf-fo__chev:after{width:2px;height:16px}\n.mf-fo__module.is-open .mf-fo__chev:after{transform:translate(-50%,-50%) scaleY(0);opacity:0}\n\n.mf-fo__corps{overflow:hidden;max-height:0;transition:max-height .55s cubic-bezier(.4,0,.2,1)}\n.mf-fo__module.is-open .mf-fo__corps{max-height:5000px}\n\n.mf-fo__corps-inner{padding:0 0 34px 56px !important}\n@media (max-width:759px){.mf-fo__corps-inner{padding-left:0 !important}}\n\n.mf-fo__points{list-style:none !important;margin:0 !important;padding:0 !important}\n.mf-fo__points li{\n  position:relative;\n  list-style:none !important;\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.65 !important;\n  color:var(--mf-body) !important;\n  margin:0 0 10px 0 !important;\n  padding:0 0 0 20px !important;\n}\n.mf-fo__points li:before{\n  content:\"\";\n  position:absolute;\n  left:0;top:.62em;\n  width:7px;height:7px;\n  border:1.5px solid var(--mf-accent);\n  border-radius:2px;\n}\n.mf-fo__points--large{columns:1}\n@media (min-width:760px){.mf-fo__points--large{columns:2;column-gap:48px}}\n.mf-fo__points--large li{break-inside:avoid}\n\n.mf-fo__groupes{display:grid !important;grid-template-columns:1fr;gap:30px 48px}\n@media (min-width:760px){.mf-fo__groupes{grid-template-columns:1fr 1fr}}\n.mf-fo__groupe{break-inside:avoid}\n.mf-fo__groupe-titre{\n  font-family:inherit !important;\n  font-size:15px !important;\n  font-weight:600 !important;\n  line-height:1.4 !important;\n  color:var(--mf-sub) !important;\n  margin:0 0 12px 0 !important;\n}\n\n\/* ================= CTA ================= *\/\n.mf-fo__cta{\n  margin:88px 0 0 0 !important;\n  padding:56px 32px !important;\n  border:1px solid var(--mf-border);\n  border-radius:20px;\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n}\n@media (min-width:760px){.mf-fo__cta{padding:72px 56px !important}}\n.mf-fo__cta:before{\n  content:\"\";\n  position:absolute;\n  left:50%;top:-60%;\n  width:120%;height:150%;\n  transform:translateX(-50%);\n  background:radial-gradient(ellipse at center, rgba(123,165,211,.16) 0%, rgba(255,255,255,0) 65%);\n  pointer-events:none;\n}\n.mf-fo__cta-inner{position:relative;z-index:1}\n.mf-fo__cta-titre{\n  font-family:inherit !important;\n  font-size:clamp(24px,2.8vw,36px) !important;\n  line-height:1.2 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 16px 0 !important;\n}\n.mf-fo__cta-p{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.25vw,18px) !important;\n  line-height:1.65 !important;\n  color:var(--mf-body) !important;\n  margin:0 auto !important;\n  max-width:52ch;\n}\n.mf-fo__boutons{margin:34px 0 0 0 !important;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}\n.mf-fo__btn{\n  display:inline-flex !important;\n  align-items:center;justify-content:center;\n  font-family:inherit !important;\n  font-size:15px !important;\n  font-weight:500 !important;\n  padding:16px 34px !important;\n  border-radius:8px !important;\n  text-decoration:none !important;\n  transition:all .3s cubic-bezier(.4,0,.2,1) !important;\n  cursor:pointer;\n}\n.mf-fo__btn--plein{background:var(--mf-cta) !important;color:#ffffff !important;border:1px solid var(--mf-cta) !important}\n.mf-fo__btn--plein:hover,.mf-fo__btn--plein:focus{\n  background:#12008a !important;border-color:#12008a !important;color:#ffffff !important;\n  transform:translateY(-2px);\n  box-shadow:0 18px 40px -18px rgba(24,0,173,.6);\n}\n\n.mf-fo__pied{padding-bottom:100px !important}\n\n\/* ================= ANIMATION =================\n   Par defaut TOUT est visible : si le script ne s'execute pas\n   (editeur Elementor, JS desactive), la page reste lisible. *\/\n\n.mf-fo-wrap.anim-on .mf-fo__rise{\n  opacity:0;\n  transform:translateY(22px);\n  transition:opacity 1s cubic-bezier(.4,0,.2,1), transform 1s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__rise{opacity:1;transform:translateY(0)}\n\n.mf-fo-wrap.anim-on .mf-fo__rule{\n  transform:scaleX(0);\n  transition:transform 1.2s cubic-bezier(.4,0,.2,1) .2s;\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__rule{transform:scaleX(1)}\n\n.mf-fo-wrap.anim-on .mf-fo__chiffre,\n.mf-fo-wrap.anim-on .mf-fo__info,\n.mf-fo-wrap.anim-on .mf-fo__module{\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .95s cubic-bezier(.4,0,.2,1), transform .95s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__chiffre,\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__info,\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__module{opacity:1;transform:translateY(0)}\n\n.mf-fo-wrap.anim-on .mf-fo__cta{\n  opacity:0;\n  transform:scale(.965);\n  transition:opacity 1.1s cubic-bezier(.4,0,.2,1), transform 1.2s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__cta{opacity:1;transform:scale(1)}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-fo-wrap.anim-on .mf-fo__rise,\n  .mf-fo-wrap.anim-on .mf-fo__chiffre,\n  .mf-fo-wrap.anim-on .mf-fo__info,\n  .mf-fo-wrap.anim-on .mf-fo__module,\n  .mf-fo-wrap.anim-on .mf-fo__cta{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-fo-wrap.anim-on .mf-fo__rule{transform:none !important;transition:none !important}\n  .mf-fo__tete:hover{padding-left:0 !important}\n}\n<\/style>\n\n<div class=\"mf-fo-wrap\">\n<div class=\"mf-fo\">\n\n  <!-- ============ HERO ============ -->\n  <header class=\"mf-fo__hero mf-fo__zone\">\n    <h1 class=\"mf-fo__h1 mf-fo__rise\" style=\"transition-delay:140ms\">WordPress<\/h1>\n    <p class=\"mf-fo__accroche\" data-mf-type><span class=\"mf-fo__ghost\">Vingt-trois modules pour cr&#233;er, personnaliser et r&#233;f&#233;rencer un site WordPress professionnel, jusqu&#8217;&#224; la boutique en ligne.<\/span><span class=\"mf-fo__out\" aria-hidden=\"true\"><\/span><\/p>\n    <div class=\"mf-fo__rule\"><\/div>\n  <\/header>\n\n  <!-- ============ CHIFFRES ============ -->\n  <section class=\"mf-fo__zone\">\n    <ul class=\"mf-fo__chiffres\">\n        <li class=\"mf-fo__chiffre\" style=\"transition-delay:160ms\">\n          <span class=\"mf-fo__val\"><span class=\"mf-fo__num\" data-mf-cible=\"14\">14<\/span>h<\/span>\n          <span class=\"mf-fo__cle\">Temps moyen de formation<\/span>\n        <\/li>\n        <li class=\"mf-fo__chiffre\" style=\"transition-delay:270ms\">\n          <span class=\"mf-fo__val\"><span class=\"mf-fo__num\" data-mf-cible=\"23\">23<\/span><\/span>\n          <span class=\"mf-fo__cle\">Modules<\/span>\n        <\/li>\n        <li class=\"mf-fo__chiffre\" style=\"transition-delay:380ms\">\n          <span class=\"mf-fo__val\"><span class=\"mf-fo__num\" data-mf-cible=\"256\">256<\/span><\/span>\n          <span class=\"mf-fo__cle\">Le&#231;ons<\/span>\n        <\/li>\n    <\/ul>\n  <\/section>\n\n  <!-- ============ OBJECTIFS ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <h2 class=\"mf-fo__h2 mf-fo__rise\" style=\"transition-delay:60ms\">Objectifs p&eacute;dagogiques<\/h2>\n    <p class=\"mf-fo__texte mf-fo__rise\" style=\"transition-delay:160ms\">Avec cette formation WordPress 2021, vous pourrez en 23 modules ma&#238;triser l'interface de WordPress et des plugins indispensables. Vous saurez bien r&#233;f&#233;rencer votre site pour gagner en visibilit&#233; et cr&#233;er un site e-commerce simple et efficace.<\/p>\n  <\/section>\n\n  <!-- ============ COMPETENCES (uniquement si des donnees existent) ============ -->\n\n  <!-- ============ INFOS PRATIQUES ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <h2 class=\"mf-fo__h2 mf-fo__rise\" style=\"transition-delay:60ms\">L'essentiel &agrave; savoir<\/h2>\n    <div class=\"mf-fo__infos\">\n        <div class=\"mf-fo__info\" style=\"transition-delay:160ms\">\n          <span class=\"mf-fo__info-label\">Syst&#232;me d'&#233;valuation<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>Oui&#160;: &#233;valuation r&#233;alis&#233;e depuis la plateforme tout au long du parcours<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mf-fo__info\" style=\"transition-delay:260ms\">\n          <span class=\"mf-fo__info-label\">Niveau de granularisation<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>23 modules d&#233;coup&#233;s en vid&#233;os p&#233;dagogiques, quiz formatifs et ressources t&#233;l&#233;chargeables<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mf-fo__info\" style=\"transition-delay:360ms\">\n          <span class=\"mf-fo__info-label\">Pr&#233; requis technique<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>Navigateur web&#160;: Edge, Chrome, Firefox, Safari<\/li>\n            <li>Syst&#232;me d'exploitation&#160;: Mac ou PC, smartphone<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mf-fo__info\" style=\"transition-delay:460ms\">\n          <span class=\"mf-fo__info-label\">Technologie<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>Vid&#233;o<\/li>\n            <li>Norme SCORM<\/li>\n          <\/ul>\n        <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ PROGRAMME ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <h2 class=\"mf-fo__h2 mf-fo__rise\" style=\"transition-delay:60ms\">Le programme d&eacute;taill&eacute;<\/h2>\n    <ul class=\"mf-fo__modules\">\n      <li class=\"mf-fo__module is-open\" style=\"transition-delay:200ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"true\">\n          <span class=\"mf-fo__mod-num\">01<\/span>\n          <span class=\"mf-fo__mod-titre\">Introduction<\/span>\n          <span class=\"mf-fo__mod-compte\">2 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Pr&#233;sentation du cours<\/li>\n              <li>Pourquoi utiliser WordPress pour cr&#233;er son site<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:290ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">02<\/span>\n          <span class=\"mf-fo__mod-titre\">Mettre en ligne<\/span>\n          <span class=\"mf-fo__mod-compte\">8 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Choisir votre nom de domaine<\/li>\n              <li>Rechercher un nom de domaine<\/li>\n              <li>Acheter votre h&#233;bergement Web et votre nom de domaine chez OVH<\/li>\n              <li>Acheter un nom de domaine chez LWS<\/li>\n              <li>Connexion &#224; l'interface LWS<\/li>\n              <li>Installer WP dans LWS<\/li>\n              <li>WordPress install&#233;<\/li>\n              <li>Quiz : Mettre en ligne<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:380ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">03<\/span>\n          <span class=\"mf-fo__mod-titre\">Prise en main<\/span>\n          <span class=\"mf-fo__mod-compte\">7 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Voyons rapidement l'interface WordPress<\/li>\n              <li>Les param&#232;tres du Profil<\/li>\n              <li>R&#233;glages g&#233;n&#233;ral<\/li>\n              <li>R&#233;glages de la lecture et &#233;criture<\/li>\n              <li>R&#233;glage des commentaires<\/li>\n              <li>R&#233;glage des m&#233;dias, permaliens et confidentialit&#233;<\/li>\n              <li>Quiz : Prise en main<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:470ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">04<\/span>\n          <span class=\"mf-fo__mod-titre\">Plugin ou Extension<\/span>\n          <span class=\"mf-fo__mod-compte\">13 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Plugin, extensions : o&#249; les trouver et comment les installer<\/li>\n              <li>D&#233;couvrir les plugins et installer le 1er<\/li>\n              <li>Les Plugins indispensables<\/li>\n              <li>WooCommerce : Introduction<\/li>\n              <li>Cr&#233;er une fiche produit<\/li>\n              <li>Introduction des autres fonctions de WooCommerce<\/li>\n              <li>WooCommerce : Dashboard : Commandes : Coupons<\/li>\n              <li>WooCommerce : les r&#233;glages de la boutique<\/li>\n              <li>WooCommerce : Etat et extensions<\/li>\n              <li>WooCommerce : Analytics<\/li>\n              <li>Contact Form 7 : Pr&#233;sentation du plugin<\/li>\n              <li>Contact Form 7 : Cr&#233;ation et int&#233;gration d'un nouveau formulaire<\/li>\n              <li>Quiz : Plugin ou Extension<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:560ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">05<\/span>\n          <span class=\"mf-fo__mod-titre\">Apparence : La gestion du th&#232;me<\/span>\n          <span class=\"mf-fo__mod-compte\">6 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Pr&#233;sentation<\/li>\n              <li>Explorer les diff&#233;rents th&#232;mes<\/li>\n              <li>Personnaliser le titre et mettre le favicon<\/li>\n              <li>Les param&#232;tres de personnalisation<\/li>\n              <li>Pr&#233;cision sur les th&#232;mes<\/li>\n              <li>Quiz : La gestion du th&#232;me<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:650ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">06<\/span>\n          <span class=\"mf-fo__mod-titre\">Les bases de WordPress<\/span>\n          <span class=\"mf-fo__mod-compte\">9 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Fichiers ressources<\/li>\n              <li>Articles et pages : Introduction<\/li>\n              <li>Commencer &#224; cr&#233;er une nouvelle page<\/li>\n              <li>Explication rapide pour mettre du contenu texte<\/li>\n              <li>Ajouter une image et une vid&#233;o<\/li>\n              <li>L'image &#224; la une<\/li>\n              <li>Ajouter des comptes &#224; votre site<\/li>\n              <li>Les commentaires<\/li>\n              <li>Quiz : Les bases de WordPress<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:740ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">07<\/span>\n          <span class=\"mf-fo__mod-titre\">Cr&#233;er et g&#233;rer son menu<\/span>\n          <span class=\"mf-fo__mod-compte\">5 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Introduction au menu<\/li>\n              <li>Cr&#233;er un menu avec des pages<\/li>\n              <li>Ajouter des &#233;l&#233;ments au menu<\/li>\n              <li>G&#233;rer les menus<\/li>\n              <li>Quiz : Cr&#233;er et g&#233;rer son menu<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:830ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">08<\/span>\n          <span class=\"mf-fo__mod-titre\">Apparence : Les th&#232;mes, qu'est-ce que c'est ?<\/span>\n          <span class=\"mf-fo__mod-compte\">2 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>O&#249; trouver les th&#232;mes<\/li>\n              <li>3 m&#233;thodes pour les installer<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:920ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">09<\/span>\n          <span class=\"mf-fo__mod-titre\">D&#233;couvrir le th&#232;me<\/span>\n          <span class=\"mf-fo__mod-compte\">5 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Option de mise en page<\/li>\n              <li>Option de l'en-t&#234;te<\/li>\n              <li>Option du pied de page<\/li>\n              <li>Option des couleurs et typographie<\/li>\n              <li>D&#233;couvrons les derni&#232;res options<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1010ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">10<\/span>\n          <span class=\"mf-fo__mod-titre\">Elementor<\/span>\n          <span class=\"mf-fo__mod-compte\">3 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>A quoi sert Elementor<\/li>\n              <li>Installer Elementor<\/li>\n              <li>Pr&#233;sentation des options dans l'onglet<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1100ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">11<\/span>\n          <span class=\"mf-fo__mod-titre\">Elementor : Partie cr&#233;ation<\/span>\n          <span class=\"mf-fo__mod-compte\">26 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Pr&#233;sentation des options dans l'onglet Elementor<\/li>\n              <li>Option de r&#233;glages Elementor<\/li>\n              <li>Encore quelques r&#233;glages<\/li>\n              <li>Cr&#233;ation de la 1re section de la page<\/li>\n              <li>Importer une image dans la section<\/li>\n              <li>Comment ajouter un TITRE et un TEXTE<\/li>\n              <li>Cr&#233;er une nouvelle section dans la m&#234;me page<\/li>\n              <li>Ins&#233;rer une vid&#233;o<\/li>\n              <li>Ajouter des boutons<\/li>\n              <li>Ajouter un s&#233;parateur ou un espaceur<\/li>\n              <li>Int&#233;grer Google Maps<\/li>\n              <li>Ajouter des ic&#244;nes<\/li>\n              <li>Ins&#233;rer une bo&#238;te d'images<\/li>\n              <li>Ins&#233;rer une bo&#238;te d'ic&#244;nes<\/li>\n              <li>Cr&#233;er une notation avec des Etoiles<\/li>\n              <li>La galerie photo interactive<\/li>\n              <li>Carrousel d'images<\/li>\n              <li>Cr&#233;er une liste d'ic&#244;nes<\/li>\n              <li>Ajouter des compteurs interactifs<\/li>\n              <li>Les barres de progression<\/li>\n              <li>Ajouter des t&#233;moignages pour cr&#233;dibiliser votre site<\/li>\n              <li>Comment ajouter du contenu de type Onglets, Accord&#233;on et Va-et-vient<\/li>\n              <li>Ajouter les ic&#244;nes de r&#233;seaux sociaux<\/li>\n              <li>Cr&#233;er une alerte sur votre site<\/li>\n              <li>Les derniers outils disponibles<\/li>\n              <li>Quiz : Elementor<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1190ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">12<\/span>\n          <span class=\"mf-fo__mod-titre\">Site Agence de Marketing Digital (Atelier cr&#233;atif)<\/span>\n          <span class=\"mf-fo__mod-compte\">21 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Pr&#233;sentation des documents fournis<\/li>\n              <li>Fichiers ressources<\/li>\n              <li>Nettoyage des &#233;l&#233;ments pr&#233;c&#233;dents<\/li>\n              <li>Ins&#233;rer le logo<\/li>\n              <li>Cr&#233;er le menu<\/li>\n              <li>Ajuster les options du menu<\/li>\n              <li>R&#233;glages g&#233;n&#233;raux d'Elementor<\/li>\n              <li>Cr&#233;ation de l'en-t&#234;te de la page<\/li>\n              <li>El&#233;ments dans la rang&#233;e suivante<\/li>\n              <li>Ajuster les r&#233;glages de cette section<\/li>\n              <li>Mise en place de la section suivante<\/li>\n              <li>Cr&#233;ation de la section SERVICE<\/li>\n              <li>Ajuster les derni&#232;res options &#224; la section<\/li>\n              <li>Ajouter la page d'accueil au menu<\/li>\n              <li>En-t&#234;te de la page d'accueil<\/li>\n              <li>Section domaine d'expertise<\/li>\n              <li>Rajouter les options du domaine d'expertise<\/li>\n              <li>Finalisation de la page d'accueil<\/li>\n              <li>Ajout des premiers &#233;l&#233;ments de la section AGENCE<\/li>\n              <li>Ajouter les photos des collaborateurs<\/li>\n              <li>Conclusion<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1280ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">13<\/span>\n          <span class=\"mf-fo__mod-titre\">Ajuster le site en version mobile<\/span>\n          <span class=\"mf-fo__mod-compte\">3 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Elementor pour ajuster son site mobile<\/li>\n              <li>Faire les ajustements pour mobile<\/li>\n              <li>Conclusion<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1370ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">14<\/span>\n          <span class=\"mf-fo__mod-titre\">Editeur de texte Gutenberg<\/span>\n          <span class=\"mf-fo__mod-compte\">15 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>T&#233;l&#233;charger Gutenberg si besoin<\/li>\n              <li>Pr&#233;sentation de Gutenberg : Introduction<\/li>\n              <li>Commencer &#224; &#233;crire un texte<\/li>\n              <li>Ecrire du texte et le modifier<\/li>\n              <li>Ins&#233;rer une image<\/li>\n              <li>Ins&#233;rer une galerie<\/li>\n              <li>Ins&#233;rer une banni&#232;re<\/li>\n              <li>Aper&#231;u de notre page<\/li>\n              <li>M&#233;dia et texte<\/li>\n              <li>Ins&#233;rer une vid&#233;o<\/li>\n              <li>Cr&#233;er un bouton<\/li>\n              <li>Mettre la bonne destination &#171; lien &#187; &#224; notre bouton<\/li>\n              <li>Comment faire des colonnes<\/li>\n              <li>S&#233;parateur et espacement<\/li>\n              <li>Quiz : Gutenberg<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1460ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">15<\/span>\n          <span class=\"mf-fo__mod-titre\">Cr&#233;er une page avec Gutenberg (Atelier cr&#233;atif)<\/span>\n          <span class=\"mf-fo__mod-compte\">13 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Fichiers ressources<\/li>\n              <li>Pr&#233;sentation de la page &#224; r&#233;aliser<\/li>\n              <li>Param&#233;trer le th&#232;me<\/li>\n              <li>Cr&#233;er les premi&#232;res colonnes<\/li>\n              <li>Cr&#233;ation du 1er bloc<\/li>\n              <li>Param&#233;trage du 1er bloc<\/li>\n              <li>Cr&#233;ation du 2e bloc<\/li>\n              <li>Mise en forme et cr&#233;ation du bouton<\/li>\n              <li>Cr&#233;ation de la banni&#232;re<\/li>\n              <li>Cr&#233;ation du dernier bloc<\/li>\n              <li>Personnaliser sa typo avec du CSS<\/li>\n              <li>Copier les codes CSS<\/li>\n              <li>Trouver une autre typo<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1550ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">16<\/span>\n          <span class=\"mf-fo__mod-titre\">Portfolio simple (Atelier cr&#233;atif)<\/span>\n          <span class=\"mf-fo__mod-compte\">15 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Fichiers ressources<\/li>\n              <li>Pr&#233;sentation de l'atelier<\/li>\n              <li>Installation et recherche du th&#232;me<\/li>\n              <li>Personnalisation de l'en-t&#234;te<\/li>\n              <li>Cr&#233;ation du 1er Article<\/li>\n              <li>Cr&#233;ation du 2e Article<\/li>\n              <li>Quelques param&#232;tres de Propri&#233;t&#233; du th&#232;me<\/li>\n              <li>Permalien et changement du nom de l'auteur<\/li>\n              <li>Nouvel article et nouvelle cat&#233;gories<\/li>\n              <li>Menu : Ins&#233;rer les cat&#233;gories au menu<\/li>\n              <li>Cr&#233;ation de la page : Qui je suis<\/li>\n              <li>Rajouter une page au menu<\/li>\n              <li>G&#233;n&#233;rer un formulaire de contact<\/li>\n              <li>Int&#233;grer le formulaire de contact<\/li>\n              <li>Contactez moi : Astuce et bouton<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1640ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">17<\/span>\n          <span class=\"mf-fo__mod-titre\">Valoriser votre site WordPress<\/span>\n          <span class=\"mf-fo__mod-compte\">6 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Comment faire un logo simple<\/li>\n              <li>O&#249; trouver des images pour votre site : Se connecter au site Pexels<\/li>\n              <li>Rechercher sur Pexels<\/li>\n              <li>D&#233;couvrir Unsplash<\/li>\n              <li>D&#233;couvrir Freepik pour des pictos et illustrations<\/li>\n              <li>D&#233;couvrir Snazzy pour mieux &#233;crire vos slogans et contenus<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1730ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">18<\/span>\n          <span class=\"mf-fo__mod-titre\">Introduction au r&#233;f&#233;rencement SEO<\/span>\n          <span class=\"mf-fo__mod-compte\">7 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Introduction au SEO<\/li>\n              <li>Title et Meta description<\/li>\n              <li>Choisir ses mots cl&#233;s<\/li>\n              <li>Soignez le contenu de vos pages<\/li>\n              <li>Optimiser ces images<\/li>\n              <li>Les backlinks<\/li>\n              <li>Conclusion<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1820ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">19<\/span>\n          <span class=\"mf-fo__mod-titre\">Plugin Yoast SEO<\/span>\n          <span class=\"mf-fo__mod-compte\">5 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Pr&#233;sentation rapide<\/li>\n              <li>R&#233;glage SEO<\/li>\n              <li>Comment faire les premiers param&#232;tres de notre page<\/li>\n              <li>Les autres param&#232;tres SEO<\/li>\n              <li>Les derniers r&#233;glages<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:1910ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">20<\/span>\n          <span class=\"mf-fo__mod-titre\">E-Commerce Myshoes (Atelier cr&#233;atif)<\/span>\n          <span class=\"mf-fo__mod-compte\">38 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Fichiers ressources<\/li>\n              <li>Mise en place du th&#232;me et WooCommerce : T&#233;l&#233;charger le th&#232;me<\/li>\n              <li>Mise en place du th&#232;me et WooCommerce : Configurer le titre et favicon<\/li>\n              <li>Mise en place du th&#232;me et WooCommerce : Installation de WooCommerce<\/li>\n              <li>Les produits : Configurer un produit simple<\/li>\n              <li>Les produits : Cr&#233;ation d'un produit variable<\/li>\n              <li>Les produits : Mettre en place les variations de produit<\/li>\n              <li>Les produits : Les produits group&#233;s<\/li>\n              <li>Les produits : Attribuer une mont&#233;e en gamme<\/li>\n              <li>Les produits : Produit externe et affili&#233;<\/li>\n              <li>Les Cat&#233;gories \/ Widgets : Gestion des cat&#233;gories<\/li>\n              <li>Les Cat&#233;gories \/ Widgets : G&#233;rer le menu et les cat&#233;gories<\/li>\n              <li>Les Cat&#233;gories \/ Widgets : G&#233;rer le widget de la sidebar<\/li>\n              <li>Les Cat&#233;gories \/ Widgets : Param&#232;tres du th&#232;me : WooCommerce<\/li>\n              <li>Page d'accueil : Personnaliser la page d'accueil<\/li>\n              <li>Page d'accueil : Cr&#233;ation<\/li>\n              <li>Page d'accueil : Etude de la concurrence<\/li>\n              <li>Page d'accueil : Pr&#233;sentation de la page d'accueil<\/li>\n              <li>Page d'accueil : Cr&#233;ation de la 1re banni&#232;re<\/li>\n              <li>Page d'accueil : Cr&#233;ation de la 2e banni&#232;re<\/li>\n              <li>Page d'accueil : Ajout des s&#233;parateurs et de la citation<\/li>\n              <li>Page d'accueil : Ajouter les nouveaut&#233;s avec WooCommerce<\/li>\n              <li>Page d'accueil : Finalisation de la Page d'accueil<\/li>\n              <li>Mega Menu : Installation de l'extension<\/li>\n              <li>Mega Menu : Pr&#233;sentation g&#233;n&#233;rale du Mega Menu<\/li>\n              <li>Mega Menu : Plus de d&#233;tail des param&#233;trages<\/li>\n              <li>Mega Menu : Ajouter le contenu du menu<\/li>\n              <li>Mega Menu : Personnaliser le Mega Menu<\/li>\n              <li>Mega Menu : Dernier param&#232;tre<\/li>\n              <li>Footer : Cr&#233;er son footer<\/li>\n              <li>Faire un PopUp : T&#233;l&#233;charger l'extension<\/li>\n              <li>Faire un PopUp : Param&#233;trage du PopUp<\/li>\n              <li>Faire un PopUp : Les cookies<\/li>\n              <li>Administration WooCommerce : Pr&#233;sentation de l'interface<\/li>\n              <li>Administration WooCommerce : Partie Analytics<\/li>\n              <li>Administration WooCommerce : Param&#233;trer PayPal<\/li>\n              <li>Administration WooCommerce : G&#233;n&#233;rer un processus de Vente<\/li>\n              <li>Conclusion<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:2000ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">21<\/span>\n          <span class=\"mf-fo__mod-titre\">La s&#233;curit&#233;<\/span>\n          <span class=\"mf-fo__mod-compte\">5 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Mettre &#224; jour les &#233;l&#233;ments<\/li>\n              <li>Changer le mot de passe admin<\/li>\n              <li>Plugin AKISMET<\/li>\n              <li>Installer le plugin s&#233;curit&#233;<\/li>\n              <li>Explication rapide du plugin<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:2090ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">22<\/span>\n          <span class=\"mf-fo__mod-titre\">Style Business : Kitesurf (Atelier cr&#233;atif)<\/span>\n          <span class=\"mf-fo__mod-compte\">22 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Pr&#233;sentation<\/li>\n              <li>Fichiers sources<\/li>\n              <li>T&#233;l&#233;charger le th&#232;me<\/li>\n              <li>D&#233;cryptage du th&#232;me OnePress<\/li>\n              <li>Mettre le site en maintenance<\/li>\n              <li>Configurer la page de maintenance<\/li>\n              <li>Commen&#231;ons la cr&#233;ation<\/li>\n              <li>Cr&#233;er la page d'accueil<\/li>\n              <li>Section HERO<\/li>\n              <li>Section FONCTIONNALITES<\/li>\n              <li>Section A PROPOS<\/li>\n              <li>Section SERVICES<\/li>\n              <li>Section VIDEO LIGHTBOX<\/li>\n              <li>Section GALERIE<\/li>\n              <li>Section COMPTEUR<\/li>\n              <li>Section EQUIPE<\/li>\n              <li>Section NOUVEAUTE<\/li>\n              <li>Section CONTACT<\/li>\n              <li>Identit&#233; du site<\/li>\n              <li>Le menu<\/li>\n              <li>Ajouter un flux Instagram<\/li>\n              <li>Pied de page<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:2180ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">23<\/span>\n          <span class=\"mf-fo__mod-titre\">Site P&#226;tisserie (Atelier cr&#233;atif)<\/span>\n          <span class=\"mf-fo__mod-compte\">20 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>D&#233;couvrir le plan du site<\/li>\n              <li>Choisir le th&#232;me<\/li>\n              <li>Personnaliser l'en-t&#234;te<\/li>\n              <li>Cr&#233;ation du menu et des pages<\/li>\n              <li>Personnaliser le menu<\/li>\n              <li>Les derni&#232;res retouches du menu<\/li>\n              <li>Commencer la structure de la page<\/li>\n              <li>Finaliser les r&#233;glages du site<\/li>\n              <li>Travaillons sur le haut de la page P&#226;tisserie<\/li>\n              <li>Mettre une vid&#233;o<\/li>\n              <li>Mettre les premi&#232;res p&#226;tisseries<\/li>\n              <li>Modifier les colonnes et finaliser les produits<\/li>\n              <li>Mettre la map<\/li>\n              <li>Param&#233;trage de \"O&#249; nous trouver\"<\/li>\n              <li>Mettre l'ancre du menu<\/li>\n              <li>Mettre le 1er produit<\/li>\n              <li>Options du produit<\/li>\n              <li>Ajuster le menu avec les nouveaux &#233;l&#233;ments<\/li>\n              <li>Valider une commande<\/li>\n              <li>Pied de page et conclusion<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n    <\/ul>\n  <\/section>\n\n  <!-- ============ PRIX \/ NOTE \/ PARTICIPANTS ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <div class=\"mf-fo__bandeau mf-fo__rise\" style=\"transition-delay:60ms\">\n      <ul class=\"mf-fo__trio\">\n\n        <li class=\"mf-fo__cell\">\n          <span class=\"mf-fo__cell-label\">Tarif de la formation<\/span>\n          <span class=\"mf-fo__cell-val\">1&#160;090&nbsp;&euro;<span class=\"mf-fo__unite\">HT<\/span><\/span>\n          <span class=\"mf-fo__cell-note\">Acc&egrave;s individuel, contenu complet et suivi de progression inclus.<\/span>\n        <\/li>\n\n        <li class=\"mf-fo__cell\">\n          <span class=\"mf-fo__cell-label\">Note globale<\/span>\n          <span class=\"mf-fo__cell-val\">4,8<span class=\"mf-fo__sur\">\/5<\/span><\/span>\n          <span class=\"mf-fo__etoiles\" aria-hidden=\"true\"><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-demi\"><\/span><\/span>\n        <\/li>\n\n        <li class=\"mf-fo__cell\">\n          <span class=\"mf-fo__cell-label\">Participants form&eacute;s<\/span>\n          <span class=\"mf-fo__cell-val\"><span class=\"mf-fo__num\" data-mf-cible=\"16\">16<\/span><\/span>\n          <span class=\"mf-fo__cell-note\">Personnes ayant suivi cette formation.<\/span>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CTA ============ -->\n  <section class=\"mf-fo__zone mf-fo__pied\">\n    <div class=\"mf-fo__cta\">\n      <div class=\"mf-fo__cta-inner\">\n        <h2 class=\"mf-fo__cta-titre\">Une question sur cette formation ?<\/h2>\n        <p class=\"mf-fo__cta-p\">La formation se suit int&eacute;gralement en ligne, &agrave; votre rythme. Dites-nous ce que vous souhaitez savoir : contenu, acc&egrave;s &agrave; une d&eacute;mo gratuite, prise en main de la plateforme ou possibilit&eacute;s de financement.<\/p>\n        <div class=\"mf-fo__boutons\">\n          <a href=\"https:\/\/www.mentorformation.fr\/index.php\/contact-2026\/\" class=\"mf-fo__btn mf-fo__btn--plein\">Demander des informations<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n<\/div>\n\n<script>\n(function(){\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-fo-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  \/* ---------- ACCORDEON (toujours actif, meme dans l'editeur) ---------- *\/\n  var modules = racine.querySelectorAll('.mf-fo__module');\n  Array.prototype.forEach.call(modules, function(mod){\n    var tete = mod.querySelector('.mf-fo__tete');\n    if (!tete) return;\n    tete.addEventListener('click', function(){\n      var ouvert = mod.classList.toggle('is-open');\n      tete.setAttribute('aria-expanded', ouvert ? 'true' : 'false');\n    });\n  });\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var editeur = !!(window.elementorFrontend && window.elementorFrontend.isEditMode\n                   && window.elementorFrontend.isEditMode())\n             || !!(window.elementor && window.elementor.isEditMode)\n             || document.body.classList.contains('elementor-editor-active');\n\n  if (reduit || editeur || !('IntersectionObserver' in window)) return;\n\n  racine.classList.add('anim-on');\n\n  \/* ---------- MACHINE A ECRIRE SUR L'ACCROCHE ---------- *\/\n  var VITESSE = 22;\n  var accroche = racine.querySelector('[data-mf-type]');\n  if (accroche) {\n    var ghost = accroche.querySelector('.mf-fo__ghost');\n    var out   = accroche.querySelector('.mf-fo__out');\n    if (ghost && out) {\n      var texte = ghost.textContent;\n      var caret = document.createElement('i');\n      caret.className = 'mf-fo__caret';\n      out.appendChild(caret);\n      accroche.classList.add('is-typing');\n      var noeud = document.createTextNode('');\n      out.insertBefore(noeud, caret);\n      var n = 0;\n      setTimeout(function frappe(){\n        if (n <= texte.length) {\n          noeud.nodeValue = texte.slice(0, n);\n          n++;\n          setTimeout(frappe, VITESSE);\n        } else {\n          accroche.classList.remove('is-typing');\n          accroche.classList.add('is-done');\n          out.style.display = 'none';\n        }\n      }, 420);\n    }\n  }\n\n  \/* ---------- APPARITION PAR ZONE + COMPTEURS ---------- *\/\n  var zones = racine.querySelectorAll('.mf-fo__zone');\n\n  function compteur(zone){\n    var nums = zone.querySelectorAll('.mf-fo__num');\n    Array.prototype.forEach.call(nums, function(el){\n      if (el.getAttribute('data-mf-fait')) return;\n      el.setAttribute('data-mf-fait','1');\n      var cible = parseInt(el.getAttribute('data-mf-cible'), 10);\n      if (isNaN(cible)) return;\n      var duree = 1400, debut = null;\n      function pas(t){\n        if (!debut) debut = t;\n        var p = Math.min((t - debut) \/ duree, 1);\n        var e = 1 - Math.pow(1 - p, 3);\n        el.textContent = Math.round(cible * e);\n        if (p < 1) requestAnimationFrame(pas);\n        else el.textContent = cible;\n      }\n      el.textContent = '0';\n      requestAnimationFrame(pas);\n    });\n  }\n\n  var obs = new IntersectionObserver(function(entrees){\n    entrees.forEach(function(e){\n      if (e.isIntersecting) {\n        e.target.classList.add('is-vu');\n        compteur(e.target);\n        obs.unobserve(e.target);\n      }\n    });\n  }, { threshold:0, rootMargin:'0px 0px -15% 0px' });\n\n  Array.prototype.forEach.call(zones, function(z){ obs.observe(z); });\n\n  setTimeout(function(){\n    Array.prototype.forEach.call(zones, function(z){\n      if (z.classList.contains('is-vu')) return;\n      var r = z.getBoundingClientRect();\n      var h = window.innerHeight || document.documentElement.clientHeight;\n      if (r.top < h * 0.85 && r.bottom > 0) {\n        z.classList.add('is-vu');\n        compteur(z);\n      }\n    });\n  }, 2500);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WordPress Vingt-trois modules pour cr&#233;er, personnaliser et r&#233;f&#233;rencer un site WordPress professionnel, jusqu&#8217;&#224; la boutique en ligne. 14h Temps moyen de formation 23 Modules 256 Le&#231;ons Objectifs p&eacute;dagogiques Avec cette formation WordPress 2021, vous pourrez en 23 modules ma&#238;triser l&rsquo;interface de WordPress et des plugins indispensables. Vous saurez bien r&#233;f&#233;rencer votre site pour gagner en [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tpgb_global_settings":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-8208","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"23 ao\u00fbt 2026","get_modified_date":"23 ao\u00fbt 2026","author_name":"marcmentor","author_url":"https:\/\/www.mentorformation.fr\/index.php\/author\/marmentor\/","author_email":"mentormarchaendel@gmail.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"marcmentor","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/8208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=8208"}],"version-history":[{"count":4,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/8208\/revisions"}],"predecessor-version":[{"id":8213,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/8208\/revisions\/8213"}],"wp:attachment":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=8208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}