WordPress les derni猫res actualit茅s et astuces

<!DOCTYPE html> <html lang="fr"> <head> <title>WordPress les derni猫res actualit茅s et astuces</title> <meta name="theme-color" content="rgb(6, 8, 51)"> <meta name="msapplication-navbutton-color" content="rgb(6, 8, 51)">    <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="alternate" type="application/rss+xml" href="https://www.blogduwebdesign.com/blog/do/rss.xml" /> <link href="https://www.blogduwebdesign.com/themes/commondesignlines/647db1c8f9b3d4558d13fe8b/creation-de-site/wordpress/.css?v=a6f63bc862325fa0a5a3015653491caf" rel="stylesheet"> <meta name="description" content="Nous couvrons les derni猫res nouvelles de l'univers WordPress, les mises 脿 jour de plugins et de th猫mes, et les tendances du d茅veloppement web dans聽WordPress. En plus, vous trouverez de nombreuses d'astuces pratiques pour optimiser votre site WordPress, am茅liorer la s茅curit茅, augmenter la performance et la s茅curit茅." /> <link rel="image_src" href="https://www.blogduwebdesign.com/medias/images/wordpress-1-.jpg" /> <meta property="og:image" content="https://www.blogduwebdesign.com/medias/images/wordpress-1-.jpg" /> <link href="//www.blogduwebdesign.com/themes/designlines/bottomsite/index.css?v=1740386414" rel="stylesheet"> <link rel="canonical" href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/"> <meta name="generator" content="e-monsite (e-monsite.com)"> <link rel="icon" href="https://www.blogduwebdesign.com/medias/site/favicon/fav-bdwd-33.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Poppins:300,300italic,400,400italic,700,700italic&display=swap" rel="stylesheet"> <link href="//www.blogduwebdesign.com/themes/combined.css?v=6_1642769533_883" rel="stylesheet"> <link rel="preload" href="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/jquery-3.6.3.min.js?v=26012023" as="script"> <script src="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/jquery-3.6.3.min.js?v=26012023"></script> <link rel="preload" href="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/popper.min.js?v=31012023" as="script"> <script src="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/popper.min.js?v=31012023"></script> <link rel="preload" href="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/bootstrap.min.js?v=31012023" as="script"> <script src="//www.blogduwebdesign.com/medias/static/themes/bootstrap_v4/js/bootstrap.min.js?v=31012023"></script> <script src="//www.blogduwebdesign.com/themes/combined.js?v=6_1642769533_883&lang=fr"></script> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "WebSite", "name" : "blogduwebdesign", "url" : "https://www.blogduwebdesign.com/" } </script>  <script type="text/javascript"> var sib_prefix = 'sib'; var sib_dateformat = 'dd-mm-yyyy'; </script>   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1322338178895671" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GQRDZ6CXGF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GQRDZ6CXGF'); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '239037031182877'); fbq('track', 'PageView'); </script> <meta name="facebook-domain-verification" content="6pqjh45ku8uy3paigz3kvk7gtyjjqt" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4VN4372P6E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4VN4372P6E'); </script> </head> <body id="blog_run_creation-de-site_wordpress" data-template="default">  <div id="top-site" class="sticky-top"> <div class="row-container container"> <div class="row-content"> <div class="row pt-3"> <div class="col d-flex order-2 mb-0"> <div class="col-content w-100 position-relative"> <p class="mb-0 d-flex align-items-center justify-content-lg-end justify-content-between"><a class="mr-5" href="/pages/contact.html">Nous contacter</a><button aria-controls="collapseToolbox" aria-expanded="false" class="btn btn-main toggle-btn" data-target="#collapseToolbox" data-toggle="collapse" type="button">Toolbox<span class="d-none d-lg-inline-block position-relative"><span class="ms-4 middle-line"></span></span></button></p> <div class="collapse position-absolute" id="collapseToolbox"> <ul class="list-group"> <li class="list-group-item"><a href="/pages/outils-web/outils-tech/cms/"><i aria-hidden="true" class="material-icons md-web mr-3"></i>Outils de création de site</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-productivite/"><i aria-hidden="true" class="material-icons md-free_breakfast mr-3"></i>Outils productivité</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-de-gestion-d-entreprise/"><i aria-hidden="true" class="material-icons md-business_center mr-3"></i>Outils de gestion d'entreprise</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-marketing-digital/"><i aria-hidden="true" class="material-icons md-record_voice_over mr-3"></i>Outils marketing digital</a></li> <li class="list-group-item"><a href="/pages/outils-web/outils-design/"><i aria-hidden="true" class="material-icons md-color_lens mr-3"></i>Outils design</a></li> <li class="list-group-item"><a class="btn btn-outline-white rounded-sm" href="/pages/outils-web/">Tous les outils</a></li> </ul> </div> </div> </div> <div class="col order-1 d-none d-lg-block"> <div class="col-content"> <ul class="website-social-links"> <li><a class="btn text-linkedin" href="https://www.linkedin.com/company/blogduwebdesign/" target="_blank"><i class="sn-icon-linkedin"></i></a></li> <li><a class="btn text-twitter" href="https://twitter.com/BlogDuWebdesign" target="_blank"><i class="sn-icon-twitter"></i></a></li> <li><a class="btn text-facebook" href="https://www.facebook.com/BlogDuWebdesign/?locale=fr_FR" target="_blank"><i class="sn-icon-facebook"></i></a></li> <li><a class="btn text-instagram" href="https://www.instagram.com/blogduwebdesign/" target="_blank"><i class="sn-icon-instagram"></i></a></li> <li><a class="btn text-pinterest" href="https://www.pinterest.fr/BlogDuWebdesign/" target="_blank"><i class="sn-icon-pinterest"></i></a></li> </ul> </div> </div> </div> </div> </div> </div>   <nav class="navbar navbar-expand-lg position-sticky" id="navbar" data-animation="sliding"> <div class="container"> <a aria-label="brand" class="navbar-brand d-inline-flex align-items-center" href="https://www.blogduwebdesign.com/"> <img src="https://www.blogduwebdesign.com/medias/site/logos/logo-bdwd.png" alt="blogduwebdesign" class="img-fluid brand-logo mr-2 d-inline-block"> <span class="brand-titles d-lg-flex flex-column align-items-start"> <span class="brand-title d-none">blogduwebdesign</span> </span> </a> <button id="buttonBurgerMenu" title="BurgerMenu" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#menu"> <span></span> <span></span> <span></span> <span></span> </button> <div class="collapse navbar-collapse flex-lg-grow-0 ml-lg-auto" id="menu"> <ul class="navbar-nav navbar-menu nav-left"> <li class="nav-item" data-index="1"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/tech/"> Tech </a> </li> <li class="nav-item" data-index="2"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/webdesign/"> Webdesign </a> </li> <li class="nav-item" data-index="3"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/business-web/"> Business </a> </li> </ul> <a class="navbar-brand d-none" href="https://www.blogduwebdesign.com/"> <img src="https://www.blogduwebdesign.com/medias/site/logos/logo-bdwd.png" alt="blogduwebdesign" class="img-fluid brand-logo d-inline-block"> <span class="brand-titles d-lg-flex flex-column"> <span class="brand-title d-none">blogduwebdesign</span> </span> </a> <ul class="navbar-nav navbar-menu nav-right"> <li class="nav-item dropdown" data-index="1"> <a class="nav-link dropdown-toggle" href="https://www.blogduwebdesign.com/blog/graphisme/"> Graphisme </a> <div class="collapse dropdown-menu"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/"> Inspiration </a> </li> <li class="dropdown-menu-root"> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/graphisme/">Graphisme</a> </li> </ul> </div> </li> <li class="nav-item" data-index="2"> <a class="nav-link" href="https://www.blogduwebdesign.com/blog/developpement/"> D茅veloppement </a> </li> <li class="nav-item active dropdown" data-index="3"> <a class="nav-link dropdown-toggle" href="https://www.blogduwebdesign.com/blog/creation-de-site/"> Cr茅ation de site </a> <div class="collapse dropdown-menu"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/e-monsite/"> E-monsite </a> </li> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/"> WordPress </a> </li> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/e-commerce/"> E-commerce </a> </li> <li> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/seo/"> SEO </a> </li> <li class="dropdown-menu-root"> <a class="dropdown-item" href="https://www.blogduwebdesign.com/blog/creation-de-site/">Cr茅ation de site</a> </li> </ul> </div> </li> </ul> </div> </div> </nav>    <div id="wrapper" class="container margin-top"> <div class="row align-items-lg-start"> <main id="main" class="col-lg-9"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="https://www.blogduwebdesign.com/">Accueil</a></li> <li class="breadcrumb-item"><a href="https://www.blogduwebdesign.com/blog/">Blog</a></li> <li class="breadcrumb-item"><a href="https://www.blogduwebdesign.com/blog/creation-de-site/">Cr茅ation de site</a></li> <li class="breadcrumb-item active">WordPress</li> </ol> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://www.blogduwebdesign.com/" }, { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://www.blogduwebdesign.com/blog/" }, { "@type": "ListItem", "position": 3, "name": "Cr茅ation de site", "item": "https://www.blogduwebdesign.com/blog/creation-de-site/" }, { "@type": "ListItem", "position": 4, "name": "WordPress", "item": "https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/" } ] } </script> <div class="view view-blog" id="view-category" data-category="wordpress"> <div id="site-module" class="site-module" data-itemid="647dacded85edf2364fe1543" data-siteid="647da5ec63c6dcf507f8e891" data-category="647db1c8f7c5d4558d13c05b"></div> <div class="container"> <div class="row"> <div class="col"> </div> </div> </div> <div id="rows-647db1c8f9b3d4558d13fe8b" class="rows" data-total-pages="1" data-current-page="1"> <div id="row-647db1c8f9b3d4558d13fe8b-1" class="row-container pos-1 page_1 container"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-6489d3a8c56ad4558d134308" class="col"> <div class="col-content col-no-widget"> <h1>WordPress les dernières actualités et astuces</h1> <p>Nous couvrons les dernières nouvelles du <a href="/pages/outils-web/outils-tech/cms/">CMS</a> WordPress, les mises à jour de plugins et de <a href="/pages/ressources-web/modeles-et-templates/themes-wordpress/">thèmes Wordpress</a>, ainsi que les tendances du <a href="/blog/developpement/">développement web</a> dans WordPress. En plus, vous trouverez de nombreuses d'astuces pratiques pour <a href="/pages/outils-web/outils-marketing-digital/logiciels-a-b-testing/">optimiser votre site</a> WordPress, améliorer la sécurité, augmenter la performance et la sécurité. Restez à jour avec les évolutions de WordPress et améliorez votre site web avec nos conseils et astuces.</p> </div> </div> </div> </div> </div> <div id="row-647db1c8f9b3d4558d13fe8b-2" class="row-container pos-2 page_1 container"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-647db1c8f9cbd4558d139988" class="col widget-blog-items"> <div class="col-content"> <div id="blog_items0"> <div class="card-deck blog-items default-style default-3-col" data-addon="blog"> <div class="card blog-item" data-category="wordpress" data-date="08/08/2023"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/wordpress-6-3.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/wordpress-logotype-alternative.webp?fx=c_1200_675" alt="Le nouveau WordPress 6.3 est sorti le 8 ao没t 2023" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/wordpress-6-3.html">WordPress 6.3 sort le 8 ao没t 2023</a> </p> <p class="meta"> <span class="meta-date">Le 08/08/2023</span> </p> <div class="description"> <p>La nouvelle version 6.3 <a href="/blog/creation-de-site/wordpress/">Wordpress</a> est annoncée pour le 8 août 2023. Voici les 5 fonctionnalités qu’on attendait depuis longtemps.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="05/25/2023"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/avis-sur-le-theme-divi-elegantthemes.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/avis-divi-un-constructeur-de-site-wordpress-a-connaitre.webp?fx=c_1200_675" alt="Avis Divi : un constructeur de site Wordpress 脿 conna卯tre" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/avis-sur-le-theme-divi-elegantthemes.html">Avis sur le th猫me WordPress Divi par ElegantThemes</a> </p> <p class="meta"> <span class="meta-date">Le 25/05/2023</span> </p> <div class="description"> <p>Vous êtes à la recherche d’un <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/les-meilleurs-page-builders-wordpress.html" target="_blank">page builder</a> pour développer facilement votre site WordPress ? Alors vous avez certainement entendu parler du thème WordPress Divi, le thème créé par Elegant Themes. Mais que vaut réellement ce thème multifonction ? Voici tout ce qu’il faut savoir sur cet outil, ses fonctionnalités et son prix.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="03/14/2022"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/8-plugins-pour-creer-un-site-wordpress-multilingue.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/plugin-wordpress-multilangue-3.png?fx=c_1200_675" alt="Les 8 meilleurs plugins multilingue WordPress" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/8-plugins-pour-creer-un-site-wordpress-multilingue.html">Les 8 meilleurs plugins multilingue WordPress</a> </p> <p class="meta"> <span class="meta-date">Le 14/03/2022</span> </p> <div class="description"> <p>Vous rêvez de conquérir le monde entier avec votre site internet ? Alors vous devriez vous pencher sérieusement sur la <a href="https://www.e-monsite.com/pages/presentation/creer-un-site-avance/creer-un-site-multilingue.html">création d’un site multilingue</a> ! Une solution idéale pour le rendre accessible à tous et générer du trafic dans une multitude de pays.</p> <p>Mais par où commencer ? Comment décliner votre site en plusieurs langues facilement ? Si vous utilisez le célèbre <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-tech/cms/">CMS</a> WordPress, la méthode la plus simple est encore d’utiliser un plugin multilingue WordPress !</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="03/07/2022"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/10-themes-et-plugins-pour-creer-un-annuaire-en-ligne-avec-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/business-directory-plugin.png?fx=c_1200_675" alt="Les meilleurs plugins WordPress pour cr茅er un annuaire en ligne" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/10-themes-et-plugins-pour-creer-un-annuaire-en-ligne-avec-wordpress.html">10 th猫mes et plugins pour cr茅er un annuaire en ligne avec WordPress</a> </p> <p class="meta"> <span class="meta-date">Le 07/03/2022</span> </p> <div class="description"> <p>Vous souhaitez créer un annuaire en ligne mais vous ne savez pas par où commencer ? Que vous souhaitiez créer un listing d’entreprises, un annuaire de sites internet ou encore une liste du personnel, la solution la plus simple est certainement d’utiliser une extension WordPress adaptée.</p> <p>Pour vous aider à vous y retrouver, nous vous proposons donc une sélection de plugins et de thèmes pour créer un annuaire en ligne sur WordPress.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="02/24/2022"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/les-meilleurs-page-builders-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/les-meilleurs-pages-buiders.jpg?fx=c_1200_675" alt="Les 14 meilleurs page builders WordPress en 2025" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/les-meilleurs-page-builders-wordpress.html">Les 14 meilleurs page builders WordPress en 2025</a> </p> <p class="meta"> <span class="meta-date">Le 24/02/2022</span> </p> <div class="description"> <p>Alors que nous entrons en 2025, le paysage des constructeurs de pages WordPress continue d’évoluer, offrant aux utilisateurs un choix toujours plus vaste et des fonctionnalités innovantes pour créer des sites Web époustouflants et fonctionnels. Que vous soyez un débutant en quête d’un outil facile à utiliser ou un professionnel à la recherche de fonctionnalités avancées, il existe un constructeur de pages adapté à vos besoins.</p> <p>Dans cet article, nous avons rassemblé les meilleurs constructeurs de pages WordPress disponibles en 2025, en examinant leurs fonctionnalités clés, leurs tarifs, ainsi que leurs avantages et inconvénients. Que vous cherchiez un éditeur intégré à WordPress comme Gutenberg ou des options tierces populaires telles que Elementor, Divi ou Beaver Builder, nous avons couvert toutes les bases pour vous aider à prendre une décision éclairée et à choisir l’outil idéal pour créer le site Web de vos rêves.</p> <p>Alors, plongeons-nous dans ce tour d’horizon des meilleures solutions pour concevoir et personnaliser votre site WordPress en 2025 !</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="02/16/2022"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/9-plugins-pour-se-debarrasser-du-spam-sur-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/capture-d-e-cran-2023-06-15-a-15.png?fx=c_1200_675" alt="Top 9 des plugins pour anti spam pour WordPress" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/9-plugins-pour-se-debarrasser-du-spam-sur-wordpress.html">9 plugins pour se d茅barrasser du spam sur WordPress</a> </p> <p class="meta"> <span class="meta-date">Le 16/02/2022</span> </p> <div class="description"> <p>Votre site WordPress commence à se faire un nom et attire de plus en plus de visiteurs ? Félicitations ! Cependant, vous allez être confronté à un problème inévitable : le spam. Plus un site génère du trafic, plus les commentaires “indésirables” et les messages promotionnels se multiplient…</p> <p>Heureusement, il existe une solution simple pour y remédier : installer un plugin anti-spam ! Nous avons donc sélectionné pour vous 9 extensions WordPress à tester pour vous débarrasser rapidement du spam.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="row-647db1c8f9b3d4558d13fe8b-3" class="row-container pos-3 page_1 container"> <div class="row-content"> <div class="row align-items-center" data-role="line"> <div data-role="cell" data-size="lg" id="cell-649d3df50ba4d4558d13e0fe" class="col" style="-ms-flex-preferred-size:76%;flex-basis:76%"> <div class="col-content col-no-widget"> <h2>Les meilleurs thèmes Wordpress</h2> </div> </div> <div data-role="cell" data-size="xs" id="cell-649d3df50ba5d4558d13f8e9" class="col" style="-ms-flex-preferred-size:24%;flex-basis:24%"> <div class="col-content col-no-widget"> <p class="text-lg-right"><a class="btn btn-sm btn-secondary" href="/pages/ressources-web/modeles-et-templates/themes-wordpress/"><i aria-hidden="true" class="mr-2 material-icons md-arrow_forward"></i>Tous les thèmes</a></p> </div> </div> </div> </div> </div> <div id="row-647db1c8f9b3d4558d13fe8b-4" class="row-container pos-4 page_1 container"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-649d38909bfbd4558d13e2f3" class="col widget-page-category-bloc"> <div class="col-content"> <div class="list-group" data-addon="pages"> <div class="pages-item list-group-item list-group-item-action" data-category="themes-wordpress"> <div class="media"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-qualite-gratuits-premium-telecharger.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/theme-wordpress-qualite-gratuit-et-premium.png?fx=c_800_460" alt="Theme wordpress qualite gratuit et premium" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-qualite-gratuits-premium-telecharger.html" class="stretched-link">10 th猫mes WordPress de qualit茅</a> </p> <div class="media-description"> Explorez notre s茅lection de 10 th猫mes WordPress de qualit茅, gratuits et premium, pr锚ts 脿锚tre t茅l茅charg茅s pour personnaliser et embellir votre site web. </div> </div> </div> </div> <div class="pages-item list-group-item list-group-item-action" data-category="themes-wordpress"> <div class="media"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-pour-creer-portfolio-rapidement.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/themes-wordpress-pour-creer-portfolio-rapidement.png?fx=c_800_460" alt="Themes wordpress pour creer portfolio rapidement" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-pour-creer-portfolio-rapidement.html" class="stretched-link">17 th猫mes WordPress pour cr茅er</a> </p> <div class="media-description"> Explorez 17 th猫mes WordPress pour cr茅er ais茅ment votre portfolio. Mettez en valeur vos r茅alisations avec des designs professionnels et personnalisables. Simplifiez la cr茅ation de votre portfolio gr芒ce 脿 ces options de th猫mes vari茅s. </div> </div> </div> </div> <div class="pages-item list-group-item list-group-item-action" data-category="themes-wordpress"> <div class="media"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/12-themes-wordpress-de-photographe.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/bdw-theme-wordpress-photographe.png?fx=c_800_460" alt="Bdw theme wordpress photographe" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/12-themes-wordpress-de-photographe.html" class="stretched-link">Th猫mes WordPress photographe</a> </p> <div class="media-description"> 12 th猫mes WordPress de photographie que nous avons s茅lectionn茅s pour vous, tous mis 脿 jour r茅cemment et parfaitement utilisables en 2025. </div> </div> </div> </div> <div class="pages-item list-group-item list-group-item-action" data-category="themes-wordpress"> <div class="media"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-portfolio.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/12-themes-wordpress-pour-creer-votre-portfolio.jpg?fx=c_800_460" alt="12 themes wordpress pour creer votre portfolio" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-portfolio.html" class="stretched-link">Th猫mes WordPress portfolio</a> </p> <div class="media-description"> Nous avons s茅lectionn茅 pour vous d'excellents th猫mes WordPress pour cr茅er un portfolio. Vous y retrouverez une multitude de fonctionnalit茅s et de styles, des plus orignaux aux plus minimalistes, en passant par des templates plus classiques. </div> </div> </div> </div> <div class="pages-item list-group-item list-group-item-action" data-category="themes-wordpress"> <div class="media"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-pour-booster-votre-seo.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/bdw-themes-wordpress-seo.jpeg?fx=c_800_460" alt="Bdw themes wordpress seo" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/themes-wordpress-pour-booster-votre-seo.html" class="stretched-link">Th猫mes WordPress pour booster</a> </p> <div class="media-description"> D茅couvrez une s茅lection de 13聽th猫mes WordPress pour booster votre r茅f茅rencement naturel. </div> </div> </div> </div> <div class="pages-item list-group-item list-group-item-action" data-category="themes-wordpress"> <div class="media"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/hemes-e-commerce-minimaliste-boutique-en-ligne-wordpress.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/primrose-illustration.png?fx=c_800_460" alt="Primrose illustration" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/modeles-et-templates/themes-wordpress/hemes-e-commerce-minimaliste-boutique-en-ligne-wordpress.html" class="stretched-link">10 th猫mes e-commerce minimalis</a> </p> <div class="media-description"> D茅couvrez notre liste de 10 th猫mes qui pourront convenir parfaitement 脿 vos projets professionnels. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="row-647db1c8f9b3d4558d13fe8b-5" class="row-container pos-5 page_1 container"> <div class="row-content"> <h2 class="row-title" data-line-v-id="649d7b2dbc52d4558d139bc5"> Les archives Wordpress </h2> <div class="row" data-role="line"> <div data-role="cell" data-size="lg" id="cell-649d7b2dbc52d4558d1392a3" class="col widget-blog-items"> <div class="col-content"> <div id="blog_items1"> <div class="card-deck blog-items default-style default-4-col" data-addon="blog"> <div class="card blog-item" data-category="wordpress" data-date="01/25/2022"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/7-plugins-wordpress-pour-creer-des-formulaires.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/wordpress-plugin-form-3.jpg?fx=c_1200_675" alt="7 plugins WordPress pour cr茅er des formulaires facilement" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/7-plugins-wordpress-pour-creer-des-formulaires.html">7 plugins WordPress pour cr茅er des formulaires</a> </p> <p class="meta"> <span class="meta-date">Le 25/01/2022</span> </p> <div class="description"> <p>Créer de bons <a href="https://leadlist.fr/creer-formulaire-en-ligne/"><strong>formulaires en ligne</strong></a>, à la fois ergonomiques et esthétiques, peut être un vrai casse-tête. Heureusement, il existe des outils permettant de générer et de personnaliser des formulaires de manière simplifiée. Le CMS WordPress, notamment, dispose d’un catalogue conséquent de plugins dédiés à la création de formulaires. En voici 7 que nous vous recommandons chaudement !</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="08/21/2020"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/plugins-vitesse-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/bdw-plugin-cache-wordpress-1.webp?fx=c_1200_675" alt="5 plugins de cache pour augmenter la vitesse d'un site WordPress - Blog Du WebDesign" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/plugins-vitesse-wordpress.html">5 plugins de cache pour augmenter la vitesse d鈥檜n site WordPress</a> </p> <p class="meta"> <span class="meta-date">Le 21/08/2020</span> </p> <div class="description"> <p>Votre site WordPress est lent ? Le <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-seo/pagespeed-insights.html">temps de chargement de vos pages</a> vous semble être une éternité ? Pas d’inquiétude, ces soucis de performance ne sont pas irréversibles !</p> <p>Il existe différentes manières d’accélérer un site WordPress. L’une des plus efficaces est la mise en cache, qui permet (en gros) de mémoriser les pages déjà visitées par les utilisateurs, et ainsi de les charger bien plus vite. L’<a href="https://www.blogduwebdesign.com/pages/outils-web/outils-design/outils-d-optimisation-d-images/">optimisation des images</a>, des fichiers et de la base de données entre aussi en jeu…</p> <p>Et si tout cela ne vous dit rien, sachez qu’il existe des plugins WordPress très pratiques qui vous permettront d’accélérer votre site automatiquement !</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="03/12/2020"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/plugins-site-staging.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/bdw-wordpress-plugin-staging-blogvault.webp?fx=c_1200_675" alt="5 plugins WordPress pour cr茅er un site de staging" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/plugins-site-staging.html">5 plugins WordPress pour cr茅er un site de staging</a> </p> <p class="meta"> <span class="meta-date">Le 12/03/2020</span> </p> <div class="description"> <p>Tout propriétaire de site WordPress a déjà rencontré ce genre de situation…</p> <p>Une nouvelle mise à jour est disponible pour l’un de vos plugins ou votre thème WP. Vous cliquez précipitamment pour effectuer le changement, et c’est le drame ! Problèmes d’affichage, ralentissements, voire même des symptômes plus graves… Une simple MAJ, a priori anodine, peut avoir des conséquences néfastes sur votre site.</p> <p>Le meilleur moyen de se prémunir contre ce genre de souci est encore de créer un site de staging. Il s’agit d’un environnement, identique à votre vrai site, dans lequel vous pouvez tester vos mises à jour ou vos modifications sans prendre aucun risque !</p> <p>Vous vous demandez comment vous y prendre ? WordPress compte plusieurs plugins simples d’utilisation, qui peuvent vous aider à créer un site de staging facilement. En voici 5 que nous avons sélectionnés pour vous.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="03/01/2018"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/comment-personnaliser-l-administration-de-wordpress-facilement.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/wordpress-personaliser-admin-1.jpg?fx=c_1200_675" alt="Comment personnaliser l鈥檃dministration de WordPress facilement" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/comment-personnaliser-l-administration-de-wordpress-facilement.html">Comment personnaliser l鈥檃dministration de WordPress facilement</a> </p> <p class="meta"> <span class="meta-date">Le 01/03/2018</span> </p> <div class="description"> <p>Vous utilisez régulièrement <strong>WordPress </strong>pour vos projets et vos clients, mais l'interface d'administration n'est plus à votre goût… Découvrez comment personnaliser facilement l'administration de WordPress.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="12/05/2017"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/mettez-les-preprocesseurs-au-service-du-developpement-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/logo-8.webp?fx=c_1200_675" alt="Mettez les pr茅processeurs au service du d茅veloppement Wordpress" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/mettez-les-preprocesseurs-au-service-du-developpement-wordpress.html">Mettez les pr茅processeurs au service du d茅veloppement WordPress</a> </p> <p class="meta"> <span class="meta-date">Le 05/12/2017</span> </p> <div class="description"> <p>Aujourd'hui le BlogDuWebdesign vous propose de découvrir un plugin wordpress mettant la puissance des préprocesseurs à la portée de votre développement wordpress : Wordless.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="09/01/2016"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/creer-modifier-supprimer-des-elements-avec-unyson.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/unyson.jpg?fx=c_1200_675" alt="Cr茅er, modifier ou supprimer des 茅l茅ments avec Unyson" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/creer-modifier-supprimer-des-elements-avec-unyson.html">Cr茅er, modifier ou supprimer des 茅l茅ments avec Unyson</a> </p> <p class="meta"> <span class="meta-date">Le 01/09/2016</span> </p> <div class="description"> <p>Aujourd'hui, le BlogDuWebdesign vous propose la deuxième partie de notre tutoriel sur l'utilisation du page builder d'Unyson. Au programme : création, modification et suppression d'éléments dans le page builder.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="08/30/2016"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/unyson-pour-wordpress-l-utilisation-du-page-builder.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/unysonframework.jpg?fx=c_1200_675" alt="Unyson pour WordPress : L鈥檜tilisation du page builder" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/unyson-pour-wordpress-l-utilisation-du-page-builder.html">Unyson pour WordPress : L鈥檜tilisation du page builder</a> </p> <p class="meta"> <span class="meta-date">Le 30/08/2016</span> </p> <div class="description"> <p>Aujourd'hui, le BlogDuWebdesign vous propose un focus sur l'extension Page Builder du plugin Unyson pour Wordress sous la forme d'un guide vous aidant de l'activation de l'extension jusqu'à la création de templates.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="07/05/2016"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/decouvrez-3-plugins-wordpress-pour-editer-son-theme-sans-toucher-aux-fichiers-css.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/css-hero-cover-1.jpg?fx=c_1200_675" alt="D茅couvrez 2 plugins Wordpress pour 茅diter son th猫me sans toucher aux fichiers CSS" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/decouvrez-3-plugins-wordpress-pour-editer-son-theme-sans-toucher-aux-fichiers-css.html">D茅couvrez 2 plugins WordPress pour 茅diter son th猫me sans toucher aux fichiers CSS</a> </p> <p class="meta"> <span class="meta-date">Le 05/07/2016</span> </p> <div class="description"> <p>Aujourd'hui, le BlogDuWebdesign a testé pour vous trois plugins permettant de simplifier le développement de thèmes WordPress en vous fournissant un moyen graphique d'éditer votre CSS.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="05/19/2016"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/reprenez-les-fondations-de-vos-wordpress-avec-bedrock.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/cover-bedrock-1.jpg?fx=c_1200_675" alt="Reprenez les fondations de vos WordPress avec Bedrock" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/reprenez-les-fondations-de-vos-wordpress-avec-bedrock.html">Reprenez les fondations de vos WordPress avec Bedrock</a> </p> <p class="meta"> <span class="meta-date">Le 19/05/2016</span> </p> <div class="description"> <p>Aujourd'hui, je vous propose une ressource permettant d'assigner les vices de conceptions les plus graves de WordPress en reprenant son architecture à zéro. Découvrez Bedrock.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="07/02/2015"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/ressources-developpement-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/ressources-developpement-wordpress.jpg?fx=c_1200_675" alt="4 ressources pour que le d茅veloppement WordPress redevienne un plaisir" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/ressources-developpement-wordpress.html">4 ressources pour que le d茅veloppement WordPress redevienne un plaisir</a> </p> <p class="meta"> <span class="meta-date">Le 02/07/2015</span> </p> <div class="description"> <p><a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/">WordPress</a> est un <a href="https://www.blogduwebdesign.com/pages/outils-web/outils-tech/cms/">CMS</a> avec une réputation assez étrange. S'il est souvent très apprécié des utilisateurs finaux (qui ne savent/veulent pas toucher au code) par sa simplicité et surtout son incroyable banque de ressources (thèmes, plugins, tutoriaux, …), les gens qui doivent développer pour WordPress l'aiment tout de suite beaucoup moins.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="12/10/2014"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/formulaires-puissants-wordpress-ninja-forms-contactform-7.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/ninjaforms.jpg?fx=c_1200_675" alt="Cr茅ez des Formulaires Puissants pour WordPress avec Ninja Forms" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/formulaires-puissants-wordpress-ninja-forms-contactform-7.html">Cr茅ez facilement des formulaires tr猫s puissants pour WordPress avec Ninja Forms</a> </p> <p class="meta"> <span class="meta-date">Le 10/12/2014</span> </p> <div class="description"> <p>Vous avez besoin de créer un formulaire pour WordPress, et ne savez pas par où commencer ? Suivez le guide !</p> </div> </div> </div> <div class="card blog-item" data-category="git" data-date="07/02/2014"> <a href="https://www.blogduwebdesign.com/blog/developpement/git/revisr-git-pour-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/revisr-git-for-wordpress.jpg?fx=c_1200_675" alt="Revisr : G茅rez, sauvegardez et d茅ployez votre WordPress avec Git" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/developpement/git/revisr-git-pour-wordpress.html">Revisr vous offre Git pour sauvegarder vos WordPress</a> </p> <p class="meta"> <span class="meta-date">Le 02/07/2014</span> </p> <div class="description"> <p>Le workflow de développement, c'est un peu comme le travail à la chaine : il suffit qu'une seule étape soit bancale pour que tout le monde perde du temps et de la productivité. Lorsque nous travaillons sur WordPress, par exemple, nous avons un workflow très propre jusqu'à la mise en production, que nous faisons par FTP. Et là tout dérape.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="02/12/2014"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/jetpack-propulser-wordpress-auto-heberge-avec-puissance.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/jetpack-propulser-wordpress-auto-heberge-avec-puissance.png?fx=c_1200_675" alt="Jetpack : Propulsez votre WordPress auto-h茅berg茅 avec puissance" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/jetpack-propulser-wordpress-auto-heberge-avec-puissance.html">Jetpack : Propulsez votre WordPress auto-h茅berg茅 avec puissance</a> </p> <p class="meta"> <span class="meta-date">Le 12/02/2014</span> </p> <div class="description"> <p>Suite aux commentaires de certains lecteurs, j'ai testé il y a quelque temps de créer un blog sur la plateforme WordPress.com (je vous ferais un article dessus au passage), et j'avoue avoir été impressionné par la quantité d'options et services qui ne sont pas disponibles pour les WordPress auto-hébergés : CDN pour l'hébergement d'images et de vidéos, création de shortlinks, recherche très complète, service de monitoring pour éviter les périodes de down, … la liste est évidemment loin d'être exhaustive, et m'a réellement impressionnée.</p> <p>C'est donc avec surprise et un grand plaisir que j'ai trouve il y a quelques jours Jetpack, un plugin fournissant l'ensemble de ces excellents points à tous les WordPress !</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="07/11/2013"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/deployer-son-site-wordpress-avec-git.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/octocat-wp.png?fx=c_1200_675" alt="D茅ployer son site Wordpress avec Git" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/deployer-son-site-wordpress-avec-git.html">D茅ployer son site WordPress avec Git</a> </p> <p class="meta"> <span class="meta-date">Le 11/07/2013</span> </p> <div class="description"> <p>Aujourd’hui sur le Blog du Webdesign, découvrez comment mettre votre site Wordpress en production simplement grâce à Git.</p> <p>Un des problèmes que je vois à travailler avec WordPress est qu’il n’est pas simple de travailler avec Git. Là où la plupart des applications web en python, nodejs ou ruby se déploierons très simplement avec des outils comme <a href="http://www.capistranorb.com/">Capistrano</a>, la solution de préférence pour WordPress sera le FTP.</p> </div> </div> </div> <div class="card blog-item" data-category="wordpress" data-date="05/30/2013"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/bones-theme-base-demarrer-projets-wordpress.html" class="card-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/html-5-boilerplate-illustration.png?fx=c_1200_675" alt="D茅marrer ses projets Wordpress avec Bones" class="mx-auto d-block" width="1200" height="675"> </a> <div class="card-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/bones-theme-base-demarrer-projets-wordpress.html">D茅marrer ses projets Wordpress avec Bones</a> </p> <p class="meta"> <span class="meta-date">Le 30/05/2013</span> </p> <div class="description"> <p>Aujourd’hui le Blog Du Webdesign vous propose Bones, un thème de base pour vous lancer dans la bonne direction quand vous démarrez vos projets.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('blogcategory', '647db1c8f7c5d4558d13c05b', 'e-monsite.com'); </script> </div> </main> <aside id="sidebar" class="col-lg-3"> <div id="sidebar-inner"> <div id="widget-1" class="widget" data-id="widget_blogpost_last" data-widget-num="1"> <div class="widget-title"> <span> Derniers articles </span> </div> <div class="widget-content">  <div class="media-list blog-items" data-addon="blog"> <div class="media blog-item" data-category="inspiration-graphique" data-date="02/14/2025" data-blog-id="65b3cda02a1cd4558d131389"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-campagnes-saint-valentin.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/blogduwebdesign-meilleures-campagnes-st-valentin-ikea-2.jpg?fx=c_300_200" alt="Blogduwebdesign meilleures campagnes st valentin ikea 2" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-campagnes-saint-valentin.html">Top 14 des meilleures campagnes de pub Saint Valentin</a> </p> <p class="metas"> <span class="meta-date">Le 14/02/2025</span> </p> </div> </div> <div class="media blog-item" data-category="inspiration-graphique" data-date="02/11/2025" data-blog-id="65cb33c55b00c1f8251094bb"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-pubs-superbowl.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/pub-super-bowl-2025.webp?fx=c_300_200" alt="Pub super bowl 2025" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/meilleures-pubs-superbowl.html">Les 15 meilleures pubs du Super Bowl 2025</a> </p> <p class="metas"> <span class="meta-date">Le 11/02/2025</span> </p> </div> </div> <div class="media blog-item" data-category="webdesign" data-date="01/21/2025" data-blog-id="65b8bcf5e2c8d4558d13495b"> <a href="https://www.blogduwebdesign.com/blog/webdesign/idees-cadeaux-webdesigner-saint-valentin.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/blogduwebdesign-idees-cadeaux-geek-webdesigner-graphiste-saint-valentin-bougie-programmeur.webp?fx=c_300_200" alt="Blogduwebdesign idees cadeaux geek webdesigner graphiste saint valentin bougie programmeur" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/webdesign/idees-cadeaux-webdesigner-saint-valentin.html">14 id茅es cadeaux 脿 offrir 脿 un webdesigner pour la Saint-Valentin</a> </p> <p class="metas"> <span class="meta-date">Le 21/01/2025</span> </p> </div> </div> <div class="media blog-item" data-category="inspiration-graphique" data-date="01/14/2025" data-blog-id="65b7b165fa55d4558d1363ad"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/cartes-saint-valentin-originales-inspirantes.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/blogduwebdesign-inspiration-cartes-saint-valentin-originales-top-secret.webp?fx=c_300_200" alt="Blogduwebdesign inspiration cartes saint valentin originales top secret" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/inspiration-graphique/cartes-saint-valentin-originales-inspirantes.html">14 id茅es de cartes de Saint-Valentin originales et inspirantes</a> </p> <p class="metas"> <span class="meta-date">Le 14/01/2025</span> </p> </div> </div> <div class="media blog-item" data-category="graphisme" data-date="01/08/2025" data-blog-id="6594199a5f52d4558d130605"> <a href="https://www.blogduwebdesign.com/blog/graphisme/guide-meilleures-pratiques-campagnes-emailing-soldes-hiver.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/campagnes-emailing-soldes-hiver.jpg?fx=c_300_200" alt="Campagnes emailing soldes hiver" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/guide-meilleures-pratiques-campagnes-emailing-soldes-hiver.html">Guide complet des meilleures pratiques pour vos campagnes emailing pour les soldes hiver</a> </p> <p class="metas"> <span class="meta-date">Le 08/01/2025</span> </p> </div> </div> <div class="media blog-item" data-category="graphisme" data-date="01/03/2025" data-blog-id="6769927da50ed4558d1314a1"> <a href="https://www.blogduwebdesign.com/blog/graphisme/couleur-pantone-de-l-annee.html" class="media-object"> <img loading="lazy" src="https://www.blogduwebdesign.com/medias/images/pantone-color-of-the-year-2025-landing-page-hero.webp?fx=c_300_200" alt="Pantone color of the year 2025 landing page hero" class="img-fluid"> </a> <div class="media-body"> <p class="media-heading"> <a href="https://www.blogduwebdesign.com/blog/graphisme/couleur-pantone-de-l-annee.html">D茅couvrez la couleur Pantone 2025, le Mocha Mousse</a> </p> <p class="metas"> <span class="meta-date">Le 03/01/2025</span> </p> </div> </div> </div> </div> </div> <div id="widget-2" class="widget" data-id="widget_menu" data-widget-num="2"> <div class="widget-content"> <div class="widget-menu list-group" data-addon="pages" id="group-id-45"> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/outils-web/" >Outils pour les pros du web</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/ressources-web/" >Ressources web design</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/tutoriels/" >Tutoriels UI & UX</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/pages/definitions-web/" >D茅finitions web</a> </div> <div class="d-flex list-group-item list-group-item-action"> <a href="https://www.blogduwebdesign.com/annuaire/agences-de-communication/" >Trouver une agence de communication</a> </div> </div> </div> </div> </div> </aside> </div> </div>  <footer id="footer"> <div id="rows-6480a45df7a5d4558d131b04" class="rows" data-total-pages="1" data-current-page="1"> <div id="row-6480a45df7a5d4558d131b04-1" class="row-container pos-1 page_1"> <div class="row-content container"> <h2 class="row-title text-center" data-line-v-id="6480a3cf2487d4558d130776"> Les sujets populaires </h2> <div class="row" data-role="line"> <div data-role="cell" data-size="xs" id="cell-6480a3cf248ed4558d13a28e" class="col " style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-tech/cms/">10 plateformes pour créer une boutique en ligne</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df798d4558d13a355" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-de-gestion-d-entreprise/logiciels-de-facturation/">10 logiciels de facturation simples pour les freelances</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df79ad4558d13b70d" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-productivite/logiciels-crm/12-logiciels-crm-gratuits-pour-les-agences-et-les-freelances.html">Logiciels CRM gratuits</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df79cd4558d138e58" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/pages/outils-web/outils-marketing-digital/outils-seo/">Les outils SEO</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-6480a45df79ed4558d13ae67" class="col" style="-ms-flex-preferred-size:20%;flex-basis:20%"> <div class="col-content col-no-widget"> <p style="text-align: center;"><a href="https://www.blogduwebdesign.com/blog/creation-de-site/wordpress/avis-sur-le-theme-divi-elegantthemes.html">WordPress Divi</a></p> </div> </div> </div> </div> </div> <div id="row-6480a45df7a5d4558d131b04-2" class="row-container pos-2 page_1"> <div class="row-content container"> <div class="row" data-role="line"> <div data-role="cell" data-size="sm" id="cell-64917b29afb5d4558d13b621" class="col text-lg-right text-center align-self-stretch" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content d-flex flex-column justify-content-end col-no-widget"> <p class="h3">Le Blog du Webdesign</p> <ul class="list-unstyled"> <li><a href="/pages/contact.html">Contact</a></li> <li><a href="/pages/a-propos-du-blog-du-webdesign.html">À propos</a></li> <li><a href="/about/legal/">Mentions légales</a></li> <li class="mb-0"><a href="/annuaire/agences-de-communication/">Annuaire des agences de communication</a></li> </ul> </div> </div> <div data-role="cell" data-size="sm" id="cell-64917b29afb7d4558d13d360" class="col" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content col-no-widget"> <p class="text-center"><a href="https://www.blogduwebdesign.com/"><img alt="Logo Blog du Webdesign" class="img-fluid" height="100" loading="lazy" src="/medias/images/logo-bdwd-square-white.svg" width="100" /></a></p> <p class="text-muted text-center"><small>Copyright © 2025 <br /> Certaines pages de ce site contiennent des liens d’affiliation.</small></p> <p class="text-center mb-2"><a href="/pages/confidentialite.html">Politique de confidentialité</a></p> </div> </div> <div data-role="cell" data-size="sm" id="cell-64917b29afbad4558d138275" class="col text-center text-lg-left align-self-stretch" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content d-flex flex-column justify-content-end col-no-widget"> <p class="h3">Partenaires</p> <ul class="list-unstyled"> <li><a href="https://www.wuro.fr/">Wuro</a></li> <li><a href="https://www.agendaculturel.fr/">Agenda Culturel</a></li> <li>Edité par <a href="https://www.awelty.fr/" rel="noopener" target="_blank">Awelty</a></li> <li class="mb-0">Site fièrement créé avec <a href="https://www.e-monsite.com">e-monsite.com</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="container"> </div> <ul id="legal-mentions" class="footer-mentions"> <li><a href="https://www.blogduwebdesign.com/about/legal/">Mentions l茅gales</a></li> </ul> </footer> <script> // Sendinblue script (function($) { var dateFormat; if( $("input[name='hdn_new_format']").length ) { dateFormat = sib_dateformat; } else { dateFormat = 'dd/mm/yyyy'; } $('.tooltip').css({left: '101%'}); // check if inputed sms value is valid function isValidSms(smsField, sms) { sms = sms.replace(/\b(0(?!\b))+/g, ""); var tempSms = sms.replace(/( |$|$|\.|\-)/g, ''); if (tempSms.length > 19 || tempSms.length < 6) { return false; } return true; } // check if inputed date value is valid function isValidDate(date) { var filter; if(dateFormat == 'dd/mm/yyyy') { filter = /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g; } if(dateFormat == 'dd-mm-yyyy') { filter = /^(((0[1-9]|[12]\d|3[01])-(0[13578]|1[02])-((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)-(0[13456789]|1[012])-((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])-02-((19|[2-9]\d)\d{2}))|(29-02-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g; } else if(dateFormat == 'mm-dd-yyyy') { filter = /^(((0[13578]|1[02])-(0[1-9]|[12]\d|3[01])-((19|[2-9]\d)\d{2}))|((0[13456789]|1[012])-(0[1-9]|[12]\d|30)-((19|[2-9]\d)\d{2}))|(02-(0[1-9]|1\d|2[0-8])-((19|[2-9]\d)\d{2}))|(02-29-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g; } if (filter.test(date)) { return true; } return false; } // allow to input digit and + only for sms function validateInteger(smsLength, evt) { var theEvent = evt || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode( key ); // 0-9, +/-, space, brackets var regex = /[ +0-9()-]/; if( smsLength == 'date' ) { regex = /[ 0-9-]/; smsLength = 0; } if( !regex.test(key) || smsLength > 19 ) { theEvent.returnValue = false; key = theEvent.keyCode; // ignore input for del,tab, back, left, right, home and end key if(theEvent.preventDefault && key != 9 && key != 8 ) theEvent.preventDefault(); } } $('#'+sib_prefix+'_embed_signup .'+sib_prefix+'-container').find('.hidden-btns').remove(); $('#'+sib_prefix+'_embed_signup .'+sib_prefix+'-container').find('.message_area').remove(); // add interest list ids for unsubscribe lists per interesting if( $('.sib_list_row').length && !$('input[name=interestLists]').length ) { var interestList = ''; $('.sib_list_row .sib_list').each(function(){ interestList += '~' + $(this).data('listid'); }); $('.sib_list_row').append('<input type="hidden" name="interestLists" value="' + interestList + '">'); } $('#'+sib_prefix+'_embed_signup #theform').on('submit',function() { var theForm = $(this); if (theForm.hasClass(sib_prefix+'_processing')) { return false; } var wrapper = theForm.closest('.forms-builder-wrapper'); wrapper.find('#'+sib_prefix+'_loading_gif_area').width(theForm.width()).height(theForm.height()); var reqField = theForm.find('#req_hid').val(); var primaryType = wrapper.find('#primary_type').val() == 'undefined' ? 'email' : wrapper.find('#primary_type').val(); if(primaryType == 'email') { reqField = 'email' + reqField; }else{ reqField = 'SMS' + reqField; } var required = reqField.split("~"); var sendinblueFormLang = wrapper.find('#'+sib_prefix+'_embed_signup_lang').val(); var emptyError = "Please complete this field."; var emailError = wrapper.find('#'+sib_prefix+'_embed_invalid_email_message').val(); var smsError = 'The SMS field must contain between 6 and 19 digits.'; var dateError = "Invalid date format"; if (sendinblueFormLang == "fr") { emptyError = "Merci de remplir ce champ."; smsError = 'Le champ SMS doit contenir entre 6 et 19 chiffres.'; dateError = "Date de format invalide"; } else if (sendinblueFormLang == "es") { emptyError = "Por favor, complete este campo"; smsError = 'El campo SMS debe contener entre 6 y 19 cifras.'; dateError = "Formato de fecha no v脙隆lido"; } else if (sendinblueFormLang == "pt") { emptyError = "Preencha este campo."; smsError = 'O campo SMS deve conter entre 6 e 19 d脙颅gitos.'; dateError = "O formato da data 脙漏 inv脙隆lido"; } else if (sendinblueFormLang == "it") { emptyError = "Compilare questo campo."; smsError = 'Il campo SMS deve contenere dai 6 ai 19 caratteri.'; dateError = "Il formato della data non 脙篓 valido"; } else if (sendinblueFormLang == "de") { emptyError = "Bitte f脙录llen Sie dieses Feld aus."; smsError = 'Das SMS-Feld muss 6 bis 19 Ziffern enthalten.'; dateError = "Ung脙录ltiges Datumsformat"; } theForm.find('div.alert').remove(); theForm.find('.message_area').remove(); for (i = 0; i < required.length; i++) { if ( required[i] == 'interestList' ) { if( $('.sib_list_row input:checkbox:checked').length == 0 ) { $('.sib_list_row').addClass("needsfilled"); $('.sib_list_row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } }else { var input = theForm.find('input[name="' + required[i] + '"]'); var inputType = input.attr('type'); if (inputType == 'text' || inputType == 'number') { if (input.val() == "" || input.val() == emptyError) { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } else { if (required[i] == 'email') { if (typeof EMAIL_REGEX != 'undefined' && !EMAIL_REGEX.test(input.val())) { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emailError + '</div>'); input.val(''); } else { input.closest('.row').removeClass("needsfilled"); } } else if (required[i] == 'SMS') { if ($('#sms_prefix').length && $('#sms_prefix').val() == '') { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } else { input.closest('.row').removeClass("needsfilled"); } } else { input.closest('.row').removeClass("needsfilled"); } } } else if (inputType == 'radio') { if (input.is(':checked') == false) { input.closest('.row').addClass("needsfilled"); input.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } } else if (required[i] == 'Captcha' && typeof grecaptcha != 'undefined') { var captchaResponse = grecaptcha.getResponse(); if (captchaResponse.length == 0) { $(".captcha > div.row").addClass("needsfilled"); $(".captcha > div.row").append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;"><button type="button" class="close">x</button>' + emptyError + '</div>'); } else { $(".captcha > div.row").removeClass("needsfilled"); } } else { var fields = input.serializeArray(); if (fields.length == 0) { input.closest('.row').addClass("needsfilled"); } else { input.closest('.row').removeClass("needsfilled"); } } } } $(".row").each(function(){ var spanElement = $(this).find('span'); var ele = $(this).find("input"); var alertWidth = ele.width() + 10; var smsPrefix = ($(this).find('#sms_prefix').length > 0 ) ? $(this).find('#sms_prefix').val() : ''; if ( $(this).find('input[name=SMS]').length > 0 ) { var ele_sms = $(this).find('input[name=SMS]'); if (!isValidSms(ele_sms, smsPrefix + ele_sms.val()) && ele_sms.val() != "") { ele_sms.closest('.row').addClass("needsfilled"); ele_sms.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;width:' + alertWidth + ';"><button type="button" class="close">x</button>'+ smsError +'</div>' ); ele_sms.val(''); } } if(spanElement.text() == dateFormat){ if (!isValidDate(ele.val()) && ele.val() != ""){ ele.closest('.row').addClass("needsfilled"); ele.closest('.row').append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442;margin-top: 5px;width:' + alertWidth + ';"><button type="button" class="close">x</button>'+ dateError +'</div>' ); ele.val(''); } } }); $('div.message_area button.close').on('click', function() { $(this).parent().remove(); }); if (theForm.find('input').closest('.row').hasClass("needsfilled") || $(".captcha > div.row").hasClass("needsfilled")) { return false; }else{ // submit ajax process --> coding here var requestUrl = theForm.attr('action'); var postData = theForm.serialize(); theForm.addClass(sib_prefix+'_processing'); theForm.parent().find('#'+sib_prefix+'_loading_gif_area').show(); theForm.css('opacity', '0.5'); $.ajax({ url:requestUrl, data : postData, dataType:'json', type:'POST', beforeSend:function(){ }, success:function(data){ var theForm = $('.'+sib_prefix+'_processing'); theForm.parent().find('#'+sib_prefix+'_loading_gif_area').hide(); theForm.css('opacity', '1'); if (data.result != undefined) { if ((data.result.result == 'success') || (data.result.result == 'emailExist') || (data.result.result == 'OK') || (data.result.result == 'OK_UPDATE')) { backColor = '#dff0d8'; borderColor = '#d6e9c6'; color = '#3c763d'; theForm[0].reset(); theForm.find('input:radio').prop('checked', false); } else { backColor = '#f2dede'; borderColor = '#ebccd1'; color = '#a94442'; } var messageHtml = '<div class="message_area" style="background-color: ' + backColor + ';border:1px solid ' + borderColor + '; color: ' + color + '"><button type="button" class="close">x</button>'; if (data.result.result == 'success' || data.result.result == 'OK') { messageHtml += data.result.succcess_msg; if (data.result.smsExist != ''){ var smsMSG = ''; var smsNumber = data.result.smsExist; smsMSG = data.result.smsExist_msg.split('[number]'); messageHtml += '. '+smsMSG[0]+smsNumber+smsMSG[1]; } if (data.result.url_redirect != '') { location.href = data.result.url_redirect; } } else if(data.result.result == 'sms_emailExist') { var emailMSG = ''; var emailAddress = data.result.emailExist; emailMSG = data.result.emailExist_msg.split('[address]'); messageHtml += '. '+emailMSG[0]+emailAddress+emailMSG[1]; } else if(data.result.result == 'invalid_request' || data.result.result == 'invalidEmail') { messageHtml += data.result.invalid_err_msg; } else if(data.result.result == 'invalidSms') { messageHtml += data.result.invalidSms_msg; } else if(data.result.result == 'emailExist' || data.result.result == 'OK_UPDATE') { messageHtml += data.result.exist_err_msg; if (data.result.smsExist != ''){ var smsMSG = ''; var smsNumber = data.result.smsExist; smsMSG = data.result.smsExist_msg.split('[number]'); messageHtml += '. '+smsMSG[0]+smsNumber+smsMSG[1]; } if (data.result.url_redirect != '') { location.href = data.result.url_redirect; } } else if(data.result.result == 'dateFormat' || data.result.result == 'reqMiss' ) { messageHtml += data.result.general_err_msg; } else if(data.result.result == 'invalidCaptcha') { messageHtml += data.result.general_err_msg; } messageHtml += '</div>'; theForm.find('.'+sib_prefix+'-container').prepend(messageHtml); $('div.message_area button.close').on('click', function() { $(this).parent().remove(); }); theForm.removeClass(sib_prefix+'_processing'); } } }); } return false; }); $('#'+sib_prefix+'_embed_signup :input').on('click',function() { if ($(this).closest('.row').hasClass("needsfilled") ) { $(this).closest('.row').find('div.message_area').remove(); $(this).closest('.row').removeClass("needsfilled"); } }); $('#'+sib_prefix+'_embed_signup input[type=radio]').on('click',function(){ if ($(this).closest('.row').hasClass("needsfilled") ) { $(this).attr('checked', true); $(this).closest('.row').find('div.message_area').remove(); $(this).closest('.row').removeClass("needsfilled"); } }); // allow to input 0-9 and - only for date field $("input").on('keypress', function(event) { if($(this).closest(".row").find("." + sib_prefix + "_dateformat").length > 0){ validateInteger('date', event); } }); $("#SMS").on('keypress', function (event){ var length = $(this).val().length; validateInteger(length, event); }); $("input[type=number]").on('keypress', function(event) { var theEvent = event || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode( key ); // 0-9, +/-, space, brackets var regex = /[0-9]/; if( !regex.test(key)) { theEvent.returnValue = false; key = theEvent.keyCode; // ignore input for del,tab, back, left, right, home and end key if(theEvent.preventDefault && key != 9 && key != 8 ) theEvent.preventDefault(); var eleRow = $(this).closest('.row'); var frmLang = eleRow.closest('.forms-builder-wrapper').find('#'+sib_prefix+'_embed_signup_lang').val(); var numberError = "Please enter a number."; if (frmLang == "fr") { numberError = "Veuillez entrer un nombre."; } else if (frmLang == "es") { numberError = "Please enter a number."; } else if (frmLang == "pt") { numberError = "Please enter a number."; } else if (frmLang == "it") { numberError = "Please enter a number."; } else if (frmLang == "de") { numberError = "Please enter a number."; } if( !eleRow.find('.message_area').length) { eleRow.append('<div class="message_area" style="background-color: #f2dede;border:1px solid #ebccd1; color: #a94442"><button type="button" class="close">x</button>' + numberError + '</div>' ); } } }); $(document).on('click', '.message_area .close', function() { $(this).closest('.message_area').remove(); }); $(document).on('click', '.sib-dropdown-toggle.country-flg', function() { $(".country-block ul").toggle(); }); $(document).on( 'click', '.country-block ul li a' ,function() { var code = $(this).data('code'); var cCode = $(this).data('c_code'); $('.sib-dropdown-toggle .cflags').attr('class','cflags'); $('.sib-dropdown-toggle .cflags').addClass(cCode); // update country prefix $('#sms_prefix').val('+' + code); $(".country-block ul").hide(); }); $(document).bind('click', function(e) { var $clicked = $(e.target); if (! $clicked.parents().hasClass("country-block")) $(".country-block ul").hide(); }); if( $('.sms_field .country-block').length ) { var cflagsClasses = $('.sib-dropdown-toggle .cflags').attr('class').split(' '); if(cflagsClasses[1] && cflagsClasses[1] != '') { var countryCode = $('.sib-dropdown-menu').find('[data-c_code="' + cflagsClasses[1] + '"]').data('code'); // update country prefix $('#sms_prefix').val('+' + countryCode); } else { $('.sib-dropdown-toggle .cflags').addClass('FR'); var countryCode = $('.sib-dropdown-menu').find('[data-c_code="FR"]').data('code'); // update country prefix $('#sms_prefix').val('+' + countryCode); } } // set last submit to avoid refresh post $("#hdn_email_txt").val(new Date().getTime()); // gCaptcha responsive function rescale_gCaptcha(){ var width = $('#theform').find('#gcaptcha').parent().width(); if (width < 350) { var scale = width / 350; $('#gcaptcha').css('transform', 'scale(' + scale + ')'); $('#gcaptcha').css('-webkit-transform', 'scale(' + scale + ')'); $('#gcaptcha').css('transform-origin', '0 0'); $('#gcaptcha').css('-webkit-transform-origin', '0 0'); } } rescale_gCaptcha(); $(window).on('resize', function(){ rescale_gCaptcha(); }); $('#gcaptcha').css('margin-left', '0px'); }(jQuery));//end Sendinblue script </script> </body> </html>

CINXE.COM

WordPress les derni猫res actualit茅s et astuces