Agenzy - Installation Guide

Agenzy is a very large Wordpress Theme, designed for the Agencies, freelancers, photographers and other creative people. Give at your work a new amazing space. Agenzy has an Original and Clean Design. Has a lot of demos, is really highly customizable and you can create your custom layout with a simple drag & drop.

Agenzy Installation

To install Agenzy Theme go to "Appareance » Themes » Add New » Upload Theme", and upload the .ZIP file.

Enable the Theme ...and welcome to Agenzy, your new Portfolio and Blog Theme!

Creating Pages

After installing and enabled "Agenzy" you have to create the pages that you need. Go to "Pages » Add New".

  • Homepage Creation. Rename in "Homepage" this first page and save using the template "Home".
  • Blog Creation. Rename in "Blog" this second page and save using the template "Blog".
  • Portfolio Creation. Rename in "Portfolio" this third page and save using the template "Portfolio".
  • Archives Page Creation. Rename in "Archives" this fourth page and save using the template "Archives".

Settings Reading

Now that we have created all the pages necessary we can import them.

Go to "Settings » Reading". Select "A static page". In Front page select "Homepage", in Posts page select "Blog" and save.

Menu Settings

Now we are ready to build the Primary Menu. Go to "Appareance » Menus". Create new menu and rename "Primary Menu".
Add to menu your favourite pages: Home, Portfolio, Blog, Contacts. Now select "Top Primary Menu" and save.

Now we are ready to build the Footer Menu. Go to "Appareance » Menus". Create new menu and rename "Footer Menu".
Add to menu your favourite links: About, Policy, Support. Now select "Footer Menu" and save.

Now we are ready to build the Large Message box blocks menu. Go to "Appareance » Menus". Create new menu and rename "Introducing Agenzy Menu".
Add to menu your favourite links: About, Policy, Support. Now select "Introducing Agenzy Menu" and save.

Now we are ready to build the Blog Menu. Go to "Appareance » Menus". Create new menu and rename "Blog Menu".
Add to menu your favourite links, categories or pages: Home, Portfolio, Blog, Contacts. Now select "Blog Menu" and save.

Plugin Installation

Agenzy requires the installation of five plugins to working. To do that you have to go in "Appareance » Install Plugins".

  • BioTools
  • Contact Form 7
  • Multiple Post Thumbnails
  • RoyalSlider
  • Visual Composer

Click on "install" and wait for it to be done.The plugins will be not activated automatically, do it from the list of plugins.

BioTools

This plugin active the Portfolio and other options

Settings Contact Form 7

Go to "Contact » Add New". Enter the following codes in the right sections:

Form:

<div class="nome">
Name
[text* name class:altTypeName]
</div>
<div class="indirizzo">
eMail
[text* email class:altTypeEmail]
</div>
<div class="areamessaggio">
Your Message
[textarea message]
</div>
[submit "Send"]

Leave the rest unchanged, or modify it at will and save.

Go to "Appareance » Widgets" " and enable the form. Use the Text Widget entering the code in the picture with the ID of your Form.

Visual Composer

Now Agenzy is compatible with Visual Composer.

With Visual Composer you can create pages from scratch or put your items in the home page using the plugin inside your homepage page using the page editor.
In HomePage you can decide the position of the main new elements created through the panel Drag & Drop.
These will be integrated together with the other blocks of Agenzy

Multiple Post Thumbnails

This plugin active the multiple post thumbails

Settings RoyalSlider

*IMPORTANT* Go to "Royal Slider » Settings" and check "On every page (overrides all other options)"

Example Text and Shortcode in RoyalSlider
Home Slider

Go to "RoyalSlider » Add New". Create a new "Custom" slider. Rename it "Home Slider".
It is much important to follow of the settings to display correctly:

  • General Option: Default
  • Skin: Homepage Slider
  • Size & Scaling:

Width: 100%;

Height: empty;

Auto scale slider: check;

