Complete lesson on customizing and designing your WordPress blog.
In this lesson, I’ll cover how to really customize your blog so that it looks great, is easy to navigate, and will set you up for success as your blog grows. Let’s dig in!
Customizing your site identity and using the WordPress Customizer
When using the Customizer in WordPress, different themes will display different options. I’ll cover the ones that are common across all WordPress sites. This includes Site Identity, where you can add your site’s logo and name.
When you’ve logged in to your site, you’ll be able to access the WordPress dashboard. Some people might call this the back end, or the control panel, but the correct terminology is the WordPress dashboard. This is different from your hosting dashboard, which controls your hosting settings.
When you’re logged in, you’ll see a toolbar appear at the top of your website. This is only visible to you, as the admin and to any user who is logged into your site. Your visitors won’t see this. You can use it to toggle between your site’s “front end” and dashboard.
Customizing your Site Identity
You can launch the Customizer by going to Appearance > Customize. When using the Customizer in WordPress, different themes will display different options. I’ll cover the ones that are common across all WordPress sites. This includes Site Identity, where you can add your site’s logo and name.
Your Site Identity will display site info in search results and in your browser tab, as well as on the site itself. The Site Identity displays across the entire site, unless you choose to hide it completely.
Your Site Identity is made up of 4 elements:
- Title
- Tagline
- Logo
- Site icon (the small icon that appears in your browser tab)
You don’t need a logo necessarily, since your site title in the font of your choice can act as your logo. Whether you use a logo or just your site title text, this will be clickable and act as a ‘return to home’ link.
Customizing your Menus
Different themes will have different menu areas, which means the different places on your site where you can add clickable site navigation. The Customizer is an easy place to build a new menu and add links, and see in real-time how they look on your site. You can also build menus and not assign them to a menu area at all. This will save your custom menu on the backend and allow you to later use them as a widget in widget areas on your site.
Static homepage vs your latests posts
There are two main ways to set up your homepage in WordPress: to have one page designated as your homepage and displayed at your home URL, or, a page that pulls in your blog posts in a style dictated by your theme. If you run a blog, the option of displaying your blog posts on your homepage is the best way to put your content front and center.
If you are building a website, it’s best to choose a static page and design that page to look exactly how you want. With the WordPress Editor, you can still pull in your latest posts and display them on your static page. This is my recommendation if you have a website that also has a blog section. Again, if you run a blog, I recommend sticking to displaying your blog posts on the front page.
When you set your homepage to be a static page, you need to choose which page or create a new one. If you also plan to create blog posts, then you should create a new page called Blog (or Posts, or News, whatever works best for you) and mark that as your Posts Page. If you add that page to your menu, that’s how people will access your latest blog posts.
Note that this setting isn’t permanent. You can change your mind at any point!
Adding and removing Widgets
The Customizer is also where you can view and edit your widgets with a live preview. Widget areas are theme-dependant. Most often, widget areas include the sidebar of your site or the footer. Some widgets are standard across all WordPress sites, some themes add widgets to the options, and plugins can also expand your widget selection on your site, although your widget areas are controlled by your theme.
Adding and editing blog posts
Without content, your website looks empty. In this video, I add posts and introduce you to the Editor.
Using the Block Editor to create interesting posts
You can access the editing view of any page by clicking on Edit Post on the top toolbar when viewing the page or by going to Posts and clicking on Edit below the name of that page.
Once you’re in the post, you’ll notice the right-hand toolbar. Under the ⚙️ gear icon, you’ll see Post and Block. Post controls the settings for the whole post, such as the visibility, author, publication date, URL, featured image, and whether or not you allow comments.
The Block tab under the gear icon controls individual blocks. When you add a block to the editor, these settings show up and allow you to make changes to the appearance of each block.
Here is a helpful guide on using the Block Editor. Note the guide is from WordPress.com, but the block instructions work for your WordPress instance as well.
There are many blocks that are available out of the box, but adding Plugins to your site can also add additional blocks to use on your site. In Lesson 6, we’ll add Plugins and you’ll see how they add even more blocks and widgets to use on your site. Patterns, which you can see when viewing all blocks, are a grouping of blocks that are pre-designed. Reusable blocks are groupings or preset blocks that you’ve designed and saved yourself. Note that when you make a reusable block, anytime to edit it, it updates across all the places it’s used.
Using menus to add site navigation
As you add content, you’ll need to create easy ways to organize and access your content. Site navigation through a well-structured menu will help! If you’ve used Categories and Tags correctly, it’ll be even easier to link to your content in Menus and Widgets. Here’s a helpful guide to menus for more examples.
Whether you plan on posting a lot or once in a while, you can already start thinking up your main categories. If you run a business website, you might have categories about products, or feature releases, corporate news, or upcoming events! You should only have a handful of categories in total and assign 1-3 for a blog post.
Tags can be more niche and numerous and don’t have to be consistent across your blog posts. Both of these metadata items can help you organize your content into sections, and even be used in your menus to create easier navigation. For that reason, I recommend putting some thought into it from the start. You can even nest categories under broader topics for a more complex topic hierarchy. Sketching it out on paper can help bring clarity to your blog’s content structure.
Adding a menu
Menu areas are theme-specific, meaning that where your menu appears can vary. But you can create cool menus that serve your needs with any theme! You can control your menus in two places: Appearance > Menu, or click on Live Preview to access the Customizer, where you can see your menu changes in preview mode.
Notice how you can edit menus, create menus, and manage locations all in this screen. The steps to creating a new menu are:
- Create a menu and give it a name.
- Add items. You can add Pages, Posts, custom links, or a link to a specific category or tag used in posts. You can scroll through your content or search it.
- Organize your menu. Notice how some menu items are indented? You can drag, drop, and indent menu items so they become drop-down menus.
- Set a location. Choose where this menu will appear. You can choose more than one location if you want to have it both in the header and footer for example. However, I recommend creating a slightly more condensed menu in your footer or to link to another set of links to make certain quick links (Contact, Privacy Policy, or FAQ, for example) easier to find.
Some themes have a dedicated menu location called Social Menu. I recommend only using this for links to your social media profiles. This menu area is most often designed to display social icons when the appropriate Facebook, LinkedIn or Twitter profile link is added as a custom link.
More blocks, widgets, and customization
Widgets and blocks can give you lots of ways to display content on your site. The block editor does use those blocks only within the content section of a post or a page while the widgets are limited to the widget areas of your theme. That being said, there are widgets and blocks that do exactly the same thing, like display your latest posts, which gives you plenty of options to make an interesting and engaging site experience for your reader.
I recommend playing around with the available blocks to see what you like and what styles work for your content. Some plugins add block patterns to your choices and some themes come with extra options as well. Once you find a few styles you like, I recommend sticking to them througout your site for a clean and consistent look.
Site settings
Comments, spam, and other blogging settings. This video will show you how to customize some of the important back-end features of your blog.
As a blog owner, you are also the moderator of your site’s comment section. Under Settings > Discussion you can set limits, block certain IP addresses, limit comments to logged in users, or set your blocklist words.
Under Settings > Permalinks, you can set your default URL structure. I recommend choosing the setting Post Name, which displays a URL generated by the blog post title and editable in the post itself. This is the format that will help your Seach Engine Optimization (SEO) the most.
https://domain.com/sample-post/
And those are the fundamentals! In the next lesson, we’ll talk about adding even more features to your blog through plugins.