How to Customize The Free Ashe Theme On WordPress

In my post, I show you how to install and customize the free 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 customizer to build your blog the way you want, step by step.

Let’s begin.

Free Ashe Theme Tutorial

How To Install The Ashe Theme

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 From The 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 customizing.

Ashe WordPress theme free version

How To Install The Ashe Theme Video Tutorial

How To Start Customizing The Ashe Theme

You have two options when installing the Ashe theme to your WordPress. You can activate or preview it.

I recommend selecting the ‘Live Preview’ option. This option allows you to customize it before making 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 customizer.

Select live preview

Now you have accessed the theme customizer. 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 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 setting up the Ashe theme.

Documentation

For a ready-to-go customized 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

A small icon appears to the right of your navigation menu when enabled.

Switcher icon

There is a warning that you will lose some color controls with this option due to the dark background.

About Ashe And Skins On The Ashe WordPress Theme Video Tutorial

Colors

Next on the menu list is Colors.

Colors

This option allows you to change the color scheme of the text and background on your website. You can also upload a background image.

General

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

Accent

Header text.

Header text color

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

Header background

Body background appears behind your content.

Body background

You can have an image behind your blog.

Body background image

How To Customize Colors Video Tutorial

For more color options, upgrade to the Pro version.

General Layouts

The General Layout option is to set how you want your content displayed.

General layouts

Sidebar Width

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 layouts

‘Page layouts’ sets the display style of your blog posts on the site homepage.

List Style is on the left, and 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 width of your screen on ‘Full’ and ‘Contained.’ On ‘Boxed,’ your image lines 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 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 FullContained, and Boxed.

Footer width

How To Customize General Layouts Video Tutorial

Top Bar

Next on the customization 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 it on your website.

The image should be 1300 * 500 pixels. You can crop larger images when uploading.

Page header

Select the Add New Image link.

Add new image link

There is an option to rotate uploaded images.

Randomize uploaded headers

How To Customize Top Bar And Header Image Video Tutorial

How To Customise The Top Bar And He...
How To Customise The Top Bar And Header Image On The Ashe WordPress theme

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

Select logo

Once uploaded, crop your image.

Crop your image

The logo covers the center of your header image.

Website logo

You can adjust the width of your logo.

Logo width

You can set a site title and tagline if you don’t want to use a logo. 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 Customize Site Identity Video Tutorial

Main Navigation 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, center, or 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 Customize Main Navigation On Ashe 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 Customize 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 the image. The free version allows you three featured links.

Create featured links

How To Activate And Customize The Feature Links Video Tutorial

Blog Page

Blog page

The Blog Page option is essential if you set your homepage to display your latest posts. 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

Customize Blog Page Video Tutorial

Single Post

Select Single Post from the customization menu.

Single post

This feature is for information displayed on blog posts. You can display the featured image, categories, dates, comments, author, and description.

Below that, you can enable show-related posts.

Related posts

How To Customize 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

Select the Typography option from the customization menu.

Typography

This section allows you to select the font for your logo 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 in the bottom-right corner.

Copyright

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

Scroll to top

How To Customize 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 features displayed on mobile devices.

Customizing responsive

How To Customize Preloader And Responsive Video Tutorial

Menus

In Menus, you can use menus you have or create new ones.

The top options allow you to set what menu you want to use and where it’s 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 a 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 the items you want to appear on your menu.

Add items

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

Live preview

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

View all locations

How To Customize Menus Video Tutorial

Widgets

Widgets

Widgets allow you to add extra features to your site, for example, a calendar, video, text, recent posts, and recent comments.

Each theme has designated sections to add widgets. Select an area and then click on ‘Add Widget.’

Widget
add widgets

Finally, select a widget from the list.

Select a widget

How To Customize Widgets Video Tutorial

Homepage Settings

Homepage settings

Homepage Settings allows you to show 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 color 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 Customizations

Once you have the theme the way you want, 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 NavigationNo Yes
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 SupportNo Yes
Different Blog Feed PaginationNoYes
Instagram Widget AreaNoYes
Integration with MailChimpNoYes
Integration with JetPackNo Yes
Ashe Pro WidgetsNoYes
Popular Plugins SupportNoYes
WP Recipe Maker SupportNoYes
Advanced Footer OptionsNoYes

Conclusion

The Ashe WordPress theme has excellent options to help create a beautiful website. Ashe is a light, fast, and responsive theme.

The paid version has even more options for you to customize your website. To download Ashe Pro, go to www.wp.royal.com. (*Paid link)

Before you customize your Ashe WordPress theme, may I ask for a minute of your time to leave me a comment? I appreciate all feedback.

Please check out my YouTube channel for video tutorials on WordPress, SEO, and the Amazon affiliate program.