How to make a single post template with a featured image hero in Elementor for WordPress
Vložit
- čas přidán 21. 07. 2024
- 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
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!
This looks great, good tutorial too :)
Thanks a lot Ollie I appreciate 🥰
best single post ever, thanks
Thanks a lot!
Amazing!! exactly what I was looking for, Thanks!!!
Love to know that! Thanks 😍
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...
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 :)
can you edit an existing template? my current post template won't add the featured image inside the post header itself
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
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 :)
@@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??
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 ??
1. make sure you have some post with featured image
2. For the images did you set featured image to display ?
Let me know
I use featured image....in section background but not shown why ? What can i do?
You have at least 1 post with featured image ?
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
In the preview or in the actual post? Did you add a featured image in the post ?
why did you add an inner section and background image, rather than just adding an image object/widget to the column and positioning that?
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?
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. 😮💨
Did you check if "Repeat" is enable on the image? Should be disabled
Thanks you for this vidéo .Can you make a video how to enable infinite scroll autoload posts
Happy to hear that, you have any example to share? You mean that if you scroll down automatically will load a new post right ?
@@Wpespresso I sent you an example but the link is being deleted
@@lalamz32434 send it to my email aryan.shirani@gmail.com
But works only with Elementor Pro, correct?
Yea I’m not sure the free version would allow you to do so