Fotofly - Photography WordPress Theme

• Created date of Documentation: Jan - 01, 2018
• Latest update of Documentation: February - 12, 2023
• By: Frenify

First of all, Thank you so much for purchasing this template and for being our loyal customer. You are awesome!

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.

A working version of WordPress.org must be installed before you can install the Fotofly. If you need help installing WordPress, follow the WordPress Codex

Before using any theme, it is important to understand how native WordPress functions work, and how to establish ownership of your new site.

WordPress links you will find useful:

• WordPress Codex: General information about WordPress and how to install it on your server.
• First Steps With WordPress: General information about WordPress.
• FAQ New To WordPress: The most popular WordPress FAQ’s

To use Fotofly WordPress Theme, you must be running WordPress 4.9.1 or higher, PHP 5.6 or higher and mysql 5 or higher version. Below is a checklist of items your host needs to comply with to ensure proper Fotofly operation:

• Ensure your web host has the minimum requirements to run WordPress.
• Make sure the latest version of WordPress is up and running.
• If necessary, you can download the latest release of WordPress from the official WordPress website.

There are two methods to install the theme. If the normal installation method (a) is not supported by your web host, you will have to use the alternate option (b).

a) Normal Installation

1. Login to WordPress Admin and browse to Appearance > Themes.
2. Click on the Add New Theme (or "Install Themes" tab for older versions) and click Upload.
3. Browse your computer to select "fotofly.zip" (it's in the zip file you downloaded from ThemeForest). Click "Install Now" button.
4. Once it's uploaded, click the Activate link.

b) FTP Installation (alternate method)

1. Use your FTP software to browse to wp-content/themes folder.
2. Upload the fotofly folder.
3. Once it's uploaded, go to your WordPress Admin, browse to Appearance > Themes.
4. Click the Activate link.

PHP Configuration limits

Issues you may encounter, such as demo content fails when importing and similar issues, are generally related to excessively low PHP configuration limit settings. You can either increase these limits on your own, or contact your web host and ask to have the limits increased to the following minimums:

• memory_limit - 96M
• max_input_vars - 3000
• max_execution_time - 120
• post_max_size - 32M
• upload_max_filesize - 32M
• allow_url_fopen - ON

Verify your PHP limits

You can check them by installing the WordPress phpinfo() plugin and checking Settings. The first column refers to your installation value, and the second column refers to the limits of your host. The latter values are often lower if you have selected a cheaper hosting package.

You can always contact your host to ask what the current settings are, and have them adjusted if necessary. Some hosts will try to keep PHP limits low to conserve resources. Since are paying for those resources, you should rightfully expect to be getting your money’s worth.

Demo Content Import (optional)

We highly recommend against using this method in production. Please only use on an extra copy for testing or experimenting. This method most likely will fail on shared web hosts. Uncheck "import attachments" option if it fails and try again.

1. Log into Admin and go to Tools > Import > WordPress.
2. Install the WordPress importer.
3. (optional) If you want to use "Woocommerce" and "Contact Form 7" plugins, just install plugins before upload xml file.
4. Select the fotofly.wordpress.xml (located in the main zip file in "xml" folder) and upload it.
5. On the next screen, under Assign Authors, select or enter a new username for each author.
6. (optional) check or don't : "Download and import file attachments". It will just download placeholder images that you have to change anyways.
7. Please be patience as it will take quite some time. Do not interrupt it.
8. (optional) Once it's done, go to Appearance > Menus > Manage Locations. Select "Main Menu" next to "Main Navigation".
9. (optional) Go to Edit Menus on the same page, select "Main Menu (Main Navigation)" from menus to edit and click Select. Click to expand Features and select Mega Menu for Links under Mega Menu.
10. (optional) Setup your homepage to "Main Homepage" by following the Homepage Setup section.
11. All Done.

In some cases you would like to remove demo content. You can remove all posts, pages, etc using WordPress Reset plugin. Be aware that this plugin resets the WordPress database back to it's defaults. Deletes all customizations and content. It does not modify files only resets the database.

