[Newbie Guide] Templating Crash Course For Oxygen
Vložit
- čas přidán 28. 07. 2024
- This video explains how templating works in Oxygen. Learn how to set up your template structure, use template hierarchy and how to inherit templates.
From Catch All templates containing your header and footer that can be applied site-wide, to single post templates that can be applied to specific post types, archive templates that can be applied to post type archives & specific taxonomies, a search results template and even a 404 template; this video will simplify everything for you and walk you through the process.
You can use the links below to skip to specific video sections.
Catch All (Main) Template: • [Newbie Guide] Templat... .
All Archives Template: • [Newbie Guide] Templat... .
Blog Posts Index Template: • [Newbie Guide] Templat... .
Single Post Template: • [Newbie Guide] Templat... .
Search Results Template: • [Newbie Guide] Templat... .
404 Template: • [Newbie Guide] Templat... .
Inner Content Element: • [Newbie Guide] Templat... .
Get Oxygen ➜ oxygenbuilder.com/
Subscribe ➜ oxygenbuilder.com/ytsubscribe
JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ➜ oxygenbuilder.com/facebook - Jak na to + styl
![[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)
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.
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!
23:00 This tip is huge. I hate lock-ins. Stopped using divi a long time ago because of this issue.
Once again, an excellent tutorial, Elijah.
Nicely done. Very clear and quick.
I needed this. Thanks Elijah!
Love this video, great job!!! ❤
Superb introduction to Oxygen!
I just learned so much.
If you're not seeing the 404 Template when testing after creating it, change the Template Priority to 1 and then it should work.
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.
Thanks for this
VERY helpful
I just started learning O2. Mixed feelings. I need to build a magazine-style website with it. ASAP.
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
Could you guide on how to do a centered logo with the menu on both sides?
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.
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
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 one save the entire template created and use it on another website project?
What's the difference between Menu and Site navigation widgets in Oxygen?
why dont my templates get saved?I save and when i go back to edit its all blank
Where are the title in the archive page??? Is it possible to remove the context archive: before it?
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?
Make that section to min height 100vh - height of ( header + footer )
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?
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
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?
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!
which editor do you recommend? classic or gutenberg?
Whatever you are comfortable with
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.