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.
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.
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 customizing.
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.
Next, hover your mouse over the Ashe theme and select ‘Live Preview’ to access the theme customizer.
Now you have accessed the theme customizer. 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 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 setting up the Ashe theme.
For a ready-to-go customized 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.
A small icon appears to the right of your navigation menu when enabled.
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
Next on the menu list is 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.
‘Accent’ is to highlight text. These are your links, blog titles, categories, and call to action.
If you have no header image, then the header background color shows.
Body background appears behind your content.
You can have an image behind your blog.
How To Customize Colors Video Tutorial
For more color options, upgrade to the Pro version.
The General Layout option is 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, and 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 width of your screen on ‘Full’ and ‘Contained.’ On ‘Boxed,’ your image lines 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 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 Customize General Layouts Video Tutorial
Next on the customization 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 it on your website.
The image should be 1300 * 500 pixels. You can crop larger images when uploading.
Select the Add New Image link.
There is an option to rotate uploaded images.
How To Customize 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 computer.
Once uploaded, crop your image.
The logo covers the center of your header image.
You can adjust the width of your logo.
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.
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 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.
The first option allows you to align your main menu. You can have it on the left, center, or 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 Customize Main Navigation On Ashe Theme Video Tutorial
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 Customize 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 the image. The free version allows you three featured links.
How To Activate And Customize The Feature Links Video Tutorial
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.
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.
Customize Blog Page Video Tutorial
Select Single Post from the customization menu.
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.
How To Customize Single Post Video Tutorial
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
Select the Typography option from the customization menu.
This section allows you to select the font for your logo 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 in the bottom-right corner.
You also have the option to enable a scroll to the top icon.
How To Customize Typography And Page Footer Video Tutorial
This option enables preloading animation when a page or post is loading for your visitor.
This section is for features displayed on mobile devices.
How To Customize Preloader And Responsive Video Tutorial
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.
To use a WordPress menu you have already, click on ‘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, then click on ‘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 for each location.
How To Customize Menus Video Tutorial
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.’
Finally, select a widget from the list.
How To Customize Widgets Video Tutorial
Homepage Settings allows you to show 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 color of links in your blog posts.
Paste your CSS code into the box on the left.
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.
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 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.