Set Up a WordPress Theme in 60 Seconds: The Right Way!

Ғылым және технология

👉 FREE THEMES www.pootlepress.com/free-word...
👉 Hire Me: www.pootlepress.com/wordpress...
👉 Stay in touch with WordPress news: www.pootlepress.com/sign-up-t...
👉 Pro WordPress Tutorials : clubpootle.com/
👉 Sponsor my KZread channel www.pootlepress.com/youtube-v...
How to set up a WordPress Block Theme so you don't mix content into the templates! In this video I am using the Ollie Theme, but use the same set up for any Block Theme.
Timeline
0:00 - Intro
0:20 - Templates and Content
1:09 - Step 1: Set up the front page template
1:44 - Step 2: Create your home page
2:15 - Step 3: Set your home page in Settings/Reading
3:20 - Cats Cameo

Пікірлер: 100

  • @marekeisenman-soletraderco3711
    @marekeisenman-soletraderco37113 ай бұрын

    Bravo! Header, body and footer. That is it...

  • @jamiewp

    @jamiewp

    3 ай бұрын

    👍

  • @MbonisiM
    @MbonisiM3 ай бұрын

    You made it much easier to understand now

  • @jamiewp

    @jamiewp

    3 ай бұрын

    👍

  • @HelenaDenley
    @HelenaDenley3 ай бұрын

    Yay - this is what I've been needing. I was only speaking to my husband about it last night, feeling a little confused because I have come from a long history with Studiopress themes and Genesis framework, and then Kadence and now I want to make the jump into block themes, so this was perfect. Thank you 🙏

  • @jamiewp

    @jamiewp

    3 ай бұрын

    That's so great to hear Helena 😃

  • @maartenklem2272
    @maartenklem22723 ай бұрын

    I almost watch all your videos for the awesome cat treat section at the end but the video is very helpful. Thanks so much!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    You're very welcome!☺️

  • @amigospower
    @amigospower3 ай бұрын

    Jemie , Brilliant! as always 👌💯👑

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thank you 🙌

  • @ultraspy5474
    @ultraspy54743 ай бұрын

    Okay, I’ve watched so many of your tutorials I’ve lost count. But showing me the exact steps finally makes sense. “Explain it to a 5 Year Old” wins again. Thank you!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Great to hear!

  • @MarkFaamaoni
    @MarkFaamaoni3 ай бұрын

    Huzzah! Perfect explanation.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thanks Mark 🙏

  • @jdccool
    @jdccool3 ай бұрын

    Blocka 101. Thank you, Jamie. Most helpful.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    My pleasure - hope it was useful :)

  • @aabb-xe2mz
    @aabb-xe2mz3 ай бұрын

    It can't be explained more clearly. :)

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thank you 🙏

  • @visualmodo
    @visualmodo3 ай бұрын

    Truly good job!!!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    cheers

  • @kaysha
    @kaysha3 ай бұрын

    Brilliant

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thanks 🙏

  • @daveden2
    @daveden23 ай бұрын

    You make FSE look really easy!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thanks 🙏

  • @alexandrepessoa
    @alexandrepessoa3 ай бұрын

    great video. I've been doing this since you brought this up, months ago and really is much bertter, since on can target the page with SEO plugins or any other stuff. 👍

  • @jamiewp

    @jamiewp

    3 ай бұрын

    👍

  • @kevinschmidt2210
    @kevinschmidt22103 ай бұрын

    Isn't that concoction called Orange Julius?

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Wow, I just had to look that up. Just goes to prove there's a market for everything 😂

  • @refsvik
    @refsvik3 ай бұрын

    Thank you. I got it now ;-)

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Great 😊

  • @derek-hanson
    @derek-hanson2 ай бұрын

    Yeah, this is like a pet peeve of mine when working with sites. I could see a scenario where you just have a one page marketing site and just doing it in the template editor, but more often than not keeping the two separate is the best approach. The layers of abstraction in WP aren’t as soft as they seem, especially with a morange explanation 😅

  • @jamiewp

    @jamiewp

    2 ай бұрын

    Yup agree - i'd like to see more abstraction between pages and templates.

  • @shivatomix
    @shivatomix3 ай бұрын

    Hahaha - you're absolutely right! I guess people are confused because that's exactly what TT4 does: mixing template (front page) with content ... In former days a rule in web coding was: don't mix styling with content ... that times are over it seems ;-)

  • @jamiewp

    @jamiewp

    3 ай бұрын

    thanks , yup i would like to see a clearer boundary between the two (it really confuses people)

  • @EricBright250
    @EricBright2503 ай бұрын

    Thanks. I am wondering what would happen if you don't initially created header, body and footer in the home template.

  • @ahmetakdel
    @ahmetakdel3 ай бұрын

    Pill knowledge thanks🎉

  • @jamiewp

    @jamiewp

    3 ай бұрын

    👍

  • @Dougster123
    @Dougster1233 ай бұрын

    Most attempts at relatable analogies in tech fail horribly; However, THAT, was a great analogy 👍 LOL.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thank you :)

  • @paulroos8517
    @paulroos85173 ай бұрын

    Thanks. Your cat deserves TWO treats. Dilute and give the morange juice to the roses and pour yourself a glass of Cape Pinotage. 😃

  • @jamiewp

    @jamiewp

    3 ай бұрын

    😂 tks Paul

  • @yvieormsby
    @yvieormsby3 ай бұрын

    Setting up my first WP website today, and just noticed this new vid. Perfect timing ✌🏽 Is it best practise to do this for the "blog template" too? I tried to add the "content" block (as in vid) but instead of showing the "blog page" content, it looks like it's trying to show a (non-existent) "post" content in that space.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Fab, thanks for commenting 💪

  • @OliPH01

    @OliPH01

    3 ай бұрын

    Fab?​@@jamiewp

  • @richmaniow
    @richmaniow3 ай бұрын

    Very useful, it does highlight that WP needs to sort out the interface, too many important things buried within menu's that all look the same at the moment. ps I prefer your videos without the background music if possible, as I find it hard to separate the music from the speech.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thanks Richard - noted about the music 👍

  • @kenyie8080
    @kenyie80803 ай бұрын

    Can you also cover an example where the content starts with a cover block header image and there is random whitespace between the header and the cover block? I ended up using some custom css to overwrite the spacing but I don't know what is the "proper" way to find where the spacing got introduced to remove it.

  • @thomassaunders225

    @thomassaunders225

    3 ай бұрын

    This seems to be a "glitch" that happens with WP sites sometimes. It is usually resolved by dragging the sliders for the margins back and forth ending back with no margin.

  • @kenyie8080

    @kenyie8080

    3 ай бұрын

    @@thomassaunders225 I've seen that, but in this case the devtools showed it was some sort of gap/spacing between all elements of the content almost as if it was flexbox. When I have a moment I'll go find the css rule I needed to add

  • @jamiewp

    @jamiewp

    3 ай бұрын

    What theme were you using?

  • @kenyie8080

    @kenyie8080

    2 ай бұрын

    @@jamiewp It is with Spectra One Block Theme. I found the spacing coming from this rule: :where(.wp-site-blocks) > * { margin-block-start: var(--wp--preset--spacing--x-small); margin-block-end: 0; } The CSS rule I needed to add through the Styles > Additional CSS is: :where(.wp-site-blocks) > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }

  • @paycenodom3150
    @paycenodom31503 ай бұрын

    Hey is there a way to change the color of a link I'm trying to edit the color of the link to white so it doesn't blend in with the background which is also blue

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Yes, you can do this in Global Styles 👍

  • @napynap
    @napynap3 ай бұрын

    I've done that with orange juice on cereal. No, I wasn't awake yet!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    hehe 🤪

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK3 ай бұрын

    Thank you. Why do we need a front page template? Wouldn't pages template be enough after setting the correct homepage in settings?

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Great quesiton - you could do that but then your front page is using exactly the same template as all the page on your site. In my experience, most sites use a different layout for the home page than normal pages eg. not display page title. So using a front page template gives you the ablility to create a layout that is different to normal pages.

  • @SingaporeMathsAcademyUK

    @SingaporeMathsAcademyUK

    3 ай бұрын

    @@jamiewp thank you, I see you're an early bird too.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    @@SingaporeMathsAcademyUK Yup

  • @MbonisiM
    @MbonisiM3 ай бұрын

    Now 😅we need Ice Cream 2:43

  • @jamiewp

    @jamiewp

    3 ай бұрын

    😂

  • @antygod
    @antygod3 ай бұрын

    the main thing missing from this video is the why. why is it necessary to do this? i understand the separation of template and content, but why is that important for a homepage which is usually relatively static and not something that is frequently updated? also, (this is perhaps rhetorical, or at least something you might not be able to answer) if having a Front Page template is so important why doesn't WP include a Front Page template by default rather than us needing to create one for every site? also part 2: the revenge of the also. how is the Front Page template different from the Blog Home template? why have both?

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Here's a longer explanation kzread.info/dash/bejne/hKd6r6qalt27qpc.htmlsi=rzJEQ-4PcepvV3xb - i kept this video deliberately short and simple 👍

  • @antygod

    @antygod

    3 ай бұрын

    @@jamiewp thanks

  • @p__wing
    @p__wing3 ай бұрын

    Cogent metaphor about separation of concerns, but I maintain that orange juice and milk mixed together, if you drink it quickly, is delicious! #JusticeForMorange

  • @jamiewp

    @jamiewp

    3 ай бұрын

    😂

  • @waynecoombes3960
    @waynecoombes39603 ай бұрын

    Like it says in its description, The Front Page Template "Displays your site's homepage, whether it is set to display latest posts or a static page. The Front Page template takes precedence over all templates." Surely IF IT DOES NOT EXIST IT SHOULD BE ADDED AS A DEFAULT BEST PRACTICE just as you describe, Correct?

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Exactly 👍

  • @DarrinRich
    @DarrinRich2 ай бұрын

    After that is it the best time to start doing global styles?

  • @jamiewp

    @jamiewp

    2 ай бұрын

    Yup

  • @DarrinRich

    @DarrinRich

    2 ай бұрын

    @@jamiewp Thank you sir. I recently started a site and going to redoo it the right way hopefully.

  • @jamiewp

    @jamiewp

    2 ай бұрын

    @@DarrinRich ok good luck

  • @codeAlongwith
    @codeAlongwith15 күн бұрын

    Should be a way to lock clients out of site editor?

  • @jamiewp

    @jamiewp

    15 күн бұрын

    Only Admins have access to the site editor

  • @FlorentClaude
    @FlorentClaude3 ай бұрын

    Hi Jamie, To me, the whole point of using a template is to reuse it for many pages. By setting the default template, wouldn't your example make more sense? I was even considering, since FSE, NOT to use ANY content on the homepage!! All would be in the template :-O Regards

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Yes …but your home page is normally different to internal pages eg displaying page titles

  • @FlorentClaude

    @FlorentClaude

    3 ай бұрын

    @@jamiewp indeed. And we then create 1 template that's used for only 1 page.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    @@FlorentClaude Yup the front page template

  • @FlorentClaude

    @FlorentClaude

    3 ай бұрын

    @@jamiewp Since template AND content both use the same tool (Gutenberg), I find it hard to explain to clients why we need 2 different places to edit the whole homepage (template + content). On the opposite, they get it well when 1 template is used for multiple pieces of content (page, posts etc). Regards

  • @thomassaunders225
    @thomassaunders2253 ай бұрын

    Morange for the win. 🤣 I guess it doesn't taste like a dreamsicle.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    😬😂

  • @codeAlongwith
    @codeAlongwith3 ай бұрын

    Is this Spectre?

  • @jamiewp

    @jamiewp

    3 ай бұрын

    This demo is using the Ollie Theme, but the principle will work with any WordPress Block Theme.

  • @HullioGQ
    @HullioGQ3 ай бұрын

    Why do clients have access to templates? I only show them how to manage content. I always discourage them from adding new content pages that do not have a template assigned - it messing up the design language and UI/UX.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Only Site Admins have access to templates

  • @HullioGQ

    @HullioGQ

    3 ай бұрын

    @@jamiewp I consider myself an artist. My work on their websites should never be messed with! 😃

  • @DarrinRich
    @DarrinRich2 ай бұрын

    👋Yep. That's me, I was doing it all wrong.

  • @jamiewp

    @jamiewp

    2 ай бұрын

    Hope this helped Darrin 👍

  • @haegarNL
    @haegarNL3 ай бұрын

    Either I am too stupid to follow this "logic" or there is flaw: When I create a new "Front Page" template I can never directly assign this template to a page!!?? Even in your example the inspector on the right side shows template "pages" for the front page??? And you cannot change this in the inspector to any other page template. However when I assign my page as "Front page" in the settings it actually uses the right front page template. But it does not show up in the inspector...

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Yes you are right - the inspector just shows the page template. I think it's a bug that it doesn't show the front page template, but I'll add a support ticket.

  • @caseyhill5138

    @caseyhill5138

    2 ай бұрын

    @@jamiewp I have the same problem. I don't see how to assign the page as "Front Page" so I am not understanding that. When I go to the homepage displays static page, Home is an option but nothing about Front page. Not a good sign when I'm so confused this early in the game. LOL

  • @jamiewp

    @jamiewp

    2 ай бұрын

    ​@@caseyhill5138 When you assign a page in Settings / Reading to the Homepage: dropdown it will use the Front Page Template (if you created a Front Page Template). That's all you have to do 👍

  • @CarlMadsen
    @CarlMadsen3 ай бұрын

    I'm guilty of this. Just did it again two weeks ago. The one page website is a template. I'll do better next time.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Yes me too - it's so much easier and nicer to keep them separate 👍

  • @comartse
    @comartse3 ай бұрын

    Or, as the Germans say "Ordnung muss sein"

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Exactly :)

  • @aztecs8879
    @aztecs8879Ай бұрын

    I couldn't concentrate on the content sorry; the music was too loud and very irritating and broke my concentration unfortunately.

  • @jamiewp

    @jamiewp

    Ай бұрын

    Noted - tks for the feedback 👍

Келесі