Valeria - Installation Guide

Valeria is a Fully Responsive Wordpress Theme designed for Professional Photographer and any other creative people with a very Minimal and Clean Design. It's a Powerful Theme with a lot options of customization, also it's really easy to use and not require any coding Skill.

Valeria Installation

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

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

Creating Pages

After installing and enabled "Valeria" 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 Category Menu Menu. Go to "Appareance » Menus". Create new menu and rename "Category Menu".
Add to menu your favourite categories. Now select "Category Menu" and save.

Activation Contacts and About in Overlay

Plugin Installation

Valeria 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
  • Image Zoom (Optional)
  • Visual Composer (Optional)

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:

[text* name class:altTypeName "Name"]
[text* email class:altTypeEmail "E-Mail"]
[textarea message "Your Message..."]
[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

Valeria is compatible with Visual Composer.

With Visual Composer you can create pages from scratch or put your items in your page using the plugin inside the page using the editor.
With the panel we can Choose whether to use the grid portfolio or create your own homepage with Visual Composer.

Multiple Post Thumbnails

This plugin active the multiple post thumbails

Image Zoom

Activate this plugin to add the zoom at the gallery in single portfolio pages

Remember: To create the gallery use the shortcode [gallery] in portfolio editor articile, example: [gallery size="full" ids="287,265,260"] and set the carousel version through BioPanel

Settings RoyalSlider

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

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

Example Widget

Creation of the Articles of the Blog

In Valeria, the blog is the "Blog" page. Valeria 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, skills and hashtags.
Excerpt is used for summary and shortcode as video and gallery. Excerpt appear only in blog page.

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.

Standard Post

In the "editor standard" is inserted all the content for the single page. It's important to write the content after the tag .
In the "excerpt editor" is inserted all the content for the blog page. This text will appear only in blog page. Is a summary.

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

Valeria has three many different styles to the display of the Single Page of the Portfolio. Selectable from the "BioPanel" (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 Single

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

Portfolio Single One Column Version

Insert your favourite images.

Excerpt Editor is used to fill the overlay "Details" page.

Portfolio Single Carousel Version

Use [gallery] shortcode, choose your favourite images. Recommended size="full".

Excerpt Summary is used to fill the overlay "Details" page.

Portfolio Single Two Column Version

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

Excerpt Summary is used to fill the details and short description.

Shortcodes

Valeria currently supports shortcode: customizable buttons, including appstore and playstore buttons.

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"]
Selection

With Valeria 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 Valeria.

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

Font Style

Valeria 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 Valeria

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

Unzip "valeria.zip". Open your favourite FTP program and navigate to the following directory: "/wp-content/themes/valeria" delete all of the files and folders in this directory, and replace them with all the files and folders from the "valeria.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.