Do you need to make a custom homepage for your WordPress site?
The WordPress homepage displays your blog posts by default, but you can edit it to show something different. For example, your homepage could be a landing page that highlights your products and services.
In this video, we’ll show you 3 methods to customize your WordPress homepage.
Top Resources
⚡Use Promo Code WPBVIP⚡
►Best WordPress Contact Form Plugin https://wpforms.com/wpbeginner
►Best WordPress Analytics Plugin https://www.monsterinsights.com/
►Best Lead Generation Plugin https://optinmonster.com/
►Best WordPress SEO Plugin
https://aioseo.com/
►Best Theme Builder for WordPress https://www.seedprod.com/
Related Videos
►WordPress Tutorial – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor https://www.youtube.com/watch?v=JjfrzGeB5_g
►What is SEO and How Does it Work? https://www.youtube.com/watch?v=JjfrzGeB5_g
►How to Install a WordPress Theme https://www.youtube.com/watch?v=ZIPQRQLAz90
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner
Follow us on Twitter:
https://twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
https://www.wpbeginner.com/
#WPBeginner #WordPress #WordPressTutorial
The home page of your website is one of The most important pages of your WordPress website and in this video I'm Going to show you exactly how to Customize your WordPress website's Homepage so you can design the perfect Homepage according to you let's go So let's talk about some important Things first if you're trying to Customize the home page of your website It's very likely that you would prefer To have a static home page on your Website not a Blog feed what's the Difference let me explain right now if I Go to the home page of my website it's a Collection of blog feed that means just All the blog posts are available or are Showing up in a chronological order so Even if I decide to customize this home Page I have limited options except for Some cosmetic changes because the block Feed is not going to change now you Might want that I'll explain how to work Around that but most likely you would Prefer to have a static home page how do You change that or how do you customize Or switch between those two what you do Is go to a dashboard go to settings of Your website settings and go to reading And the first option that's available is What you would need to customize your Home place displays your home page Displays your latest post which is the Current setting but you can choose a
Static page so click this and then Select the home page that you prefer to Have on your website for example if I See the home or home page I'll save this And if I've selected the correct page The home page should appear let me just Refresh this page to see if I've Selected the right home page now this is Not the right to home page let me just Go back and select home And save again And I'll refresh this page And now you see this is the actual home Page of the website or a static homepage Of the website which is very beautiful And I can now customize this and make a Lot of changes I can change the font Style I can change the images I can Change some other elements on the page And I just have more control over what I Can do with the page so that's the first Step that you know decide what kind of Home page you would want to have on your Website once you've done this let's go To the actual meat of the video which is How to customize the home page on your Website let's go so once you've decided On the kind of page you would want to Have on your website the easiest way to Start customizing the home page of your Website is by using the customizer now If you don't know what the customizer is It's a built-in I say solution inside WordPress to customize your website and
You can reach the customizer in two Different ways if you're on the back end Of your website you can go into Appearance and then go to customize or If you're on the homepage and logged in Already or any other page you just click The customize icon or customize button Link here and that will open the Customize as well now let me clarify the Customizer will appear differently or it Will present different options depending On the the theme you're using right now I'm using the Astra theme so you can see The name right here and many of the Options that I will see for customizing The home page and other areas of my Website will come from the theme itself So some options that you see here might Not appear if you're customizing your Website which uses a different theme all Right so inside this section what I can Do is if I let's say I want to customize My header I can just click the header Section which will open up the header Builder which is an exclusive feature to Astra and few other themes your theme Might not have this feature but Nevertheless you would or you would be Able to customize the logo the menu Entries the footer and some other areas Of your website so for example if I go Back and if I show you all the options I Can change Global options that means Typography options colors container
Options button options and also user Block editor and also if I go back to Harder Builder I already showed you how The header Builder appears or what looks Like I can change the breadcrumb options I can change the block feed sidebar and Many other options and some of these Options are available or some of the Options relate to the home page and some Of these options are for the rest of the Website as well which will also affect The home page in some way but the Ultimate idea is that using the Customizer you have some degree of Control over what you want to do on your Website and you can customize the home Page to your liking so that's the first Step to customizing your home page of Your WordPress website let's talk about The second method so let's talk about The second method to customize the home Page of your WordPress website and the Second method is easiest one because It's using the built-in blog editor Which is the default editor in WordPress You see I'm on the pages section of my WordPress website and this is the home Page of my website which I already Showed you this is the page right Beautiful looking page if I open this Page up if I open this up by using the Edit option which I already have it open You'll notice something very interesting The entire page is actually designed and
Built using the built-in block editor or Gutenberg and you can see the entire Page right here and I'm free to change Anything I like here I can click this Section change the typography changes What the text is change this section Change the button and a lot of different I'd say at least the text and content I Can change it right here and I can also Change the images so if I click this Image and open up the or click the get Icon you'll see the info box block Appearing here I can change the style I Can change the presets I can do a lot of Different things on my website right Here inside the log editor and that's One of the easiest ways to customize and Even build a custom home page from Scratch if you are familiar with the Block header now one interesting add-on To this can be that if you don't find The block editor easy to use or if you Want to speed up the process of creating Beautiful looking pages with the block Editor you can actually utilize Additional plugins that add on to the Block editor for example I am using the Astra theme right now and what the Astra Theme does is also bundles their own Product for example it's called Spectra With their offerings which is already Installed inside and some of the Elements that you see for example this Info box is coming in from their plugin
But we also have a blog post on a Website which lists around 17 different Plugins you can install on your website Which will give you different kinds of Functionalities on the blockade so You're free to choose any of the block Editors install them on the site and Have different kind of elements Pre-built so that you don't have to Create everything from scratch just Change some of the elements change the Images change the text and then go your Way to customizing a beautiful looking Home page and of course depending on the Theme I'm using I can also customize the Colors and typography using the Customizer and sometimes also on the Block editor itself so that controls or Those controls are already available to You depending on the theme you're using Where you can customize those options so Those are the two exciting ways to Customize your home page let's also talk About some exciting other ways to Customize the home page on your WordPress website let's talk about Method number three So let's talk about the third method to Customize the home page on your WordPress website and the method is by Using a page builder or a theme builder For your WordPress website for example If you see my website right here I'm Still on the pages menu but you might
Have not noticed that I have this plugin Installed which is called seed broad Which is one of the best page Builders Out there for WordPress right now now What I can do is customize the current Home page of my website you might have Noticed this button already this is on The existing page I can edit this page With seed plot completely and customize This or I can just create a brand new Page or use the import or import a Template.c.wise customize it and make That my home page both work fine both Are up to you whatever you want to do is Up to you for example if I go back to Seat plot I go to landing pages which is Just a static page I have these options Available I can customize some of these Pages which are meta Pages for example If I want to make a coming soon page Maintenance most page a login page or a 404 page those are not in the scope of This video but you can still make those With seed plot but let's let's create a New landing page which is just a static Page which you can make into your home Page if you prefer so I'll click this Add new landing page button which will Open up seed draws interface let's wait For it to load And yeah before the interface loads it Will give me an option to import the Templates or I say choose a template if I prefer for example you can see there
Are so many different templates for Pages available which I can just simply Import and have those as my home page or Any other page on my site and even Customize them for example if you see The educate webinar template if I click The magnifying icon right here you'll be Able to see complete demonstration of How the page will look like so let's say This is the home page of my website the Entire point of my website is to get Leads for my webinar right so I'll Choose this template and this template Will be imported to my site so I'll just Name the landing page as a home Alt which is alternate and I'll save and Start adding the page and now the seed Plus interface will open up which is Similar to where or all the other page Builders out there if you haven't used a Page builder before and you have no idea How they work think of them as Legos Right so if you have a blank canvas or a Blank space and you have all the Lego Blocks in the world you can create Anything you like so page Builders work In a similar way think of this as your Canvas or empty canvas right now there's Something already built but here are all The Lego blocks that you have access to And anything you want to add or remove You can just drag and drop anywhere for Example if I add the image block now I Can add an image here if I want to
Delete this I can just click the delete Icon and click delete confirmation and It's deleted so I can add elements I can Take away elements I can click on Certain elements which are already on The page for example if let's I want to Change this image I'll click this I'll Be able to upload a new image delete This I can even edit the text right here So I click this and I can change the Image or text or change the icon I can Change the text I can change the Typography anything I want I can change So everything on the page is clickable And editable so if I don't like Something I want to change something I Just click on it the properties for that Element open up I change it when I'm Happy I can save my changes so let's say For example I am not making any changes To this page because let's say it's a Beautiful looking page already I just Save that page right so if you remember The Slug I selected for this page of Creators for this page was home hyphen Alt so if I go back to my site let's Click the cross icon the page is not Published I'll just yes publish I'll Close it and go back to my dashboard if I go to settings Where the settings settings and if I go To reading Now I can just change the home page of
The site so something that I just Created with seed plot so if I go to Home or the home page option and I Choose home alt Eclipse save changes and Remember the home page is already loaded On a new tab so if I open this up this Is the old home page I'll just refresh This page And now the entire page is changed or Replaced with a new home page that I Just created with the help of seed plot Pretty easy right now in the beginning Of this lesson I did mention that you Can utilize page Builders or theme Builders to edit or customize your home Page what's the difference between those Two so page builder will allow you to Create these kind of pages but it will Not allow you to edit certain elements Of the website for example if you just Use a page builder and not a theme Builder then you won't be able to edit These header and the footer of your site Now if you're using seed plot seed plot The pro version has a theme building Capabilities built in so what I can do Is technically I can create a static Header or create a footer and also have That customized on my website as well so Just just a difference between the team Builder and a page builder many page Builders can be theme builds and vice Versa is just a subtle difference on What the capabilities of the page
Builder are technically you can use both To create beautiful looking customizable Home pages on your website now before You hit the like button and just simply Exit this video there's one more more Method you should know about to Customize the home page and even Customize your entire website very Easily so let me show you how that works So right now as I demonstrated in the First lesson in this video if you go to The appearance section you have the Customizer option available but that's Not available with the uh all the themes On WordPress currently WordPress is Experimenting with a new kind of theme Building or let's say website building Experience and that is still in beta but Let me demonstrate how it works so let Me change my theme for that Demonstration I'll go to my themes and If I choose the default WordPress theme Right now as you can see right now I'm On Astra but if I change to the 2023 Theme which is recently added to WordPress and if I activated this or Activate this theme you'll see instead Of the customizer I'll be able to see These options so I'll see the editor I'll see these options and what the Editor lets you do is just change or it Is think of it as a page builder inside WordPress with some limited capabilities At least for now but what that allows
You to do is change elements on this Your website change the menu entries Change a lot of things directly and it Also adds a lot of interesting Functionality called Styles so let me Demonstrate how it works this is the uh Beta editor where you can whatever you Can call it I think it's a WordPress Theme editor and if I go here in these Styles options this will open up the These kinds of options so what styles Are a predefined templates of or Predefined combinations of colors Typography and sizes of fonts and all That which you can just click and Completely replace and customize your Entire website so if I just click this Button you'll see all the Styles will be Available or shown on the screen and you See the bunch of styles that are bundled With the 2023 theme and whenever you use A block theme it will bundle its own Styles so not every theme will have These Styles but these are themes Available or these are the Styles Available with this theme so let me Demonstrate how contrasting on our stock A difference it can make if you just Change the style on your website this is The default style that means click and a Second the entire homepage looks Different right and of course this will Apply throughout your website I'll click This
Completely different website completely Different website again I'm just giving You a quick demonstration on how Instantly you can change your entire Website's look and feel with the help of Styles and of course this will get Better over time right now as I said not All themes support this technically the Blog page teams support this Functionality and if you want to just uh Let's say you don't want to import Everything from a style then you can Customize that as well for example if I Just switch to the default style go back I can just change the typography text Links headings buttons I can change just The colors or I can mess or customize Just the layout of my website by making These changes so I don't have to use the Predefined Styles completely I still Have that control when I can make those Changes on the side and of course you Can customize your home page with this Or your entire website with this that's Completely up to you but this is a Powerful functionality in WordPress and If you're using a default WordPress Theme right now you can access this Right way but make sure that if you want To use this functionality then the theme You're using also supports this one at Least out of the box otherwise you'll be Stuck with the customizer on all the Other options I demonstrated I hope you
Enjoyed this video If You Now enjoyed This video make sure to hit the like Button on this video and also subscribe To our channel for easy to follow along WordPress tutorials just like this one My name is yuvraj you're watching Wpbeginner and I'll catch you in the Next video very soon take care