Base width: 2560;

Base height: 1080;

Auto height: uncheck;

Slides spacing: 0;

  • Image Options:

Image scale mode: Fill the area;

Image align center: check;

Image scale padding: 0;

Lazy-loading: uncheck;

Main image width 2560;

Main image height 1440;

Thumb image width: empty;

Thumb image height: empty;

  • Bullets: None

Add your Photos and save.

Go to "Appareance » Widgets" and enabled the slide.

Blog Slider

Go to "RoyalSlider » Add New". Create a new "Wordpress Gallery" slider. Rename it "Blog Slider".
It is much important to follow of the settings to display correctly:

This slider is used to add custom gallery on the blog pages. Follow the instructions for the correct use of RoyalSlider in the posts.

  • General Option: Default
  • Skin: Blog Slider
  • Size & Scaling:

Width: 100%;

Height: empty;

Auto scale slider: check;

Base width: 800;

Base height: 400;

Auto height: uncheck;

Slides spacing: 0;

  • Image Options:

Image scale mode: Fill the area;

Image align center: check;

Image scale padding: 0;

Lazy-loading: uncheck;

Main image width empty;

Main image height empty;

Thumb image width: empty;

Thumb image height: empty;

  • Bullets: None

Save.

Testimonial Slider

Go to "RoyalSlider » Add New". Create a new "Custom" slider. Rename it "Testimonial Slider".
It is much important to follow of the settings to display correctly:

This slide is used to add testimonial on the testimonial blocks.

  • General Option: Default
  • Skin: Testimonial Slider
  • Size & Scaling:

Width: 100%;

Height: empty;

Auto scale slider: uncheck;

Auto height: check;

Slides spacing: 0;

  • Image Options:

Image scale mode: Fill the area;

Image align center: uncheck;

Image scale padding: 0;

Lazy-loading: uncheck;

Main image width empty;

Main image height empty;

Thumb image width: empty;

Thumb image height: empty;

  • Bullets: None
  • Arrows: check
  • Auto hide arrows: uncheck
  • Remove on touch devices: check

Save.

Testimonial Carousel

Go to "RoyalSlider » Add New". Create a new "Custom" slider. Rename it "Testimonial Carousel".
It is much important to follow of the settings to display correctly:

This slide is used to add testimonial logo on the testimonial blocks.

  • General Option: Last Option
  • Skin: Testimonial Carousel
  • Size & Scaling:

Width: 100%;

Height: 60px;

Auto scale slider: uncheck;

Auto height: uncheck;

Slides spacing: 0;

  • Image Options:

Image scale mode: No scaling;

Image align center: check;

Image scale padding: 0;

Lazy-loading: uncheck;

Main image width empty;

Main image height empty;

Thumb image width: empty;

Thumb image height: empty;

  • Bullets: none
  • Nearby slides

Nearby slides: check

Crop slides: check

Center area ratio: 0,15

Center curr slide: check

Breakpont: 1150

BP-center area ratio: 0,6

Navigate by center click: uncheck

Save.

Example Text and Shortcode in Testimonial RoyalSlider
Portfolio Slider

Go to "RoyalSlider » Add New". Create a new "Wordpress Gallery" slider. Rename it "Portfolio Slider".
It is much important to follow of the settings to display correctly:

This slider is used to add custom gallery on the portfolio pages. Follow the instructions for the correct use of RoyalSlider in the posts.

  • General Option: Default
  • Skin: Blog Slider
  • Size & Scaling:

Width: 100%;

Height: 700px;

Auto scale slider: check;

Base width 1172;

Base height 700;

Auto height: uncheck;

Slides spacing: 0;

  • Image Options:

Image scale mode: Fill the area;

Image align center: check;

Image scale padding: 0;

Lazy-loading: uncheck;

Main image width empty;

Main image height empty;

Thumb image width: empty;

Thumb image height: empty;

  • Bullets: None

