Ashe Theme WordPress 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 website.

Let’s begin.

Ashe Theme WordPress

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.

Click Add New.

Type Ashe into the search box and click Install.

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 website with Ashe without activating it.

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

Next, click Download Ashe Free.

The Ashe theme file saves to your computer.

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

Click Add New.

Select Upload Theme.

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

Alternatively, you can drag and drop the file here.

Select the file and click Open.

Select Install Now.

After a short wait, the theme installs.

Ashe appears on your theme list.

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.

Click Live Preview.

Here is the Ashe theme customizer.

How To Customise The Ashe Theme Video Tutorial

About Ashe

The first heading is About Ashe.

About Ashe is an option to upgrade to Ashe Pro.

The Pro version offers more customization options.

You can contact support to ask questions about Ashe.

You can import demo content.

Theme documentation is available with information on customizing Ashe.

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

Changelog details recent updates, fixes, and added features.

Skins

Skins allow you to change the appearance of Ashe.

Here is the Default skin.

Here is Dark.

Here is Box.

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

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

About Ashe And Skins On The Ashe WordPress Theme Video Tutorial

Colors

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

You can also upload a background image.

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

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

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

Body Background appears behind your content.

Body Background allows you to use an image.

How To Customize Colors Video Tutorial

General Layouts

General Layout sets how your content is displayed.

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 set the display style of blog posts on the homepage.

Here is the List Style.

Here is 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.

Here is Full and Contained.

Here is Boxed.

Featured Slider Width

Featured Slider Width has two options Full or Boxed.

Featured Links Width

Featured Links Width has two options Full or Boxed.

Content Width

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

Here is Boxed.

Here is Full.

Single Content Width

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

Footer Width

The three options for Footer Width are Full, Contained, and Boxed.

How To Customize General Layouts Video Tutorial

Top Bar

Next on the customization menu is Top Bar.

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

Header Image

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

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

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

Click Add New Image.

There is an option to rotate uploaded images.

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.

Click Select Logo and choose your image.

Crop your image.

The logo image covers the center of the header image.

You can adjust the width of the logo.

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.

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

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

How To Customize Site Identity Video Tutorial

Main Navigation

The Main Navigation option is for website menus.

Make it easy for visitors to navigate your website.

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

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

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

Here is the Show Sidebar Icon opened.

Check Show Simple Header to remove the header image.

Finally, upload a logo to your menu bar.

How To Customize Main Navigation On Ashe Theme Video Tutorial

Featured Slider

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

Check the Featured Slider box to enable this option.

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

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

Select all posts or by post category.

Set the Number Of Slides for the slider.

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

How To Activate And Customize The Feature Slider Video Tutorial

Featured Links

Featured Links appear below the Featured Slider.

Check the Featured Links box to enable this feature.

Set where you want Featured Links to show.

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

Ashe free allows you three Featured Links.

How To Activate And Customize The Feature Links Video Tutorial

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.

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

Post Elements lets you select the information displayed on blog posts.

The final option allows you to show Related Posts.

Customize Blog Page Video Tutorial

Single Post

Select Single Post from the customization menu.

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

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

Below that, you can enable the Related Posts feature.

How To Customize Single Post Video Tutorial

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.

Social Media Icons Setup Video Tutorial

Typography

Select the Typography option from the customization menu.

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

Page Footer

Use the Page Footer option to set copyright text for your website.

The shortcode displays the correct year and copyright symbol.

You also can enable a scroll to the top icon.

How To Customize Typography And Page Footer Video Tutorial

Preloader

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

Responsive

This section is for features displayed on mobile devices.

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.

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

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.

Give the new menu a name, select where you want the menu to be displayed, and click Next.

On the next page, select the 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.

How To Customize Menus Video Tutorial

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.

Select a widget from the list.

How To Customize Widgets Video Tutorial

Homepage Settings

Homepage Settings allows you to show your latest posts or create a static page.

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.

Homepage Settings And Additional CSS Video Tutorial

Activate And Publish Your Customizations

Click Activate & Publish to update your customizations.

Ashe Free And Ashe Pro Feature Comparison Chart

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.