Back to Documentations

Aspire – Aspire

Theme version: 1.2.8 — 30 December 2017

Table of Contents

Theme Activation & Installation

Login to your WordPress website, go to Appearance/Themes, click Add New, then click Upload Theme.

Upload Theme

Upload aspire.zip file (it’s in the zip file you downloaded), then click Install Now

Choose Theme

Then click Activate to activate the Aspire theme.

Activate Theme

Installation via FTP

  1. Login to the SFTP/FTP account for your site.
  2. Navigate the to the WordPress directory, and follow the path wp-content/themes.
  3. Extract aspire.zip file (it’s in the zip file you downloaded) and upload the aspire folder.
  4. Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  5. 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.

Theme Customizer

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

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

Widgets

The footer section has four registered widget sections you can drag widgets in.

footer-widgets

Aspire comes with 3 new custom widgets which are:

Recent Posts

The Recent Posts widget will show the latest posts with images.

recent-posts-widget

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.

recent-posts-widget

Ads Widget

The advertise widget enables you to add a sidebar add widget, simply provide the image link and the destination link.s

ads-widget

Aspire theme supports two custom menus:

  • Primary Menu
  • Social Menu

menus

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

menu-settings

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.

social-media-menu

The following are the social media sites and services where you can find an icon support. The theme is using genericons icons.

  • Twitter
  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • Email
  • Facebook
  • Foursquare
  • GitHub
  • Google Plus
  • Instagram
  • LinkedIn
  • Path
  • Pinterest
  • Polldaddy
  • Reddit
  • RSS
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • 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:

  1. Install poedit and open it`
  2. Once the app is opened click Create new translation`
  3. Choose the aspire.pot file inside the theme aspire/language directory`
  4. 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 then en_GB.mo.
  5. When that’s done, simply upload the files to aspire/language folder using FTP`
  6. Change the site language by going to WordPress > General > Settings and choose the target language from Site 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!

Support

Have any questions? I’m here to help.

Contact Ahmad
Ahmad Ajmi