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.
To install Naida Theme go to "Appareance - Themes - Add New - Upload Theme", and upload the .ZIP file.
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.
Enable the Theme. Now The theme has been installed! Now you just will need to configure it properly to get everything working.
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:
- 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.
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).
Add to menu your favorite pages: Home, Portfolio, Blog, Contacts, About… Now select "Top Primary Menu" and save.
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.
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).
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).
Naida requires the installation of three plugins to working and two recommended plugin. To do that you have to go in "Appareance - Install Plugins".
- Contact Form 7
- ACF - Advanced Custom Field
- ACF - RGBA Color Picker (recommended)
- Elementor (recommended)
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.
Enter the following codes in the right sections:
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.
ACF - Advanced Custom Field
This plugin manages the options dedicated to the pages.
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:
(General) Check Style:
- Default Generic Fonts: Sans-serif;
- Content Width: 1300px
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.
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.
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.
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
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
- Magic Background – Page
- Magic Background – Single Page
- Page Custom Title
- Page Description
- Page Style
- Set Up the Logo
- Single Portfolio – Footer Custom Text
- Social Icons
- Swiper Overlay
- Wave Background
Activating it, you access the overlay view of the About or Contact page.
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.
It allows you to choose whether to display the page created in a dark or white version.
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.
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.
Active the swiper carousel in overlay after click images in pages.
Active and customize Wave Background in pages.
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.
Naida supports many Google Fonts, you can choose your favorite through this area.
Go to "BioLab Customize Theme - Styling" and choose your favorite font.
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.