How to make a single post template with a featured image hero in Elementor for WordPress

Подписаться 8 тыс.

Просмотров 11 тыс.

50% 1

Wondering how to automatically add your post featured image as a hero background and image? In this tutorial we will see how to create a single post template with a featured image used as a hero and as the main image using only Elementor plugin for WordPress. We will be converting an AdobeXD design into a WordPress page.
#Elementor #elementorfeaturedimage #adobexdtoelementor
✨ Plugins:
Elementor Free: bit.ly/elementor-xdu
Elementor PRO: bit.ly/elementorpro-xdu
🖐 Theme:
Hello Theme: bit.ly/hellotheme-xdu
👌 Hosting I use:
Siteground: bit.ly/siteground-xdu
🦄 Tools & Plugins
XDUnicorn Links: xdunicorn.com/tools/
💖 Templates Download:
Gumroad: gumroad.com/xdunicorn
😁 Follow me:
Facebook group: / elementortutorial
Instagram: / aryanshirani
Dribbble: dribbble.com/AryanShirani
Behance: www.behance.net/aryanshirani
Linkedin: / aryanshirani
Twitter: / xdunicorncom

Опубликовано:

1 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@danialahmad2854 Месяц назад

Wow, thank you for sharing this! I've been struggling to set the Featured Image as the header image in the Hello Theme for my blog, and your tutorial really helped me out. Seriously, you've earned a subscriber from me. Keep up the awesome work!

@user-dv6vx1ov2h 4 месяца назад

best single post ever, thanks

@Wpespresso 4 месяца назад

Thanks a lot!

@Ollie9T7 2 года назад

This looks great, good tutorial too :)

@Wpespresso 2 года назад

Thanks a lot Ollie I appreciate 🥰

@saudaijaz7271 2 года назад

Amazing!! exactly what I was looking for, Thanks!!!

@Wpespresso 2 года назад

Love to know that! Thanks 😍

@adrielpurba6284 25 дней назад

can you edit an existing template? my current post template won't add the featured image inside the post header itself

@robertgreen5842 4 месяца назад

That was really interesting. Rather than having the 'Featured image' in the post template, is it possible to have 'any' image? But different for every post? I'd like to keep the Featured image for diplaying in the body of the post. Thanks

@Wpespresso 4 месяца назад

Hello Robert, the featured image it changes for every post, when you create a post you can upload a featured image for each of your post and they are different one to another, so yes is possible to do what you are asking. Let me know :)

@larato5544 4 месяца назад

@@Wpespresso Thank you. I get that the featured image will be different for every post, but I am wondering if you can use the featured image for the Hero, the inline image in the post and also the thumbnail. Won't they all be of different dimensions? How do I resolve that??

@MaryamWahabCooks Год назад

Thanks for the tutorial , followed it step by step , but instead of the Pictures , all i see is dark gray blocks , instead of the featured pictures

@Wpespresso Год назад

In the preview or in the actual post? Did you add a featured image in the post ?

@K5310 2 года назад

hi , great video! What I run into it, that a post need to have a few images attached to it, these are construction projects and each have 4-10 images. I use Elementor PRO and want to rely on it if it is possible.... I am building a Single Post template , and can pull the featured image, but how do I assign a widget or a dynamic are to pull the appropriate images for the actual post. So instead of showing the featured image of the post I would need a gallery, but each post would have it's own 4-5 images... I hope this make sense. Please let me know if you can suggest something...

@Wpespresso 2 года назад

I understood what you are trying to do and is possible, but you need to have some extra plugin like ACF or Crocoblock or any dynamic gallery plugin. I will try to make this in a future tutorial :)

@lalamz32434 2 года назад

Thanks you for this vidéo .Can you make a video how to enable infinite scroll autoload posts

@Wpespresso 2 года назад

Happy to hear that, you have any example to share? You mean that if you scroll down automatically will load a new post right ?

@lalamz32434 2 года назад

@@Wpespresso I sent you an example but the link is being deleted

@Wpespresso 2 года назад

@@lalamz32434 send it to my email aryan.shirani@gmail.com

@CutiePie-ns2zh 2 года назад

I use featured image....in section background but not shown why ? What can i do?

@Wpespresso 2 года назад

You have at least 1 post with featured image ?

@tipsemail5368 2 года назад

Hello , and thank you for the amazing tutorial , i follow all the steps and its look great i desktop version ,also in Mobile version its shown that good when i modified in elemontor , but when i open it on my real mobile there is no image !! i dont no why ??

@Wpespresso 2 года назад

1. make sure you have some post with featured image 2. For the images did you set featured image to display ? Let me know

@thescienceofit 2 года назад

why did you add an inner section and background image, rather than just adding an image object/widget to the column and positioning that?

@Wpespresso 2 года назад

Because if you add an image object every time you add a featured image you need to make sure the image size are same in every post, IF you use a background you can use any images without worring about the size of it. Is this make sense?

@JeremiahJens 11 месяцев назад

Hi and great vid. When I added in my featured image mine does not look at all like yours. It is not a solid picture it is split into 4 squares. No matter what I try and select, I cannot make it a solid picture instead of 4 large squares. How can I fix the featured images so it is a solid picture to move forward with the single post template. 😮‍💨

@Wpespresso 10 месяцев назад

Did you check if "Repeat" is enable on the image? Should be disabled