Resources     Blog  

  1. Home
  2. WordPress Tutorials
  3. How to Change the Layout of Your Homepage in WordPress

How to Change the Layout of Your Homepage in WordPress

The layout of your homepage is instrumental in retaining visitors. If it doesn’t look just right, you may lose out on traffic. Changing the WordPress homepage layout can be done two different ways without excessive HTML coding. One method relies on the theme’s built-in functionality while the other centers more around using shortcodes from plugins. Out of these two methods, using the customization in the theme may be much easier.

Changing Your WordPress Homepage Layout with a Theme

To change the layout of WordPress using a theme, click the “Appearance” option on the left. This will default to the Theme’s page. Hover over the theme you want to change and click the “Activate” button.

Activate Theme

This will immediately change the overall appearance of WordPress to the new layout. This will also change the entire layout of the website, and not just the homepage.

Accessing the Appearance

changing layout of a page

From the WordPress dashboard, go to “Appearance” and then “Widgets.” Most of your changes will be done from this screen. In this control, you should see things like the right sidebar, header, footer, and other sections. These all pertain to areas of your website. If you put something into the right sidebar, then it will show on the right side of your page.

Some themes will have layout options available in the widget area. For example, the “Color Mag” theme has the ability to display featured posts or content from specific categories in a couple of different ways. You would drag the available widget into the “Front Page Top” area and adjust it to your liking. Before you begin installing plugins for shortcodes and layout changes, explore the “Customize” and “Widgets” areas of your theme. It may already have something you’d like to use for the homepage.

Using Shortcodes to Alter the Homepage

using shorcodes

Many things can be done in WordPress by using shortcodes. These small snippets of information can be pasted virtually anywhere in the system to show specific information. While WordPress already has some shortcodes available, there are plugins you can install that will expand what you can do with the layout of your content. Go to “Plugins,” click the “Add New” button on the top left and then search for “content layout.” The available plugins are extensive and can help you develop the perfect look for the WordPress homepage layout.

There are two ways you can use shortcodes efficiently: in a widget or on a page.

In a Widget

As mentioned earlier, many themes have sections available for nearly every area on the WordPress site. What do you do if your theme doesn’t have a layout widget?

  1. Copy the shortcode you need from the plugin controlling your layout.
  2. Drag a text widget to the “Front Page” or similar section.
  3. Expand the text widget and paste the shortcode.
  4. Save the widget.

On a Static Page

Many people find it useful to set up a static page as the homepage and use shortcodes to fine-tune the appearance. In order to do this, you:

  1. Click on “Pages” from your dashboard.
  2. Click the “Add New” button on the top and create a new page called, “Homepage.”
  3. Go to “Settings” from the dashboard, and click on “Reading.”
  4. The first option available is called “Front Page Displays.” Change it to “A static page.”
  5. In the “Front Page” drop-down, you should see your new homepage. Select it and save your changes.
  6. Go back into “Pages” and click on your homepage.
  7. Add the shortcodes you want to display.
  8. Update your homepage.

You may want to go into the “Menus” area of WordPress in “Appearance” and either remove the new homepage from the menu structure or change your “Home” link to reflect the new page. Otherwise, you may have two home links that will go to different areas of your site. It will be confusing to anyone who visits.

Changing the homepage layout may seem convoluted, but it can be incredibly easy especially if you have a theme that already supports various layouts. However, handpicking plugins and using shortcodes could offer a greater level of customization for your site. Pick the method that works best for you and give your visitors a unique experience.

What kind of plugins have you used for creating a unique look to your site? Do you find it easier to just use the theme layouts or handpicking specific plugins and shortcodes?

Author: Kaumil Patel

Kaumil Patel is the Chief Operating Officer of GreenGeeks and has over 13 years of experience in the web hosting industry working for and owning web hosting companies. Kaumil’s expertise is in marketing, business development, operations, acquisitions and mergers.

Was this article helpful?

Related Articles

Comments

  1. I am using a theme that do neither have layout option in theme options nor in widget so how to do with short codes if I want width 900 only?

  2. This is very helpful article which enabled me to solve a nagging problem.

    1. Hi Akoli,

      I’m glad that our tutorial was able to help you.

  3. Hi there, I am using a free theme called Edin, and would like to add a testmonial slider to the home page. Is this possible?

    1. Hi Jes,

      Tough to say, you will have to contact the author of the theme to see if it’s possible.

  4. My homepage text will not show up in the drop down tab. How do I change my homepage text?

  5. Thanks for the article. I tempered with my homepage slider. Put it back, but just cannot erase sidebar that is showing. The sidebar has reduced the size of the slider making the homepage small

    1. Thank you so much! This has been really helpful.

  6. Thanks Patel for the article. It helped me deal with a problem I had with setting up my website’s front page.

  7. It really depends on the blog. Some topics and niches just simply perform better than others. However, every blog has potential to grow into something larger. In fact, many people have turned blogging into a full-time job making far more than they did at a traditional career. But, it does require quite a bit of effort to reach that level of success. It’s entirely possible, though.

    If you’re looking to blog, sticking with a specific niche has the best chance of success. For example, blog about something of which you’re passionate. It’ll help you stay focused, motivate you to write and help build expertise…which is valuable in search engines.

  8. It was helpful for me,
    thanks!

    regards
    James v. Jordan

  9. Hi
    I am learning. I have a school website but I want to edit the home page and add to it as a result of Covid 19. How do I do that

  10. Hi! I want to add a text that says “keep scrolling to see more posts” at the top of my home page but it is not static. Is there any way to still add text at the top of it is not static or maybe change it to static but still show latest posts? Maybe a bit of code? My website- http://www.theawarenessblog.com

  11. Hello! Thanks for the tutorial post. Is this for after it has launched as well or only as you are first creating your WordPress?
    Thanks again.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.