You’ve set up your website now. All the basics are done and you’ve published your first post even. The next step, obviously, is to customize your website to look and function exactly like you want. Thankfully, both WordPress.com and WordPress.org have a variety of customization options. The latter has more options than the former, but that doesn’t mean WordPress.com is lacking by any means. There are still enough WordPress themes for you to take advantage of to make your website look how you want it to look.
In this guide, we will look at customizing both your WordPress.com website and your WordPress.org website.
Let’s start with WordPress.com.
Customizing your WordPress.com Website
Your WordPress Dashboard will look like this:
As stated in our WordPress Beginner’s Guide, Customize and Themes can be found by scrolling down the menu on the left side of the dashboard. And right now, those are the two options that you need.
Customize: Opens up the Customizer for your website with the currently installed Theme
Themes: Allows you to pick a new theme
Since you are starting with a new website, your first step should be to find a theme that fits your vision for how your website should look. When you click on the Themes option, it will display the list of available themes as such:
Here, you can search for a theme based on what kind of site you are creating and a variety of other options. You can filter out just the Free themes or Premium themes as you need. Several themes that are a good place for Beginner’s to start with are displayed at the top with the “Beginner” banner.
For the sake of simplicity, we will pick the ‘Twenty Nineteen’ theme to use for this guide. You can either pick the same or pick a different theme. Any changes in customization options will be very minor.
Once you find a theme that you like, click on the theme. You will see a page that previews the theme and allows you to see a live preview of how a website made with the theme will look like. You can explore those options, if you wish, but what once click on ‘Activate the Theme’, WordPress will apply that theme to your website and then offer you an option to either learn about the Theme or directly jump to customizing your website.
You can learn about the theme if you want, but the next step is to open the WordPress Customizer, either through the option at the Theme Activation screen or the Dashboard.
The WordPress.com Customizer looks like this:
On the right side is a live preview of how your website looks. You can use this to track the changes you make and see how they affect your website as you go about tweaking it’s look to fit your desire. On the left side are the Customization options.
Site Identity: Allows you to edit the basic details for your site, such as your logo, site title, site tagline, site icon and how the footer credit appears
Colors: Allows you to pick and choose the colors for your website
Menus: Allows you to add menus to your website and edit the menus, including what links they have, where they appear and etc
Content Options: Allows you to edit options for the content in your website
CSS: Available only on Premium plans, this menu allows you to customize CSS options
Widgets: Allows you to add a variety of widgets to your website
Homepage Settings: Allows you to edit your homepage settings
AMP: On pages that allow for AMP, this menu allows you to edit AMP options
Hide Controls: Does what it says, hides the controls
Preview Options: Allows you to preview how your website will look on a computer screen, a tablet and a phone, respectively
Note: CSS means “Cascading Style Sheets” and it is a programming language that is used to customize websites. AMP stands for “Accelerated Mobile Pages”, which is an open source program that is intended to make websites load faster and perform better for mobile users.
You are now familiar with the variety of options available to customize your website through WordPress.com. By experimenting around with the options, you can very easily master the basic customization options. Once you’ve made yourself comfortable with the available options, we recommend you to take a look at other available themes and play around with your website till it looks exactly like you want it to. If you’ve just got the basic Free plan, you can still pick a Premium theme and buy it, if you want to.
If you are a WordPress.com user, you now know your way around to the basic customization of your website. However, if you are a WordPress.org user, read on.
Customizing your WordPress.org Website
Once you’ve set up your WordPress.org website, customizing it is not that difficult. The process, while quite similar to the process for WordPress.com, there are differences to consider. The process of customizing your WordPress.org website starts in your WP Admin dashboard.
If you’ve just created your website, you will have the big blue button that says ‘Customize Your Site’ – which is a viable option, but here, we will go through the Appearance option in the menu. When you mouse over the Appearance option, it will bring up a list of options, showing links for themes, widgets, menu, header, background, footer and etc.
We’ll just click on Appearance, which will open up a screen that looks like this:
This screen displays a list of the themes you’ve added to your website. These themes are not active at the same time – obviously. To activate a theme, you will have to mouse over the theme you want and click ‘Activate’. To customize a theme, you will click the blue ‘Customize’ button on the currently active theme. By clicking on the big plus sign or the little button that says ‘Add New’ at the top of this screen, you can browse a number of themes available to be added to your website.
You can browse here until you find a theme that you like, filtering by several options or searching for one that will suit your needs. Once you’ve found a theme you like, you can either preview it or directly install it to your site. You can also download WordPress themes from many places around the internet and upload it to your site using the ‘Upload Theme’ button at the top. Once you’ve installed a theme to your website, either by choosing from one of the many available options or by uploading a theme of your own, the theme will be available in the main Themes screen, however it will not be activated. That part you will have to do yourself.
Once you’ve activated the theme you want, you will click on the ‘Customize’ button – we’re using the BlogWP theme – which will take you to the WordPress.org Customizer. The WordPress Customizer looks like this:
Much like the WordPress.com Customizer, this has two major parts. On the right there is a live preview of your website, allowing you to track the changes you make as you make them. On the left is the control menu.
Active Theme: Shows you which is the currently active theme and allows you to change the theme directly from the Customizer
Theme Options: This is where most of the Customization happens
Header Image: Allows you to pick a header image for your image
Background Image: Allows you to pick a background image and edit it to your preference
Menus: Allows you to create and edit menus for your website
Widgets: Allows you to add widgets and customize widgets for different parts of the website
Homepage Settings: Allows you to pick what your homepage displays
Additional CSS: Allows you to add your own CSS code to customize your theme
Upgrade: Allows you to Upgrade to the Pro version of the theme, if there is one
Hide Control: As the name implies, hides the controls
Preview Options: Allows you to preview your website as it would be displayed on a computer screen, a tablet or a phone, respectively
While most of the options allow some form of customization for your website, most of the visual customization happens under ‘Theme Options’. When you click on it, your Menu will look like this:
Getting Started: Shows basic information about the current theme, including Documentation and an option to contact the creator of the Theme
Site Identity: Allows you to edit the basic options about the website, such as site name, tagline and icon
Colors: Allows you to edit the colors of the website
Header Options: Allows you to edit the website’s header
Featured Content: If you choose to, allows to enable featured content and customize options for your featured content
Post Options: Allows you to edit options regarding your posts in details
Social Links: Allows you to add social links for your website for your various social media
Footer: Allows you to edit the website’s footer
Other Options: Depending on the theme, allows you to edit other minor options
Recommended Plugins: Shows plugins recommended by the creator of the theme for further customization of your website
Using the variety of options in WordPress and your chosen theme, you can customize your WordPress.org site to look just like you want it to. If a certain theme doesn’t have the options you need, you can always find another. There are over 3,000 themes available, free of charge and way more than 10,000 themes that you can purchase for use with your site, so you’re never really lost for customization options.
You now have the knowledge to use the power of WordPress.org and the multitude of available themes to make your website look exactly as you want.
However, there are some other non-visual customization options that you can and should alter to suit your website. These steps optimize your website for search engines and make it easier to manage, and so they are vital in ensuring that your website is fully functional and reaches its intended audience. These steps include making sure your website is indexed by search engines, that there is a proper permalink structure,
Search Engine Visibility Options
This is a very simple step that will allow your website to be indexed by search engines like Google, Yahoo and Bing. In the main dashboard, mouse over ‘Settings’ and click ‘Reading’. There are a number of options here, but what you need to do is ensure that the ‘Search Engine Visibility’ option is left unchecked.
Permalinks: How to Use Them,
Permalinks, or ‘permanent links’ in their grand full form, are… permanent links. They are the solid, unchanging link through which the whole world and the internet identifies individual content in your website. The default permalink structure in WordPress is fine, but it is not the most optimized one.
To change your permalink, mouse over ‘Settings’ in your WP Admin dashboard and click ‘Permalinks’. You will see the following screen:
By default, your WordPress permalink will be set to be ‘Plain’. There is an option that allows you to customize exactly how you want your permalink to be structured through the use of tags, but for most purposes, you should be fine with choosing ‘Post name’ as your permalink structure.
The plain permalink is no good for either humans or for the search engine crawlers that index your website. Why?
Let’s say you publish an article titled “The Definitive Proof That Elvis Presley Was A Martian”.
Under the ‘Plain’ permalink structure, the link to your article will look something like this:
That says nothing to anyone. If someone copies and pastes your link to share with someone else, there is no information conveyed in the link itself. More importantly, no information is shared with the search engines trying to index you. The same article with the ‘Post name’ structure will look something like this:
Now, you’ve given a hint as to what your page is all about to anyone who sees the link. Search Engine crawlers will know what content your webpage has and will index it accordingly so that when someone searches Google or Bing for proof that Elvis Presley was a Martian, they will find your article.
With your theme selected, installed and modified to your taste and both the Search Engine Visibility and Permalinks options are altered to suit your needs, your website has been customized to look like you need it to and function in a way that is to your best interest. There are a lot more things that can and need to be done, including exploring plugins, widgets, setting up backup and security and more. RankToday is here to help you with each successive step as you work on building up your website.
You must have a good grasp of how your website functions and its general health to thrive in SEO and provide a great user experience. The functionality of a website is emphasized in every successful SEO strategy. Search engine optimization goes further than the basics and necessitates technical knowledge to be successful. To achieve this […]
From a consumer point of view, it might seem easy to run a website. However, the reality is far from it. The real challenge is not creating a workable website but maintaining its efficiency and visibility in search results to drive consumers to your site. And you can only do so much before it starts […]
A website homepage is essentially the window of every online store, providing a detailed description of the items and brand to increase sales. Due to the relevancy to the search query, SEO plays a significant role in driving traffic and sales. The length of time a visitor spends on a page varies between 10 and […]