Ashe Theme WordPress Tutorial

Ashe Theme WordPress: Customize Theme Tutorial

My article shows you how to install and customize the Ashe Theme On WordPress.

The Ashe theme is clean and responsive, with excellent features. My guide shows you how to use Ashe to build a beautiful WordPress website.

Let’s begin.

Table of Contents

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

Hover your mouse over Appearances, and click Themes.

Select themes

Click Add New.

Select add new

Type Ashe into the search box and click 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.

Selecting Activate changes your website to Ashe. Selecting Live Preview allows you to view your WordPress website with Ashe without activating it.

Theme installed confirmation

How To Upload The Ashe Theme Installation File to WordPress

Go to https://wp-royal.com. On the homepage, select Download for the free version.

For Ashe Pro, go to https://wp-royal.com/themes/item-ashe-pro/ (Paid link.)

Ashe blog free version download

Next, click Download Ashe Free.

Download ashe free

The Ashe theme file saves to your computer.

Download complete

Return to WordPress admin, hover your mouse over Appearance and click Themes.

Select themes

Click Add New.

Add new

Select Upload Theme.

Upload theme

Click Choose File to locate the theme file on your computer.

Alternatively, you can drag and drop the file here.

Choose file

Select the file and click Open.

Select the Ashe theme file

Select Install Now.

Install now

After a short wait, the theme installs.

Theme installed successfully

Ashe appears on your theme list.

Ashe WordPress theme free version

How To Install The Ashe Theme Video Tutorial

Customize The Ashe Theme

You have two options after installing Ashe. You can activate it or preview it.

I recommend selecting Live Preview. This option allows you to customize Ashe before making it live.

Hover your mouse over Appearances, and select Themes.

Select themes

Click Live Preview.

Select live preview

Here is the Ashe theme customizer.

Theme customizer

How To Customise The Ashe Theme Video Tutorial

About Ashe

The first heading is About Ashe.

About Ashe

About Ashe is an option to upgrade to Ashe Pro.

The Pro version offers more customization options.

Upgrade to Ashe Pro

You can contact support to ask questions about Ashe.

Contact support

You can import demo content.

Demo import/getting started

Theme documentation is available with information on customizing Ashe.

Documentation

For a ready-to-go customized style, purchase Ashe Pro.

Predefined styles

Changelog details recent updates, fixes, and added features.

Changelog

Skins

Skins allow you to change the appearance of Ashe.

Here is the Default skin.

Default skin

Here is Dark.

Dark skin

Here is Box.

Box skin

Check the Show Dark Mode Switcher option to allow visitors to switch between the default and dark skin.

Show dark mode switcher

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

Switcher icon

About Ashe And Skins On The Ashe WordPress Theme Video Tutorial

Colors

Use Colors to change text and background color on your WordPress website.

You can also upload a background image.

Colors

Accent highlights text. Such as links, blog titles, and categories.

General
Accent

Header Text Color is the color of the text in the header area.

Header text color

When you don’t have a header image, use Header Background to set a color.

Header background

Body Background appears behind your content.

Body background

Body Background allows you to use an image.

Body background image

How To Customize Colors Video Tutorial

General Layouts

General Layout sets how your content is displayed.

General layouts

Sidebar Width

Sidebar width

Sidebar Width allows you to set the width of the sidebar.

Check Enable Sticky Sidebar to set the sidebar to follow the visitor as they scroll.

Page Layouts

Page layouts

Page layouts set the display style of blog posts on the homepage.

Here is the List Style.

List style

Here is 1 Column.

1 column

Header Width

The Header Width option is for the image at the top of the page.

There are three settings, full, contained, and boxed.

Header width

Here is Full and Contained.

Contained

Here is Boxed.

Boxed

Featured Slider Width

Featured Slider Width has two options Full or Boxed.

Featured slider width

Featured Links Width

Featured Links Width has two options Full or Boxed.

Featured links width

Content Width

Content Width sets the width of your homepage content. The two options are Boxed or Full.

Here is Boxed.

Boxed content width

Here is Full.

Full content width

Single Content Width

Single Content Width is for your blog posts. The two options are Full screen or Boxed.

Single content width

Footer Width

The three options for Footer Width 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

The Top Bar option allows you to place a menu above the header image.

Top bar option enabled

Header Image

The Header Image option allows you to upload or remove the image at the top of the WordPress website.

Header image

Checking the Page Header option uses the same image across the WordPress website.

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

Page header

Click Add New Image.

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

Site Identity

The Site Identity option allows you to upload a logo, set a site title, and upload a favicon.

Site identity

Click Select Logo and choose your image.

Select logo

Crop your image.

Crop your image

The logo image covers the center of the header image.

Website logo

You can adjust the width of the logo.

Logo width

Set a site title and tagline when you don’t want to use a logo.

Type your title and check the Display Site Title and Tagline box.

Site title and tagline

A Favicon is an image that is in a browser tab.

Favicon

A favicon has to be 512 * 512 pixels. I recommend resizing your favicon before uploading it.

512 *512 pixels

How To Customize Site Identity Video Tutorial

The Main Navigation option is for WordPress website menus.

Make it easy for visitors to navigate your WordPress website.

Main navigation

Align allows you to set the menu to appear on the left, center, or right.

Align main menu

