{"version":"1.0","provider_name":"Toolset","provider_url":"https:\/\/toolset.com\/fr\/","author_name":"Cloe","author_url":"https:\/\/toolset.com\/fr\/author\/cloe-m\/","title":"Creating a Hero Section in WordPress - Toolset","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"NwD1cdscd0\"><a href=\"https:\/\/toolset.com\/fr\/course-lesson\/creating-a-hero-section\/\">Creating a Hero Section<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/toolset.com\/fr\/course-lesson\/creating-a-hero-section\/embed\/#?secret=NwD1cdscd0\" width=\"600\" height=\"338\" title=\"&#8220;Creating a Hero Section&#8221; &#8212; Toolset\" data-secret=\"NwD1cdscd0\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/toolset.com\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/toolset.com\/wp-content\/uploads\/2020\/05\/toolset-homepage-hero-section-example.png","thumbnail_width":1920,"thumbnail_height":1080,"description":"What to Know Before Getting Started Designing a Hero Section requires some planning. Here are some guidelines to keep in mind.&nbsp; Align the text to the background Make sure that you\u2019re aligning text with the background image in mind. This means checking that your text is still visible and readable if your image has various [&hellip;]"}