Naida – WordPress Theme

Welcome to Naida Photography WordPress Theme Documentation,
This is a detailed guide step-by-step to help you in a easy installation,
you can find all needed information to install, configure and cutomize the your new theme.
Expand a tab to see the instructions.

Naida Installation

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

WordPress Documentation Theme zip Location

You can find the .ZIP File that contains all needed files to Installation of the Theme in the folder that you have downloaded from ThemeForest.

WordPress Documentation Add New Theme

Enable the Theme. Now The theme has been installed! Now you just will need to configure it properly to get everything working.


Pages Creation

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

In Naida there are many models to easily create portfolio pages, standard pages and blogs that can be further customized with numerous dedicated options.

Among the various options available you can select the logo, the base color of the page and exclude one or more categories of articles to create pages dedicated to a single selection of jobs.

In addition to the classic standard pages that WordPress offers, in Naida, you can create additional portfolio pages starting from pre-defined templates with unique and different styles:

  • About
  • Contacts
  • Blog
  • Elementor Templates
  • Two Column
  • Two Column - Vertical Menu
  • Two Column - Overlay Menu
  • Three Column
  • Three Column - Vertical Menu
  • Three Column - Overlay Menu

To create one of these pages you will have to choose (in the page editor) from the menu on the right the model to be used through the item "Page attributes - Model".

When the model has been chosen, all the options dedicated to that type of page will appear on the screen. From those options you can customize various aspects of the page and the query of the posts, possibly excluding those not related to the type of page chosen.


Menu Settings


Naida has three types of menus: Top Primary Menu, Top Primary Menu - Vertical and Menù right/left with Centered Logo.

Now we are ready to build the Top Primary Menu. From the main WordPress Panel go to "Appearance - Menus". Create a new Menu and rename it: "Top Primary Menu" (without quote marks).

Documentation WordPress Seleziona e Salva il Menu

Add to menu your favorite pages: Home, Portfolio, Blog, Contacts, About… Now select "Top Primary Menu" and save.

WordPress Documentation Primary Menu

Do the same for the other types of menus.

When all menus they has been created they will appear in the dedicated model or will you can select them manually when compatible.


Activation Contacts and About in Overlay

The custom pages "Contacts" and "About" can be activated in "overlay" mode and displayed without the need to refresh the page.

To activate this special pages, in "Appearance - Menus" click on "Screen Options" in the upper right and select "CSS Classes" option.

Documentation WordPress Menu Impostazioni Schermata

Then, always in "Appearance - Menus" in the "Menu Structure" tab, get an About Page, in the "CSS Classes (optional)" field write this:
"about-overlay" (without the quote marks).

Documentation WordPress Menu CSS Classi

Then, always in "Appearance - Menus" in the "Menu Structure" tab, get a Contact Page, in the "CSS Classes (optional)" field write this:
"contact-overlay" (without the quote marks).

Documentation WordPress Menu CSS Classi


Plugin Installation

Naida requires the installation of three plugins to working and two recommended plugin. To do that you have to go in "Appareance - Install Plugins".

  • BioTools
  • Contact Form 7
  • ACF - Advanced Custom Field
  • ACF - RGBA Color Picker (recommended)
  • Elementor (recommended)

Documentation WordPress Install Plugin

BioTools

This plugin active the Portfolio and other options.

Contact Form 7

To create your Contact Form go to "Contact - Add New" from the Main WordPress Menu and follow this instructions:
Enter a title for you new Contact Form and then put the following code in your contact form field, like the screen below.

WordPress Documentation Contacts Form

Enter the following codes in the right sections:

Documentation WordPress Crea Nuovo Form

Save and copy the your Contact Form 7 ID (highlighted in red upward in the previous screen)
Now go to "Appearance - Widgets" and enable "Contacts Area" widget, this widget is your Contact Form. Use the Text Widget to add the this code:

contact-form-7 id="Your ID" title="Contacts Area"

In "Your ID" paste the ID previously generated.

Documentation WordPress Form di Contatto

ACF - Advanced Custom Field

This plugin manages the options dedicated to the pages.

Elementor

With Elementor you can quickly build your customized pages or import the templates we’ve created for blog articles, pages, single pages and portfolio pages.

Elementor default settings:

(General) Check Post Types:

  • Posts
  • Pages
  • Portfolio

(General) Check Style:

  • Default Generic Fonts: Sans-serif;
  • Content Width: 1300px

Elementor Page Builder Official Documentation

Pages Creation with Elementor Template

After installing and enabled "Elementor Plugin" you have to create the pages that you need. Go to "Templates - Saved Templates - Import Templates" and import all Elementor JSON files.

Now Go to "Pages - Add New". Choose page template in Page Attributes (ex. About).

Now click on "Edit with Elementor".

For insert a Elementor Template click on "Add Template" - My Templates - Insert.

WPML Compatibility

Here is what you need to know on turning Naida 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

Naida 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


Customization

In Naida there are many options divided into tabs that will allow you to insert new graphic details on the pages, colors, select articles, insert detailed information and images to the works to be published.

It will be possible to integrate the structures created with Elementor to further customize the pages.

ACF options pages

  • About Overlay
  • Back To Top
  • Contacts Overlay
  • Copyright
  • Magic Background – Page
  • Magic Background – Single Page
  • Menu
  • Page Custom Title
  • Page Description
  • Page Style
  • Query
  • Set Up the Logo
  • Single Portfolio – Footer Custom Text
  • Social Icons
  • Swiper Overlay
  • Wave Background

About/Contact Overlay

Activating it, you access the overlay view of the About or Contact page.

Magic Background

With the Magic Background option you have the possibility to choose the background color of a thumbnail and in some cases of the entire page following the color style of the image currently active automatically or manually.

Page Style

It allows you to choose whether to display the page created in a dark or white version.

Query

If you need to create more than one portfolio page with different topics, you may want to exclude non-contextual projects. Using the query, you can exclude the categories of unneeded projects and display only those desired in the desired order.

Set Up the Logo

From this section you can set the page logo, you can enter a text or upload an image.

Social Icons

It allows you to activate or deactivate the page display of social network icons. Preferred social networks and the order of icons can be set by the BioLab Panel.

Swiper Overlay

Active the swiper carousel in overlay after click images in pages.

Wave Background

Active and customize Wave Background in pages.

CSS Personalizzato

In this area you can change the colors and style of the other sections of Naida.
Go to "BioLab Customize Theme - Styling" and add your favorite CSS.

Font Style

Naida supports many Google Fonts, you can choose your favorite through this area.
Go to "BioLab Customize Theme - Styling" and choose your favorite font.

Documentation WordPress Google Fonts


BioLab - Customize Theme Backup

thanks to the new "BioLab - Customize Theme" backup system will be able to backup, the import and export of the panel settings.
Go to "BioLab - Customize Theme" - "Backup" click on the button "Open Backup".

This will open a window of the "Customizer" and you can do the export or import of your options with a .dat file.


How to Update Naida

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

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