{"id":11148,"date":"2024-05-01T22:01:43","date_gmt":"2024-05-01T22:01:43","guid":{"rendered":"https:\/\/hostvento.com\/kb\/web-hosting\/getting-started-guide\/shared-hosting-quick-start-guide\/managed-wordpress-quick-start-guide\/how-to-change-your-wordpress-homepage\/"},"modified":"2024-06-17T05:00:06","modified_gmt":"2024-06-17T05:00:06","slug":"how-to-change-your-wordpress-homepage","status":"publish","type":"docs","link":"https:\/\/www.hostvento.com\/kb\/docs\/hosting-faqs\/how-to-change-your-wordpress-homepage\/","title":{"rendered":"How to Change Your WordPress Homepage?"},"content":{"rendered":"\n<p>The homepage is the primary page on your website, where visitors can get a general idea of the tone of the entire site. You may want to make some modifications if your homepage is not showing the appropriate content or does not look the way you would like it to. However, if you do not have much website development knowledge, this could be intimidating.<\/p>\n\n\n\n<p>WordPress gives you a lot of options for customizing your homepage, and it is not hard to do. There are several strategies that may be used to make sure your homepage properly communicates your message.<\/p>\n\n\n\n<p>In this guide, we will cover everything about WordPress homepage and the reasons you want to change it. We will also cover few ways for editing and customizing your homepage.<\/p>\n\n\n\n<p>Let\u2019s get started!<\/p>\n\n\n\n<p>Table of Contents<\/p>\n\n\n\n<p>About WordPress Homepage and Reasons You May Want to Change Yours<\/p>\n\n\n\n<p>Steps to Set a Static Homepage<\/p>\n\n\n\n<p>1. Theme Customizer<\/p>\n\n\n\n<p>2. Block Editor<\/p>\n\n\n\n<p>3. Classic Editor<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1WPHomepage\">About WordPress Homepage and Reasons You May Want to Change Yours<\/h3>\n\n\n\n<p>Your homepage acts like a welcome mat of your website. Basically, it is the first page that your visitors see when they type your URL so; you will want it to create a solid first impression.<\/p>\n\n\n\n<p>The homepage should give your visitors a clear idea about your website and the products and services that will be offered. Check below the Hostvento\u2019s homepage which clearly displays that they are a <a href=\"http:\/\/secure.hostvento.com\" target=\"_blank\" rel=\"noopener\"><strong>web hosting service provider<\/strong><\/a>:<\/p>\n\n\n\n<p>Many WordPress themes enable your homepage to display your latest blog posts by default.<\/p>\n\n\n\n<p>You might want to feature something different there if you don\u2019t a blog or if it isn\u2019t your website\u2019s focus.<\/p>\n\n\n\n<p>It might be that you want to keep on changing your homepage throughout the years. For example, if you are running a holiday sale or event, you can update the page for promoting it. In short, there are several reasons for changing your WordPress homepage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2WPHomepage\">Steps to Set a Static Homepage<\/h3>\n\n\n\n<p>For displaying your blog posts on the front page of your website, you can set a \u2018static\u2019 homepage. A static page display content that doesn\u2019t change often. It is possible to have a homepage as well as a separate blog page separately on your WordPress website.<\/p>\n\n\n\n<p>For creating your homepage, log in to your admin dashboard. Click on&nbsp;<strong>Pages -&gt; Add New<\/strong>:<\/p>\n\n\n\n<p>Assign a name to your homepage and click on the&nbsp;<strong>Publish<\/strong>&nbsp;button. Then repeat these steps second time for creating your blog page.<\/p>\n\n\n\n<p>Since your pages are ready, you can tell WordPress what is their usage.<\/p>\n\n\n\n<p>Go to the&nbsp;<strong>Settings -&gt; Reading<\/strong>&nbsp;page and under the options&nbsp;<strong>Your Homepage Displays<\/strong>, select&nbsp;<strong>A static page<\/strong>. Then select your homepage and posts page, selecting the dropdown menus.<\/p>\n\n\n\n<p>When you perform these steps, it is better to put your site into maintenance mode. This will help your visitors know that you are working on the website, rather than displaying a nonfunctioning website or a generic error page. If you have already started getting some traffic to your site, consider doing this before making changes to your homepage.<\/p>\n\n\n\n<p>This can also be done by using&nbsp;<strong>WP Maintenance Mode<\/strong>&nbsp;plugin:<\/p>\n\n\n\n<p>With this plugin, you can deliver a custom message to site visitors and create a custom message that enables visitors know your site will soon be back in action.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methods to Change Your WordPress HomePage<\/h2>\n\n\n\n<p>After setting up your homepage, you will need to design it and also add some content to it.<\/p>\n\n\n\n<p>Below are three different tools that can be used for designing the homepage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3WPHomepage\">1. Theme Customizer<\/h3>\n\n\n\n<p>A basic homepage design along with some editing options will be provided to you by many WordPress themes. These options can be accessed through the&nbsp;<strong>Theme Customizer<\/strong>.<\/p>\n\n\n\n<p>Go to your admin dashboard, click on&nbsp;<strong>Appearance &gt; Customize<\/strong>&nbsp;to use the tool. You will get a live preview while editing your homepage, so you can see the changes been made to your website\u2019s homepage.<\/p>\n\n\n\n<p>However, since this is just a preview, you will need to click on the Publish button for these changes to take effect. So, you can continue editing and hit&nbsp;<strong>Publish<\/strong>&nbsp;once the changes are final.<\/p>\n\n\n\n<p>The options for making changes are different based on your theme. You can make changes using the menu tabs or click on any area with a blue pencil icon to edit:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/edit-icon-min-1024x576.png\" alt=\"\" class=\"wp-image-10915\"\/><\/figure>\n<\/div>\n\n\n<p>In case there are multiple templates provided by the theme for your pages, you can start by exploring those.<\/p>\n\n\n\n<p>For example, you will also get an option in some themes to place your sidebar as per your preference or to remove the sidebar completely for a full-width page:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/sidebar-min-1024x299.png\" alt=\"\" class=\"wp-image-10916\"\/><\/figure>\n<\/div>\n\n\n<p>In case there are sections of the homepage that you might not want to use, you can remove them using the theme customizer.<\/p>\n\n\n\n<p>For this, navigate to the element in the menu and click on the eye icon next to the name of the section:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/eye-icon-min-1024x472.png\" alt=\"\" class=\"wp-image-10917\"\/><\/figure>\n<\/div>\n\n\n<p>It is possible to bring back any areas that you\u2019ve removed by clicking on the same icon again. If you want to change the order of the areas you can drag the items in the column around.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4WPHomepage\">2. Block Editor<\/h3>\n\n\n\n<p>Though you have made some changes with the theme customizer, you might want to make further edits using the&nbsp;<strong>Block Editor<\/strong>. With this, you get more options for modifying your homepage\u2019s design and layout.<\/p>\n\n\n\n<p>To start with, go to your homepage from the admin dashboard by clicking on&nbsp;<strong>Pages<\/strong>, and then selecting whichever page you have set as home. The Block Editor allows you to add many different types of content to your homepage. You can start with some text introducing your website and your products and services.<\/p>\n\n\n\n<p>For this, click on the page and just start typing. It will automatically create the appropriate paragraph block for you.<\/p>\n\n\n\n<p>The block can also be selected by clicking on the plus symbol, either in the top-left corner of the screen or when it appears in the editor window. Then you can either select or search for the paragraph block:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/plus-icon-min-1024x506.png\" alt=\"\" class=\"wp-image-10918\"\/><\/figure>\n<\/div>\n\n\n<p>After you have completed with the text, you can customize it further using the block settings menu. The&nbsp;<strong>Text<\/strong>&nbsp;settings enable you to change the size of your text by selecting a preset or custom size. It is also possible to include a drop cap for some extra style points.<\/p>\n\n\n\n<p>If you want to add a color to your paragraph go to the&nbsp;<strong>Color<\/strong>&nbsp;settings. Again, you can select from a set of predefined colors or use a custom brand color:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/color-settings-min-1024x383.png\" alt=\"\" class=\"wp-image-10919\"\/><\/figure>\n<\/div>\n\n\n<p>You might also want to add some images on your homepage.<\/p>\n\n\n\n<p>For this, click on the plus symbol and select the&nbsp;<strong>Image<\/strong>&nbsp;block:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/image-min-1024x383.png\" alt=\"\" class=\"wp-image-10920\"\/><\/figure>\n<\/div>\n\n\n<p>You can&nbsp;<strong>Upload<\/strong>&nbsp;an image, select the image from your&nbsp;<strong>Media Library<\/strong>&nbsp;or add one using a&nbsp;<strong>URL<\/strong>. The image\u2019s alignment can be adjusted with the help of the toolbar above the block.<\/p>\n\n\n\n<p>You can add a caption in the space below the picture.<\/p>\n\n\n\n<p>You can continue with adding blocks until you want to. For accessing more blocks, click on the&nbsp;<strong>plus<\/strong>&nbsp;symbol and either browse or search the resulting menu.<\/p>\n\n\n\n<p>Also, you can click on&nbsp;<strong>Browse<\/strong>&nbsp;<strong>all<\/strong>&nbsp;to see all of the blocks you have access to.<\/p>\n\n\n\n<p>For example, if want to include a mix of media and text, it is possible by using individual paragraph and image blocks. But you might want to try using a&nbsp;<strong>Media &amp; Text<\/strong>&nbsp;block instead:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/media-text-min-1024x353.png\" alt=\"\" class=\"wp-image-10921\"\/><\/figure>\n<\/div>\n\n\n<p>With this block, you can display both media and written content in the same block, in different configurations:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/media-text-1-min-1024x482.png\" alt=\"\" class=\"wp-image-10922\"\/><\/figure>\n<\/div>\n\n\n<p>If you want to remove a block just click on the three vertical dots in the toolbar above it and select Remove Block. These tools will help you to design your homepage as per your preference.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5WPHomepage\">3. Classic Editor<\/h3>\n\n\n\n<p>If you want to work with the<strong>&nbsp;Classic Editor<\/strong>, you can still build a spectacular homepage.<\/p>\n\n\n\n<p>Go to your WordPress admin dashboard, click on&nbsp;<strong>Pages<\/strong>, and then select the page you have set as your site\u2019s home.<\/p>\n\n\n\n<p>Add text just by typing. By default, the text will be a paragraph but you can use the dropdown menu to add a title or heading:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/classic-editor-text-style-dropdown-min-1024x477.jpg\" alt=\"\" class=\"wp-image-10923\"\/><\/figure>\n<\/div>\n\n\n<p>In the above image, the dropdown menu will help you to change text from a paragraph into different headings.<\/p>\n\n\n\n<p>You can make further changes to your text with the toolbar next to this drop-down area. You can change the alignment, bold or italicize it, and create bulleted or numbered lists. It also enables you to add a blockquote to your page.<\/p>\n\n\n\n<p>You will also be able to add links to your copy from this toolbar. Moreover, there\u2019s a button that will help you to add a \u2018read more\u2019 tag. This can be a helpful feature if you will include articles on your site, but don\u2019t want to display the complete text on your homepage.<\/p>\n\n\n\n<p>You will get to see more tools when you click the last button in the row. You get more options for changing your text style, such as changing the size or adding colors:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/additional-tools-in-classic-editor-min.png\" alt=\"\" class=\"wp-image-10924\"\/><\/figure>\n<\/div>\n\n\n<p>The Classic Editor also allows you to add images and other media to your page. For this, click on the&nbsp;<strong>Add Media<\/strong>&nbsp;button to open a new window. Click on the<strong>&nbsp;Select Files<\/strong>&nbsp;button to add new files to your<strong>&nbsp;Media Library<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/adding-media-classic-editor-min-1024x562.png\" alt=\"\" class=\"wp-image-10925\"\/><\/figure>\n<\/div>\n\n\n<p>Then upload files from your device to add them to your&nbsp;<strong>Media Library<\/strong>.<\/p>\n\n\n\n<p>This window also enables you to access previously-uploaded files by clicking on the&nbsp;<strong>Media Library<\/strong>&nbsp;tab. Select the file that you want to add, and click the&nbsp;<strong>Insert into page<\/strong>&nbsp;button:<\/p>\n\n\n\n<p>The image will now get displayed on your page. Options for the file can be accessed by clicking on it. You can change the alignment of the image, edit it, or remove it:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2020\/12\/classic-editor-media-library-min-1024x484.png\" alt=\"\" class=\"wp-image-10926\"\/><\/figure>\n<\/div>\n\n\n<p>You can change the alignment of your image even after inserting it.<\/p>\n\n\n\n<p>To check your homepage\u2019s appearance after the changes are done, click on the Preview button. Once you have finalized with your page\u2019s appearance, click on the&nbsp;<strong>Publish<\/strong>&nbsp;button to save your changes and make them visible on your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>A well-designed homepage enables your visitors to get an idea of what your site is about. When it is set up properly, it can act as a powerful tool for personal blogs, ecommerce sites, and everything in between.<\/p>\n\n\n\n<p>There are some situations when you need to change your homepage to display your brand messaging, a new service you may be offering now, your new theme. Thankfully WordPress offers you different ways of changing and editing your WordPress homepage.<\/p>\n\n\n\n<p>Still worried about making changes to your WordPress homepage? Share your queries in the comment box.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The homepage is the primary page on your website, where visitors can get a general idea of the tone of the entire site. You may want to make some modifications if your homepage is not showing the appropriate content or does not look the way you would like it to. However, if you do not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":23377,"menu_order":151,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-11148","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/11148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/comments?post=11148"}],"version-history":[{"count":3,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/11148\/revisions"}],"predecessor-version":[{"id":20919,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/11148\/revisions\/20919"}],"up":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/23377"}],"wp:attachment":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/media?parent=11148"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/doc_tag?post=11148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}