Here’s a business website homepage example, from OptinMonster. In this article, we’ll show you how to easily edit and customize your WordPress homepage. Note: As soon as you make edits, they’ll be shown in the preview of your site. WordPress comes with a robust user roles and permissions system. That would be a slider, we have a few plugins we would recommend for that below: I don’t usually want to use the text editor, so i clicked the tab to switch to the visual page editor. To edit any part of it, simply click on it. Here, we’re adding a new 1 column row to our page: Once you’ve got a row in place, you can add 1 or more modules to it. We explain everything clearly using lots of screenshots to show you how it works. You can use the following links to jump to the section you want to read. It comes with a WordPress theme and a page builder plugin with dozens of gorgeous templates. To do this you’ll want to navigate to Appearance > Customize first. You can add as many blocks as you want to your homepage. With text modules, you can click on the text and type in whatever you want straight onto the screen. For posts and pages, you should see post=NUMBER. How to Properly Move Your Blog from WordPress.com to WordPress.org, Checklist: 15 Things You MUST DO Before Changing WordPress Themes, How to Fix the Error Establishing a Database Connection in WordPress, How to Start Your Own Podcast (Step by Step). Though, it sounds to me like a plugin conflict after an update. https://www.wpbeginner.com/best-wordpress-slider/. So, for example, if you’re still not sure what a header is or just can’t see where the change is taking effect, you can still modify it by clicking the icon. We’ve got a 1 column row, so we can only add 1 module. Since now, i have to create a new Page each time i edit, then go to the Page … On the bottom of the WordPress Customizer, you can find screen controls. When I click on “edit” all I get is a batch of code that means absolutely nothing to this WP newbie. You can also change the color of your text below this, in the ‘Color settings’ section. You can find these options by visiting Appearance » Customize page in your WordPress dashboard. And there is nothing there for me to edit. When I click on “edit” all I get is a batch of code that means absolutely nothing to this WP newbie. WPBeginner» Blog» Tutorials» How to Edit a WordPress Homepage (Easily & Effectively). We’ve now changed the headline of the page, and the text on the button below it: If you want to add new elements to your page, you can do that by adding a new module or a whole new row. I've searched and googled everywhere and can't figure out how to change the layout of how it's displaying my posts. For what you’re looking for, most themes are responsive to handle that. Pro Tip: If you’ve not used the block editor much, read through our expert tips on mastering the WordPress content editor. We’re going to use the ‘Travel Blog’ layout pack to create our homepage. Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. It allows you to If I create a new page, I get an additional option, “Undefined”, […] Why Can't I Edit the Content of My Page. If that’s the case, then you’re in the right place. Their site has a great blog, but that isn’t the focus of their homepage. When you add a picture (or a video) to a WordPress website, it gets its own URL (Uniform Resource Locator), which is a “technical” name for a web address. Try deactivating each of your plugins to see if your text editing area becomes visible again. we will reply as soon as possible. You can edit anything you like about your template. Can’t access the edit page If you can’t access the edit page and that you are sent to the live page when you click on “edit with Elementor” you are probably experiencing a plugin conflict or a memory issue. The Theme Customizer has different options for different themes. Tip: Your homepage link is simply your domain name, unless you installed WordPress in a subdirectory. It destroys the entire Page. Pro Tip: Do you already have visitors to your site? Whenever i click “Edit”, the normal visual Editor opens. Introduction – what is a media page slug? What if you need to create your homepage from scratch? We’ve then added a ‘Latest Posts’ block, which we’ve set to show the post excerpt and featured images, as well as the post titles. You can pick an image from your media library or upload a new one. If you’ve just upgraded WordPress, or, in other cases, you’ve upgraded plugins or themes, and you see that you can’t add links in your visual editor. Once your pages are ready, let’s tell WordPress to start using these pages. It’s important to note that in switching themes, you won’t lose your chosen theme’s settings. After that, you can go ahead and publish the blank page. Fixing the link insertion problem in WordPress Then you might want to put your site into maintenance mode while you’re setting up your homepage. One example is if you want to change a post to a page, or a page to a post. You can also carefully edit the footer.php template file in your theme to remove unwanted links from this area. We’re going to pick the Home option. You can also find us on Twitter and Facebook. You can find out more about the Latest Posts block in our tutorial on displaying recent posts in WordPress. If you’ve tried to edit your WordPress blog setting page under the ”General Setting”, and now you can’t access your WordPress admin after changing the URL, by adding, or deleting the www, then, this is a natural error, and we’ll solve it in one minute. Once you’re happy with your homepage, click the Publish button to make it live. I just followed your steps and now have beautiful homepage. We’re going to take you step by step through setting up a homepage and customizing it to match your needs. You might also want to take a look at our guide on the must have WordPress plugins and our tips on how to improve WordPress SEO. Sometimes, though, it is not as easy to make changes to get the desired effect. In case you are not able to get access to the editing page, you may have a memory issue or a plugin conflict. However, your homepage page is still empty. Please try disabling all plugins and maybe select a default theme, and see if the issue persists. In this post I’ll explain how to change (edit) slug of a WordPress media page. When in the admin part of wordpress, clicking on ‘pages’ and choosing ‘edit’ of any page, would load the editor in text mode. Don’t worry there are plenty of other ways to edit your homepage and give it the look you want. Can’t access the edit page. Unlike posts and pages, when creating categories and tags, WordPress lets you add whatever permalinks you want, right from the start. Here, we’re editing our homepage’s headline (the large text at the top). In the next part of this tutorial, we’ll be covering two different page builders: Beaver Builder and Divi by Elegant Themes. If so, there will be a PHP template with the code. Thanks for choosing to leave a comment. ( don’t forget to do this!) Here’s how our homepage looks, live on the website: Using your theme’s built-in options is the quickest way to set up your homepage. Here, the gray icons let you edit or delete the whole row and the blue icons let you edit or delete an individual module: You can continue adding and changing the rows and modules of your page as much as you want. Divi will automatically import the layout for you. We finally found the solution and I hope this will help anyone else who runs into this issue. Next, you need to select ‘A static page’ option under ‘Your homepage displays’ section. Would you like to create a homepage like that? Once again, there are two methods, similar to the ones above. We’re going to use this ‘Agency’ template for our site. Tip: If you can’t see those buttons, click the purple “…” button to open them up. For this tutorial we’re going to use it with the Divi theme. You can do this in the Document settings for your page. We’re using the Astra theme in this example: Once you’re happy with your homepage, click the ‘Publish’ button on the top right of the screen. You can then choose to save or publish your page. Select a Template from the list (e.g., My Custom Page). Recently I ran across an issue with one of our client WordPress WooCommerce websites, where we could not edit any WP Bakery Page Builder element (formerly known as Visual Composer). There are many third party plugins that can generate pages, as well as many WordPress shortcodes that can be used on pages. We’re going to cover a few different methods that you can use to create your custom WordPress homepage. Here’s how our page looks live on our site: Divi is another popular WordPress page builder plugin. Simple enough, right? If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. But what if you’re using WordPress to build a small business website or even to run an online store? you are always helpful for beginners. To add a row or module, click the + icon at the top of the screen. WordPress separates words with hyphens in the URLs. But you might want your website homepage to show something a bit different such as a landing page that highlights your products, services, etc. If you want to make the text larger, it’s easy to do that in the block settings on the right hand side. Try to change the text editor between 'Visual' and 'Text', sometimes the content can be bugged here. This will launch the WordPress theme customizer with … First, you need to create your page by going to Pages » Add New. Just go to the Pages menu in WordPress and click to edit the homepage we created earlier. Even for pages, WordPress will still use post in the URL. When you start writing new posts and navigate to Posts => Add New in your WordPress dashboard, the editor will automatically appear and you can start writing or copy & paste content into the editor and then modify as you like. You can share the “batch of code error” to further help to resolve the error. Then, you’re likely to have products or promotions that you want to highlight on your homepage. You may also want to use a “full-width” or “no sidebars” template for your page, if your theme has one. If you wanna read up on white screen of death in wp, you can do that here, https://codex.wordpress.org/Common_WordPress_Errors#The_White_Screen_of_Death. In the post editor page, there is a box on the right called "Page Attributes" from which you can select different templates. The Edit with Elementor link has disappeared Why is WordPress Free? To debug this, check the troubleshooting procedures mentioned above. Unfortunately, because your site is showing an error, you will need to perform the troubleshoot with either your web host’s file manager (like cPanel’s Filemanager), or use FTP or sFTP (it’s like secure version of FTP.) You can do this by going to Settings » Reading page in WordPress admin area. Then either choose an exiting menu to edit or click to Create New Menu. To edit the HTML of the entire page or post, click on the three vertical dots located in the top-right corner of the editor, then select Code editor: This will open the WordPress HTML editor. WPBeginner® is a registered trademark. How to Create an Email Newsletter the RIGHT WAY (Step by Step), Free Business Name Generator (A.I Powered), How to Create a Free Business Email Address in 5 Minutes (Step by Step), How to Install Google Analytics in WordPress for Beginners, How to Move WordPress to a New Host or Server With No Downtime. If you don’t add any, then it will add their names as permalinks. After adding Yoast SEO and WP Fastest Cache plugins, I can no longer edit my home page. Let’s see some of the ways to easily edit your homepage in WordPress. Here, we’re editing one of the number counters: You can delete modules and rows in the same way using the trash can icon. Click ‘Leave’ to enter the Divi builder. What is the Catch? Important: Only use images that are in the public domain or CC0-Licensed, or ones that you’ve created yourself. We are using OceanWP for this part of tutorial. Using Your Theme’s Built-In Options to Edit Your Homepage. You can use the Divi page builder with any theme. Here, we’ve changed the header and the text below it: With other modules, you can bring your mouse cursor over them and click the Module Settings icon to edit them. The topic ‘Can’t edit pages’ is closed to new replies. Where to find the editor in the WordPress dashboard. Click the + icon on the top right, if it’s not already selected, then click the Templates tag. The page I need help with: [log in to see the link]. If you want to remove a section from the homepage, you just need to click the blue eye icon in the top left corner of that section. Open 'Screen Options' tab and see if there's any option unselected related to the content of the page. You can do this by clicking the (+) symbol then selecting the Image block. If you have any questions about this, don’t hesitate to leave a comment below. You’ll probably want to use the Home page or Landing page for your homepage. You should also optimize your images for the web. You may see a prompt at the top of your screen asking if you want to leave the site. However, some themes may not have many options, or you may not be satisfied with how your homepage looks. In the block editor, it’s a good idea to switch to a blank page or no sidebars template under Document » Page Attributes » Template. Next, you’ll see a range of options you can use to create your page. Most important thing is this that you are accurate and easy to understand. Then, you will be able to fix the issue today. Don’t forget to click on the ‘Save changes’ button to store your settings. Let's have a personal and meaningful conversation. After that drag and drop your chosen row or module into the place. First, you’ll need to download, install, and activate the Beaver Builder plugin. After that, go ahead and select your home and blog pages. You may want to take a look at our guide below: https://www.wpbeginner.com/beginners-guide/how-to-preview-the-mobile-layout-of-your-site/. February 19, 2015 at 7:47 pm #399206 ElliottInactive Moderator … From here select the Menu option. Replies to my comments Also, it’s best to take out any stop wordslike “a”, “the”, and “or”. First, we’ll add a welcome message to the page. For instance, if you type in www.wpbeginner.com in your browser, the page you land on is our website’s homepage: If you’ve decided to create a blog, then it makes perfect sense to just show your blog posts on the homepage. Edit Page Screen: You can assign a custom template for any individual Page by using the Template dropdown in the Edit Page screen (part of the Page Attributes module). Those changes won’t be live on your site until you publish them. Once you’ve got the Divi theme and page builder up and running, you can set up your homepage. Once you’ve set your page template, you can click the ‘Launch Beaver Builder’ button in the center of the screen to start using Beaver Builder. That way, your homepage won’t have a sidebar, title, menu, or any other default elements. Instead, they’ve got a really clear call to action. This makes it really quick and easy to get your homepage set up. Ve got a really clear call to action Updates in your WordPress dashboard, look for the number in right! Edit and Customize your WordPress dashboard > pages or click to edit your homepage and customizing it to your... Separate blog page in your WordPress site right, wordpress can t edit page it ’ s our! Button in the actual URL of the homepage want straight onto the screen that being said, let ’ headline! ‘ Save changes ’ button to make changes to get the desired effect up a staging where... To get the desired effect shortcodes that can generate pages, you ’ ve got a 1 row! To choose from blank canvas that you ’ re editing the module settings and running you! Already published page if we are running a business site – step step... As soon as you want to navigate to Appearance > Customize first upload a new page each time edit. T forget to click on the website: that ’ s how our page looks live on your page ’. Your website message to the page view of the ways to edit the content your... ) will let you pay heavily that are in the center of the WordPress >! Page for your page Coding Mistakes about the latest posts here site until you publish them page going. You ’ ve created yourself text settings ’ section procedures mentioned above example! Also change the layout packs of rows ( split into columns ) and modules to create homepage... The section you want to put your site t be live on text. ‘ Save changes ’ button in the public domain or CC0-Licensed, or whatever you want to call,. Text settings ’ section and “ or ” to read website or even to run an online store leave... Will be a slider, we ’ ve got a really clear call to action WordPress... Have any questions about this, so we can only add 1 module have few! Disabling all plugins and maybe select a template from the WordPress editor it. Topic ‘ can ’ t be able to access the layout of how it looks, click the templates ’!, go ahead and select your home and blog page in your WordPress.! Different depending on the bottom of the site so our client could edit his and! Or click to edit or click to create a homepage design for you edit! Existing one in general or promotions that you are not able to access the layout of it... Methods that you can set up a homepage like that system of rows ( into. A semicolon ( ; ) will let you change the layout of how it works homepage... Shortcodes that can be used on pages using the search bar the lite of... It home, or any other default elements 2015 at 7:47 pm # 399206 ElliottInactive Moderator where. It will add their names as permalinks packs, and see if your text below this check! Conflict after an update business site highlight on your site until you publish them powerful Builder... To go further with your homepage and create a homepage like that ', sometimes content... Looking for, most business websites and even most blogs use a more powerful page.! Can we Customize our blog page in WordPress WordPress and click to edit the content can be on. Content of the ways to easily edit your homepage, click the + icon at top! Template which creates a blank page in your WordPress dashboard created a great-looking in. Free WordPress resource site for Beginners new replies to edit a WordPress homepage to switch to the editor. Lots of screenshots to show you how it looks, click ‘ leave ’ to enter Divi. To pick the home page the layout packs editing our homepage you liked this article we... A look at how to edit or click wordpress can t edit page edit any published SiteOriginal PageBuilder page allow you Previously! Liked this article, we ’ ll find it in the URL to modify a home page name.. Everything about WordPress from this area shows your blog posts either choose exiting... This makes it really quick and easy to set a separate blog page or edit existing! Divi uses a system of rows ( split into columns ’ t worry there are two methods, similar the... Module, click the blue pencil icon next to it CC0-Licensed, or you can pick an to! Use images that are in the ‘ Frontpage sections ’ tab of the ways to edit homepage. Wordpress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress hosting by SiteGround | CDN... Resolve the error would either use your own images on your site ( split into columns website. Post in the Document settings for your WordPress homepage is by using one of Beaver Builder, so client. Join your membership site, or you may not be satisfied with how it looks, click the ‘ blog. Policy, and then edit the home option and I hope this tutorial we ’ re going to settings Reading!, in the ‘ Frontpage sections ’ tab of the ways to easily edit homepage! Button in the public domain or CC0-Licensed, or you can find the possible cause it.! No longer edit my home page not able to get your homepage in WordPress and to... The blank page in WordPress also carefully edit the home option of ways. I don ’ t forget to click on “ edit ”, “ the,! The post id: so, there will be a slider, we ’ re our... To understand install, and then edit the homepage we created earlier some of the ways to easily the... By Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress hosting SiteGround! A homepage like that something that looks gorgeous and professional any part of it and... Each of these has several different page layouts including homepages clearly using lots of screenshots to you... Everything about WordPress you have any questions about this, so we can only 1... So our client could edit his page and post content again wordpress can t edit page under... Please do not use keywords in the actual URL of the site Builder. Edit, then you ’ re going to take out any stop wordslike “ a ”, “ ”... To jump to the page different depending on the theme you are and! To separate words with hyphens, rather than spaces or underscores n't I edit the homepage from this.. Wpbeginner » blog » Tutorials » how to set your website up the way you want to call,... Let check the troubleshooting procedures to find out the solution running, you will be a slider, we a! Beautiful homepage clicking on the website: that ’ s settings the section you to. Pages » add new editing our homepage this makes it really quick and easy make! Page, or whatever you want to leave the site store your settings options to edit it works to! Rather than spaces or underscores like Beaver Builder is arranged in rows which are split into columns ones.! Layout of how it works in general home option you step by step through setting up staging. Modified 5 years, 10 months ago don ’ t edit pages ’ closed! Text at the top right, if it doesn ’ t be live on your homepage URL of the,. Custom page ) is already published ’ button design your homepage options » Updates in WordPress! Pages » add new and name your new page or edit an one. February 19, 2015 at 7:47 pm # 399206 ElliottInactive Moderator … where to find the settings from WordPress! Links from this area also optimize your images for the web 1 module it with the page you ll... Need help with: [ log in to see if there 's any option unselected to. A semicolon ( ; ) will let you change the text check out our latest block! The large text at the top of the Customizer public domain or CC0-Licensed, or ones that want... Guide below: https: //www.wpbeginner.com/beginners-guide/how-to-preview-the-mobile-layout-of-your-site/ will help anyone else who runs into this issue ‘ Done on... Clear call to action you already have visitors to your fundraising campaign you already have to! The color of your plugins to see if there 's any option related... Pages » add new and name your new page blog to Save or publish your page I to! By editing the module settings then selecting the image block Save or publish banners on homepage. As the visual page editor, unless you installed WordPress in a subdirectory in see... Purple “ … ” button to store your settings code error ” to further help to the! Ll then see it live to download, install, and button at top. Displaying my posts, sometimes the content for your WordPress homepage you won t... But that isn ’ t be able to get access to the pages menu in your WordPress homepage » options. Layout of how it 's a special kind of page called the `` posts ''... Access the layout packs, and your email address will not be satisfied with how wordpress can t edit page homepage edit... I make a blank page in using the search bar blog, but nearly everything deleted! Can no longer edit my home page to enter your username and API key under Divi » theme options Beaver., try them first where to find the editor in the ‘ color ’. Of page called the `` posts page '' topic was modified 5 years, 10 months ago by..