Save.

Blog Slideshow

Go to "RoyalSlider » Add New". Create a new "Custom" slider. Rename it "Blog Header Slideshow".
It is much important to follow of the settings to display correctly:

This slide is used to add images on the blog slideshow.

  • General Option: Default
  • Skin: Blog Header Slideshow
  • Size & Scaling:

Width: 100%;

Height: empty;

Auto scale slider: check;

Base width: 2560;

Base height: 730;

Auto height: uncheck;

Slides spacing: 0;

  • Image Options:

Image scale mode: Fill the area;

Image align center: check;

Image scale padding: 0;

Lazy-loading: uncheck;

Main image width 2560;

Main image height 1450;

Thumb image width: empty;

Thumb image height: empty;

  • Bullets: None
  • Arrows: check
  • Auto hide arrows: check
  • Remove on touch devices: check

Save.

Example Widget

Creation of the Articles of the Blog

In Agenzy, the blog is the "Blog" page. Agenzy has seven types of posts format: Standard, Audio, Image, Video, Gallery, Link and Quote. Each on with its own style and feature.

The articles will be written, by the editor of Wordpress, using the section: "Articles » Add New". You can insert a thumbnail image, a summary, the various categories, clients, skills and hashtags.
Summary is used for shortcode as video and gallery.

Recommended Rules for a good construction of an Article

For the best visualization of the posts with an particular format, you will need to follow some simple.

Gallery Post

The Shortcode of the Gallery will be on the first line (add royalslider="2" to enable the skin, where "2" equals the ID of your slider blog), just below will go the text without the need for special formattings.

Post Quote

The text will be inserted between the <blockquote> Your Content </blockquote> tags. The first line is the quote, the second line is the author. Open the tag and write the quote. New line, write the author and close the tag.

Creation of Portfolio Posts

Agenzy has two many different styles to the display of the Single Page of the Portfolio. Selectable from the "Bio Panel" (The customization Panel).

The articles will be written by the editor of Wordpress from the section: "Portfolio » Add New". You can insert a thumbnail image, a summary, the various categories, clients, skills and tags.

Recommended Rules for a good construction of an Portfolio Post

For the best visualization of the posts with an particular format, you will need to follow some simple steps.

Portfolio Post

Just below will go the text without the need for special formattings.

(Optional) add the Shortcode to view the section where to write the name of the client and the various skills.

Shortcodes

Agenzy currently supports two types of shortcode: customizable buttons and the "client & skills" area of the single page of the portfolio.

[details title='Text' mydetails='Text: <a href="http://biobutterfly.com">Text</a>, <a href="http://biobutterfly.com">Text</a> ']

[clients myclients='Text' url='http://biobutterfly.com']

Buttons

The buttons can be inserted in the text editor when creating the article with the following syntax: [ color button name="Text" url="Link" ]

Are currently ten available colors: White, Red, Black, Grey, Blue, Yellow, Violet, Azure, Turquoise, Green and Orange.

Syntax of Buttons
[white-button name="My Project" url="http://biobutterfly.com"]
[red-button name="My Project" url="http://biobutterfly.com"]
[black-button name="My Project" url="http://biobutterfly.com"]
[grey-button name="My Project" url="http://biobutterfly.com"]
[blue-button name="My Project" url="http://biobutterfly.com"]
[yellow-button name="My Project" url="http://biobutterfly.com"]
[violet-button name="My Project" url="http://biobutterfly.com"]
[azure-button name="My Project" url="http://biobutterfly.com"]
[turquoise-button name="My Project" url="http://biobutterfly.com"]
[green-button name="My Project" url="http://biobutterfly.com"]
[orange-button name="My Project" url="http://biobutterfly.com"]
[appstore-button name="" url="http://biobutterfly.com"]
[playstore-button name="" url="http://biobutterfly.com"]

Team Section

Insert your staff member in this section

