{"id":365963,"date":"2022-11-04T10:40:00","date_gmt":"2022-11-04T07:40:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365963"},"modified":"2022-12-10T11:46:21","modified_gmt":"2022-12-10T08:46:21","slug":"comment-creer-un-site-web-wordpress-dune-page-avec-elementor","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-creer-un-site-web-wordpress-dune-page-avec-elementor\/","title":{"rendered":"Comment cr\u00e9er un site Web WordPress d&rsquo;une page avec Elementor"},"content":{"rendered":"\n<p>La facilit\u00e9 d&rsquo;utilisation est la principale raison pour laquelle <strong>WordPress est le syst\u00e8me de gestion de contenu le plus populaire<\/strong>. M\u00eame les personnes qui n&rsquo;ont pas de solides connaissances techniques peuvent facilement cr\u00e9er et g\u00e9rer elles-m\u00eames des sites Web. Avec ce didacticiel, nous allons d\u00e9montrer cela en utilisant le <a href=\"https:\/\/themewp.inform.click\/fr\/plugin-elementor-wordpress-quelle-est-sa-puissance\/\" title=\"g\u00e9n\u00e9rateur de pages Elementor\">g\u00e9n\u00e9rateur de pages Elementor<\/a> <strong>pour cr\u00e9er un site Web WordPress d&rsquo;une page<\/strong>.<\/p>\n<p>Commen\u00e7ons par expliquer ce qu&rsquo;est r\u00e9ellement un site Web d&rsquo;une page. Contrairement \u00e0 ce que son nom l&rsquo;indique, <strong>il ne peut pas se limiter \u00e0 une seule page<\/strong>. Vous voudrez peut-\u00eatre, par exemple, cr\u00e9er une page d&rsquo;accueil avec des sections telles que Accueil, \u00c0 propos, Contact, etc., et cr\u00e9er un lien vers une galerie, un portfolio ou un blog \u00e0 partir de l\u00e0.<\/p>\n<p>Naviguer entre les sections de votre page principale sans avoir \u00e0 faire d\u00e9filer <strong>toutes les sections peut \u00eatre facilement effectu\u00e9 \u00e0 l&rsquo;aide de liens sur la page<\/strong> ou d&rsquo;ancres. <strong>Elementor a \u00e9galement un \u00e9l\u00e9ment pr\u00eat \u00e0 l&#8217;emploi pour la mise en place d&rsquo;une ancre<\/strong> et il est tr\u00e8s facile \u00e0 utiliser.<\/p>\n<p>Bien s\u00fbr, <strong>vous pouvez <a href=\"https:\/\/themewp.inform.click\/fr\/comment-configurer-les-liens-dancrage-elementor-en-toute-simplicite\/\" title=\"utiliser des ancres pour connecter diff\u00e9rentes sections sur une page\">utiliser des ancres pour connecter diff\u00e9rentes sections sur une page<\/a><\/strong> \u00e0 l&rsquo;aide de l&rsquo;\u00e9l\u00e9ment Menu Anchor en conjonction avec divers \u00e9l\u00e9ments pouvant \u00eatre li\u00e9s, mais dans ce didacticiel, nous expliquerons comment le faire \u00e0 l&rsquo;aide d&rsquo;un menu.<\/p>\n<h2>Commen\u00e7ons<\/h2>\n<p>Nous allons cr\u00e9er une page avec quatre sections et utiliser un menu pour cr\u00e9er un lien vers chacune d&rsquo;entre elles. \u00c9tant donn\u00e9 que la section Accueil sera de toute fa\u00e7on en haut de notre page, il n&rsquo;y a pas besoin d&rsquo;ancre. Le lien vers votre page vous am\u00e8nera en haut de la page, vous pouvez donc simplement l&rsquo;utiliser pour l&rsquo;option Accueil dans le menu.<\/p>\n<p>Cela signifie que <strong>nous avons besoin de trois autres ancres, une pour chacune des autres sections<\/strong>\u00a0: \u00c0 propos de nous, Notre menu et Contact.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2b5dcafe.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2b5dcafe.jpg\" alt=\"Comment cr\u00e9er un site Web WordPress d&#039;une page avec Elementor\"><\/a><\/p>\n<p>Pour placer l&rsquo;ancre, <strong>recherchez simplement l&rsquo;\u00e9l\u00e9ment Menu Anchor dans le menu de la barre lat\u00e9rale d&rsquo;Elementor<\/strong> et <strong>faites-le glisser vers l&rsquo;endroit o\u00f9 vous souhaitez cr\u00e9er un lien<\/strong>, par exemple, juste au-dessus de chaque section.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2b8eede7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2b8eede7.jpg\" alt=\"Comment cr\u00e9er un site Web WordPress d&#039;une page avec Elementor\"><\/a><\/p>\n<p>Notez qu&rsquo;une ancre n&rsquo;est l\u00e0 que pour aider \u00e0 la navigation, et n&rsquo;est donc <strong>en aucun cas visible pour le visiteur,<\/strong> elle n&rsquo;appara\u00eet que dans l&rsquo;\u00e9diteur afin que nous puissions voir o\u00f9 elle se trouve au fur et \u00e0 mesure que nous construisons notre site Web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2bb4cd8d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2bb4cd8d.jpg\" alt=\"Comment cr\u00e9er un site Web WordPress d&#039;une page avec Elementor\"><\/a><\/p>\n<p>La prochaine chose que nous devons faire est <strong>de nommer chacune des ancres, de leur donner leurs identifiants uniques<\/strong>. Ceux-ci doivent \u00eatre une seule cha\u00eene, utilisant des lettres majuscules et minuscules, des chiffres, des tirets et des traits de soulignement, mais pas d&rsquo;espaces.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2be66d56.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2be66d56.jpg\" alt=\"Comment cr\u00e9er un site Web WordPress d&#039;une page avec Elementor\"><\/a><\/p>\n<h2>Comment cr\u00e9er un lien depuis le menu<\/h2>\n<p>Ensuite, nous allons <strong><a href=\"https:\/\/themewp.inform.click\/fr\/creer-un-menu-personnalise-dans-wordpress-etape-par-etape\/\" title=\"cr\u00e9er un menu personnalis\u00e9\">cr\u00e9er un menu personnalis\u00e9<\/a> en utilisant l&rsquo;\u00e9diteur par d\u00e9faut de WordPress<\/strong> et en suivant ces \u00e9tapes simples.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2c218d37.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2c218d37.jpg\" alt=\"Comment cr\u00e9er un site Web WordPress d&#039;une page avec Elementor\"><\/a><\/p>\n<p>Nous allons ensuite <strong>cr\u00e9er trois liens personnalis\u00e9s dans le menu<\/strong>. Dans le <strong>champ URL, nous saisissons notre nom d&rsquo;ancre, pr\u00e9c\u00e9d\u00e9 de #<\/strong>, comme dans #anchor_name. Le champ de texte du lien est le texte de l&rsquo;option de menu. Dans ce cas, comme nous voulons que le lien d&rsquo;ancrage nous am\u00e8ne \u00e0 la section \u00c0 propos de nous, c&rsquo;est ce que nous saisissons. Nous r\u00e9p\u00e9terons \u00e9galement cette op\u00e9ration pour les sections Notre menu et Contact\u00a0: ajoutez l&rsquo;ancre, puis cr\u00e9ez un lien via le menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2c553bdd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-360184-633ec2c553bdd.jpg\" alt=\"Comment cr\u00e9er un site Web WordPress d&#039;une page avec Elementor\"><\/a><\/p>\n<p>Notez que ces <strong>liens d&rsquo;ancrage ne fonctionnent que pour la m\u00eame page sur laquelle se trouvent les ancres<\/strong>. Si vous avez une autre page avec le m\u00eame menu, le lien d&rsquo;ancrage ne fonctionnera pas. Les liens d&rsquo;ancrage <strong>ne vont qu&rsquo;apr\u00e8s leurs ancres cibles sur la page sur laquelle se trouvent les \u00e9l\u00e9ments li\u00e9s<\/strong>.<\/p>\n<p><strong>Lorsqu&rsquo;il est sp\u00e9cifi\u00e9 comme ceci, le lien d&rsquo;ancrage fonctionne pour n&rsquo;importe quelle ancre<\/strong>, quelle que soit la page sur laquelle se trouve le lien.<\/p>\n<p>Comme vous l&rsquo;avez vu, vous pouvez avoir un site Web d&rsquo;une page enti\u00e8rement fonctionnel et facilement navigable en quelques minutes, rapidement et facilement, avec presque aucun effort et exactement aucune connaissance en mati\u00e8re de codage. Tout ce dont vous avez besoin est le constructeur de pages Elementor et ce didacticiel pratique, et vous \u00eates pr\u00eat. N&rsquo;oubliez pas non plus de garder votre contenu frais et engageant. Choisissez soigneusement les images et faites attention \u00e0 l&rsquo;organisation du site. Une m\u00eame information peut avoir une importance diff\u00e9rente selon l&rsquo;endroit o\u00f9 elle est plac\u00e9e. Alors, <a href=\"https:\/\/themewp.inform.click\/fr\/comment-changer-rapidement-la-taille-et-la-couleur-de-la-police-dans-wordpress\/\" title=\"utilisez une couleur diff\u00e9rente pour votre contenu ou changez de police\">utilisez une couleur diff\u00e9rente pour votre contenu ou changez de police<\/a> pour attirer l&rsquo;attention de mani\u00e8re professionnelle.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ayez un site Web WordPress d&rsquo;une page op\u00e9rationnel avec un peu d&rsquo;aide de WPKlik et du constructeur de pages Elementor.<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-365963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/365963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=365963"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/365963\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=365963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=365963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=365963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}