How to Customise The Ashe WordPress Free Theme

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.

Let’s begin.

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.

Select themes

Next, select ‘Add New.’

Select add new

Type ‘Ashe’ into the search box and select ‘Install.’

Search ans install the Ashe theme

Once the installation is complete, you get a confirmation message and an option to ‘Activate’ or see a ‘Live Preview.’

Theme installed confirmation

How to upload the Ashe theme installation file to WordPress

For Ashe free, go to https://wp-royal.com. On the homepage, select ‘Download.’ For Ashe Pro, go to https://wp-royal.com/themes/item-ashe-pro/ (Paid link.)

Ashe blog free version download

Next, select the ‘Download Ashe Free’ link.

Download ashe free

After a few seconds, the file download is complete.

Download complete

Next, return to your WordPress admin page, hover your mouse over ‘Appearance’ and select ‘Themes’ from the popup.

Select themes

On the themes page, select ‘Add New.’

Add new

On the next page, select ‘Upload theme.’

Upload theme

Next, select ‘Choose File’ to locate the theme file on your computer. Alternatively, you can drag and drop the file here.

Choose file
Select the Ashe theme file

Once you have selected the file, it appears next to the ‘Choose file’ link. To start, select ‘Install Now.’

Install now

After a short wait, you receive an installation complete confirmation. From here, return to the themes page.

Theme installed successfully

Now the Ashe WordPress theme is installed, you can start customising.

Ashe WordPress theme free version

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.

Select themes

Next, hover your mouse over the Ashe theme and select ‘Live Preview’ to access the theme customiser.

Select live preview

Now you have accessed the theme customiser. There are many features in the Ashe theme, so let’s look at each one.

Theme customizer

How To Start Customising The Ashe Theme Video Tutorial

About Ashe

The first heading is ‘About Ashe.’

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.

Upgrade to Ashe Pro

You can contact support in ‘About Ashe’ to ask any questions about the theme.

Contact support

You can view demo websites that use the Ashe theme to give you ideas.

Demo import/getting started

Theme documentation is available with information on how to set up the Ashe theme.

Documentation

For a ready to go customised style, you have to purchase the Pro version.

Predefined styles

Lastly, ‘Changelog’ details recent updates, fixes, and added features.

Changelog

Skins

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.’

‘Default’ skin.

Default skin

‘Dark’ skin.

Dark skin

Finally, this is ‘Box’.

Box skin

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.

Show dark mode switcher

When this option is enabled, a small icon appears to the right of your navigation menu.

Switcher icon

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

Colours

Next on the menu list is ‘Colours.’

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.

Colour options

‘Accent’ is to highlight text. These are your links, blog titles, categories, and call to actions.

Accent

Header text.

Header text colour

If you have no header image, then the header background colour shows.

Header background

Body background appears behind your content.

Body background

Body background image gives you the option of having an image show behind your blog.

Body background image

How To Customise Colours Video Tutorial

For more colour options, upgrade to the Pro version.

General Layouts

The general layout option is for you to set how you want your content displayed.

General layouts

Sidebar Width.

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

Page layout

‘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.

List style
1 column

Header Width

The ‘Header width’ is for the image at the top of the page. There are three settings, full, contained, and boxed.

Header width

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.’

Contained

‘Boxed.’

Boxed

Featured Slider Width

This option allows you to set the length of the featured slider. The two options are full or boxed.

Featured slider width

Featured Links Width

This option allows you to set the length of your featured links. The two options are full or boxed.

Featured Links Width

Content Width

‘Content width’ sets the width of content on your homepage. The options are ‘Boxed’ or ‘Full.’

‘Boxed’ content width.

Boxed content width

‘Full’ 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?

Single Content Width

Footer Width

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.’

Footer width

How To Customise General Layouts Video Tutorial

Top Bar

Next on the customisation menu is ‘Top Bar.’

Top bar

‘Top Bar’ creates space above your header image to place a menu.

Top bar option enabled

Header Image

