Sidebar

How to Customize Your Sidebar with Live Preview in WordPress

The ability to add widgets to some of the locations on your website provides a simple and effective way to display important content to your readers without needing to do a lot of manual coding or theme editing.

Most good themes are going to have a handful of different areas where you can add widgets. One such area is the sidebar, if you have selected a layout option for your theme that includes a sidebar.

You may have already found out how to add a widget to your sidebar, but constantly switching back between the Widgets menu and your home page can be a little tedious. Fortunately there is a “Live Preview” option that lets you make changes while you are looking at your site.

How to Enter “Live Preview” and Make Widget Changes in WordPress

The steps in this article were performed in WordPress 5.2.2. Note that you will need to be on a page where the sidebar is displayed for this to work so, if after clicking “Live Preview” in the steps below you don’t see the sidebar, then you will need to navigate to a page that displays it.

Step 1: Sign into the admin dashboard of your site at (yourdomain.com)/wp-admin.

Step 2: Hover over Appearance in the left column, then click the Widgets option.

Step 3: Click the Manage with Live Preview button at the top of the menu.

Step 4: Select your sidebar from the list of widget areas at the left side of the window.

Step 5: Reorder current widgets by clicking and dragging to the desired location. You can also click the arrow to the right of a widget if you wish to change an option for that widget, or you can click the Add Widget button to add another one to the sidebar. As you make changes your site will update in the preview window so you can see how they will look (this won’t change anything on your site until you click “Publish” though.) Once you’re done making changes, click the Publish button at the top of the window.

Do you have Jetpack installed on your site? Find out how to enable Jetpack widgets and see if they have some of the widget options you have been wanting to add to your site.

Share
Published by
Matthew Burleigh

Recent Posts

How to Delete a WordPress Blog: Step-by-Step Guide

Deleting a WordPress blog is a straightforward process. First, log in to your WordPress account,…

4 months ago

Landing Page vs Website: What’s the Difference?

To complete the task set out by the prompt, one must understand the core differences…

5 months ago

How to Use Tags in WordPress: A Comprehensive Guide

To use tags in WordPress, you navigate to the Posts section, click on Tags, create…

5 months ago

How to Create a WordPress Contact Us Page: A Step-by-Step Guide

Creating a contact us page in WordPress is a simple process that involves a few…

5 months ago

How to Add an Author in WordPress: A Step-by-Step Guide

Adding an author to your WordPress site is a straightforward process. First, navigate to your…

5 months ago

How to Do a WordPress Language Change: A Step-by-Step Guide

Changing the language of your WordPress site is a simple process that can be done…

5 months ago