How to Customize Your WordPress Blog Design

So, you’re about to begin your personal weblog utilizing the WordPress platform. You’ve bought internet hosting and a site and also you’ve put in WordPress. Now what?

Now, it’s time to design your weblog utilizing the supplied instruments within the WordPress backend of your weblog. There’s lots to undergo when customizing your WordPress weblog, so we’ve supplied a step-by-step information to get you began.

1) Access the backend of your WordPress weblog to open the dashboard

Easily entry the backend of your weblog by navigating to (changing with your personal area title). This will reveal the login web page.

Enter the username and password you retained if you initially put in WordPress in your internet hosting account. Tick the checkbox “Remember Me” for quicker logins. After logging in, you’ll be taken to the dashboard, a completely practical backend web site administration console.

2) Adjust your weblog title and tagline

Within the dashboard, you will notice a listing of menu gadgets on the left column. The very first thing you need to do is edit your web site/weblog title and tagline because the tagline at all times shows the generic line: Just one other WordPress web site. Chances are, you gained’t even use the tagline, however simply in case – let’s edit it.

In the left menu, hover over ‘Settings’ and click on on ‘General’ within the drop down.

Adjust your weblog title and tagline within the supplied fields.

And if you’re performed, scroll to the underside and click on ‘Save Changes’.

Note: At any time, open a brand new tab and navigate to your area to see adjustments mirrored instantly!

The subsequent factor that must be performed is to change the construction of your permalinks. It is preferable to have your web page and weblog submit URLs take the title of their respective submit titles as a result of this helps search engine marketing. So as an alternative of getting a URL named after the article ID quantity or the date it was posted on, we’re robotically going to assign the title of the submit because the URL.

Navigate to ‘Settings’ after which to ‘Permalinks’. On this web page, click on on ‘Post name’ to change the permalink construction.

At the underside, click on ‘Save Changes’.

4. Create Your Two Main Pages: Home and Blog.

These two pages must be created and set earlier than we get into the extra detailed customizations. In the dashboard, hover over ‘Pages’ within the left menu after which click on on ‘Add New’ within the dropdown.

The editor will open and supply a spot on your web page title. Add ‘Home’ to the title and click on ‘Publish’ within the higher right-hand aspect. You can fill within the web page later. For now, we’re simply laying down the framework.

After publishing, click on the WordPress icon on the higher left-hand aspect to return to the dashboard, and it’ll convey you to your present web page. Click ‘Add New’ on the prime, and create a brand new web page once more utilizing the title ‘Blog’. Return to the dashboard.

Now you might have two foremost pages revealed and prepared to go. But we want to set them first. These are the 2 pages that must be set within the dashboard settings. Once once more, hover over ‘Settings’ and now click on on ‘Reading’.

Change ‘Your homepage displays’ to ‘A static page’. Then from the ‘Homepage’ dropdown, choose ‘Home’. And from the ‘Posts page’ dropdown, set it to ‘Blog’. Then click on ‘Save Changes’.

In the dashboard, hover over ‘Appearance’ on the lef-thand aspect and click on on ‘Menus’ within the dropdown. If a menu has not been created, create a brand new menu and name it Main Menu. Make positive ‘Primary Menu’ is ticked, and never ‘Secondary Menu’. Then click on ‘Save Menu’.

If a foremost menu has already been set, make certain it’s set to the suitable location. At the highest of this web page, click on on the tab that claims ‘Manage Locations’ after which set the ‘Primary Menu’ to ‘Main Menu’. Click ‘Save Changes’.

Now add your two pages to this foremost menu. Using the tab on the prime, click on on ‘Edit Menus’. In the left field, verify ‘Blog’ and ‘Home’ after which click on on ‘Add to Menu’.

After including them to the menu, the house and weblog pages might be displayed. You can reorder them by easy dragging and dropping. Click ‘Save Menu’ to finalize.

6. Pick a theme.

In the dashboard, navigate to ‘Appearance’ after which ‘Themes’ within the dropdown. Only a couple of fundamental WP themes might be listed and the one your weblog makes use of might be proven is within the first place. Click ‘Add New’ to choose a brand new theme from the WP repository.

Use the menu above the themes to discover the proper theme on your weblog. Use the filters to seek for options you desire to your theme to have included. Once you discover your good theme, click on on it after which click on ‘Install’ on the higher left-hand aspect. Once put in, click on ‘Activate’ within the field that seems.

7. Customize your theme.

In the dashboard, hover over ‘Appearance’ and click on on ‘Customize’ within the dropdown. This will convey you to a brand new display screen the place you may preview the adjustments made to the design of your weblog.

In this instance, I’m utilizing the essential WordPress Twenty Twenty-One theme. Other themes could offer you many extra choices to select from on this customization display screen. Here, we’ll undergo fundamentals.

Click on ‘Site Identity’ within the left-hand column.

If you might have a emblem, you may add it by clicking on ‘Select Logo’ and importing it out of your pc by a couple of steps depicted under. Don’t overlook to give your picture an ‘alt text’ which describes what the picture is. When you’re completed, click on ‘Publish’ on the prime to save your adjustments.

On this identical web page, choose ‘Site Icon’ within the left column, and undergo the identical steps of including a picture as above. The web site icon might be displayed within the tab of your browser. It must be a picture of 512 x 512 pixels or bigger. A easy picture is finest.

Return to the total set of customizer choices by clicking the again arrow to the left of ‘Customizing Site Identity’. As famous above, every theme supplies totally different choices resembling background colour and even typography. Play round with choices accessible to you.

You can skip ‘Menus’ as you might have already created yours, and the ‘Widgets’ will be higher manipulated within the ‘Widgets’ part of the dashboard below ‘Appearance’.

To exit the customizer, click on the ‘X’ within the prime left-hand aspect of the display screen.

8. Endless Additional Options

Above are the principle steps to start customizing your new weblog. Different themes will provide totally different alternatives and choices resembling sidebars, footer columns, and even built-in widgets.

Widgets will be added to sidebars and footer columns by Appearance > Widgets in your dashboard.

With the Gutenberg editor, you may manipulate the design and structure of every web page and weblog submit with columns, blocks, and widgets. In this way, you may even create your personal customized sidebars with totally different designs and widgets for various pages and posts.

9. Custom CSS

If the theme doesn’t present straightforward choices to modify the weather you search to change, you may add your personal customized CSS by clicking on ‘Appearance’ after which ‘Customizer’, then deciding on ‘Custom CSS’. If you need assistance including CSS, visiting the WP support forums is a good place to begin to discover assist for particular CSS adjustments.

Related Articles

Leave a Reply

Back to top button