Header image allows you to upload or remove the image at the top of your website.

Header image

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.

Page header

To upload a new image, select the ‘Add new image’ link.

Add new image link

There is an option to rotate uploaded images.

Randomize header images

How To Customise Top Bar And Header Image Video Tutorial

Site Identity

Site identity

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.

Select logo

Once uploaded, crop your image.

Crop your image

The logo covers the centre of your header image.

Website logo

You can adjust the width of your logo.

Logo width

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.

Site title and tagline

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.

Favicon

The favicon has to be 512 * 512 pixels. I recommend you resize your favicon to this size before you upload it.

512 *512 pixels

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.

Main navigation

The first option allows you to align your main menu. You can have it on the left, centre, or the right.

Align main menu

Next, the ‘Show Search Icon’ option places a search icon near your main menu.

Search icon

The ‘Show ‘Sidebar icon’ places an icon near your menu that reveals items in your sidebar.

Show sidebar icon

Clicking on this icon reveals your sidebar content.

Show sidebar

‘Show Simple Header’ removes your header image.

Show simple header

Finally, you can upload a logo to your menu bar.

Logo upload

How To Customise Main Navigation On Ashe WordPress Free Theme Video Tutorial

Featured Slider

Featured slider

Directly under your header image, you can have a featured slider. This slider allows you to highlight selected blog posts.

Featured slider

To enable this feature, ensure you tick the box.

Enable featured slider

You can set the featured slider to show on your homepage only or all posts and pages.

Display featured slider

Next, select the source of your blog posts.

Source posts for featured slider

You can select all posts or posts from selected categories.

Display posts

Finally, set how many slides you want in your slider and if you want to display navigation arrows and pagination dots.

Number of slides

How To Activate And Customise The Feature Slider Video Tutorial

Featured links appear below the featured slider.

Featured links

Tick the box to enable this feature then select where you want featured links to display.

Display featured links

To create a featured link, select a title, the destination URL, and image. The free version allows you three featured links.

Create featured links

How To Activate And Customise The Feature Links Video Tutorial


Blog Page

Blog page

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.

Post description

Next, you can select how your visitors navigate to another page. The two options are text or numbers.

Default
Numeric

‘Post Elements’ lets you select the information you want on your blog posts

Post elements

The final option allows you to show related posts.

Related posts

Customise Blog Page Video Tutorial

Single Post

Single post

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.

Single blog post elements

How To Customise Single Post Video Tutorial

Social Media

Social media

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.

Set social icons

Social Media Icons Setup Video Tutorial

Typography

Typography

This section allows you to select the font for your logo text and navigation text.

Set typography
Page footer

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.

Copyright text

You also have the option to enable a scroll to top icon.

Scroll to top icon

How To Customise Typography And Page Footer Video Tutorial

Preloader

Preloader

This option enables preloading animation when a page or post is loading for your visitor.

Preloading animation

Responsive

Responsive

This section is for you do decide what features you want to display on mobile devices.

Customizing responsive

How To Customise Preloader And Responsive Video Tutorial

Menus

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.

Menu location

To use a WordPress menu you have already, click on ‘Main.’

Menu selection

You can reorder your menu, add more items, select location on your site, and delete.

To create a new menu, select ‘Create New Menu.’

Create a new menu

Give the new menu a name, select where you want the menu to be displayed then click on ‘Next.’

New menu

On the next page, select items you want to appear on your menu.

Add items

The live preview updates as you add items to your menu.

Create a new menu

In ‘View all locations,’ you can select a menu or create a new menu for each location.

View all locations

How To Customise Menus Video Tutorial

Widgets

Widgets

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.’

Select the area
Add a widget

Finally, select a widget from the list.

Select a widget

How To Customise Widgets Video Tutorial

Homepage Settings

Homepage settings

In homepage settings, you can select your latest posts or create a static page.

Your homepage displays

Additional CSS

Additional CSS

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.

Paste your code into the box

Homepage Settings And Additional CSS Video Tutorial