1. Portfolio Posts -> Add New
2. Insert Title
3. Insert Some Description (optional)
4. Post Options:
   
   • Featured Post - Check this option if you want to add post in featured list
   • Editor's Pick - Check this option if you want to add post in editor's pick list
   • Post Layout - Choose your favorite option for pst layout
   • Post Images - Upload some images. (Suggested Minimal Image Size: 2000x2000)
5. Page Options:
   
   • Page Navigation Color - You could choose any navigation skin for a single post page.
   • Footer Options - You could enable/disable fotter for a single post page.
   • Page Spacing - Set top and bottom space options.
6. Client Options - You could attach this single post to any of your client. (You must add a client first)
7. Set Featured Image (Required) - This is used as Coverage of Post everywhere in the theme. (Suggested Minimal Image Size: 2000x2000)
8. Attach your post to any category (Add some categories first, if you don't have any)
9. Publish :
   • Visibility (optional) - Change that option to Password protected if you want to hide your post from public
   • Click the "Publish" button

Before setup portfolio page, we suggest you to add some portfolio posts.

First Step - See Below Image

1. Pages > Add New
2. Insert Title
3. (Required) Choose "Portfolio Page" from Template, inside "Page Attributes" box.
4. Filter Options:
   • Category - You could set your portfolio page based on some categories or leave it blank for all categories
   • Exclude Categories - Exclude unnecessary categories from portfolio page.
   • Password Protected Posts - You can add/remove protected posts to/from the page or add only protected portfolio posts to the page
   • Featured Posts - Choose one of the options.
   • Editor's Picks - Choose one of the options.
5. Page Options - Change these options as you wish
6. Advanced Options - Change these options as you wish
7. Add Featured Image (optional)
8. Click the "Publish" button

Second Step - See Below Image

1. Go to Theme Options
2. Portfolio Page
3. Make changes as you wish

It is possible to attach an external video ( gil.e. YouTube, Vimeo ) to a photo so that when you click on that photo at the gallery to see the enlarge photo at the lightbox gallery viewer, it will load the video instead.

You just simply need to add the URL of YouTube/Vimeo video to that image in the media library.

Just visit portfolio/gallery post page that uses that photo, you will see a play icon is added to that thumbnail. If you click on that photo, it will load the video.

Popup Video :

1. Gallery Posts -> Add New
2. Insert Title
3. Post Options:
   
   • Featured Post - Check this option if you want to add post in featured list
   • Editor's Pick - Check this option if you want to add post in editor's pick list
   • Post Layout - Choose your favorite option for pst layout
   • Post Images - Upload some images. (Suggested Minimal Image Size: 2000x2000)
4. Page Options:
   
   • Page Navigation Color - You could choose any navigation skin for a single post page.
   • Footer Options - You could enable/disable fotter for a single post page.
   • Page Spacing - Set top and bottom space options.
5. Set Featured Image (Required) - This is used as Coverage of Post everywhere in the theme. (Suggested Minimal Image Size: 2000x2000)
6. Attach your post to any category (Add some categories first, if you don't have any)
7. Publish :
   • Visibility (optional) - Change that option to Password protected if you want to hide your post from public
   • Click the "Publish" button

Before setup gallery page, we suggest you to add some gallery posts.

First Step - See Below Image

1. Pages > Add New
2. Insert Title
3. (Required) Choose "Gallery Page" from Template, inside "Page Attributes" box.
4. Filter Options:
   • Category - You could set your gallery page based on some categories or leave it blank for all categories
   • Exclude Categories - Exclude unnecessary categories from gallery page.
   • Password Protected Posts - You can add/remove protected posts to/from the page or add only protected gallery posts to the page
   • Featured Posts - Choose one of the options.
   • Editor's Picks - Choose one of the options.
5. Page Options - Change these options as you wish
6. Advanced Options - Change these options as you wish
7. Add Featured Image (optional)
8. Click the "Publish" button

Second Step - See Below Image

1. Go to Theme Options
2. Gallery Page
3. Make changes as you wish

Creating home page is a simple process. Homepage is made with the help of "Page Builder" elements. Add any element to the page as you wish.

1. Pages -> Add New
2. Insert Title
3. Switch to Page Builder, click "Frenify Page builder"
4. Click "Elements" Tab and add "Flexslider Slider".
5. After you add any shortcode you can change its options by pressing on its "edit" button. Add some images to this shortcode and click save button.
6. Page Options - make changes as you wish
7. Click the "Publish" button

After you create homepage, go to "Settings -> Reading -> Front page displays" and choose a "Static Page" and set newly created "Home" page. Click "Save Changes" button

Settings

Go to "Settings > Profing Settings" and make changes as you wish.

Add Proofing Gallery

1. Proof Gallery > Add New
2. Insert Title
3. Add Some Text Content
4. Proofing Gallery Options:
   • Add images to gallery - (Suggested Minimal Size: 1000x1000)
   • Insert Client Name
   • Set Date
   • Set Photos Display Name - to identify each photo
   • You can disable download for this gallery
5. Allow comments if you wish
6. Client Options - You could attach this single post to any of your client. (You must add a client first)
7. Click the "Publish" button

Add Client

1. Clients > Add New
2. Insert Title
3. Add Some Text Content
4. Page Options - Change as you wish
5. Add Client and Cover Photo
6. Click the "Publish" button

Add Client Page

1. Pages > Add New
2. Insert Title
3. (Required) Choose "Client Page" from Template inside "Page Attributes" box.
4. Page Options - Change these options as you wish
5. Advanced Options - Change these options as you wish
6. Add Featured Image (optional)
7. Click the "Publish" button

Set Blog Page

1. Pages > Add New
2. Insert Title
3. (Required) Choose "Blog Page" from Template inside "Page Attributes" box.
4. Page Options - Change these options as you wish
5. Advanced Options - Change these options as you wish
6. Add Featured Image (optional)
7. Click the "Publish" button

Adding Posts

Adding a new post is the same way as default WordPress installations, however, there are extra options that might need explaining.

Featured Image

While the theme can function without featured images, it's highly recommended that you add a featured image to each post. This not only makes your site/blog more lively but also improves user experience.

To set the featured image, use the WordPress normal method.

Recommended Image Size (for Blog Posts)

Image size (dimensions) will depend on what type of layout you're using throughout your WordPress installation or per individual post basis. This image will not only be used on the post, but also on the category listing pages.

• Compatible with all layouts and default slider: 2000x2000 (width x height)

Supported Post Formats

Video Format

Setup your post normally and set a featured image. Copy the embed code of the video from YouTube, Vimeo or any other site that gives you video embed codes. Paste the code in the "Add Video" box.

Note:  Videos will be resized to fit the container so you can choose a larger embed format if the video site allows you to specify size/dimensions.

Gallery Format

1. Click "Add Image" button
2. Choose Images
3. Click "Select" button

Audio Format

Audio post format supports only soundcloud audio. Insert audio url to input.

Image Format

Image format works very similar to a standard post. Just set a featured image and you're done.

If you want to use builder elements, do not forget to install "Frenify Core" plugin. After you activate the plugin, you will be presented with "Page Builder". It is an easy to use "Page Builder" since it is drag and drop builder.

Add Background Video

The theme uses Gravatar to display users avatars . to craete or change your Gravatar :

If you have never setup a Gravatar account:

1. Register / login to Gravatar. Upon registering, use the same email address that is associated with your WordPress User Profile.
2. Upload your photo and associate it with that specific email address.

If you already registered at gravatar.com, follow these steps:

1. Click on "My Gravatars" .
2. click on "Add a New Email" .
3. Then, you'll need to click on "Add a New Image" .
4. Upload an image .
5. Then select the email address, and then select your image from bottom. Now it's associated with that email address. Click Save .
6. It will take about 5-10 minutes to propagate on the internet, and then will appear on site.

If you have imported demo content follow (a). Otherwise, follow (b) to create a new menu.

(a) Existing Menu

1. Go to to Appearance > Menus.
2. In the "Manage Locations" area, under Main Navigation, select Main Menu. Click Save.

(b) Creating a New Menu

1. Go to to Appearance > Menus.
2. Click on the + button or the create a new menu link. Enter a menu name and click Create Menu.
3. Using the Custom Links and Pages boxes at the left, add items to the menu and drag/drop to arrange them.
4. (optional) If you would like to use this menu in navigation, in the "Manage Locations" area, under Main Navigation, select your newly created menu. Click Save.
5. Click Save Menu and that is all.

Mobile Menu either setup in above way. You just need to choose proper location.  There are two locations "Main Menu" and "Mobile Menu". That's it.

Mega Menu

Mega Menu supports four columns of menu list. See below image to setup megamenu

1. Change Menu Type to "Megamenu List"
2. Drag and Drop other menu item under the current menu item. (like: Arrow A). This means start of first column.
3. Drag and Drop other menu items under dragged menu item. (like: Arrow B). Those menu items appear under the first columns in Navigation
4. Arrow C - start of second column
5. Arrow D - start of third column
6. .........
7. Click Save Menu Button.

Sticky Navigation

Theme has an option that can make your navigation menu stick to top of the browser when your users scroll. This ensures that your navigation menu is always accessible to the user, no matter how scrolled into the page.

To enable/disable sticky navigation:

1. Go to wp-admin > Theme Options.
2. Under Navigation, enable/disable button for Sticky Navigation. Change it.
3. Save Settings.

Sidebars can be left or right side of the page. You can choose its location while creatin

Create New Sidebar:

1. Go to Appearance > Sidebars.
2. Click on "+Add Sidebar" link
3. Type name of new sidebar.
4. Click "ok"
5. Your new sidebar appears "Appearance > Widgets" section. You can choose this sidebar while creating post or page.

Widgets

You can use any shortcodes in widgets. Just use text widget and put shortcode into it. Besides theme custom widget which may helpful for you. Listed below:

1. About widget

Setup Footer

You can add footer social icons through wp-admin -> Theme Option -> Footer

Hide or Change Footer for a PAGE

While you are creating page, there appear footer options for the page under Page Options panel. You cound make changes there.

Copyright Section

This section can be change through wp-admin -> Theme Option -> Footer -> Copyright Text"

Widget Areas

This section can be change through wp-admin -> Theme Option -> Footer -> Enable/Disable Widget". You could set columns number too. Then go to "Appearance - Widgets" and add some widgets to footer widget areas.

To have a contact page like the one seen on the theme demo:

1. Go to Plugins -> Add New
2. Search for "Contact Form 7" and install it
3. After activating the plugin, there will be a new option in your WordPress bankend. Go to Contact
4. There will be a default contact form created, simply copy the code of it under "Shortcode" (should be similar to: [contact-form-7 id="2841" title="Contact form 1"])
5. Add/Edit a page with a suitable name
6. Create New Page
7. Paste the shortcode code of the contact form into content
8. Publish/Update the page

Theme comes with .po file included under the languages folder. To translate:

1. Download and install Poedit.
2. Open fotofly.po file located here \wp-content\themes\fotofly\languages\ using poedit tool and translate the existing text to your own
3. Save the file with the locale (for example: ru_RU.po). If you have already setup WordPress in your language, you can get it from your wp-config.php file under, for example: define('WPLANG', 'ru_RU');. In this case, you would save your file as ru_RU.po.
4. Step above should have generated a .po and a .mo file. Copy both these files and put them into the languages folder of the theme.

Your Language & Localization

After translating, you may wish to use the correct locale to translate and localize your WordPress installation completely. Refer to Installing WordPress In Your Language at WordPress Codex to learn how to.

One of great features of Theme is that you can make an online shop with it.

Theme is fully compatible with latest version of Woocommerce Plugin. We added required stylings to fit the design, and all required confiq codes to make it seamless with theme. If you dont need Woocommerce simply dont install it and all the features, codes and anything required for woocommerce will not be loaded and interfered. Vice versa, if you need to set up woocommerce just install woocommerce like you do for other plugins and thats all about it. You dont need to do anything else.

Woocommerce Documentation.

Other changes can be run via "Theme Options". You can ...

• Disable "Right Click"
• Add Logo and change its spaces
• Disable Sticky Menu
• Change Main and Link Colors
• Change Font styles for all Heading
• Enable/Disable Hamburger Menu
• Change Portfolio Settings
• Change Gallery Settings
• Change Shop Settings
• Add Custom CSS codes