{"id":85179,"date":"2022-10-23T05:08:26","date_gmt":"2022-10-23T03:08:26","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"},"modified":"2020-09-17T22:13:08","modified_gmt":"2020-09-18T01:13:08","slug":"widget-de-caja-de-iconos","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/fr\/elementor\/widget-de-caja-de-iconos\/","title":{"rendered":"Widget de bo\u00eete \u00e0 ic\u00f4nes"},"content":{"rendered":"<div class=\"contentWrapper\">\n<article id=\"fullArticle\">\n<p>  Les bo\u00eetes \u00e0 ic\u00f4nes sont tr\u00e8s utiles lors de la cr\u00e9ation de sites Web. L&#039;utilisation la plus courante concerne les sections qui r\u00e9pertorient les caract\u00e9ristiques des produits ou services. Dans ce didacticiel vid\u00e9o, vous verrez les diff\u00e9rentes options dont vous disposez pour personnaliser chaque \u00e9l\u00e9ment de ce widget: l&#039;ic\u00f4ne, le titre et la description. Les ic\u00f4nes sont d\u00e9riv\u00e9es des ic\u00f4nes Font Awesome, et vous pouvez les rechercher et choisir la bonne.<\/p>\n<section class=\"video widescreen\">\n <iframe loading=\"lazy\" title=\"Comment utiliser le widget Icon Box sur le plugin Elementor Page Builder\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/VoMGDZ3Txpc?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> <\/iframe><br \/>\n<\/section>\n<p> <strong>Onglet Contenu<br \/> <\/strong><\/p>\n<p>  Dans l&#039;onglet contenu, vous avez un contr\u00f4le total sur le contenu du widget. <\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Regarder<\/b> - R\u00e9glez l&#039;affichage des ic\u00f4nes sur \u00abPar d\u00e9faut\u00bb, \u00abEmpil\u00e9\u00bb ou \u00abEncadr\u00e9\u00bb. Empil\u00e9 avec un arri\u00e8re-plan et encadr\u00e9 d&#039;un cadre entourant l&#039;ic\u00f4ne.<\/li>\n<li><b style=\"background-color: initial;\">Choisissez l&#039;ic\u00f4ne<\/b> - Vous avez ici une liste de toute la collection d&#039;ic\u00f4nes Font Awesome.<\/li>\n<li><b style=\"background-color: initial;\">description du titre<\/b> - Ins\u00e9rez le titre et la description de votre widget Icon Box.<\/li>\n<li><b style=\"background-color: initial;\">Li\u00e9 \u00e0<\/b> - Ins\u00e9rez un lien et choisissez s&#039;il s&#039;ouvrira dans une nouvelle fen\u00eatre.<\/li>\n<li><b style=\"background-color: initial;\">Position de l&#039;ic\u00f4ne<\/b> - D\u00e9finissez la position de l&#039;ic\u00f4ne sur le c\u00f4t\u00e9 gauche, sup\u00e9rieur ou droit de la bo\u00eete (en vue Mobile, elle restera centr\u00e9e).<\/li>\n<li><b style=\"background-color: initial;\">Balise HTML de titre<\/b> - Choisissez la balise de titre, parmi H1..H6, Div, Span ou P. <\/li>\n<\/ul>\n<p> <strong><br \/> <\/strong><\/p>\n<p> <strong>Onglet Style<\/strong><\/p>\n<p> <strong>1. Ic\u00f4ne<\/strong><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Couleur primaire<\/b> - notez que si vous choisissez une bo\u00eete \u00e0 ic\u00f4nes empil\u00e9e ou encadr\u00e9e, elle aura \u00e9galement une couleur secondaire.<\/li>\n<li><b style=\"background-color: initial;\">Espacement des ic\u00f4nes<\/b> - L&#039;espace entre l&#039;ic\u00f4ne et l&#039;en-t\u00eate.<\/li>\n<li><b style=\"background-color: initial;\">Taille de l&#039;ic\u00f4ne<\/b> - Augmentez et r\u00e9duisez la taille de l&#039;ic\u00f4ne.<\/li>\n<li><b style=\"background-color: initial;\">Ic\u00f4ne de rotation<\/b> - Faites pivoter l&#039;ic\u00f4ne.<\/li>\n<\/ul>\n<p> <strong>2. Ic\u00f4ne flottante<\/strong><\/p>\n<p style=\"margin-left: 20px;\">  Choisissez la couleur principale et secondaire de l&#039;ic\u00f4ne de d\u00e9filement. <\/p>\n<p style=\"margin-left: 20px;\">  Animation - Choisissez parmi une longue liste d&#039;animations pour le d\u00e9filement.<\/p>\n<p> <strong>3. Contenu<\/strong><\/p>\n<p> <strong>\u00e0. Qualification<\/strong><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Alignement - <\/b>Gauche, centre, droite ou justifi\u00e9.<\/li>\n<li><b style=\"background-color: initial;\">Alignement vertical <\/b>- Haut, milieu et bouton.<\/li>\n<li><b style=\"background-color: initial;\">Espacement des titres<\/b> - D\u00e9finissez l&#039;espace entre le titre et la description.<\/li>\n<li><b style=\"background-color: initial;\">Couleur du titre <\/b>- Changez la couleur du titre.<\/li>\n<li><b style=\"background-color: initial;\">Typographie<\/b> - Ici, je peux personnaliser la typographie du titre.<\/li>\n<\/ul>\n<p> <strong>Oui. La description<\/strong><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Description de la couleur - <\/b>Changez la couleur de la description.<\/li>\n<li><b style=\"background-color: initial;\">Typographie<\/b> - Choisissez personnalis\u00e9 pour changer la police, tout comme avec le titre.<\/li>\n<\/ul>\n<h3>  Avanc\u00e9e <\/h3>\n<p>  D\u00e9finissez les options avanc\u00e9es applicables \u00e0 ce widget<\/p>\n<p><strong><\/strong><\/p>\n<p><strong><br \/> <\/strong><\/p>\n<\/article><\/div>","protected":false},"excerpt":{"rendered":"<p>Les bo\u00eetes \u00e0 ic\u00f4nes sont tr\u00e8s utiles lors de la cr\u00e9ation de sites Web. L&#039;utilisation la plus courante concerne les sections qui r\u00e9pertorient les caract\u00e9ristiques des produits ou des services. Dans ce tutoriel vid\u00e9o, vous verrez\u2026<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1352],"tags":[],"class_list":["post-85179","post","type-post","status-publish","format-standard","category-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Widget de caja de iconos - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/widget-de-caja-de-iconos\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widget de caja de iconos\" \/>\n<meta property=\"og:description\" content=\"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/elementor\/widget-de-caja-de-iconos\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-23T03:08:26+00:00\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Widget de caja de iconos\",\"datePublished\":\"2022-10-23T03:08:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\"},\"wordCount\":409,\"articleSection\":[\"Elementor\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\",\"name\":\"Widget de caja de iconos - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-10-23T03:08:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Widget Bo\u00eete \u00e0 Ic\u00f4nes - R Digital Marketing","description":"Les bo\u00eetes \u00e0 ic\u00f4nes sont tr\u00e8s utiles lors de la cr\u00e9ation de sites Web. L&#039;utilisation la plus courante concerne les sections qui r\u00e9pertorient les caract\u00e9ristiques des produits ou services. Au","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:\/\/rmarketingdigital.com\/fr\/elementor\/widget-de-caja-de-iconos\/","og_locale":"fr_FR","og_type":"article","og_title":"Widget de caja de iconos","og_description":"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En","og_url":"https:\/\/rmarketingdigital.com\/fr\/elementor\/widget-de-caja-de-iconos\/","og_site_name":"R Marketing Digital","article_published_time":"2022-10-23T03:08:26+00:00","author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Widget de caja de iconos","datePublished":"2022-10-23T03:08:26+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"},"wordCount":409,"articleSection":["Elementor"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/","url":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/","name":"Widget Bo\u00eete \u00e0 Ic\u00f4nes - R Digital Marketing","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-10-23T03:08:26+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Les bo\u00eetes \u00e0 ic\u00f4nes sont tr\u00e8s utiles lors de la cr\u00e9ation de sites Web. L&#039;utilisation la plus courante concerne les sections qui r\u00e9pertorient les caract\u00e9ristiques des produits ou services. Au","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"Marketing num\u00e9rique","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/85179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/comments?post=85179"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/85179\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=85179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/categories?post=85179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/tags?post=85179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}