Dynamic Series #01: Single Post Template in Elementor PRO
Vložit
- čas přidán 21. 07. 2024
- Building static pages with Elementor is really easy. However, WordPress is actually made to deal with the dynamic content, so it wouldn’t make much sense if Elementor is not prepared for that kind of a deal as well. How to compose dynamic templates for a single post, archives, custom post type, custom taxonomy? How to use Elementor’s dynamic fields? How to get rid of expensive “premium” WordPress themes and build websites on the budget?
You can learn all of that by watching my Dynamic Series video tutorials.
Sharpen your Elementor skills without spending a dime!
Hello Elementor parent theme:
wordpress.org/themes/hello-el...
Download Hello Elementor Child theme:
github.com/oooh-boi/Kariboo-H... - Jak na to + styl
Time to spread the word...Oooh Boi deserves more subscribers with tutorials of this quality. Start sharing! 👍
Thanks buddy!
I have been looking "High and Low" for an Instructional Video like this! Your step-by-step explanation format helps make much more sense when working with Elementor. Most other videos are nearly a waste of time because they leave the viewer with more questions than when they started - Thank you so much!
Glad it was helpful!
Hi Mate! This was a very informative and easy to digest lesson. I had been trying to understand these concepts for over a year and had pretty much given up on ever really understanding them until I found your tutorial. With your help, I not only created an awesome Single Post Template but perhaps even more importantly, I finally understand them from a conceptual standpoint! Many thanks!
You're very welcome!
Thanks! Great video. Very well explained and easy to follow workflow. I like how, in all of your videos, you show how to expand the power and flexibility of Elementor, all without having to use additional plug-ins. I'm looking forward to your next videos!
Glad it was helpful!
SO Unique, So interesting. Thanks for your amazing content. I've gone through all your videos and commenting on the First Time. You are just fabulous! Keep it up the Good Work!
No words to this great tutorial I have ever found on CZcams. This tutorials force us to subscribe to your channel. Keep on doing this great work. 👌👌👌
Much appreciated, thanks for watching!
Mannnnnnnnn!!! Thankyou sooo much. While watching videos from other channels, I was thinking that I will never be able to learn dynamic series . BUt you explained everything so well that all my concepts are thoroughly clear. Thankyou sooo much.
Awesome my friend. Using dynamic content is always cool and useful and makes the website more professional
A competent and serious tutorial. Rare. Thank you.
Boi, the year is 2022, the content of this video is still relevant！Thank you!
As always, crystal clear and very informative. I'm always learning new stuff about Elementor by your side. Glad it is a full series on that topic 🤗 Thanks for taking the time to do that kind of videos. Bravo 👌
"Boi" means cow in Brazilian Portuguese. So the name of the channel is like saying Holy Cow. Great information. Thank you.
Thanks for sharing your elementor expertise, and yes this is something really new that I didn't know before.
Super nice explained and useful as usual. Oooh boi! Keep up the nice work
and another world class tutorial... Thank you so much!
People disliked this video don't know how to use elementor ;p ;p ;p ;p ;p BTW you are the one from whom I have learned whole new things on every video. Keep uploading all new stuffs everytime.
Good video. One remark: There is a plugin named "Read Meter" which shows the reading time. For me it works well. Thanks for your help
Many thanks for this great tutorial! you deliver information with so much clarity :) well done
Glad you enjoyed it!
Ou yea, been waiting for this one for so long. Thanks a ton!
Gracias Amigo! Looking forward to the rest, hopefully to be uploaded very soon.
Ola bonita! :=)
That was a great video...! You rock man..I learned how to place the reading time, which in previous installation I had to hard code, (was not using Elementor).
On this one, instead of using the text method and, unlike you, I love icons...lol...
I used the 'icon box' and placed the Reading time dynamically - looks great!!!
Thanks again!
Awesome, thank you!
Very helpful. Thanks for sharing your elementor expertise
Thank you extremely helpful for a beginner on the web!
I didn't know this before. Thank you man!
Happy to help!
Thanks so much. I search it all my week.
Glad to help!
Great! Learned some things I did not know!
*exactly* what I need! Thank you!
No problem!
Awesome Tuts as Always
Hi there. Loving your videos and I'm learning SO much from them so thank you. I was wondering...If I wanted to create a single product template instead of a single post template and tried to use this method to create a custom product field that contained a shortcode is there a way to do this? I gave it a go but in the dynamic field you can choose "post custom field" but there's no "product custom field in the Woocommerce section.
You can't create the custom single product template in Elementor (unless you download some 3rd party plugin) because there's no separate dynamic fields for WooC. WooC is limited and LOCKED to Elementor PRO only.
This is amazing.....especially for mobile use. Thank you so much.
Do you know if there's a way so that next time you click the menu button, your menu reappears in an expanded view so the user can see where they are in the site? As it stands, this shows the collapsed menu.
Thanks, mate ... but I'm kinda confused with the question, are you askin about the off-canvas menu thing?
excellent tutorial, Thanks.
When are 3 and 4 tutorials coming?
Hi! Thanks for another great vid! Regarding reading time, is it gonna show 3 minutes to every post? Maybe some posts are shorter or some of them are longer, then what?
Nooo, custom fields are tied up to a certain post. You'll have to define it for each post individually 🤗
Very helpful. Look forward to seeing more on the basics of using Elementor. Do you use Elementor to structure the actual post content for each article as well? Or is that a bad idea in case you don't use Elementor in the future with your blog content (just use wordpress instead)?
Thanks! With Elementor you build the template(s) on your own, it has nothing to do with the theme! The theme itself is the content presentation on its own, sitting in the dark. When you switch the Elementor off, the theme shines back on.
Hey there, thanks for your very helpfully tutorial. I have a problem about it, when i try to make a single post elementor template even following your directives i have no idea why the page dont show the results as in elementor and shows the basic post without design
I have a hunch that you messed up Display Conditions... or skipped them somehow and if that's true, the single post template is rendered by using your current theme's "single.php" (or anything else alongside the WP's templates hierarchy).
you explained really clear thanksssss
Glad you liked it!
Thank you. You are help me more understand Elementor Pro and how build blog post.
Glad to hear that!
Hi! If I want to replace the "featured image" and instead display a "CZcams video" how do I do that? The video in this case is the first url link in my post.
How do I dynamically display that video in a specific section on the single post template?
Great tutorial!
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...
Thank you for the tutorial.
Hello there! Can you please create a tutorial to show sidebars on a single post template with all the standard sidebar elements? And please show how to style them effectively. Thank you.
Thank you so much for this video, now I know how to edit my posts within a template
Happy to help!
Nice video for Single post, I'm having problem with the image, every time i create a new post and publish it, the feature image of this post take over all the images in the past posts. I'm not able to figure out what i'm missing here. Any suggestions? thanks
Hello I have a problem with dynamic featured image when creating my single post. When I create featured image as background section and preview my single post my featured image didn't appear in preview even after I publish my single post. But when I view my actual post page my featured image appear normally. So the featured image only disappear when I preview my single post in theme builder. But appear normally if I view in my blog post. So you know why? Thank you
you are the best dude keep on
WoW ! BOI ! Thanks 4 sharing !
Is it possible to make the left column sticky during a user scroll up and down?
Thanks.
This is amazing. I didn’t know I could do this because I need consistency throughout my site and efficiency cause I I have to post a lot of content and only a lot more in the future.
Will the template be dynamical change everywhere if I change the original template say for future changes?
Yes, that's why it is called template.
@@OoohBoi Thanks still learning,
Good stuff! Thanks!
Großartig Dankeschön.
bro can you tell me plz ,if we export this template and insert in any other WordPress website all these dynamic setting for post and archive automatically work? we dont need to do setting all this again manually?
Hi OB. Really, really good show you have here, very useful and to the point without any bs. I have a question. Is it possible to create more than one dynamic PAGE template? I make a page for each Country, then for each Region of the named country. This means I am making the same PAGEes many times. I want to have a Country template AND a Region template. The way I understand it, this is not possible, there is only one Singe PAGE and you need to use the Default Template when adding a new PAGE for it to be applied. Would appreciate your thoughts on this. I'm finding the Template system amazing, but not easy to understand, use and it is still lacking in functionality. Naming is an issue as well. A Template is used for both Mold and a Fixed Template. I mainly want to use the equivalence of the Template Widget, where what you insert is Locked and only with Dynamic values being updated, and you make the graphical changes in the Template itself, not where it is used, this is not possible with a whole Section, right? //Matthias
After spending almost 2 days on research I cannot find a way to make the whole section into a Template Section like the Widget. Not through Templates, not through Global Widgets. Not through any plugin either like AnyWhere, Dynamic or Jet. I give up, for now, maybe one day this will be added to Elementor, would make sense. //Matthias
Thanks a lot. Please , How to make a button to open a lightbox / popup with images from an external resources.
Like screenshots button in themeforest? and also can I make an Iframe to open URLs Dynamically?
It's not a problem to create the button that opens up the popup window, right? So all you have to do is to create the popup and fill it up with image(s). For instance, the HTML widget allows a lot of flexibility, you can even include javascript if needed.
Well done video.
Hello, very brilliant video. In this video you briefly show a popup with comments, is there a video on how to display such a popup with the comments, i.e. the dynamic content? Greetings from Austria *top*
hmm I have Elementor Pro but there is no "post content" widget......instead the4re is a "table of contents". I searched for "post" and this widget is completely missing. Any clue? (edit: then suddenly you said "gutenberg" and I don't have it so I can't follow this(it won't work with my theme))
Oooh Snap! Really nice tut. I am new to Elementor and having trouble with the popup working. Can you help with creating that part, everything else I have down cold? Thx -C
It should be pretty much straightforward... create the popup first and then from the dynamic dropdown (it must be a link dropdown) chose "Popup" (it's under Actions). Once the popup is selected as an action, hit that monkey wrench icon to tell Elementor which popup to target. That's all.
Dear Oooh Boi, really nice post! Can you also show post depending on the category? For example, i have 2 categories, software news & hardware news. Can i show the posts only according to the category they have?
Sure you do but that doesn't require any extra effort. When you create the Archive template you gotta define Display Conditions. If you include Posts Archive, Categories, Tags, Author Archive, Date Archive and Search Results pages to Display Conditions, your Archive template will be used to render all of these dynamic templates that would usually be included to a regular WP theme. Does that make sense?
Dear Sir,
Your explanation is so well. It makes our work so easy. Everyone I watch your videos, I learn something new.
Sir, I want to know that,
1. If we enable custom field option in Wordpress, do we not require Advance Custom Field / Pods / Toolset etc to create custom fields ?
2. Can we create any types of custom fields as other plugins provide. For Example - Text , Wisywig , Gallery etc.
3. If we can create any types of custom fields from Wordpress Custom Field hidden option , how we can create them ?
Please make detailed videos on these topics.
Learning always from you.
With warm regards,
Vivek Kumar.
Thanks! You can use Pods to create (almost) any kind of Custom Field. Besides, Pods is very well supported by Elementor. Well, not all the filed types. You can see all the details here: elementor.com/help/elementor-integration-with-pods/
@@OoohBoi Thank you sir for your valuable suggestions.
Surely I will go through the link provided by you.
Sir , please create a detailed video on creating a membership website using Elementor Pro, Piotnet ( PAFE ) etc.
A membership website where I may be able to provide premium contents to different premium members with different subscription levels.
Waiting for your videos.
With warm regards,
Vivek Kumar
If you have created posts in the past with another page builder, will Elementor automatically convert those previous posts to the new template?
No, that's not going to happen, you'll have to create the single post template first (and the archive template of course). But that's like the really easy part.
Amazing
Thank You. Please do more advanced element video for woo commerce like post
I'll give my best to do so!
I seem to be having issues with losing the formatting from some of the blog posts when it pulls into my Single Post Template, any thoughts?
Frank, I've witnessed so many strange thing in Elementor that I could make a movie about. Maybe it's just a temporary glitch. The other day I figured that if you try to copy all the content from one Elementor page to another, everything is pasted in reversed order. And I can swear on my life that it worked just right every time before.
Thanks for the tutorial! I'm wondering if it's possible to use code or a plugin to make the reading time work without having to put the value yourself post by post?
Pleaaaaase i really have a question for you. Actually how can i build, with elementor, the style of posts in the blog page ?
You can use "Ele Custom Skin" add-on for Elementor, it's free.
Oooh boi, this is a GREAT tutorial! Really creative way of using elementor. you have really opened my eyes and have saved me days of searching for a widget to do specific things that cannot be found in elementor. Anyway, I have 2 questions:
1. I have noticed that you like using the "heading" widget a lot whenever you want to put some dynamic text info. But, why not the "text" widget?
2. When you used the "heading widget", in "Html tag" field, you changed it from H2 to "span" for putting in the reading time info and you changed to "div" for putting in the post excerpt. What is the difference of choosing between span and div? What do they mean?
PS. I have subscribed! Pls make MORE tutorials!
Oh, it's nice to hear that! As for your questions...
#1. I kinda think that Heading is ok when there's not a lot of text, that's all, no other reason
#2. It's OK to use either of these (P, DIV, SPAN) coz any of these will be wrapped by another DIV anyway. P(aragraphs) usually have some bottom margin tho...
@@OoohBoi Thanks to you, I have successfully created a loop of posts (each with its own share buttons) on the frontpage. Yay! But, the share widget by Elementor only allows sharing "current page" which would be mistakenly the frontpage. I want to share dynamically the individual blog post, not the frontpage.
How can I do that?
Silly question. I went to download the child theme...um, how? Download wasn't an option...and do I need all the bits /changes? Sorry...always confused,
No need for a child theme any more, it was before Elementor introduced the Global Settings. What you need is the latest version of Hello Elementor theme and E PRO.
Hi team. In version 3.0.8 dont have option single. Now have Single post and Single page. and i cant select my own post type (other than post or page). Its normal and need downgrade version?? Or maybe anyone know how create single with custom post type?? Thnaks
"Single Post" is what takes the place!
hey great tutorial, big help., but why is it that when i create a website with Elementor and then save/update, then when i enter my adress manualy in any browser, it dosnt show what i just created in Elementor, it still shows the "default hello world" !? help pls anyone
Well.. It can be more than one thing. If you use a cache plugin maybe you need to clear cache, before you can see changes. But most likely you must go into wordpress settings in dashboard and set the frontpage to use your elementor designed page.
That's very strange... but based upon your comment, it looks like you save/update the site in one location and try to see changes in another one. Something like "localhost" and "remote server" thing.
Where can I download the Oooh Boi logo so that I can make the header and footer?
Well, I guess you might use the replacement image, it doesn't need to be OoohBoi logo to make things work buddy...
Why am I not getting the Add Condition option when I publish the page???? Pls help.
How do I use the template on different pages and edit the content in the template for a specific page without changing the entire template?
How about Elementor's Display Conditions?
Great video (not surprised you are the Yoda of Elementor CZcams). Question - when you have elementor pro/free is there a way to CHANGE THE DATE (I know sounds silly -but I copied a ton of blogs from an older site- E pro automatically put the date as the date I moved them..I put a title under saying "originally posted X/X/XXXX but I'd rather it was the original post date. Not a big deal...but you know all these work arounds...Off to watch the next video for this! Xx the shrink from CO
Karen, the post date is the dynamic value and you shouldn't be able to change it manually at all. Are you sure you doing it right way? Or you don't have the PRO... Wait, but the naked E doesn't have an option for dealing with the dynamic data. Now I'm confused...
@@OoohBoi SO I can't change the date? Oh wait- so when I say I copied them let me explain. I had a huge hack (well a few- indoxiplox and the elementor hack). I didn't realize it for weeks (just don't ask LOL). So I was told not to use a plug in to move things. I copied it from the live site. So E on the new site assumed I had just written it -So the posts are up...and I'd like to change the date but as I said it's not essential (heck no one reads my blog anyway!). Hopefully that explains what I did . I was worried bc the hack(s) had effected almost all of my plugins so I didn't want to add anything from the original site (I even changed hosting co bc one of the hacks changed my passcode on blue host...go figure). Thanks for everything...love your stuff.AND yes, I know we knew each other and yes I can barely handle memories from this life...add my priors and the shrink will need a shrink. Namaste, Dr K
@@DrKarenHoving You CAN change the date if you want to but that's supposed to be the dynamic value, that's the whole point! I don't know anything about your hacks Karen but after reading your comment, I can tell that you gonna blow up the US Department of Defense one day. Anyhow, I rather stick to the rule that says if something's built on a solid/healthy foundation it'll last forever.
@@OoohBoi OMG you made me laugh HARD for the first time in 3 1/2 yrs! THANK YOU! I wanted original date on bc I've got blogs that are time...sensitive? IE dealing w/election 2016 when you have PTSD...the label now says I posted that last week. So I just have a note above text saying "ORiginally posted.."
Hmmm another Edward Snowden? OMG If you saw my crap website you'd know I was clueless..I just ask a lot of questions! AND blowing up isn't my style, I'm more into gentle persuasion as a shrink. LOL...Xx
@@DrKarenHoving 3 and 1/2 yrs?!? Damn, here's my prescription: roll it up (or get some vaporizer) 2x a day. Girl Scout Cookies/OG Kush/Pineapple Express. Just a couple of puffs will do fine. As for the website of yours, our conversation starts to look like a serious condition. May I suggest something instead? Could you create a temp admin account for me and let me take a look? Rest assured, I worked as a WordPress developer for over 10 years so the chance to screw something up is like 50% only. Drop me a message to oooh(dot)boi29(at)gmail(dot)com if that's OK with you. Other than that, I'll remain confused with what you are faced with.
Wow..it was so great tutorial. I love it. Can you please make a video on making designing contact form and contact form 7 etc..
Thanks! As for the forms... Elementor PRO has it all! No need for any other WordPress plugin.
Oooh Boi thank you bro. I will check it.
Is it possible to convert wordpress gallery into elementor gallery using single post templates?
I'd rather go for the Gallery custom post type. You can use Pods plugin to create custom post types easy way. Besides, Elementor does have a support for Pods via dynamic fields!
Hi! how do you create a comment popup template? I tried creating exactly what you did in the video but the pop-up comment doesn't show up.
Well the most likely you mis-linked the comments popup. I guess it might happen if you have more than just one popup, so check whether the comments number button triggers the right popup (dynamic options).
@@OoohBoi I got it now. Thanks!
@@OoohBoi I.'m also trying to figure out how to put a drop down archive menu that will list my posts according to categories, tags, month and year, and the author. I'm using elementor pro with free astra theme. I just don't know how to create one. I've been searching for a video tutorial all over the net and found none. May be you have an Idea on how to create one using elementor pro. I guess that would be awesome.
bro.. how can i create multiple single post template for different categories or pages??
The answer is simple: use Elementor's "Display Conditions" when publishing your templates. You can have as many of them as you like!
I have created the same but when I open any post it shows page not found. And it looks like nothing was found at this location.
It sounds like you have a permalink problem. Try to flush permalinks in WP Admin and see whether it helps. How to flush? Go to Settings > Permalinks and hit the save button, that's all.
@@OoohBoi Thanks that's work
I created a website using elementor so where can i sell it? It is possible.
where can i find the - "single post file" in elementor folder for custom editing!! "ANYONE HERE, CAN HELP ME"
That's not how things work with Ele! You can't edit your theme's default single post template (physical file inside the theme's folder), what you can do is to create a new single post template inside Elementor (PRO, of course), see Templates > Theme Builder > Single Post (tab). Once you do that, be sure to set the Display Condition to "Entire Site" which will completely replace your theme's single post template site-wide.
How do you make the popup comments Sir?
My single post template is literally not available just shows a single post and a single page. Any help?
First time someone said that and I have no clue what might be wrong. I guess I would re-install Elementor (and PRO) to eliminate anything being wrong during the initial install.
@@OoohBoi not available at my side too. Single Post no where to be found.
@@Eleanor456 Did you try to address the issue to Elementor directly? I mean, it should be there, no reason why not if you're using Elementor PRO.
@@OoohBoi ok I will
The content is great, but the current elementor has been upgraded for several generations. When can it be updated?
can i send images from customfield?
Yes of course! It can either be sent like an image full path of just an image/attachment ID. It's up to you to decide which one of these two works better. The attachment ID is usually OK only if you are dealing with images that already sit in the Media Library tho...
👏👏👏👌👍👍👍👍
Where can I find the SINGLE widgets?
I guess you should have a PRO version... do you?
HHah hi Boi, yes I do. 😂😂😂 thanks for the reply
Do you know how to customize headings in a single post? It seems like all content irrespective of Heading1/2/3 or paragraph, all have to be the same fonts :/
any videos for non pro users? :)
Just visit my channel and you'll find many. Elementor PRO should be a good investment tho, it's worth each penny...
are u working in a cockpit? :D :D :D
The Spaceship. Brand new.
hOW did he manage to do that pop in comments section?
What pop?! Pop up? It's nothing but the popup template listing the comments, that's all.
Are you on board of a spaceship?
No, it's the server room.
Elementor is great, but bro, these single post and blog themes are horribly ugly. I mean by default, and it's Elementor's fault. What the fuck is this layout? It's a disaster.