{"id":6370,"date":"2021-09-29T06:44:21","date_gmt":"2021-09-29T06:44:21","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=6370"},"modified":"2023-02-22T10:11:24","modified_gmt":"2023-02-22T10:11:24","slug":"how-to-use-the-image-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/","title":{"rendered":"How to Use the Image Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6370\" class=\"elementor elementor-6370\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6584851d thesinglevideo elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6584851d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-678775ce\" data-id=\"678775ce\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e6f9e37 elementor-widget elementor-widget-video\" data-id=\"7e6f9e37\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/c36HWTmFk2o&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b682720 thesinglevideoOver elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b682720\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-711078c1\" data-id=\"711078c1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1eb94ab3 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"1eb94ab3\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-5151\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-5151\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-5152\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-5152\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-5151\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-5151\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-5151\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial we learn how to insert and style images on websites, using the Image widget.<\/p><p>The tutorial will cover:<br \/>\u2714\ufe0e Adding an image<br \/>\u2714\ufe0e Image content options<br \/>\u2714\ufe0e Optimizing images<br \/>\u2714\ufe0e Styling images<br \/>\u2714\ufe0e Using CSS filters<br \/>\u2714\ufe0e Adding a hover effect<br \/>\u2714\ufe0e Creating circular images<br \/>\u2714\ufe0e And much more!<\/p><p><span>See Also:<\/span><\/p><p><a href=\"https:\/\/elementor.com\/academy\/how-to-use-elementor-landing-page-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor Landing Page Template Library<\/a><br \/><a href=\"https:\/\/elementor.com\/help\/dynamic-content\">Elementor Dynamic Content<\/a><br \/><a href=\"https:\/\/elementor.com\/academy\/website-performance-optimization-in-elementor\/?playlist=2e4b114d&amp;video=3e349d5\">Image Optimization<\/a><br \/><a href=\"https:\/\/elementor.com\/academy\/elementor-responsive-101-all-you-need-to-know\/\">Responsive Design<\/a><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-5152\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-5152\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-5152\" tabindex=\"0\" hidden=\"hidden\"><p>Hey there, it\u2019s Aviva from Elementor. Today I\u2019ll show you how to use the image widget in Elementor.<\/p><p>Images are an important part of just about any website experience. They provide a powerful way to help tell a story and work to capture your visitors\u2019 attention, increasing engagement on your website.\u00a0<span>Let\u2019s jump in, and see it in action.<\/span><\/p><p>For our tutorial, we\u2019ll use this HR company landing page template, which I\u2019ve downloaded from the Elementor Library. To learn more about how to use the Landing Pages library, see our dedicated <a href=\"https:\/\/elementor.com\/academy\/how-to-use-elementor-landing-page-builder\/\">tutorial<\/a>, linked description.<\/p><p>We\u2019ll recreate this circular image, complete with an eye-catching hover effect. We\u2019ll start by first deleting the existing image widget so we can recreate it from scratch.\u00a0<\/p><p>From the widget panel, select the image widget, and drag it into the right column. The blue line indicates where it will be positioned when you let go.<\/p><p>Click the placeholder image to choose an image. You can either upload an image, or choose one already in the media library.<\/p><p>You can select from several different image file types, depending on your needs:<\/p><ul><li><b>JPG<\/b>s, which are great for photos<\/li><li><b>PNG<\/b>s, for images that require transparency.<\/li><li><b>GIF<\/b>s, or \u201cGIFs\u201d if you prefer, for light animations<\/li><li>and <b>SVG<\/b>s, for icons and logos.<\/li><\/ul><p><span>Keep in mind that PNGs tend to have larger file sizes, and\u00a0<\/span><span>SVG files are generally smaller in size.\u00a0<\/span><span>For our tutorial we\u2019ll use this JPG image of a team working together.<\/span><\/p><p>To the right of the selected image, we have the image details.<\/p><p><b>Alt Text<\/b>, which is short for alternative text, is a concise description of the image, and appears when the image can not be displayed, such as on a screen reader. Using accurate alt text will both improve the accessibility of your website as well as its image SEO.<\/p><p><b>Title<\/b> is automatically generated, using the image file name. You can edit the title, if you\u2019d like.<\/p><p>The <b>Caption<\/b> field can be used to add a more detailed explanation. (For example, It is often used on news websites to give the image some context.)<\/p><p><b>Description<\/b> is another important field for image SEO, and appears below the image in search results.<\/p><p>For more on image optimization, check out our dedicated <a href=\"https:\/\/elementor.com\/academy\/website-performance-optimization-in-elementor\/?playlist=2e4b114d&amp;video=3e349d5\">video<\/a>, linked in the description.<\/p><p>Ok, now go ahead and click Insert. Great.<\/p><p>For image size, you can select a preset size or choose your own custom size. Type in a value for either the width or height to keep the image proportional.\u00a0<span>For this example we\u2019ll set it to full size.<\/span><\/p><p>You can set the alignment of the image to left, center or to right.<\/p><p>If you would like to display a caption below your image. Choose from either Attachment Caption, which pulls in the caption we added earlier in the Media Library, or Custom Caption, where you can type in your own text. The caption style can be customized in the Style tab, however, we don\u2019t need a caption here, so we\u2019ll set it back to None.<\/p><p>You can link the image to a Media File, and display it in a lightbox or as a standalone, or you can link it to a Custom URL.<\/p><p>You can type in your URL link here, or for Pro users, you can click the dynamic tags icon, to link to <a href=\"https:\/\/elementor.com\/help\/dynamic-content\/\">dynamic content<\/a>. This applies for any other field displaying this icon.<\/p><p>Click the gear icon to adjust the link options, such as to display the link in a new window, or add a nofollow tag.<\/p><p>Ok, let\u2019s move over to the Style tab.\u00a0<span>Here you can adjust the image width. You can select the unit, and change the width by dragging the slider, or typing in a precise value.<\/span><\/p><p>You also have the option to choose the image\u2019s max width. Note that the Elementor default maximum width value is 100%<\/p><p>You can also set the image\u2019s Height. If you\u2019ve entered a width above, you can control the way the image stretches through the Object Fit. Choose Cover to keep the image proportional.\u00a0<span>For our example we\u2019ll go back to the default size settings.<\/span><\/p><p>You can control the image opacity here, where zero equals completely transparent and one equals 100% opacity.<\/p><p>If you\u2019d like, you can apply a CSS filter to your image for some interesting effects. Just like we did here, by lowering the saturation to create a black and white effect. Click here, to go back to the default.<\/p><p>Next we\u2019ll add a hover effect to the image, which will display when visitors mouse over the image.<br \/>We can set the opacity to change on hover, as well as the CSS Filter. And we can adjust the transition duration, which controls the length of the animation in milliseconds. We don\u2019t need the CSS Filters for our design, so I\u2019ll reset them.<\/p><p>Next we\u2019ll add a Hover animation. You have many to choose from, and I encourage you to experiment with them. We\u2019ll select Rotate, and in just a moment we\u2019ll apply a border radius to our image to make it circular, for a smoother animation. The next option is Border Type, where you can choose from several different border styles.<\/p><p>Enter a value for the Border Width below. These values are linked by default, but you click the link icon to unlink them, and enter separate values for any side.<\/p><p>I\u2019ll go ahead and remove the border by setting it back to None. Next we\u2019ll adjust the border radius, to round the corners and create a circular shape.<\/p><p>Switch the unit to percent, and type in 50. Cool! You can also unlink the values and enter them separately, to create different shapes. I\u2019ll go ahead and relink the values, and set it back to 50.<\/p><p>We can add a Box Shadow to your image from here. You can play with the settings to give the image a subtle 3D effect. We\u2019ll leave this one as is, for our design.<\/p><p>Everything is looking great here on Desktop, so let\u2019s preview our page in responsive mode and make sure it\u2019s optimized for other device sizes. Click the responsive icon (or use the keyboard shortcut <b>CMD<\/b> or <b>Control<\/b> <b>Shift<\/b> <b>M<\/b>\u00a0to enter responsive mode.<\/p><p>We\u2019ll begin in Tablet mode, so check the top bar to make sure you\u2019re in the correct device. If not, click the Tablet icon, here. Everything looks great as is, here in tablet, so let\u2019s take a look at mobile.<\/p><p>Another way to switch between device previews is by clicking the Viewport icon that appears next to designated widget settings.\u00a0<span>We\u2019ll select mobile. It looks pretty good, but we can tweak it a bit by changing the image width.<\/span><\/p><p>You can adjust any widget setting as needed for <a href=\"https:\/\/elementor.com\/academy\/elementor-responsive-101-all-you-need-to-know\/\">responsive<\/a>, wherever you see the viewport icon.<\/p><p>Ok, mobile looks great, so we\u2019re all set. Click Publish, and let\u2019s preview our design. Perfect.<\/p><p>And there you have it. Now you know how to use the image widget to draw your visitors\u2019 attention and increase engagement on your website.<\/p><p>So go ahead, play with all the options, and create striking layouts using images. I can\u2019t wait to see what you come up with.<\/p><p>Thanks for watching! For more tutorials, subscribe to our Youtube channel. And don\u2019t forget to hit that notification bell.<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial we learn how to insert and style images on websites, using the Image widget. The tutorial will cover: \u2714\ufe0e Adding an image \u2714\ufe0e Image content options \u2714\ufe0e Optimizing images \u2714\ufe0e Styling images \u2714\ufe0e Using CSS filters \u2714\ufe0e Adding a hover effect \u2714\ufe0e Creating circular images \u2714\ufe0e And much more! [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":6371,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4,8],"tags":[41,48],"class_list":["post-6370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","category-getting-started","tag-guides-tutorials","tag-widgets"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use the Image Widget - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Image Widget - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial we learn how to insert and style images on websites, using the Image widget. The tutorial will cover: \u2714\ufe0e Adding an image \u2714\ufe0e Image content options \u2714\ufe0e Optimizing images \u2714\ufe0e Styling images \u2714\ufe0e Using CSS filters \u2714\ufe0e Adding a hover effect \u2714\ufe0e Creating circular images \u2714\ufe0e And much more! [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-29T06:44:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T10:11:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/image-widget.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aviva Darab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aviva Darab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the Image Widget - Academy","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:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the Image Widget - Academy","og_description":"Overview Transcript Overview In this tutorial we learn how to insert and style images on websites, using the Image widget. The tutorial will cover: \u2714\ufe0e Adding an image \u2714\ufe0e Image content options \u2714\ufe0e Optimizing images \u2714\ufe0e Styling images \u2714\ufe0e Using CSS filters \u2714\ufe0e Adding a hover effect \u2714\ufe0e Creating circular images \u2714\ufe0e And much more! [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/","og_site_name":"Academy","article_published_time":"2021-09-29T06:44:21+00:00","article_modified_time":"2023-02-22T10:11:24+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/image-widget.jpg","type":"image\/jpeg"}],"author":"Aviva Darab","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aviva Darab","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/"},"author":{"name":"Aviva Darab","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/6ce87fcf655168e5ac55e43148a99449"},"headline":"How to Use the Image Widget","datePublished":"2021-09-29T06:44:21+00:00","dateModified":"2023-02-22T10:11:24+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/"},"wordCount":1329,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/image-widget.jpg","keywords":["Guides and Tutorials","Widgets"],"articleSection":["Design \/ Layout","Getting Started"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/","url":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/","name":"How to Use the Image Widget - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/image-widget.jpg","datePublished":"2021-09-29T06:44:21+00:00","dateModified":"2023-02-22T10:11:24+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/image-widget.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/image-widget.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-image-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How to Use the Image Widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/6ce87fcf655168e5ac55e43148a99449","name":"Aviva Darab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5456d642d6417c9b72a48f8fbec624cc1336f934ce83732b6fa2358ab0c31bfe?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5456d642d6417c9b72a48f8fbec624cc1336f934ce83732b6fa2358ab0c31bfe?s=96&d=mm&r=g","caption":"Aviva Darab"},"description":"Aviva is a Designer and Educator at Elementor. She\u2019s experienced in web and graphic design and enjoys sharing her knowledge with others. She stays fueled with coffee, dark chocolate, and Pinterest.","url":"https:\/\/elementor.com\/academy\/author\/user-5e36e0380be94\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=6370"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6370\/revisions"}],"predecessor-version":[{"id":9339,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6370\/revisions\/9339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/6371"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=6370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=6370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=6370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}