In my post, I show you how to install and customise the free version of the Ashe WordPress theme, step by step.
The Ashe WordPress theme is clean and responsive with excellent features. I show you how to use the WordPress customiser to build your blog the way you want.
- How to install the Ashe WordPress theme free version
- How to start customising the Ashe theme
- About Ashe
- General layouts
- Top bar
- Header image
- Site identity
- Main navigation
- Featured slider
- Featured links
- Blog Page
- Single post
- Page footer
- Homepage settings
- Additional CSS
- Activate and publish your customisations
- Ashe free and Ashe Pro feature comparison chart
How to install the Ashe WordPress theme free version
There are two methods to install Ashe, through your WordPress theme library or by uploading the theme file to WordPress.
How to install the Ashe theme through your WordPress theme library
First, go to ‘Appearances’ on your WordPress admin menu and select ‘Themes’ from the popup.
Next, select ‘Add New.’
Type ‘Ashe’ into the search box and select ‘Install.’
Once the installation is complete, you get a confirmation message and an option to ‘Activate’ or see a ‘Live Preview.’
How to upload the Ashe theme installation file to WordPress
Next, select the ‘Download Ashe Free’ link.
After a few seconds, the file download is complete.
Next, return to your WordPress admin page, hover your mouse over ‘Appearance’ and select ‘Themes’ from the popup.
On the themes page, select ‘Add New.’
On the next page, select ‘Upload theme.’
Next, select ‘Choose File’ to locate the theme file on your computer. Alternatively, you can drag and drop the file here.
Once you have selected the file, it appears next to the ‘Choose file’ link. To start, select ‘Install Now.’
After a short wait, you receive an installation complete confirmation. From here, return to the themes page.
Now the Ashe WordPress theme is installed, you can start customising.
How to install the Ashe WordPress theme video tutorial
How to start customising the Ashe theme
When you install the Ashe theme to your WordPress admin, you have two options. The first option is to ‘Activate’ the theme this makes it live instantly. The second option is ‘Live Preview’ this allows you to see it on your site without making it live.
I recommend selecting the ‘Live Preview’ option. This option allows you to get the theme the way you want it before you make it live. To access ‘ Live Preview,’ hover your mouse over ‘Appearances’ on your menu and select ‘Themes’ from the popup.
Next, hover your mouse over the Ashe theme and select ‘Live Preview’ to access the theme customiser.
Now you have accessed the theme customiser. There are many features in the Ashe theme, so let’s look at each one.
How to start customising the Ashe theme video tutorial
The first heading is ‘About Ashe.’
In ‘About Ashe,’ there is an option to upgrade to Ashe Pro, the Pro version offers more options. You also get premium support when you upgrade.
You can contact support in ‘About Ashe’ to ask any questions about the theme.
You can view demo websites that use the Ashe theme to give you ideas.
Theme documentation is available with information on how to set up the Ashe theme.
For a ready to go customised style, you have to purchase the Pro version.
Lastly, ‘Changelog’ details recent updates, fixes, and added features.
Next on the list is ‘Skins.’
This option allows you to change the overall appearance of the theme. In the free version, you can set the skin to ‘Default,’ ‘Dark,’ or ‘Box.’
Finally, this is ‘Box’.
Under the ‘Select theme skin’ drop-down menu, you have an option to add a switcher. This option allows your visitors to switch between the default and dark skin.
When this option is enabled, a small icon appears to the right of your navigation menu.
There is a warning that you will lose some colour controls with this option due to the dark background.
About Ashe and Skins on the free Ashe WordPress theme video tutorial
Next on the menu list is ‘Colours.’
This option allows you to change the colour scheme of the text and background on your website. You can also upload a background image.
‘Accent’ is to highlight text. These are your links, blog titles, categories, and call to actions.
If you have no header image, then the header background colour shows.
Body background appears behind your content.
Body background image gives you the option of having an image show behind your blog.
How to customise colours video tutorial
For more colour options, upgrade to the Pro version.
The general layout option is for you to set how you want your content displayed.
The first item in ‘General Layouts’ is ‘Sidebar Width.’ You can set the width of your sidebar. From my screenshot above, my sidebar is 270 pixels.
The ‘Enable Sticky Sidebar’ option allows you to set the sidebar to follow your visitor as they scroll down. If this option is enabled, the sidebar stays in view for your visitor.
‘Page layouts’ sets the display style of your blog posts on the site homepage.
‘List style’ is on the left, ‘1 column’ is on the right.
The ‘Header width’ is for the image at the top of the page. There are three settings, full, contained, and boxed.
Your header image covers the full width of your screen on ‘Full’ and ‘Contained.’ On ‘Boxed,’ your image is in line with your blog content.
‘Full’ or ‘Contained.’
Featured slider width
This option allows you to set the length of the featured slider. The two options are full or boxed.
Featured Links Width
This option allows you to set the length of your featured links. The two options are full or boxed.
‘Content width’ sets the width of content on your homepage. The options are ‘Boxed’ or ‘Full.’
‘Boxed’ content width.
‘Full’ content width.
Single Content Width
Single content length is for your blog posts. Do you want your content to cover the full width or do you want it boxed?
The footer is the section at the bottom of your website. ‘Footer width’ allows you to set the length. The options are ‘Full,’ ‘Contained’ and ‘Boxed.’
How to customise general layouts video tutorial
Next on the customisation menu is ‘Top Bar.’
‘Top Bar’ creates space above your header image to place a menu.
Header image allows you to upload or remove the image at the top of your website.
If you enable ‘Page Header,’ you can upload an image that appears on every page and post on your website.
The image should be 1300 * 500 pixels. You can crop larger images when uploading.
To upload a new image, select the ‘Add new image’ link.
There is an option to rotate uploaded images.
How to customise top bar and header image video tutorial
In ‘Site identity,’ you can upload your logo, set your site title and tagline, and upload a favicon.
To upload your website logo, select ‘Select Logo’ and choose your image from your media library or your computer.
Once uploaded, crop your image.
The logo covers the centre of your header image.
You can adjust the width of your logo.
If you don’t want to use a logo, you can set a site title and tagline. Make sure you tick the ‘Display Site Title and Tagline’ box.
Finally, you can upload a favicon for your site. The favicon is the image that sits in the browser tab. For a tutorial on designing a favicon for free, check out my ‘How to create a favicon in Canva‘ post.
The favicon has to be 512 * 512 pixels. I recommend you resize your favicon to this size before you upload it.
How to customise site identity video tutorial
This option is for your site menus. You should make it simple for your visitors to navigate around your site.
The first option allows you to align your main menu. You can have it on the left, centre, or the right.
Next, the ‘Show Search Icon’ option places a search icon near your main menu.
The ‘Show ‘Sidebar icon’ places an icon near your menu that reveals items in your sidebar.
Clicking on this icon reveals your sidebar content.
‘Show Simple Header’ removes your header image.
Finally, you can upload a logo to your menu bar.
How to customise main navigation on Ashe WordPress free theme video tutorial
Directly under your header image, you can have a featured slider. This slider allows you to highlight selected blog posts.
To enable this feature, ensure you tick the box.
You can set the featured slider to show on your homepage only or all posts and pages.
Next, select the source of your blog posts.
You can select all posts or posts from selected categories.
Finally, set how many slides you want in your slider and if you want to display navigation arrows and pagination dots.
How to activate and customise the feature slider video tutorial
Featured links appear below the featured slider.
Tick the box to enable this feature then select where you want featured links to display.
To create a featured link, select a title, the destination URL, and image. The free version allows you three featured links.
How to activate and customise the feature links video tutorial
If you have set your homepage to display your latest posts, this option is essential. You can set your homepage to show a section of your blog post or all of it.
Next, you can select how your visitors navigate to another page. The two options are text or numbers.
‘Post Elements’ lets you select the information you want on your blog posts
The final option allows you to show related posts.
Customise blog page video tutorial
This feature is for you to decide what information you want to display on blog posts. You can display the featured image, categories, dates, comments, author, and author description.
Below that, you can enable show related posts.
If you have social media, you can have links to those in the top bar. Select an icon and paste your URL. The icons appear on the right.
Social-media icons setup video tutorial
This section allows you to select the font for your logo text and navigation text.
Use the page footer to set copyright text for your website. The shortcode generates the year automatically and displays the copyright symbol. The text appears on the bottom-right corner.
You also have the option to enable a scroll to top icon.
Setup Copyright text video tutorial
This option enables preloading animation when a page or post is loading for your visitor.
This section is for you do decide what features you want to display on mobile devices.
In menus, you can use menus you have already have or create new ones.
The top options allow you to set what menu you want to use and where you want it to be displayed.
Below that, you can also create a new menu.
Finally, you can view menu locations on Ashe.
To use a WordPress menu you have already, click on ‘Main.’
You can reorder your menu, add more items, select location on your site, and delete.
To create a new menu, select ‘Create New Menu.’
Give the new menu a name, select where you want the menu to be displayed then click on ‘Next.’
On the next page, select items you want to appear on your menu.
The live preview updates as you add items to your menu.
In ‘View all locations,’ you can select a menu or create a new menu for each location.
Widgets allow you to add extra features to your site, for example, a calendar, video, text, recent posts, recent comments, text, and much more.
Each theme has designated sections to add widgets. To add a widget, select an area and then click on ‘Add Widget.’
Finally, select a widget from the list.
In homepage settings, you can select your latest posts or create a static page.
Additional CSS allows you to add code to change the style of your theme. For example, you can add code to change the default colour of links in your blog posts.
Paste your CSS code into the box on the left.
Activate and publish your customisations
Once you have got the theme the way you want it, it is time to activate and make it live on your website. To do that, click on the ‘Activate & Publish’ link.
Ashe free and Ashe Pro feature comparison chart
|Features||Ashe Free||Ashe Pro|
|Responsive & Retina Ready||Yes||Yes|
|Featured Links (Promo Boxes)||Yes||Yes|
|Contact Form 7 Support||Yes||Yes|
|Image & Text Logos||Yes||Yes|
|Multi-level Sub Menu||Yes||Yes|
|Integration with MailPoet||Yes||Yes|
|Left & Right Sidebars||Yes||Yes|
|Built-in Predefined Styles||X1||X14|
|One-Click Demo Import||No||Yes|
|800+ Google Fonts||No||Yes|
|Advanced Featured Slider||No||Yes|
|Post Sharing Icons||No||Yes|
|Advanced Header Background||No||Yes|
|Grid Layout 1,2,3,4 Columns||No||Yes|
|ACF Pro Integrated||No||Yes|
|Advanced Post Options||No||Yes|
|Advanced Page Options||No||Yes|
|Post Formats Support||No||Yes|
|Different Blog Feed Pagination||No||Yes|
|Instagram Widget Area||No||Yes|
|Integration with MailChimp||No||Yes|
|Integration with JetPack||No||Yes|
|Ashe Pro Widgets||No||Yes|
|Popular Plugins Support||No||Yes|
|WP Recipe Maker Support||No||Yes|
|Advanced Footer Options||No||Yes|
The free version of the Ashe WordPress theme has some excellent options to create a beautiful website. Ashe is a light theme so loads fast, it is also a responsive theme so loads on all devices.
The paid version has even more options for you to customise your website. To download Ashe Pro, go to www.wp.royal.com. (*Paid link)
Before you customise your Ashe WordPress theme, may I ask a minute of your time to leave me a comment? I appreciate all feedback.
For video tutorials on WordPress, SEO, and the Amazon affiliate program, please check out my YouTube channel.