{"id":887,"date":"2025-03-25T06:03:13","date_gmt":"2025-03-25T06:03:13","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/"},"modified":"2025-08-11T05:50:57","modified_gmt":"2025-08-11T05:50:57","slug":"post-featured-image","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/","title":{"rendered":"Post Featured Image Widget Documentation"},"content":{"rendered":"\n

Before setting up the Post Featured Image Widget<\/strong>, make sure that the Animation Addons<\/strong> for Elementor plugin is installed <\/strong>and activated <\/strong>on your site. Once activated, you\u2019ll have access to all free Elementor widgets<\/strong>, including the Post Featured Image Widget<\/strong>\u2014totally free! <\/strong>Additionally, you can explore both free and pro widgets by filtering the selection options.
<\/p>\n\n\n\n

\n
\n
\"Post<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Key Use Cases for the Post Featured Image Widget<\/strong><\/strong><\/h2>\n\n\n\n

The Post Featured Image Widget displays the main image of a blog post, enhancing your site\u2019s visual appeal.<\/p>\n\n\n\n

The Post Featured Image Widget in Elementor is ideal for:<\/p>\n\n\n\n

    \n
  • Showcase Visual Content<\/strong> \u2013 Display the featured image of your post to capture the attention of your visitors.<\/li>\n\n\n\n
  • Blog Post Design<\/strong> \u2013 Easily integrate the featured image into your blog posts for a more visually appealing layout.<\/li>\n\n\n\n
  • Clickable Image<\/strong> \u2013 Link the featured image to the post, allowing users to easily access the content.<\/li>\n\n\n\n
  • Responsive Design<\/strong> \u2013 Ensure your post\u2019s featured image adapts perfectly across all screen sizes.<\/li>\n\n\n\n
  • Professional Appearance<\/strong> \u2013 Elevate your blog\u2019s design by adding professional and visually engaging imagery.<\/li>\n<\/ul>\n\n\n\n

    With the Post Featured Image Widget, you can effortlessly showcase your post\u2019s featured image and customize its alignment, size, and link behavior to match your design.<\/p>\n\n\n\n

    Prerequisite<\/strong><\/p>\n\n\n\n

      \n
    • Elementor<\/li>\n\n\n\n
    • Animation Addons for Elementor<\/li>\n<\/ul>\n\n\n\n

      How to activate the Post Featured Image widget, follow these steps:<\/strong><\/h2>\n\n\n\n
        \n
      1. Go to Animation Addons <\/strong>\u2192 Elements <\/strong>in your WordPress dashboard.<\/li>\n\n\n\n
      2. Locate the Post Featured Image Widget <\/strong>in the list.<\/li>\n\n\n\n
      3. Toggle it on to enable the widget.<\/li>\n<\/ol>\n\n\n\n
        \n
        \n
        \"Post<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        How to Add the Post Featured Image Widget in Elementor<\/strong><\/h2>\n\n\n\n

        Enable the widget, create a new page, set a title, choose the Elementor Full Width<\/strong> template, and publish the page. Adjust page settings as needed.<\/p>\n\n\n\n

          \n
        • In the Elementor panel, search for the “Post Featured Image Widget.”<\/strong><\/li>\n\n\n\n
        • Drag and drop the widget into your desired section.<\/li>\n\n\n\n
        • The featured image of the current post will be displayed automatically.<\/li>\n\n\n\n
        • You can then customize its size, alignment, border, and styling options to fit your layout and design preferences.<\/li>\n<\/ul>\n\n\n\n
          \n
          \n
          \"Post<\/figure>\n<\/div>\n<\/div>\n\n\n\n

          Configuring Post Featured Image Widget: A Step-by-Step Guide<\/strong><\/h2>\n\n\n\n

          Once the Post Featured Image Widget<\/strong> is added to your page, you can configure its settings under different tabs: Content, Style, and Advanced.<\/strong><\/p>\n\n\n\n

          \n
          \n
          \"Post<\/figure>\n<\/div>\n<\/div>\n\n\n\n

          Content Settings<\/h3>\n\n\n\n

          There is only one <\/strong>option available: Image.<\/strong><\/p>\n\n\n\n

          Image<\/strong><\/p>\n\n\n\n

          In the Content<\/strong> section of the Post Featured Image Widget<\/strong>, you can control how the featured image is displayed using the following options:<\/p>\n\n\n\n

            \n
          • Image Resolution<\/strong>: Select the appropriate image size (full, medium, thumbnail) to match your layout needs and optimize loading performance.<\/li>\n\n\n\n
          • Alignment<\/strong>: Align the featured image to the left, center, or right within the section to suit your design.<\/li>\n<\/ul>\n\n\n\n
            \n
            \n
            \"Post<\/figure>\n<\/div>\n<\/div>\n\n\n\n

            These settings help you display the post\u2019s featured image effectively while maintaining visual consistency.<\/p>\n\n\n\n

            Style Settings<\/h3>\n\n\n\n

            In the Style<\/strong> section of the Post Featured Image Widget<\/strong>, the Image<\/strong> subsection offers several customization options to refine the visual presentation of your featured image:<\/p>\n\n\n\n

            \n
            \n
            \"Post<\/figure>\n<\/div>\n<\/div>\n\n\n\n
              \n
            • Width & Max Width<\/strong>: Set a fixed or maximum width to control how wide the image appears within its container.<\/li>\n\n\n\n
            • Height<\/strong>: Define a specific height to maintain consistent image proportions across your layout.<\/li>\n\n\n\n
            • Border Type<\/strong>: Choose from multiple border styles such as None, Solid, Double, Dotted, Dashed, Groove, and more.<\/li>\n\n\n\n
            • Border Radius<\/strong>: Apply rounded corners to soften the image edges and match your design aesthetic.<\/li>\n\n\n\n
            • Box Shadow<\/strong>: Add a shadow effect to create depth and highlight the image visually.<\/li>\n<\/ul>\n\n\n\n

              These settings provide fine-tuned control over the appearance of your post\u2019s featured image, ensuring it blends seamlessly with the rest of your design.<\/p>\n\n\n\n

              Advanced Settings<\/h3>\n\n\n\n

              In the advanced settings, you\u2019ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.<\/p>\n\n\n\n

              \n
              \n
              \"Post<\/figure>\n<\/div>\n<\/div>\n\n\n\n

              Final Outcome<\/h2>\n\n\n\n

              That’s it! You\u2019ve successfully learned how to configure the Post Featured Image Widget in Elementor to display dynamic and eye-catching images on your website.<\/p>\n\n\n\n

              For any further assistance or inquiries, feel free to contact our support team!<\/p>\n\n\n\n

              <\/p>\n","protected":false},"excerpt":{"rendered":"

              Before setting up the Post Featured Image Widget, make sure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you\u2019ll have access to all free Elementor widgets, including the Post Featured Image Widget\u2014totally free! Additionally, you can explore both free and pro widgets by filtering the selection options. […]<\/p>\n","protected":false},"author":1,"featured_media":17160,"parent":22,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-887","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nPost Featured Image Widget Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"Step-by-step instructions for enabling and customizing the Post Featured Image Widget in Animation Addons for Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Post Featured Image Widget Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Step-by-step instructions for enabling and customizing the Post Featured Image Widget in Animation Addons for Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T05:50:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Post-Featured-Image-docs-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"49\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/\",\"name\":\"Post Featured Image Widget Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Post-Featured-Image-docs-Featured-Image.png\",\"datePublished\":\"2025-03-25T06:03:13+00:00\",\"dateModified\":\"2025-08-11T05:50:57+00:00\",\"description\":\"Step-by-step instructions for enabling and customizing the Post Featured Image Widget in Animation Addons for Elementor.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Post-Featured-Image-docs-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Post-Featured-Image-docs-Featured-Image.png\",\"width\":48,\"height\":49,\"caption\":\"Post Featured Image docs Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/post-featured-image\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dynamic Widgets\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Post Featured Image Widget Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Post Featured Image Widget Documentation - Animation Addons","description":"Step-by-step instructions for enabling and customizing the Post Featured Image Widget in Animation Addons for Elementor.","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:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/","og_locale":"en_US","og_type":"article","og_title":"Post Featured Image Widget Documentation - Animation Addons","og_description":"Step-by-step instructions for enabling and customizing the Post Featured Image Widget in Animation Addons for Elementor.","og_url":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-08-11T05:50:57+00:00","og_image":[{"width":48,"height":49,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Post-Featured-Image-docs-Featured-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/","url":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/","name":"Post Featured Image Widget Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Post-Featured-Image-docs-Featured-Image.png","datePublished":"2025-03-25T06:03:13+00:00","dateModified":"2025-08-11T05:50:57+00:00","description":"Step-by-step instructions for enabling and customizing the Post Featured Image Widget in Animation Addons for Elementor.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Post-Featured-Image-docs-Featured-Image.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Post-Featured-Image-docs-Featured-Image.png","width":48,"height":49,"caption":"Post Featured Image docs Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/post-featured-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Dynamic Widgets","item":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/"},{"@type":"ListItem","position":3,"name":"Post Featured Image Widget Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=887"}],"version-history":[{"count":7,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/887\/revisions"}],"predecessor-version":[{"id":17979,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/887\/revisions\/17979"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/22"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17160"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=887"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=887"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}