Activate And Publish Your Customisations

Once you have got the theme the way you want it, it is time to activate it and make it live on your website. To do that, click on the ‘Activate & Publish’ link.

Activate and publish

Ashe Free And Ashe Pro Feature Comparison Chart

FeaturesAshe FreeAshe Pro
Responsive & Retina ReadyYesYes
GDPR ComplianceYesYes
Translation ReadyYesYes
WooCommerce ReadyYesYes
Featured SliderYesYes
Featured Links (Promo Boxes)YesYes
List LayoutYesYes
Contact Form 7 SupportYesYes
RTL SupportYesYes
Image & Text LogosYesYes
Body BackgroundYesYes
Header BackgroundYesYes
Multi-level Sub MenuYesYes
Alternative SidebarYesYes
Integration with MailPoetYesYes
Left & Right SidebarsYesYes
SEO OptimisationYesYes
Built-in Predefined StylesX1X14
One-Click Demo ImportNoYes
Unlimited ColorsNoYes
800+ Google FontsNoYes
Advanced Featured SliderNoYes
Sticky NavigationNoYes
Post Sharing IconsNoYes
Advanced Header BackgroundNoYes
Grid Layout 1,2,3,4 ColumnsNoYes
Advanced WooCommerceNoYes
Speed OptimizationNoYes
ACF Pro IntegratedNoYes
Advanced Post OptionsNoYes
Advanced Page OptionsNoYes
Post Formats SupportNoYes
Different Blog Feed PaginationNoYes
Instagram Widget AreaNoYes
Integration with MailChimpNoYes
Integration with JetPackNoYes
Ashe Pro WidgetsNoYes
Popular Plugins SupportNoYes
WP Recipe Maker SupportNoYes
Advanced Footer OptionsNoYes

Conclusion

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.

15 thoughts on “How to Customise The Ashe WordPress Free Theme”

  1. Thank you so much for this guide!!! As an “older” blogger I really struggled with the Ashe video and was so disheartened I almost gave up on my blog idea. I shall continue to use your page as I begin this learning process, and couldn’t have done it without you. Thank you so much!

    Reply
    • Hi, my tutorial covers the free version, to have options to change font and text size, you need to upgrade. You can also use the theme customizer to enter CSS if you know what you want. As for the title tag and meta description, I have another video that shows you how to do this in WordPress. Go to the homepage of my YouTube channel, it on the list of most popular videos.

      Reply
  2. Thanks for the great advice on Ashe. I am a beginner and learning as I go.
    I am fairly happy with my ‘front page’ on Ashe but can’t seem to get rid of the word ‘Test’ – makes my site look awfully amateurish.
    How can I get rid of the word ‘Test’ please.

    Thank very much.

    Reply
  3. I have a question for you. On my homepage it has my sticky post, then a you may also like, then a read more post, then a you may also like. It continues with read more and you may also like 5 MORE times, until it gets to my footer. I can’t figure out how to change it, to just have it once. Any ideas?

    Reply
    • Do you have your ‘page layout’ set to ‘List style’ or ‘1 column?’ I have mine set to ‘List style’ and changed it to ‘1 column’, it was messy so I changed it back. Try changing this setting on your site.

      Reply
    • Your website is showing as not secure in web browsers. This is because you don’t have an SSL certificate for your site. Does your hosting company offer them for free?

      Reply
  4. Thanks for this guide! Do you know of any way to adjust the header *height*? I’ve been stuck on this – it’s just too tall for desktop! Thanks for any tips.

    Reply
    • Hello, thank you for your comment. I am sure there is some code you can use to do this, but I don’t know how to code and don’t want to give you bad advice. I hope you find a solution to your problem.

      Reply
  5. Good evening John,

    could you tell me which font Ashe theme uses in headlines, post headlines or “RECENT POST” plase? I would like to use the same font. Times New Roman looks alike but I think it is not exactly the same.

    Thank you for your answer, El.

    Reply

Leave a Reply to Bev Cleary Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.