{"id":1771,"date":"2020-09-28T14:15:59","date_gmt":"2020-09-28T12:15:59","guid":{"rendered":"http:\/\/www.boichat.ch\/wordpress\/?p=1771"},"modified":"2021-03-08T08:31:37","modified_gmt":"2021-03-08T07:31:37","slug":"introduction-mes-premiers-pas-avec-wordpress-elementor","status":"publish","type":"post","link":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/","title":{"rendered":"Introduction: Mes premiers pas avec WordPress Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1771\" class=\"elementor elementor-1771\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb23405 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"bb23405\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28234f1\" data-id=\"28234f1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-290d617 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"290d617\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_mobile&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1>Introduction: Mes premiers pas avec WordPress Elementor<\/h1>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e58adf elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"5e58adf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a16b7f\" data-id=\"3a16b7f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2951589 elementor-widget elementor-widget-text-editor\" data-id=\"2951589\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong><em>Date de la derni\u00e8re modification: 8 mars 2021<\/em><\/strong><\/p>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a583106 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"a583106\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c9413c6\" data-id=\"c9413c6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63b8701 elementor-widget elementor-widget-text-editor\" data-id=\"63b8701\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>J&#8217;ai commenc\u00e9 avec mon premier site Web au d\u00e9but des ann\u00e9es 2000. J&#8217;ai pass\u00e9 ensuite \u00e0 Joomla en 2011, o\u00f9 j&#8217;y suis toujours pr\u00e9sent:\u00a0 <a href=\"http:\/\/www.boichat.ch\/joomla\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>http:\/\/www.boichat.ch\/joomla\/<\/strong><\/a>.<br \/>En 2017, j&#8217;ai aussi d\u00e9but\u00e9 avec WordPress, <a href=\"https:\/\/www.boichat.ch\/wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>https:\/\/www.boichat.ch\/wordpress\/<\/strong><\/a> et pour poursuivre avec un second site, un peu plus tard, pour mon dernier livre d\u00e9di\u00e9 au Raspberry Pi, Java et Python:\u00a0\u00a0<a href=\"http:\/\/www.boichat.ch\/wpjrsp\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>http:\/\/www.boichat.ch\/wpjrsp\/<\/strong><\/a>.<\/p>\n<p>Ces trois sites sont avant tout orient\u00e9s pour une pr\u00e9sentation texte, pour d\u00e9crire mon travail, mes bouquins et mes articles, qui sont presque tous d\u00e9di\u00e9s \u00e0 la programmation et aux micros-contr\u00f4leurs. M\u00eame mes articles d\u00e9di\u00e9s \u00e0 la photo sont plus orient\u00e9s aux techniques, \u00e0 mes achats et \u00e0 mes exp\u00e9riences.<\/p>\n<p>C&#8217;est en 2020, lorsque j&#8217;ai pr\u00e9par\u00e9 un site ultra simple pour ma fille, \u00e0 pr\u00e9sent architecte d&#8217;int\u00e9rieur, qu&#8217;il m&#8217;a fallu travailler avec des pr\u00e9sentations totalement diff\u00e9rentes. Son h\u00e9bergeur n&#8217;avait que 10 Moctets \u00e0 disposition et j&#8217;ai alors d\u00e9velopp\u00e9 une page tout simple, unique, en HTML et CSS, avec peu de texte dans des polices tr\u00e8s particuli\u00e8res, quelques belles images et un gros travail <strong><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Optimisation_pour_les_moteurs_de_recherche\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a><\/strong> (qui marche bien).\u00a0<\/p>\n<p>J&#8217;ai repris le site construit pour ma fille, dont j&#8217;ai modifi\u00e9 le contenu, et je l&#8217;ai d\u00e9pos\u00e9 ici: <strong><a href=\"http:\/\/boichat.ch\/html_css_only\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/boichat.ch\/html_css_only\/<\/a><\/strong>. On pourra s&#8217;amuser, sur PC, \u00e0 minimiser au maximum la largeur de la fen\u00eatre de notre navigateur Web pr\u00e9f\u00e9r\u00e9, pour une premi\u00e8re visualisation type smartphone. Cette technique est \u00e9videmment valable lors du d\u00e9veloppement de page Web sous WordPress et Elementor!<\/p>\n<p><strong>L&#8217;id\u00e9e est maintenant de me baser sur ce exemple et de faire l&#8217;\u00e9quivalent sous WordPress et Elementor.<\/strong><\/p>\n<p>Auparavant, je ne connaissais pas <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Elementor<\/strong><\/a>. Comme on le dit volontiers, il me manquait une page. C&#8217;est en fait un peu normal, vu mon travail et mes autres pr\u00e9sentations, sous une forme diff\u00e9rente, comme mon article <a href=\"https:\/\/boichat.developpez.com\/tutoriels\/raspberry-pi-flask-sqlite\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Python Flask et SQLite pour le Raspberry Pi 3 ou 4 &#8230;<\/strong><\/a>.<\/p>\n<p>Je vais essayer de le d\u00e9crire ici mon travail de telle mani\u00e8re qu&#8217;un d\u00e9butant, disons m\u00eame un d\u00e9butant &#8220;z\u00e9ro&#8221;, puisse s&#8217;en sortir.<\/p>\n<p>\u00a0<\/p>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b503883 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"b503883\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54789e6\" data-id=\"54789e6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e3b6d80 elementor-widget elementor-widget-text-editor\" data-id=\"e3b6d80\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 style=\"margin-bottom: 0.540791em;\">Pr\u00e9requis pour WordPress Elementor<\/h1>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c23d33 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"6c23d33\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c260a5d\" data-id=\"c260a5d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2836750 elementor-widget elementor-widget-text-editor\" data-id=\"2836750\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Il faudra un h\u00e9bergeur o\u00f9 WordPress pourra \u00eatre utiliser voire installer. Il est \u00e9videmment possible de l&#8217;installer sur un PC (Windows ou Mac) lorsqu&#8217;on d\u00e9bute ou alors pour ne pas risquer d&#8217;endommager son propre site WordPress.<\/p>\n<p>J&#8217;ai moi-m\u00eame \u00e9cris quelques articles pour conserver mes notes et les partager, comme par exemple:<br \/><span style=\"font-weight: bolder;\"><a href=\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\" aria-current=\"page\">WordPress avec le th\u00e8me Customify<\/a><br \/><\/span>ou encore:<br \/><span style=\"font-weight: bolder;\"><a href=\"https:\/\/www.boichat.ch\/wordpress\/2018\/10\/22\/un-second-site-wordpress-pour-mon-livre-java-avec-le-raspberry-pi-3b\/\" aria-current=\"page\">Installation d\u2019un second site WordPress pour mon livre Programmer en Java pour le Raspberry Pi 3 et 4<\/a><\/span><\/p>\n<p>Mes nombreux articles de\u00a0<a href=\"http:\/\/www.boichat.ch\/joomla\/index.php?option=com_content&amp;view=category&amp;id=90&amp;Itemid=496\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: bolder;\">Mon exp\u00e9rience Joomla<\/span><\/a>\u00a0sont aussi utilisables, avec des notes sur les sauvegardes, incluant WordPress.<\/p>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-80582da elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"80582da\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7235ba\" data-id=\"d7235ba\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3cd716d elementor-widget elementor-widget-text-editor\" data-id=\"3cd716d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 style=\"margin-bottom: 0.540791em;\">Notes personnelles de migration \u00e0 Elementor<\/h1>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1db7f3 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"b1db7f3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d29ff12\" data-id=\"d29ff12\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f17f3d elementor-widget elementor-widget-text-editor\" data-id=\"8f17f3d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Sans entrer dans les d\u00e9tails et les explications, j&#8217;ai d\u00e9pos\u00e9 ici mes notes personnelles pour la cr\u00e9ation d&#8217;un site WordPress avec Elementor et sur un h\u00e9bergeur qui a d\u00e9j\u00e0 une base de donn\u00e9es et pareil pour mon PC avec Wampserver64. C&#8217;est donc la m\u00eame proc\u00e9dure sur chaque site sauf que j&#8217;utilise un client FTP.<\/p>\n<ul style=\"margin-left: 2.61792em;\">\n<li style=\"list-style-type: none;\">\n<ul style=\"margin-left: 2.61792em;\">\n<li>T\u00e9l\u00e9charger le dernier WordPress sur le site\u00a0<a href=\"https:\/\/wordpress.org\/download\/\">https:\/\/wordpress.org\/download\/<\/a>, c&#8217;est \u00e0 dire le fichier FTP pour le transfert et quelques corrections de fichiers de configuration.<\/li>\n<li>D\u00e9ziper le r\u00e9pertoire wordpress de wordpress-5.5.1.zip dans un nouveau r\u00e9pertoire du serveur Web\u00a0 (PC: D:\\wamp64\\www\\wpnath).<\/li>\n<li>Copier wp-config-sample.php en wp-config.php ou je corrige<br \/><span style=\"font-weight: bolder;\">$table_prefix = &#8216;wp_&#8217;;<\/span><br \/>en<br \/><span style=\"font-weight: bolder;\">$table_prefix = &#8216;wpnath_&#8217;;<\/span><\/li>\n<li>Il faut a<span style=\"font-weight: bolder;\">dapter les trois DB_NAME, DB_USER et DB_PASSWORD<\/span>\u00a0correspondant \u00e0 notre base de donn\u00e9es d\u00e9j\u00e0 install\u00e9e!<\/li>\n<li>Ensuite on lance l&#8217;installation:\u00a0<span style=\"font-weight: bolder;\">http:\/\/127.0.0.1\/wpnath\/<\/span>.<br \/>La langue sera le fran\u00e7ais. On mettra le titre Site de Nath et on donnera un nom d&#8217;utilisateur et son mot de passe!\u00a0<br \/>Il faut aussi sp\u00e9cifier l&#8217;adresse de messagerie.<br \/>On termine avec le bouton: Installer WordPress.<\/li>\n<li>Plus tard les adaptations se feront avec\u00a0<span style=\"font-weight: bolder;\">http:\/\/127.0.0.1\/wpnath\/wp-admin\/<\/span>.<\/li>\n<li>Lorsque c&#8217;est install\u00e9, j&#8217;ai transf\u00e9r\u00e9 avec FTP le r\u00e9pertoire\u00a0<span style=\"font-weight: bolder;\">wpnath<\/span>\u00a0sur mon site OVH.<\/li>\n<li>Il faut v\u00e9rifier que le pr\u00e9fixe de table est bien correct, c&#8217;est \u00e0 dire\u00a0<span style=\"font-weight: bolder;\">wpnath_<\/span>.<br \/>Les variables\u00a0<span style=\"font-weight: bolder;\">DB_NAME, DB_USER et DB_PASSWORD<\/span>\u00a0devront \u00eatre correctes (consulter la configuration d&#8217;un site wordpress dans wp-config.php).<\/li>\n<li><span style=\"color: #000000; background-color: #ccffff;\">Pour un bon d\u00e9part nous allons installer et\u00a0<span style=\"font-weight: bolder;\">activer<\/span>\u00a0aussi les extensions suivantes:<\/span><br \/><span style=\"color: #000000; background-color: #ccffff;\">&#8211; Custom Fonts de Brainstorm Force<\/span><br \/><span style=\"color: #000000; background-color: #ccffff;\">&#8211; Elementor Website Builder<br \/><\/span><span style=\"background-color: #ccffff;\">&#8211; Advanced Editor Tools (previously TinyMCE Advanced)<\/span><br \/>Essentiel pour les programmeurs \u00e9ditant des pages contenant du code et lors de variations de polices, de grandeurs et de couleurs!<br \/><span style=\"color: #000000; background-color: #ccffff;\">&#8211; Cf7 For Elementor; Contact Form 7 et Contact Form 7 Style<\/span><br \/><span style=\"color: #000000; background-color: #ccffff;\">&#8211; Duplicate Page<\/span><br \/><span style=\"color: #000000; background-color: #ccffff;\">&#8211; Style Kits for Elementor par AnalogWP (essentiel pour les espacements internes des sections)<br \/><\/span>&#8211; Toolbar Extras (pas s\u00fbr)<br \/><span style=\"color: #000000; background-color: #ccffff;\">&#8211; Elementor &#8211; Header, Footer &amp; Blocks\u00a0<br \/><span style=\"background-color: #ffffff;\">Cool pour un menu Hamburger pour smartphone<\/span><br \/>&#8211; WP Mail SMTP pour Contact Form<\/span><br \/><span style=\"color: #000000; background-color: #ccffff;\">&#8211; Yoast SEO<\/span><br \/><span style=\"color: #000000;\"><span style=\"color: #000000;\"><span style=\"background-color: #ccffff;\">&#8211; Awesome Wp Image Gallery<br \/>&#8211; HT Mega pour le fil Instagram<\/span><br \/><\/span><\/span><\/li>\n<li>Pour me simplifier la t\u00e2che j&#8217;ai utilis\u00e9 le dernier th\u00e8me venant avec ma derni\u00e8re installation: Twenty Twenty. <strong>J&#8217;y ai \u00e9videmment d\u00e9fini un th\u00e8me enfant<\/strong> comme d\u00e9crit dans mon article\u00a0 pour un autre de mes sites Web:\u00a0<a href=\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: bolder;\">WordPress avec le th\u00e8me Customify<\/span><\/a>. Je l&#8217;ai nomm\u00e9\u00a0<span style=\"font-weight: bolder;\">twentytwentychild<\/span>.<\/li>\n<li>Dans Apparence Personnaliser, j&#8217;ai ajout\u00e9 le code CSS suivant permettant de d\u00e9sactiver les header et trailers (<strong>si un autre th\u00e8me que TwentyTwenty est utilis\u00e9<\/strong>, il faudra chercher les bons attributs en inspectant le code HTML, ou alors utiliser les outils de r\u00e9glage du th\u00e8me si disponible pour cette partie (avec des th\u00e8mes payants en principe))\u00a0 :\n<p><span style=\"font-weight: bolder; font-family: 'courier new', courier, monospace;\">#site-header {<\/span><br \/><span style=\"font-weight: bolder; font-family: 'courier new', courier, monospace;\">display:none<\/span><br \/><span style=\"font-weight: bolder; font-family: 'courier new', courier, monospace;\">}<\/span><\/p>\n<p><span style=\"font-weight: bolder; font-family: 'courier new', courier, monospace;\">#site-footer {<\/span><br \/><span style=\"font-weight: bolder; font-family: 'courier new', courier, monospace;\">display:none<br \/>}<\/span><span style=\"font-weight: bolder;\"><br \/><\/span><\/p>\n<\/li>\n<li>\n<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">Pour tous les articles qu&#8217;on cr\u00e9e sous Modification rapide: Mod\u00e8le Elementor Canevas, pas de commentaires ni de ping.<\/span><\/p>\n<\/li>\n<li>\n<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">Pour &#8220;essayer&#8221; de d\u00e9sactiver le &#8220;search engine&#8221; de Google durant d\u00e9veloppement avec une personne de l&#8217;ext\u00e9rieur, j&#8217;ai mis un mot de passe sur chaque page et sous Menu du tableau de bord \/ R\u00e9glages \/ Lecture coch\u00e9 <\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform ); font-weight: bolder;\">Demander aux moteurs de recherche de ne pas indexer ce site<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">.\u00a0<\/span><\/p>\n<\/li>\n<li>En m\u00eame temps, il est possible pendant le d\u00e9veloppement de prot\u00e9ger les pages par mot de passe (sous Modification rapide)<\/li>\n<li>Pour changer la couleur des textes ou des liens URL (Text) il faut aller sous Style Kits, Th\u00e8me Style Kits et modifier avec Elementor Kit par d\u00e9faut.<br \/>Bien qu&#8217;on ait l&#8217;impression que le CSS n&#8217;est que disponible dans la version Pro d&#8217;Elementor, il est toujours possible d&#8217;int\u00e9grer du code CSS dans notre th\u00e8me, comme par exemple:\n<p><span style=\"font-family: 'courier new', courier, monospace;\"><b>.elementor-text-editor a:hover {<br \/><\/b><b style=\"color: var( --e-global-color-text ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">text-decoration: underline;<br \/><\/b><b style=\"color: var( --e-global-color-text ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">text-decoration-style: solid;<br \/><\/b><b style=\"color: var( --e-global-color-text ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">text-decoration-color: gray;<br \/><\/b><\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\"><b><span style=\"font-family: 'courier new', courier, monospace;\">}<\/span><br \/><\/b><\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">Ceci permet de souligner un lien URL au passage de la souris sur le texte qui deviendra gris aussi.\u00a0<\/span><\/p>\n<\/li>\n<li>\n<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">Pour les Image, sous Style et Au survol, on peut cr\u00e9er un effet.<\/span><\/p>\n<\/li>\n<li>\n<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">Pour les Email form, j&#8217;ai install\u00e9\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform ); font-weight: bolder;\">Contact Form 7\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">et WP Mail SMTP configur\u00e9 avec mon serveur OVH (param\u00e8tre repris de Thunderbird).<\/span><\/p>\n<\/li>\n<li>Lorsqu\u2019on cr\u00e9e une page avec Elementor on aimerait rester un certain temps en mode brouillon: le petit curseur en bas \u00e0 droite, \u00e0 c\u00f4t\u00e9 de PUBLIER, permet de rester en mode brouillon. Sinon, il est n\u00e9cessaire de passer par WordPress et le mode \u00ab\u00a0Modification rapide\u00a0\u00bb.<\/li>\n<li>Il est possible d\u2019ajouter un mot de passe sous \u00ab\u00a0Modification rapide\u00a0\u00bb pour permettre au premiers utilisateurs de v\u00e9rifier des pages avant publication.<\/li>\n<li>Quand on d\u00e9bute avec Elementor, et qu\u2019on d\u00e9sire y int\u00e9grer des images, ce serait bien de d\u00e9poser quelques images dans la m\u00e9diath\u00e8ques.<\/li>\n<li>Lors de l\u2019\u00e9dition de texte sous Elementor on oublie souvent qu\u2019il est possible d\u2019agrandir momentan\u00e9ment le panneau de gauche pour avoir plus de confort!<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul style=\"margin-left: 2.61792em;\">\n<li>Si, avant de basculer en mode Elementor, en bas de la page:\u00a0 Mise en page du contenu \/ Pleine largeur ne marche pas pour activer le menu \u00e0 droite (Articles r\u00e9cents, etc), nous irons sous Elementor, dans l\u2019article, la petite roue en bas, pour les R\u00e9glages et Mod\u00e8le de page \/ Elementor pleine largeur.<\/li>\n<\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-008f3cf elementor-widget elementor-widget-text-editor\" data-id=\"008f3cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><br \/>Pour plus d&#8217;information sur l&#8217;utilisation de\u00a0<strong>Contact Form 7<\/strong> sur <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-style-contact-form-7-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-style-contact-form-7-in-wordpress\/<\/a>.<br \/>Moi-m\u00eame j&#8217;ai utilis\u00e9 les CSS:<\/p>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-716d4ce elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"716d4ce\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cedc4c4\" data-id=\"cedc4c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f242c29 elementor-widget elementor-widget-text-editor\" data-id=\"f242c29\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong><span style=\"font-family: 'courier new', courier, monospace;\">div.wpcf7 {<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">background-color: #FFFFFF;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">border: 0px solid #DDDDDD;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">font-family:Chaparral-Pro-Regular; <\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">font-style:italic; <\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">padding:5px;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">}<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">.wpcf7 input[type=&#8221;text&#8221;],<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">.wpcf7 input[type=&#8221;email&#8221;],<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">.wpcf7 textarea {<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">background:#EEEEEE;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">color:#000000;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">font-family:Chaparral-Pro-Regular; <\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">font-style:normal; <\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">}<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">.wpcf7 input[type=&#8221;submit&#8221;],<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">.wpcf7 input[type=&#8221;button&#8221;] { <\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">background-color:#CCCCCC;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">color:#0000FF;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">font-family:Chaparral-Pro-Regular;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">font-style:italic; <\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">width:50%;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">text-align:center;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">text-transform:uppercase;<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\">}<\/span><\/strong><\/p>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38275c7 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"38275c7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f1a85c\" data-id=\"3f1a85c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4af7bc9 elementor-widget elementor-widget-text-editor\" data-id=\"4af7bc9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1>C&#8217;est parti avec WordPress Elementor<\/h1>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9cef53d elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"9cef53d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ad8e16\" data-id=\"2ad8e16\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6ce34e elementor-widget elementor-widget-text-editor\" data-id=\"c6ce34e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Nous trouverons la suite des ces premiers pas dans l&#8217;article <strong><a href=\"https:\/\/www.boichat.ch\/wordpress\/2020\/08\/26\/ma-premiere-page-elementor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ma premi\u00e8re page WordPress avec Elementor<\/a><\/strong> ainsi que dans <strong><a href=\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/10\/wordpress-elementor-creer-un-page-modele\/\" target=\"_blank\" rel=\"noopener\">WordPress Elementor &#8211; Cr\u00e9er une page mod\u00e8le multi-sections pour ordinateur ou mobile<\/a><\/strong>.\u00a0<\/p>\n<p>Cette page a \u00e9t\u00e9 \u00e9crite \u00e0 l&#8217;origine avec l&#8217;\u00e9diteur classique de WordPress et est maintenant sous Elementor. Cela m&#8217;a permis aussi de me familiariser avec ses outils, quoique j&#8217;ai un trop copier\/coller des morceaux qui m&#8217;ont fait appara\u00eetre des styles de texte non traditionnels (donc du travail encore).<\/p>\n<p>Devant remettre \u00e0 niveau ma configuration de sauvegarde et de d\u00e9veloppement sur PC (pourquoi pas consulter mon\u00a0<a href=\"http:\/\/www.boichat.ch\/joomla\/index.php?option=com_content&amp;view=article&amp;id=128:restauration-complete-d-un-site-web-sur-pc&amp;catid=90&amp;Itemid=496\" target=\"_blank\" rel=\"noopener\"><strong>Restauration compl\u00e8te d&#8217;un site Web sur PC<\/strong><\/a>), j&#8217;ai alors \u00e9cris un article d\u00e9di\u00e9 \u00e0 l&#8217;<a href=\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\" target=\"_blank\" rel=\"noopener\"><strong>Installation de Xampp, Wampserver, WordPress et Elementor<\/strong><\/a>.<\/p>\t\t\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Introduction: Mes premiers pas avec WordPress Elementor J&#8217;ai commenc\u00e9 avec mon premier site Web au d\u00e9but des ann\u00e9es 2000. J&#8217;ai pass\u00e9 ensuite \u00e0 Joomla en&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"om_disable_all_campaigns":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[23,16,3],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introduction: Mes premiers pas avec Wordpress Elementor % - Jean-Bernard Boichat<\/title>\n<meta name=\"description\" content=\"Mes premi\u00e8res investigations et essais avec Wordpress Elementor ... apr\u00e8s quelques ann\u00e9es avec un Wordpress traditionnel. Est-il possible d&#039;utiliser Elementor sans connaissance HTML et CSS .... j&#039;en doute pour un site d&#039;un bon niveau.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction: Mes premiers pas avec Wordpress Elementor % - Jean-Bernard Boichat\" \/>\n<meta property=\"og:description\" content=\"Mes premi\u00e8res investigations et essais avec Wordpress Elementor ... apr\u00e8s quelques ann\u00e9es avec un Wordpress traditionnel. Est-il possible d&#039;utiliser Elementor sans connaissance HTML et CSS .... j&#039;en doute pour un site d&#039;un bon niveau.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Jean-Bernard Boichat\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-28T12:15:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-08T07:31:37+00:00\" \/>\n<meta name=\"author\" content=\"Jean-Bernard Boichat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jean-Bernard Boichat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\"},\"author\":{\"name\":\"Jean-Bernard Boichat\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"headline\":\"Introduction: Mes premiers pas avec WordPress Elementor\",\"datePublished\":\"2020-09-28T12:15:59+00:00\",\"dateModified\":\"2021-03-08T07:31:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\"},\"wordCount\":1678,\"publisher\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"articleSection\":[\"\u00c9checs\",\"Elementor\",\"Wordpress\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\",\"url\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\",\"name\":\"Introduction: Mes premiers pas avec Wordpress Elementor % - Jean-Bernard Boichat\",\"isPartOf\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#website\"},\"datePublished\":\"2020-09-28T12:15:59+00:00\",\"dateModified\":\"2021-03-08T07:31:37+00:00\",\"description\":\"Mes premi\u00e8res investigations et essais avec Wordpress Elementor ... apr\u00e8s quelques ann\u00e9es avec un Wordpress traditionnel. Est-il possible d'utiliser Elementor sans connaissance HTML et CSS .... j'en doute pour un site d'un bon niveau.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.boichat.ch\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction: Mes premiers pas avec WordPress Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#website\",\"url\":\"https:\/\/www.boichat.ch\/wordpress\/\",\"name\":\"Jean-Bernard Boichat\",\"description\":\"Mon site WordPress\",\"publisher\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.boichat.ch\/wordpress\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\",\"name\":\"Jean-Bernard Boichat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g\",\"caption\":\"Jean-Bernard Boichat\"},\"logo\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introduction: Mes premiers pas avec Wordpress Elementor % - Jean-Bernard Boichat","description":"Mes premi\u00e8res investigations et essais avec Wordpress Elementor ... apr\u00e8s quelques ann\u00e9es avec un Wordpress traditionnel. Est-il possible d'utiliser Elementor sans connaissance HTML et CSS .... j'en doute pour un site d'un bon niveau.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/","og_locale":"fr_FR","og_type":"article","og_title":"Introduction: Mes premiers pas avec Wordpress Elementor % - Jean-Bernard Boichat","og_description":"Mes premi\u00e8res investigations et essais avec Wordpress Elementor ... apr\u00e8s quelques ann\u00e9es avec un Wordpress traditionnel. Est-il possible d'utiliser Elementor sans connaissance HTML et CSS .... j'en doute pour un site d'un bon niveau.","og_url":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/","og_site_name":"Jean-Bernard Boichat","article_published_time":"2020-09-28T12:15:59+00:00","article_modified_time":"2021-03-08T07:31:37+00:00","author":"Jean-Bernard Boichat","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Jean-Bernard Boichat","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/#article","isPartOf":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/"},"author":{"name":"Jean-Bernard Boichat","@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"headline":"Introduction: Mes premiers pas avec WordPress Elementor","datePublished":"2020-09-28T12:15:59+00:00","dateModified":"2021-03-08T07:31:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/"},"wordCount":1678,"publisher":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"articleSection":["\u00c9checs","Elementor","Wordpress"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/","url":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/","name":"Introduction: Mes premiers pas avec Wordpress Elementor % - Jean-Bernard Boichat","isPartOf":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#website"},"datePublished":"2020-09-28T12:15:59+00:00","dateModified":"2021-03-08T07:31:37+00:00","description":"Mes premi\u00e8res investigations et essais avec Wordpress Elementor ... apr\u00e8s quelques ann\u00e9es avec un Wordpress traditionnel. Est-il possible d'utiliser Elementor sans connaissance HTML et CSS .... j'en doute pour un site d'un bon niveau.","breadcrumb":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.boichat.ch\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Introduction: Mes premiers pas avec WordPress Elementor"}]},{"@type":"WebSite","@id":"https:\/\/www.boichat.ch\/wordpress\/#website","url":"https:\/\/www.boichat.ch\/wordpress\/","name":"Jean-Bernard Boichat","description":"Mon site WordPress","publisher":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.boichat.ch\/wordpress\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751","name":"Jean-Bernard Boichat","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g","caption":"Jean-Bernard Boichat"},"logo":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts\/1771"}],"collection":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/comments?post=1771"}],"version-history":[{"count":0,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts\/1771\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/media?parent=1771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/categories?post=1771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/tags?post=1771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}