{"id":7083,"date":"2024-08-30T10:39:58","date_gmt":"2024-08-30T08:39:58","guid":{"rendered":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/?page_id=7083"},"modified":"2024-09-04T17:07:05","modified_gmt":"2024-09-04T15:07:05","slug":"widget-generateur","status":"publish","type":"page","link":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/widget-generateur\/","title":{"rendered":"Widget g\u00e9n\u00e9rateur"},"content":{"rendered":"[vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; equal_height=&#8221;yes&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;rgba(168,215,210,0.23)&#8221; bg_image=&#8221;7103&#8243; background_image_mobile_hidden=&#8221;true&#8221; bg_position=&#8221;center bottom&#8221; background_image_loading=&#8221;default&#8221; bg_repeat=&#8221;no-repeat&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;7%&#8221; bottom_padding=&#8221;3%&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; color_overlay=&#8221;rgba(28,25,66,0.12)&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;padding-3-percent&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;default&#8221; gradient_type=&#8221;default&#8221;][vc_custom_heading text=&#8221;Bienvenue sur l\u2019outil d\u2019int\u00e9gration des formations du portail r\u00e9gional sur des sites ext\u00e9rieurs&#8221; font_container=&#8221;tag:h2|text_align:left|color:%231b1a43&#8243; google_fonts=&#8221;font_family:ABeeZee%3Aregular%2Citalic|font_style:400%20regular%3A400%3Anormal&#8221;][divider line_type=&#8221;No Line&#8221; divider_opacity=&#8221;0&#8243;][vc_column_text text_direction=&#8221;default&#8221;]<span style=\"color: #1b1a43\">Cet outil vous permettra d\u2019afficher les formations pr\u00e9sentes sur le portail r\u00e9gional\u00a0<strong>sur le site internet de votre choix.<\/strong><\/span><\/p>\n<p><span style=\"color: #1b1a43\">Gr\u00e2ce aux crit\u00e8res de s\u00e9lection,\u00a0<strong>vous pouvez choisir d\u2019afficher seulement une partie des formations<\/strong>\u00a0pr\u00e9sentes sur le portail r\u00e9gional. Ainsi, vous pouvez choisir d\u2019afficher seulement :<\/span><\/p>\n<p><span style=\"color: #1b1a43\"><em>\u2013 les formations d\u2019un organisateur sp\u00e9cifique<\/em><\/span><br \/>\n<span style=\"color: #1b1a43\"><em>\u2013 les formations d\u2019un th\u00e8me sp\u00e9cifique<\/em><\/span><br \/>\n<span style=\"color: #1b1a43\"><em>\u2013 les formations d\u2019un d\u00e9partement<\/em><\/span><br \/>\n<span style=\"color: #1b1a43\"><em>\u2013 les formations en pr\u00e9sence ou \u00e0 distance<\/em><\/span><br \/>\n<span style=\"color: #1b1a43\"><em>\u2013 les formations r\u00e9pondant \u00e0 un ou plusieurs mots-cl\u00e9s<\/em><\/span>[\/vc_column_text][\/vc_column][vc_column column_padding=&#8221;padding-5-percent&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color=&#8221;rgba(28,25,66,0.57)&#8221; background_color_opacity=&#8221;0.6&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;default&#8221; gradient_type=&#8221;default&#8221;][vc_custom_heading text=&#8221;Comment utiliser cet outil ?&#8221; font_container=&#8221;tag:h3|text_align:left|color:%231b1a43&#8243; google_fonts=&#8221;font_family:ABeeZee%3Aregular%2Citalic|font_style:400%20regular%3A400%3Anormal&#8221;][divider line_type=&#8221;No Line&#8221; divider_opacity=&#8221;0&#8243;][vc_column_text text_direction=&#8221;default&#8221;]<span style=\"color: #1b1a43\"><strong>\u00c9tape 1<\/strong><em><br \/>\n<\/em>Dans le cadre ci-dessous, o\u00f9 figurent les crit\u00e8res, s\u00e9lectionnez ceux qui vous int\u00e9ressent (organisateur, th\u00e8me, d\u00e9partement\u2026). Si vous souhaitez s\u00e9lectionner toutes les formations du portail r\u00e9gional, n\u2019entrez rien dans ces cases.<\/span><\/p>\n<p><span style=\"color: #1b1a43\"><strong>\u00c9tape 2<\/strong><em><br \/>\n<\/em>Si vous le souhaitez, visualisez l\u2019aper\u00e7u des formations s\u00e9lectionn\u00e9es en bas de page.<\/span><\/p>\n<p><span style=\"color: #1b1a43\"><strong>\u00c9tape 3<\/strong><em><br \/>\n<\/em>Copiez le texte pr\u00e9sent dans le cadre \u201cCode \u00e0 copier\u201d. Pour plus de simplicit\u00e9, cliquez sur le pictogramme qui se situe en haut \u00e0 droite du cadre.<\/span><\/p>\n<p><span style=\"color: #1b1a43\"><strong>\u00c9tape 4<\/strong><em><br \/>\n<\/em>Collez le tout dans le code de votre site internet. Par exemple, sur WordPress, \u00e0 l\u2019aide du bloc pr\u00e9-con\u00e7u dans la cr\u00e9ation d\u2019article ou de page<em>\u00a0\u201cHTML personnalis\u00e9\u201d.<\/em><\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;rgba(168,215,210,0.23)&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]\n<div class=\"widget-generateur alignfull\">\n    <form id=\"widget-generateur-form\" data-url=\"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/?page_id=7081\">\n        <h4>Crit\u00e8res :<\/h4>\n        <div>\n            <label for=\"author\">Organisateur :<\/label>\n            <select id=\"author\" name=\"author\" class=\"form-color\" multiple>\n                <option value=\"\">Tous<\/option><option value=\"84\">ADELHA 05<\/option><option value=\"85\">APROVA 84<\/option><option value=\"283\">Arles-Associations<\/option><option value=\"281\">Association \u00e9val\u00e9co<\/option><option value=\"73\">AssoDev - MarsNet<\/option><option value=\"245\">COLINEO<\/option><option value=\"225\">Com'\u00e9tik diffusion<\/option><option value=\"255\">Comit\u00e9 D\u00e9partemental Olympique et Sportif du Var<\/option><option value=\"114\">Comptoir des Assos<\/option><option value=\"243\">CORAC - Commission R\u00e9gionale des Associations de Chantiers<\/option><option value=\"108\">CRAJEP de Bourgogne-Franche-Comt\u00e9<\/option><option value=\"89\">CROS R\u00e9gion Sud Provence-Alpes-C\u00f4te d'Azur<\/option><option value=\"198\">D\u00e9partement des Bouches-du-Rh\u00f4ne<\/option><option value=\"74\">F\u00e9d\u00e9ration R\u00e9gionale des Maisons des Jeunes et de la Culture M\u00e9diterran\u00e9e<\/option><option value=\"224\">Jardinot<\/option><option value=\"298\">La Marmite Joyeuse<\/option><option value=\"113\">Ligue de l'enseignement - Centre de ressources d\u00e9partementale de la vie associative FOL 83<\/option><option value=\"75\">Ligue de l'Enseignement des Alpes de Haute-Provence<\/option><option value=\"90\">Ligue de l'Enseignement F.A.I.L. 13 - F\u00e9d\u00e9ration des Bouches-du-Rh\u00f4ne<\/option><option value=\"107\">Maison des Associations de Marseille<\/option><option value=\"248\">SECOURS CATHOLIQUE<\/option><option value=\"119\">Service D\u00e9partemental \u00e0 la Jeunesse, \u00e0 l'Engagement et aux Sport - DSDEN 04<\/option><option value=\"242\">SoliForm \u2013 Association loi 1901 Cultures et Formations Solidaires<\/option><option value=\"294\">Territoires Solidaires<\/option><option value=\"220\">VVOUM<\/option><option value=\"187\">Zero Waste Marseille<\/option>            <\/select>\n        <\/div>\n            <div>\n                <label for=\"themes\">Th\u00e8mes :<\/label>\n                <select id=\"themes\" name=\"themes\" class=\"form-color\" multiple>\n                    <option value=\"\">Tous<\/option><option value=\"40\">Campagne FDVA<\/option><option value=\"44\">La communication<\/option><option value=\"45\">La formation sur un domaine sp\u00e9cifique (m\u00e9dico-social, sport...)<\/option><option value=\"46\">La gestion de projet<\/option><option value=\"47\">La gestion des Ressources Humaines<\/option><option value=\"48\">Le fonctionnement d'une association<\/option><option value=\"49\">Les finances d'une association<\/option><option value=\"50\">Les outils num\u00e9riques<\/option><option value=\"51\">Les questions de soci\u00e9t\u00e9 (discrimination, environnement...)<\/option>                <\/select>\n            <\/div>\n            <div>\n                <label for=\"departements\">D\u00e9partements :<\/label>\n                <select id=\"departements\" name=\"departements\" class=\"form-color\" multiple>\n                    <option value=\"\">Tous<\/option><option value=\"79\">Alpes de Haute-Provence (04)<\/option><option value=\"78\">Alpes-Maritimes (06)<\/option><option value=\"76\">Bouches-du-Rh\u00f4ne (13)<\/option><option value=\"81\">Hautes-Alpes (05)<\/option><option value=\"82\">Var (83)<\/option><option value=\"83\">Vaucluse (84)<\/option>                <\/select>\n            <\/div>\n            <div>\n                <label for=\"formats\">Formats :<\/label>\n                <select id=\"formats\" name=\"formats\" class=\"form-color\">\n                    <option value=\"\">Tous<\/option><option value=\"1\">visio<\/option><option value=\"0\">pr\u00e9sentiel<\/option>                <\/select>\n            <\/div>\n            <div class=\"fancy-select-wrap\">\n                <label for=\"text\">Mots cl\u00e9s :<\/label>\n                <input type=\"text\" id=\"text\" name=\"text\">\n            <\/div>\n    <\/form>\n    <div id=\"widget-generateur-iframe\">\n        <button title=\"copier le contenu\" id=\"widget-generateur-copy\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20.2 8v11c0 .7-.6 1.2-1.2 1.2H6v1.5h13c1.5 0 2.7-1.2 2.7-2.8V8zM18 16.4V4.6c0-.9-.7-1.6-1.6-1.6H4.6C3.7 3 3 3.7 3 4.6v11.8c0 .9.7 1.6 1.6 1.6h11.8c.9 0 1.6-.7 1.6-1.6zm-13.5 0V4.6c0-.1.1-.1.1-.1h11.8c.1 0 .1.1.1.1v11.8c0 .1-.1.1-.1.1H4.6l-.1-.1z\"><\/path><\/svg><\/button>\n        <h4>Code \u00e0 copier :<\/h4>\n        <div id=\"widget-generateur-iframe-content\">\n\n        <\/div>\n    <\/div>\n    <div id=\"widget-generateur-preview\">\n        <h4>Pr\u00e9visualisation :<\/h4>\n        <div id=\"widget-generateur-url-preview-content\">\n\n        <\/div>\n    <\/div>\n<\/div>\n[\/vc_column_text][vc_column_text]\n<p>&nbsp;<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; equal_height=&#8221;yes&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;rgba(168,215,210,0.23)&#8221; bg_image=&#8221;7103&#8243; background_image_mobile_hidden=&#8221;true&#8221; bg_position=&#8221;center bottom&#8221; background_image_loading=&#8221;default&#8221; bg_repeat=&#8221;no-repeat&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;7%&#8221; bottom_padding=&#8221;3%&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; color_overlay=&#8221;rgba(28,25,66,0.12)&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7083","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/wp-json\/wp\/v2\/pages\/7083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/wp-json\/wp\/v2\/comments?post=7083"}],"version-history":[{"count":0,"href":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/wp-json\/wp\/v2\/pages\/7083\/revisions"}],"wp:attachment":[{"href":"https:\/\/formations-benevoles.org\/provence-alpes-cote-dazur\/wp-json\/wp\/v2\/media?parent=7083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}