00:00 > Intro 00:37 > What are templates? 01:36 > Main Template (Header & Footer) 09:46 > All Archives Template (Category Archive, Taxonomy Archive...) (14:25 > Homepage / Posts Page in WordPress) 15:51 > Posts Page Template (AKA Blog Posts Index) 20:27 > Single Post Template (22:29 > How to avoid being able to edit Single Post content in Oxygen) (23:46 > Why you should not edit Single Post content in Oxygen) 27:54 > Search Results Template 30:23 > 404 Template (will catch any incorrect url of your site) (32:00 > How Inner Content works) 33:01 > Create a Custom Homepage
This is 1000x better than the original explainer, thank you so much E! After doing a dozen or so Oxy builds, you just cleared up everything and plugged the gaps from the old video that I wish I had at the beginning. Throwing in a bunch of extra tips that will save everyone a ton of time trying to get things ramped up quickly (like wp-query types vs. default in easy blog) was great too. Seriously, this is something we all needed. This base group of templates really should just be one of a few default template-based design sets so we'd just need to customize/tweak the 3-5 variables that change to this template set, an e-commerce/woo template design set and maybe one other. This was a 30min walk thru, so imagine how long it takes everyone the first few times to just create each of these manually, then for every site going forward. It could just be an import or bable to be saved as a local json or xml file that gets reused w/ each new site.
Understandable, step by step, with important points, specific and clear explanation! Thank you, Elijah, you are the best! And the developers of Oxygen Builder are generally geniuses. Thanks for your work!
Thanks for the helpful video But one more thing need to modify in header footer template. If inner content less than screen height footer go up. It would be nice add something bottom screen alignment for footer. And do not worry that the client will write something small, like in the example 404
Thanks so much. Very useful info re your template structure. What about mobile / responsiveness though, on the Blog posts set up? Look forward to more tutorials.
Great content! However, how do you create a template that renders a bespoke header and footer only on a specific Page? Not a specific post, but, let's say, just one page.
Can you create a 2 column gallery that moves horizontally instead of vertically and use it as a slider. As 4 image block fits really nicely on mobile screen size. Regards Peter
Thank you for this amazing tutorial and this amazing tool, I have one question on how I should design my templets for a website that use Google Adsense do you have any tutorial on google adsence with oxygen
Google adsense will put the header and footer ads automatically (for the mobile) once the script is inserted. After that when you create your single or archive templates you can choose where to put the code
When I copy a template it doesn't seem to copy verbatim. The header background color is missing. Images are missing from header (like logo). Why would that be?
It doesn't work, the condition doesn't show in the Oxygen front-end selector when registered :( Is there any chance this is deprecated of did I just do something wrong?
Question: how would you go about making that section the 404 template stretch to the rest of the page height? So that the footer is laying on the bottom?
Oxygen elements are already responsive. But you can also use the responsive breakpoints to make changes for smaller screens. And further, you can edit the pixel values of the breakpoints in the global settings.
![[Newbie Guide] Responsive Design Crash Course For Oxygen](http://i.ytimg.com/vi/gCFzYM4aTwg/mqdefault.jpg)
![[Newbie Guide] Responsive Design Crash Course For Oxygen](/img/tr.png)
![[Newbie Guide] Build A Website In 15 Minutes w/ Oxygen's Design Library](http://i.ytimg.com/vi/fPz2-zFk8Ug/mqdefault.jpg)
![[LIVE] MCHOICE & MINT AWARDS 2024 at TRUE ICON HALL, ICONSIAM](http://i.ytimg.com/vi/wMewUeT5nbY/mqdefault.jpg)
00:00 > Intro
00:37 > What are templates?
01:36 > Main Template (Header & Footer)
09:46 > All Archives Template (Category Archive, Taxonomy Archive...)
(14:25 > Homepage / Posts Page in WordPress)
15:51 > Posts Page Template (AKA Blog Posts Index)
20:27 > Single Post Template
(22:29 > How to avoid being able to edit Single Post content in Oxygen)
(23:46 > Why you should not edit Single Post content in Oxygen)
27:54 > Search Results Template
30:23 > 404 Template (will catch any incorrect url of your site)
(32:00 > How Inner Content works)
33:01 > Create a Custom Homepage
Thank you! I wish Oxygen would use time stamps like that when they have such long videos.
@@dustindauncey Glad it saved you some time. If they spend the time they save not doing the time stamp on Oxygen Builder, I'm ok with that ;-p
This is 1000x better than the original explainer, thank you so much E! After doing a dozen or so Oxy builds, you just cleared up everything and plugged the gaps from the old video that I wish I had at the beginning. Throwing in a bunch of extra tips that will save everyone a ton of time trying to get things ramped up quickly (like wp-query types vs. default in easy blog) was great too. Seriously, this is something we all needed. This base group of templates really should just be one of a few default template-based design sets so we'd just need to customize/tweak the 3-5 variables that change to this template set, an e-commerce/woo template design set and maybe one other. This was a 30min walk thru, so imagine how long it takes everyone the first few times to just create each of these manually, then for every site going forward. It could just be an import or bable to be saved as a local json or xml file that gets reused w/ each new site.
23:00 This tip is huge. I hate lock-ins. Stopped using divi a long time ago because of this issue.
Understandable, step by step, with important points, specific and clear explanation! Thank you, Elijah, you are the best! And the developers of Oxygen Builder are generally geniuses. Thanks for your work!
Once again, an excellent tutorial, Elijah.
Nicely done. Very clear and quick.
I needed this. Thanks Elijah!
If you're not seeing the 404 Template when testing after creating it, change the Template Priority to 1 and then it should work.
Superb introduction to Oxygen!
Love this video, great job!!! ❤
Thanks for the helpful video
But one more thing need to modify in header footer template. If inner content less than screen height footer go up. It would be nice add something bottom screen alignment for footer. And do not worry that the client will write something small, like in the example 404
The minimum height set to ~80vh for the inner content will do that trick
@@stratos-tutorials Thank you!
Didn't think about it
@@Zim_88 you are welcome
I just started learning O2. Mixed feelings. I need to build a magazine-style website with it. ASAP.
I just learned so much.
Thanks so much. Very useful info re your template structure. What about mobile / responsiveness though, on the Blog posts set up? Look forward to more tutorials.
Excellent video! What keys do you press to get the copyright symbol?
Thanks.
Great content! However, how do you create a template that renders a bespoke header and footer only on a specific Page? Not a specific post, but, let's say, just one page.
VERY helpful
Although I have Inner Content on my Main template, it isn't available in the dropdown when I'm building the All Archives template.
Can you create a 2 column gallery that moves horizontally instead of vertically and use it as a slider. As 4 image block fits really nicely on mobile screen size. Regards Peter
Thanks for this
Thank you for this amazing tutorial and this amazing tool, I have one question on how I should design my templets for a website that use Google Adsense do you have any tutorial on google adsence with oxygen
Google adsense will put the header and footer ads automatically (for the mobile) once the script is inserted. After that when you create your single or archive templates you can choose where to put the code
@@stratos-tutorials Thank you
@@zeyadjy7229 you are welcome
Where are the title in the archive page??? Is it possible to remove the context archive: before it?
What's the difference between Menu and Site navigation widgets in Oxygen?
Can one save the entire template created and use it on another website project?
When I copy a template it doesn't seem to copy verbatim. The header background color is missing. Images are missing from header (like logo). Why would that be?
why dont my templates get saved?I save and when i go back to edit its all blank
Could you guide on how to do a centered logo with the menu on both sides?
It doesn't work, the condition doesn't show in the Oxygen front-end selector when registered :( Is there any chance this is deprecated of did I just do something wrong?
how do you achieve local loading of Oxy so quick? With no gear spinning for 10-20 sec
Check out Local by Flywheel. I use it for all of my Oxygen sites. It is A-mazing!
12:29
You have no idea how many hours and videos I had to go through to figure this out. Why not make the default setting you know...... default?
which editor do you recommend? classic or gutenberg?
Whatever you are comfortable with
Question: how would you go about making that section the 404 template stretch to the rest of the page height? So that the footer is laying on the bottom?
Make that section to min height 100vh - height of ( header + footer )
But how to make this responsive the best way? ;)
Oxygen elements are already responsive. But you can also use the responsive breakpoints to make changes for smaller screens. And further, you can edit the pixel values of the breakpoints in the global settings.