Optionally, you can enter the social networks of each member using the custom fields with the following syntax name: Team Social "company name" - value "company name". Example: name: Team Social Dribbble value: dribbble

Social network available

  • facebook
  • twitter
  • twitter
  • linkedin
  • instagram
  • google plus
  • vimeo
  • behance
  • pinterest
  • flickr
  • tumblr
  • youtube
  • rss

Services Section

Insert your service in this section

Place the icons of their achievements, for version 1, using custom fields with the following syntax Name: Logo Service Box V1 - Value: link image

Place the hover icons their achievements, for version 1, using custom fields with the following syntax Name: Logo Service Box V1 Hover - Value: link image

Place the icons of their achievements, for version 2, using custom fields with the following syntax Name: Logo Service Box - Value: link image

Achievement Section

Insert your achievement in this section

Insert the value of their achievements using the custom fields with the following syntax Name: Achievement Numbers - Value: number achievement

Place the icons of their achievements using the custom fields with the following syntax Name: Logo Achievement Box - Value: link image

Styles & Color Schemes

The style of Agenzy is highly customizable through its Control Panel. Header, Footer, Selection and much more thanks to the Custom CSS.

Selection

With Agenzy theme, you can also choose the color with which the visitor will highlight, by putting the mouse over it, the text on your site.

Go to "BioLab Customize Theme » Styling". Through the Panel you can put any color.

Custom CSS

In this area you can change the colors and style of the other sections of Agenzy.

Go to "BioLab Customize Theme » Styling" and add your favorite CSS.

Font Style

Agenzy supports many Google Fonts, you can choose your favorite through this area.

Go to "BioLab Customize Theme » Styling" and choose your favorite font.

WPML Compatibility

Here is what you need to know on turning Agenzy multilingual with WPML.

First, you need to to purchase a recent version of WPML, including the String Translation and Translation Management modules.


Setup

Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management), and then other WPML plugins that may depend on them.

Set up WPML from WPML » Languages. See WPML Getting Started Guide for complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector.


Translating Pages, Posts and other post types

To translate a page you need to go to Wp admin - Pages and in the list you will see columns for each active language, with a pencil icon (for "edit translation") or a "+" icon (for "add translation") next to each page. Go ahead and edit or add the translated page for "Home Default".


Translating custom post types and taxonomies

Agenzy comes with extra custom post types such as portfolios and testimonials, and custom taxonomies. In order to get a similar interface for translation/duplication as for posts and pages, you need to go to WPML » Translation Management, and select the tab "Multilingual Content Setup".


Translating Menus and Language Switcher in Header

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance » Menus you can see your existing menus and add menu translations and synchronize menus across translations.


Translating theme texts and other strings in your site

To translate strings you need to follow the procedure for Theme and Plugin Localization. Go to WPML » Theme and Plugin Localization, and click on "Scan the theme for strings" and you will see theme strings and which ones are translated or not.


Useful links

How to set and translate main features of the theme/plugin.

Using translation management http://wpml.org/documentation/translating-your-contents/using-the-translation-editor

Translation Management & Features http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features

Translating URL slugs http://wpml.org/documentation/getting-started-guide/translating-page-slugs

An example of how the client can translate strings coming from the theme/plugin

How to scan strings coming from the theme/plugin http://wpml.org/documentation/getting-started-guide/theme-localization

How to translate strings using String Translation http://wpml.org/documentation/getting-started-guide/string-translation

If adjustment is needed for WPML language switcher please also add this http://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher

How to Update Agenzy

For update Agenzy unzip the download file, and inside, you’ll find a "agenzy.zip".

Unzip "agenzy.zip". Open your favourite FTP program and navigate to the following directory: "/wp-content/themes/agenzy" delete all of the files and folders in this directory, and replace them with all the files and folders from the "agenzy.zip".

*IMPORTANT* All of your content and settings are stored in the WordPress database, so updating manually this way will not delete any of your previous works.