Check the Show Search Icon option to place a search icon near your main menu.

Search icon

The Show Sidebar Icon option places an icon near your menu that reveals items in your sidebar.

Show sidebar icon

Here is the Show Sidebar Icon opened.

Show sidebar

Check Show Simple Header to remove the header image.

Show simple header

Finally, upload a logo to your menu bar.

Logo upload

How To Customize Main Navigation On Ashe Theme Video Tutorial

Featured Slider

Featured slider

The Featured Slider option allows you to highlight selected blog posts.

Featured slider

Check the Featured Slider box to enable this option.

Enable featured slider

Set the Featured Slider for your homepage or all posts and pages.

Display featured slider

Select the source of your blog posts displayed in the Featured Slider.

Source posts for featured slider

Select all posts or by post category.

Display posts

Set the Number Of Slides for the slider.

Check Show Navigation Arrows and Show Pagination Dots to help visitors move to the next slide.

Number of slides

How To Activate And Customize The Feature Slider Video Tutorial

Featured Links appear below the Featured Slider.

Featured links

Check the Featured Links box to enable this feature.

Set where you want Featured Links to show.

Display featured links

To create a Featured Link, select a title, a URL, and an image.

Ashe free 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 when you display your latest posts on the homepage.

Post Description allows you to set your homepage to show a section of your blog post or all of it.

Post description

Set Post Pagination. The two options are text or numbers.

Default
Numeric

Post Elements lets you select the information displayed on 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

Single Post allows you to set information displayed on blog posts.

You can display the featured image, categories, dates, comments, author, and description.

Single post

Below that, you can enable the Related Posts feature.

Related posts

How To Customize Single Post Video Tutorial

Social Media

Social media

Social Media allows you to add links to your social media accounts.

Select an icon and paste the URL. The social media icon appears 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 option to set copyright text for your website.

The shortcode displays the correct year and copyright symbol.

Copyright

You also can 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 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, use created menus or new ones.

The top options allow you to set what menu you want to use and where it’s displayed.

Below that, you can create a new menu.

Finally, you can view menu locations on Ashe.

Menu location

To use a WordPress menu you have already, click 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, and click 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.

View all locations

How To Customize Menus Video Tutorial

Widgets

Widgets

Widgets allow you to add extra functionality to your website.

Each theme has designated widget areas. Select a widget area and click Add Widget.

Widget
add widgets

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.

Paste your code into the box

Homepage Settings And Additional CSS Video Tutorial

Activate And Publish Your Customizations

Click Activate & Publish to update your customizations.

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 Ashe WordPress theme has excellent options to help create a beautiful website. Ashe is a light, fast, and responsive theme.

Can’t decide what template to use for your website? Check out my How to Choose the Best Ashe Pro Template for Your Website article for helpful tips.

The Ashe theme is highly customizable and is an excellent choice for any website. Check out my The Ashe WordPress Theme article to learn more about Ashe.

I hope you found my article informative. If you have questions, please leave them below.


Posted

in

,

by

Comments

23 responses to “Ashe Theme WordPress: Customize Theme Tutorial”

  1. Alison Cardwell avatar

    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!

    1. newblogr avatar

      You are very welcome.

  2. Abhishek Bhattacharya avatar

    Thanks for the details
    May you please help to point out ,how to update site title and tag line styles – font, size, position
    Or let me which style sheet is being used for this please?

    1. newblogr avatar

      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.

  3. Bev Cleary avatar
    Bev Cleary

    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.

    1. newblogr avatar

      Hello, would you mind giving me your site URL? I am not sure why you would have ‘test’ on your site. If you want to keep your URL private, you can send me your site URL to my email address- [email protected].

  4. Shaylee Young avatar

    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?

    1. newblogr avatar

      Hi, are you using Ashe? The settings for the homepage are in ‘Appearance’ then ‘Customise.’

    2. newblogr avatar

      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.

    3. newblogr avatar

      You can also activate or deactivate related posts under ‘Single post’ and ‘Blog page.’

    4. newblogr avatar

      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?

  5. Valerie avatar
    Valerie

    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.

    1. newblogr avatar

      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.

  6. Elena Seidl avatar
    Elena Seidl

    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.

    1. newblogr avatar

      Hello, Elena. I am sorry, I don’t know what font they use.

  7. DW avatar
    DW

    Great post. How did you get the “previous” and “next” posts to show up under your author info on this post? I don’t see that as an option on Ashe. Thanks!

    1. newblogr avatar

      Hello, I changed my theme a while ago to Kadence.

  8. Angela avatar
    Angela

    Really appreciate this tutorial as it helped me with things that I couldn’t figure out on my own. It was very clear and easy to understand. Thank you.

    1. newblogr avatar

      Hello Angela. Thank you for your kind comment. I appreciate you taking the time to let me know my post helped you.

  9. Colin avatar

    Help! I have been through every setting I can find, but cannot set Home page to only display welcome message once. Any advice please.

    1. newblogr avatar

      Hello Colin. Thank you for your comment. Have you tried searching for a plugin to get the effect you want? You could also try CSS code.

      1. Colin avatar
        Colin

        Hi, thanks for the pointers, somehow I managed to reduce the post to one entry only, still not sure how I did it!

Leave a Reply

Your email address will not be published. Required fields are marked *