Aspire – Aspire
Theme version:
1.2.8 — 30 December 2017
Table of Contents
- Theme Activation & Installation
- Installation via FTP
- Theme Customizer
- Widgets
- Menus
- Translation
- Theme Development
Theme Activation & Installation
Login to your WordPress website, go to Appearance/Themes, click Add New, then click Upload Theme.
Upload aspire.zip file (it’s in the zip file you downloaded), then click Install Now
Then click Activate to activate the Aspire theme.
Installation via FTP
- Login to the SFTP/FTP account for your site.
- Navigate the to the WordPress directory, and follow the path wp-content/themes.
- Extract aspire.zip file (it’s in the zip file you downloaded) and upload the aspire folder.
- Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
- Click the Activate link.
Theme Customizer
WordPress customizer is a tool which allows you to edit all the style options from a theme and visualize changes live, as you edit them. To open it go to Appearance > Customize.
Logo
From the customizer window, choose Theme Options > Header to upload you custom logo
Header Search Icon
You can hide or show the header search icon as:
From the customizer window, choose Theme Options > Header and then Hide Search Icon
Footer Copyright
From the customizer window, choose Theme Options > Footer to easily update the copyright text
Widgets
Aspire theme includes multiple widgets areas.
Widgets can be added to these areas by navigating to “Appearance > Widgets”.
The footer section has four registered widget sections you can drag widgets in.
Aspire comes with 3 new custom widgets which are:
Recent Posts
The Recent Posts widget will show the latest posts with images.
To add this widget, drag the Sidebar recent posts widget to the sidebar section, then you can customize the widget title, how many posts to show, and the option to show the posts date or not.
Ads Widget
The advertise widget enables you to add a sidebar add widget, simply provide the image link and the destination link.s
Menus
Aspire theme supports two custom menus:
- Primary Menu
- Social Menu
You can create and manage these menus by navigating to Appearance > Menus.
Primary Menu
To create the header main navigation, create a WordPress normal menu. The WordPress Menu User Guide will describe how to create a menu, add menu items, create multi-level menu items, and more. Then you can assign the menus you just created to the Primary Menu location in the Menu Settings section
Social Menu
You can create a normal menu with a custom link to the social media site. Then you can assign the menu to the Social Menu location in the Menu Settings section.
The following are the social media sites and services where you can find an icon support. The theme is using genericons icons.
- CodePen
- Digg
- Dribbble
- Dropbox
- Foursquare
- GitHub
- Google Plus
- Path
- Polldaddy
- RSS
- StumbleUpon
- Tumblr
- Twitch
- Vimeo
- Vine
- WordPress
Translation
Aspire theme is full ready to be translated into other languages and could be easily translated with poedit.net application.
The theme contains the main translation file aspire.pot
inside the languages directory which will be used by poedit application.
Here are simple steps:
- Install poedit and open it`
- Once the app is opened click Create new translation`
- Choose the aspire.pot file inside the theme aspire/language directory`
- Once the translation is done, save the file according to your language code. Find a list of language codes at WordPress in your Language. As an example, the language code for English (UK) is
en_GB
, so you will end up with two new files:en_GB.po
and thenen_GB.mo
. - When that’s done, simply upload the files to aspire/language folder using FTP`
- Change the site language by going to
WordPress > General > Settings
and choose the target language fromSite Language
drop-down menu.
Theme Development
If you are a developer and need to do customization work, the theme is using Gulp to compile Sass and JavaScript. This improves the development flow and making it much faster.
First, make sure you have Node.js, npm, and Bower installed, then run the-the following commands in the theme root directory to install npm and bower dependencies.
npm install
To start Gulp, run:
gulp
This will compile Sass and JavaScript files and start watching changes as you edit files.
Your feedback is very welcome ♥
I’m open to your feedback and hear your experience about my themes and work. If you have a few minutes, please send your thoughts through this Google Form.
Thank you for your time!
