- WordPress 4+
- Following plugins need to be installed and activated: "Themes1 Anora Core", "VisualComposer", "Revolution Slider" and "Contact form 7".
TIP - You can easily install these plugins by following the message that appears on the admin area.
What's in the package
- Anora Theme folder - anora.zip
- Plugins: Themes1 Anora Core, VisualComposer, Revolution Slider
- Documentation files
- Second skin called Anora modern
- Import Dummy Data
- Font Awesome icons
- Woocommerce compatibility
- Multiple Menu styles
- Multiple Tab styles
- Multiple Accordion styles
- Google Web Fonts
- Styling options that can make many possibilities
- Revolution Slider
- Visual Composer
- 20 Custom Visual Composer Widgets
- Custom shortcodes
- Portfolio Items - with multiple styles
- Team members - with multiple styles
Anora Theme is very easy to install and set-up, it should be set in a few minutes.
Installing via WordPress Panel
- Unzip the file you have downloaded from ThemeForest.
- Upload only the "anora.zip" file from that package, by logging into WordPress and going to Appearance > Themes > Install Themes > Upload
Installing via FTP
- Unzip the file you have downloaded from ThemeForest.
- You will have a folder named "anora" inside this theme package. Upload this folder to your wp-content/themes/ directory. - You will need to use an FTP client such as FileZilla, for more details see http://codex.wordpress.org/Using_FileZilla
- Log in to your WordPress admin panel and navigate to Appearance > Themes page, click on Anora theme to activate it. You're ready to go!
The first step you should take upon activating the theme is to install and activate the plug-ins that are necessary for the theme to work properly. One plug-in is mandatory and another is optional; you will see a notification inside your WordPress admin instructing you further for this.
Importing demo content
This is a good starting point on setting up your theme if you don't want to do it from scratch. You load all the demo content and settings into your installation with a single click, then you simply have to set your static homepage and your menu location.
Go to Appearance > Anora - Theme Options > One-click dummy install and click to import any of the available demo contents. Importing of data may take a while, so be patient and don't interrupt the process as it may result in a messy intallation.
IMPORTANT - Importing demo content is only recommended on fresh WordPress installation. Importing it over your current content or importing it twice may result in a messy installation or a duplicate content.
Theme setting up
Setting up the frontpage is same as creating any other page on WordPress, except there are some details that are important to point out.
So start by creating a new page under Admin > Pages > Add New. Inside the page editor, you can setup the following:
- Main slider area: pages have a reserved space for main slider which can be set inside the Page setup box, under Slider settings. Currently, theme offers an option to select "RevolutionSlider", but you can also insert any other slider/content using shortcodes or custom html, by selecting the "Shortcode/Html" option.
- Title bar: it is best to not display the page title on the frontpage, and you can do so by "check"-ing the "Do not show page title" option, inside the Page setup box, under Title bar settings. However, if you decide to display the title bar on frontpage, then you can make use of the given options for the titlebar. Read more about titlebar options here.
- Page template: Recommended template to use in frontpage is the "Full Width" template. Pick your page template inside the Page Attributes box.
- Menu style: You can set the menu style of pages by navigating to Appearance > Anora - Theme Options > General > Header and select the global menu style, but if you want a page to have a different menu style you can change it by selecting in Menu style box.
- Sidebar: If for any reason, you prefer to use a sidebar on the frontpage then you can set it up inside the Page setup box, under Sidebar settings, but make sure that you are using the "Default Template" as a page template, otherwise they wont show up.
After setting the above options, you can make use of the VisualComposer editor to setup the page content.
When you're done, publish the page and navigate to Admin > Settings > Reading, select the "A static page" option under Front page displays and select your newly created page on the Front page dropdown list. Save changes and check your site to see if a custom front page has been set!
First off, go to Admin > Appearance > Menus and click to create a new menu. Type a menu name on the given field and click the "Create Menu" button. After the menu is created, manage your links or submenus, and then "check" the "Main Navigation" checkbox under Theme Locations option. Save the menu and now it should appear on your site.
Add icons to menu items
This theme makes it possible to use FontAwesome icons on main menu. To use them, simply attach a class name of a FontAwesome icon to your menu item, like so:
- While on menu editing screen, expand the "Screen Options" tab (located on top-left of the admin screen) and make sure the "CSS Classes" option is checked. This will add an extra "CSS Classes" field for your class name inside every Menu Item Settings tab.
The class name format should be as follows: ex.
Check this FontAwesome cheatsheet for all the icons available.
Customizing header appearance is done through Appearance > Anora - Theme Options > General > Logo and options are pretty straightforward. So we'll only going to explain how to set up content of the components that make up the header area.
- Using image as logo - Navigate to Appearance > Anora - Theme Options > General > Logo and upload your logo image under the Site Logo Image option.
- Using custom text as logo - Type the text you want to use as your site logo on the Text Logo field, inside the Appearance > Anora - Theme Options > General > Logo settings page. Then, navigate to Appearance > Anora - Theme Options > Styling > Typography and locate the Logo option, where you can do the formatting/styling of this text.
NOTE - For the Logo Image to be used, the Text Logo option field must be blank.
This is explained in another section. Go to main menu setup section.
Footer area is divided into two parts: the widgetized area and the copyright area.
You can setup footer widgets by going to Appearance > Widgets. There are four predefined widgetized columns on footer, named "Footer Column A".. B, C and D. You can arrange your widgets into these columns the way you want them to be displayed on your site. You can also set a different layout for this area on Appearance > Anora - Theme Options > General > Footer under the Footer Widget Layout option.
This is the very bottom part of the site. I'ts mainly designed to contain the copyright information but can be used for any other textual/simple content. Edit it's content through the Footer Text/Copyright field, inside Appearance > Anora - Theme Options > General > Footer settings.
Portfolio items on this theme are registered as a custom post type named "Portfolio", and you can add them through Portfolio > Add New.
Setting up your Portfolio
A "Portfolio" post is made up of title, client info (client, date, categories).
- Title - Use the title field same as in normal posts.
- Portfolio Header Media - Portfolio Header Media has a dropdown where you can choose the format of the portfolio item. You can choose between "Featured Image", "Image Set", "Gallery", "Video" and "Audio".
- Featured Image - will add the featured image as the main image and the content below it.
- Image Set - adds Multiple images for your portfolio in a row.
- Gallery - The gallery can contain images and YouTube/Vimeo videos. To add images, click the "+ Add Images" link inside the Gallery Manager box and the Media dialog will appear. Select the desired images and click the "Add Images" button. Video insertion is also pretty simple. Click the "+ Add Vimeo/YouTube Video" link inside the Gallery Manager box and a field will appear on the top of it where you should insert a full URL of the Vimeo or YouTube video.
Sample URL format:
Display Portfolio on your site
There are 2 ways to displaying your portfolio on your site. Our Visual Composer widget Anora Portfolio Items consists of two main options. Single Post Item where you can select which item you want to show, and there are 3 styles where you can choose from. The other option is Portfolio Gallery where you can choose multiple items from the checkbox. Column Number is how you want to display your Portfolio Items (divided by two, three or four columns). If you check the Filters option, you will have the category names on top, when you click those categories they will sort your content by that category.
Testimonials are registered as a custom post type named "Testimonials", and you can add them through Testimonials > Add New.
Setting up your Testimonials
A "Testimonial" post is made up of Title, Featured Image and the content.
Displaying Testimonials on your site
Our Visual Composer widget Anora Testimonials has two inputs. Testimonials Title which is the title shown above the testimonials and How many testimonials do you want to show? where you write the number of the recent testimonials you want to display.
Team Members are registered as a custom post type named Team Members, and you can add them through Team Members > Add New.
Setting up your Team Members post
Team Members posts have the following options:
Title/position: Title or position at the company
Short bio: - the short biography of the member.
Social Icons - where you can add multiple social icons by choosing the type and adding the link.
Displaying Team members on your site
After you finish adding your Team members through the custom post type you can choose them from our Visual Composer widget Anora Team Members which has two inputs. The Team member that you want to display and the style which has 3 options on the dropdown.
There is no specific page template available for a Contact page and any page option will work just like in other pages, but we'll explain how to set up some of the features that you may want to use in a Contact page.
The theme uses Contact Form 7 plugin to process the mailing functionality, so first make sure it is installed and activated on your WordPress Installation. You can start creating your forms by going to Contact > Add New and clicking on the given "Add New" button.
Setting up a form should be very straightforward, but you can check their official docs for a more detailed explanation.
Lastly, after you save your form, a shortcode will be generated right under the form title. Use this shortcode to display your saved form anywhere on the site.
If you did activate Visual Composer you can use Contact Form 7 widget which is fairly easy to use. Simply setup your page layout then add the Contact form 7 widget and select your form from the dropdown.
In our modern demo we used the Easy Twitter Feed Widget Plugin but you can use any plugin that you want. Simply setup your plugin settings then navigate to Appearance > Widgets and add either your shortcode or widget in the Footer column of your choose.
Setup all of your social profiles icons by going to Appearance > Anora - Theme Options > General > Social Profiles. You simply click "Add New" to create a new item, and after it shows up, set its icon and insert the full URL to your profile.
You can also "check" the RSS Feed Link option if you want the RSS feed icon to be showed next to your social icons.
Displaying Social icons on site
[the1-socialicons] shortcode to display your icons anywhere on the site.
Global settings for sidebars are set through Appearance > Anora - Theme Options > General > Sidebars. Here you can manage sidebars separately for different templates (posts, pages, search...).
However, if you want a sidebar of the specific page to be different from the rest of pages, do it by using the Sidebar settings inside the Add/Edit Page screen.
The default registered sidebars are "Post sidebar" and "Page sidebar" but you can register more sidebars by adding a piece of code to the theme's functions.php file. This simple tutorial may help.
Title-bars on this theme are quite customizable. they are displayed as a full width stripe right under the header (or page's slider if available), and there are a few options available to style it your way using different background colors or images (including parallax), different heights and content alignment. You can also choose to show subtitles on pages, or show breadcrumbs and some metadata on posts.
Global settings for titlebars of different templates are set through Appearance > Anora - Theme Options > Styling > section, inside Page tab. You can however, setup the title-bar differently for individual pages, using the Title bar settings inside the Page setup box while you're on Add/Edit Page screen.
Visual Composer widgets
You can use our custom Visual Composer widgets in any page that you want. Simply search the keyword Anora and you'll see the list of our custom widgets.
We used widgets for Tabs, Skills, Icon Boxes, pricing tables, counters, call to action buttons, single buttons and a lot more.
You can combine the widgets from either our first layout or the 'modern' skin.