{"id":8141,"date":"2022-02-10T09:21:00","date_gmt":"2022-02-10T09:21:00","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=8141"},"modified":"2022-08-01T10:17:54","modified_gmt":"2022-08-01T10:17:54","password":"","slug":"inline-notification-in-gutenberg","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/fr\/docs\/inline-notification-in-gutenberg\/","title":{"rendered":"Comment pr\u00e9senter la notification en ligne NotificationX dans Gutenberg\u00a0?"},"content":{"rendered":"<p><a href=\"https:\/\/notificationx.com\/fr\/\" target=\"_blank\" rel=\"noopener\"><b>NotificationX<\/b><\/a><span style=\"font-weight: 400\"> vous permet d&#039;afficher l&#039;une de ses alertes en direct dans WordPress Gutenberg avec les notifications de notification en ligne NotificationX<\/span><span style=\"font-weight: 400\">. Il vous aide \u00e0 configurer et \u00e0 personnaliser le mod\u00e8le comme vous le souhaitez.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Consultez la directive pour voir comment pr\u00e9senter <\/span><b>Notification en ligne NotificationX dans Gutenberg <\/b><span style=\"font-weight: 400\">alertez et faites ressortir vos notifications en direct ci-dessous\u00a0:<\/span><\/p>\n<p><iframe title=\"Comment utiliser la notification en ligne avec Gutenberg\u00a0?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/IEvku_SmuyA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2><b>\u00c9tape 1 : acc\u00e9dez \u00e0 votre \u00e9diteur Gutenberg<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Assurez-vous que vous avez <\/span><a href=\"https:\/\/notificationx.com\/fr\/docs\/purchase-notificationx-pro\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>NotificationX install\u00e9 et activ\u00e9<\/b><\/a> <span style=\"font-weight: 400\">brancher<\/span> <span style=\"font-weight: 400\">sur votre site WordPress. Si vous l&#039;avez d\u00e9j\u00e0 fait, vous \u00eates alors tous pr\u00eats \u00e0 pr\u00e9senter ce <strong>Notification en ligne NotificationX<\/strong><\/span><b>\u00a0<\/b><span style=\"font-weight: 400\">\u00e0 Gutenberg.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Tout d&#039;abord, acc\u00e9dez \u00e0 votre \u00e9diteur Gutenberg et cliquez sur le <strong>&#8216;+&#8217;<\/strong> signe pour rechercher <\/span><a href=\"https:\/\/notificationx.com\/fr\/docs\/notificationx-inline-notification\/\" target=\"_blank\" rel=\"noopener\"><b>Notification en ligne NotificationX<\/b><\/a>\u00a0<strong>bloquer.\u00a0<\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-8147 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052.png\" alt=\"Notification en ligne NotificationX \u00e0 Gutenberg\" width=\"1918\" height=\"904\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052.png 1918w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-300x141.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-1024x483.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-768x362.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-1536x724.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-18x8.png 18w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<h2>\u00c9tape 2\u00a0: Configurer la notification de notification en ligne NotificationX<\/h2>\n<p>Ensuite, cliquez sur le bloc de notification en ligne NotificationX et placez-le \u00e0 l&#039;endroit de votre choix dans l&#039;\u00e9diteur Gutenberg. Maintenant \u00e0 partir de la notification en ligne NotificationX <strong>&#039;G\u00e9n\u00e9ral&#039;<\/strong> Choisissez la notification \u00e0 partir de laquelle vous souhaitez afficher <strong>&#039;Choisir les notifications&#039;<\/strong>.<\/p>\n<p>Il affichera alors imm\u00e9diatement le type d&#039;alertes de notification associ\u00e9. En outre, vous pouvez modifier l&#039;alignement de votre notification de notification en ligne selon vos pr\u00e9f\u00e9rences.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-8146 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_12-28-13.gif\" alt=\"Alerte de croissance NotificationX \u00e0 Gutenberg\" width=\"1916\" height=\"888\" title=\"\"><\/p>\n<h2>\u00c9tape 3 : stylisez votre notification en ligne<\/h2>\n<p>Du<strong> &#039;Style&#039;<\/strong> onglet, vous aurez toute libert\u00e9 pour changer l&#039;onglet <strong>&#039;Typographie&#039;<\/strong>. Cliquez simplement sur le <strong>Signe &#039;Modifier&#039;<\/strong> qui se pr\u00e9sente juste apr\u00e8s la &#039;Typographie&#039;.<\/p>\n<p>Effectuez maintenant les modifications avec <strong>famille de polices, poids, taille,<\/strong> poids, style, espace et autres pour s&#039;adapter \u00e0 la conception de votre site.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-8145 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_12-18-33.gif\" alt=\"Alerte de croissance NotificationX \u00e0 Gutenberg\" width=\"1918\" height=\"890\" title=\"\"><\/p>\n<p>De plus, vous pouvez \u00e9galement modifier l&#039;alignement de la typographie, la marge et le rembourrage. \u00c0 partir de <strong>&#039;Couleur&#039;<\/strong>, vous pouvez modifier le texte et la couleur d&#039;arri\u00e8re-plan pour donner \u00e0 votre mod\u00e8le de notification en ligne l&#039;apparence que vous souhaitez.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8157 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_13-02-22.gif\" alt=\"Alerte de croissance NotificationX \u00e0 Gutenberg\" width=\"1910\" height=\"880\" title=\"\"><\/p>\n<p>D&#039;ailleurs, de <strong>&#039;Fronti\u00e8re&#039;<\/strong>, choisissez votre style de bordure et votre rayon de notification en ligne NotificationX en fonction de vos besoins.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8149 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_12-22-51.gif\" alt=\"Alerte de croissance NotificationX \u00e0 Gutenberg\" width=\"1910\" height=\"888\" title=\"\"><\/p>\n<h2><b>R\u00e9sultat final<\/b><\/h2>\n<p><span style=\"font-weight: 400\">En suivant ces \u00e9tapes mentionn\u00e9es et en modifiant un peu plus, voici comment vous pouvez pr\u00e9senter<\/span><b> Notification en ligne NotificationX dans Gutenberg <\/b><span style=\"font-weight: 400\">en utilisant <\/span><a href=\"https:\/\/notificationx.com\/fr\/\" target=\"_blank\" rel=\"noopener\"><b>NotificationX<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8153 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3.png\" alt=\"Alerte de croissance NotificationX \u00e0 Gutenberg\" width=\"730\" height=\"284\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3.png 730w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3-300x117.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3-18x7.png 18w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/p>\n<p><span style=\"font-weight: 400\">C&#039;est \u00e7a! C&#039;est avec quelle facilit\u00e9 vous pouvez configurer et afficher magnifiquement votre <\/span><b>Notification en ligne NotificationX dans Gutenberg.<\/b><\/p>\n<p><span style=\"font-weight: 400\">\u00catre coinc\u00e9? Si vous rencontrez des probl\u00e8mes, vous pouvez contacter notre<\/span> <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noopener\"><b>\u00c9quipe de soutien<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Obtenez la notification en ligne NotificationX \u00e0 Gutenberg pour pr\u00e9senter les alertes de preuve sociale de votre site Web avec NotificationX sans codage.<\/p>","protected":false},"author":12,"featured_media":8153,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[154],"doc_tag":[155,561,156,569,568,157],"class_list":["post-8141","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-fomo-notification","doc_tag-inline-notification","doc_tag-notificationx","doc_tag-notificationx-in-gutenberg","doc_tag-notificationx-live-alerts-in-gutenberg","doc_tag-social-proof"],"year_month":"2026-05","word_count":340,"total_views":"47265","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"afrine","author_nicename":"afrin","author_url":"https:\/\/notificationx.com\/fr\/author\/syeda-sanjida-afrin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/fr\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/fomo-notification\/"},{"term_name":"Inline Notification","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/inline-notification\/"},{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/notificationx\/"},{"term_name":"NotificationX in Gutenberg","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/notificationx-in-gutenberg\/"},{"term_name":"NotificationX Live Alerts In Gutenberg","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/notificationx-live-alerts-in-gutenberg\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/social-proof\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs\/8141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":15,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs\/8141\/revisions"}],"predecessor-version":[{"id":9327,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs\/8141\/revisions\/9327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/media\/8153"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/media?parent=8141"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/doc_category?post=8141"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=8141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}