TheFutur

Creative Portfolio & Agency Theme

This document covers the installation, set up, and use of this theme, and provides answers and solutions to common problems. We encourage you to first read this document thoroughly if you are experiencing any difficulties before contacting our support team.

2. Getting Started

Welcome to TheFutur documentation, this document covers the installation, set up, and use of this theme, and provides answers and solutions to common problems. We encourage you to first read this document thoroughly if you are experiencing any difficulties before contacting our support team. Set-up & general guide to help you get the most out of your new Gutenberg WordPress theme. If you are still having trouble after reading this guide, contact our team.

You can navigate through different sections of the Theme Documentation by clicking on the links in the menu to the left of your screen.

About Theme

TheFutur is contemporary and multi-concept Portfolio WordPress Gutenberg theme, it is a perfect choice for your modern portfolio or agency. TheFutur is a high balanced interactive theme with tons of options and functionalities. Easy customizable, clean and clear. Multiple selection of templates for portfolio, blog. Minimalistic and unique design will bring for your users sense of idealism and creativity.

Requirements

Installing TheFutur

After downloading the TheFutur installation file from ThemeForest, extract it and in the extracted folder locate the thefutur.zip file. You will need this file for a further installation.

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions here: https://wordpress.org/support/article/how-to-install-wordpress/

You can then install the TheFutur theme using one of the two following installation methods:

  1. WordPress upload - For most users, this is probably the simplest installation method. To install the TheFutur theme using this method, please follow these steps:
    1. Login to your WordPress admin panel
    2. Navigate to Appearance > Themes > Add New > Upload Theme
    3. Click on Choose File and select thefutur.zip
    4. Click on Install Now
    5. Then you can click on Activate button and activate the theme

  2. FTP upload - If you would like to install the TheFutur theme via FTP, please follow these steps:
    1. Extract the thefutur.zip  file you previously located. You should now see a folder named thefutur
    2. Using an FTP client, login to the server where your WordPress website is hosted
    3. Using an FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    4. Using an FTP client, upload the previously extracted thefutur folder to the themes directory on your remote server
    5. To activate theme all you need to do is navigate to Appearance > Themes and activate the TheFutur theme

Once the installation is complete and you activated the theme, you should see a notification at the top of the screen that required plugins need to be installed. Please install and activate all of the required plugins, since they are necessary for the theme to function properly. All our custom plugins are included in TheFutur, you don’t need to purchase them extra!

If you are still having trouble with installation, contact our team, we will be very happy to help you.

3. Demo Import

You have two options, start creating your site from scratch or using our demo with all pages as a starting point and theme modifying it to suit your needs. If you choose second option don't skip this section.

Recommended PHP Settings

One Click Demo Import

Our users can quickly and easily import our demo content with only one click button, follow these steps to import everything properly:

To import demo content of TheFutur demo website, One Click Demo Import plugin must be installed and activated.
To import TheFutur WooCoommerce Demo content, firstly you need to install WooCommerce and TheFutur WooCommerce Single Product Meta plugins and activate them.
  1. Go to Appearance > Import Demo Data menu in your Wordpress Dashboard

  2. When Import Demo Data will be open you will see two demo available:

    Hover the TheFutur Main Demo or TheFutur WooCommerce Demo and click Import Demo button
  3. After it wait for the import process to finish. Please be patient, it may take 5 to 10 minutes depends on your server speed.

Once the demo website is imported, all demo menus is imported automatically as well so you do not need to undertake any further steps here.

You can deactive one click demo import plugin after import demo data.

4. Global Theme Options

Once you've installed and activated TheFutur, you can start explore our theme options to build your site. TheFutur has global theme options and individual post options, the global are located in WP Customizer.

TheFutur has live preview global options using WP Customizer. To see all options go to your WP Admin area Appearance > Customize, when WP Customizer will be opened you can:

Site Identity

Here you can change logo, logo's size, add site information and change site icon.

Theme Options

We tried to create simple and user-friendly options, here you can change a lot of things:

6. Widgets

In this section of the Theme Documentation we will discuss the available widgets and widget areas in the theme.

TheFutur has Footer Widget areas, Primary Sidebar area and if you use WooCommerce Woo Sidebar area. To check it go to your WP Admin area Appearance > Widgets:

You can use Manage with Live Preview and see any changes instantly.

TheFutur has own custom widgets that you can use:

Beginning from WordPress 5.8 version the Widgets interface was changed to a new Gutenberg interface, but it has too many bugs, that's why we recommend to use Classic Widgets plugin to be activated. Don't worry you will enjoy new interface in the next updates.

7. TheFutur Meta

In this section of the Theme Documentation we will discuss the individual settings for pages and posts.

Before we start if you are not familiar with WordPress Gutenberg Editor we strongly recommend to watch some tutorials.

If you are familiar with Gutenberg Editor and use it before, you possibly saw such options inside editor. We introduce our TheFutur Gutenberg Meta plugin which creates new level options for posts, pages and portfolio items.

Mostly all options are similar for posts, pages and portfolio items, but some of them have additional options. Here you can change header settings, add sticky header and change its settings individually. Hide or show footer areas, add some padding up and bottom, display some additional meta for single posts, change background, colors.

Try to open every settings and check options, it will help you to understand what every option does. For example, to change background color of page just use Color Settings:

8. TheFutur Blocks

In this section of the Theme Documentation we will discuss TheFutur custom Gutenberg blocks.

The theme includes TheFutur Gutenberg Blocks plugin, which is a building content plugin for the WordPress Gutenberg Block Editor. All blocks are created specially for TheFutur Theme while maintaining a beautiful design and minimalist style. It includes two types of blocks - TheFutur Dynamic and TheFutur Elements.

The difference between two types is in loaded content. Dynamic blocks automatically loads content from posts and portfolio items.

You can create a test page and check every block that we have to understand how they work. For example, let's check Futur Portfolio block which has columned portfolio items and on hover it has sliding animation:

As you can see it has some settings with different options:

And let's check our Team Members block:

So every block (45 exclusive blocks) has own optionы which are easily customizable, most important fast and with live preview.

9. Blog

In this section of the Theme Documentation we will discuss the creation of blog posts and its formats.

TheFutur has the different post formats built into the theme and can be applied by creating and saving a post in WordPress. To create new blog post, go to Posts > Add New. Then you can choose your post format in the right sidebar:

Blog post formats TheFutur styled:

For the single posts we have special settings in our TheFutur Meta Options:

You can change what to display what to hide and change Sidebar position or remove it.

10. Portfolio

In this section of the Theme Documentation we will discuss the creation of portfolio items.

TheFutur has custom post type called Portfolio. To create new portfolio item, go to Portfolio > Add New:

Add title and some content, don't forget to add Portfolio Item Image:

Or you can add Portfolio Item Video:

Featured media will appear for Portfolio archive page and for every Portfolio dynamic blocks.

For the single portfolio we have special settings in our TheFutur Meta Options:

You can change what to display what to hide and change Sidebar position or remove it.

11. Static Blocks

In this section of the Theme Documentation we will discuss TheFutur Static Blocks.

TheFutur Static Blocks are an option to add additional content to your post or page or for any archive page to the top. It is very helpful when you have Primary Sidebar and you need to occupy its space. For example, we need to add fullscreen image to our blog archive page at the top. To make it create a new Static Blocks item, go to Static Blocks > Add New:

Let's call it Blog Image and add Hero Image block with title:

Then publish it, but here is the question how we can pin it to our blog archive page, very easy. We will use TheFutur Meta Options, so the next steps will be go to Pages > All Pages and find our Posts Page:

Then click edit and open TheFutur Meta, then choose Additional Settings and we can find Choose Static Block Page and choose our Blog Image which we've just created:

Then update the page and let's see how it looks now:

12. WooCommerce

In this section of the Theme Documentation we will discuss WooCommerce plugin.

TheFutur is fully compatiable with WooCommerce integration, which allows you to easily create an online shop. For more information on installing and configuring WooCommerce, please visit this page: https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/.

To start use WooCommerce you need to install the plugin, go to Plugins > Add New:

Type WooCommerce in a search input and then click Install Now:

When it will be done, don't forget to Activate Plugin.

WooCommerce Demo Import

If you plan on importing demo content, you should first set the product image sizes in order to achieve the same look as on our demo sites. Navigate to Appearance > Customize and click on WooCommerce, and then the Product Images. There you will be able to set the main image width and the thumbnail image width. Please note that under the Thumbnail cropping section you should either select Uncropped or Custom aspect ratio. If you choose to crop the images to a Custom aspect ratio, please make sure that the images are set to identical dimensions for both the product list and the product single.

Then you can go to Appearance > Import Demo Data:

Hover TheFutur WooCommerce Demo and click Import.

WooCommerce TheFutur Meta

If you try to edit product item you will see that WooCommerce uses old Classic Editor, not Gutenberg Editor. So that's why there is no TheFutur Meta right sidebar options. For this we created custom post type Single Product Options. All you need is only one item which will answer for all single product items.

Simply put, if I hide header in the TheFutur Meta Options it will be hidden for every single product item.

13. WPML Support

TheFutur is fully compatible with WPML, one of the most popular translation plugins for WordPress. With WPML you can easily translate pages, posts, custom types, taxonomy, menus and even the theme’s texts.

Configuring WPML

Make sure that the WPML Multilingual CMS, WPML String Translation, WPML Translation Management, and WPML Media Translation plugins are activated. And don't forget to check this important article to get started.

We recommend using WPML’s Advanced Translation Editor to translate posts and pages. You can activate the Advanced Translation Editor by navigating to WPML > Settings under the How to translate posts and pages section.

Besides translating your site content yourself, you can also:

Translating TheFutur texts

Here is a small example of how you can translate pages or posts using WPML and TheFutur blocks. We created the page with Featured Boxes and added some content:

To translate this page, follow the steps below:

  1. Go to the page editing screen. In the Gutenberg editor’s sidebar, open the Language section and click the plus icon next to the language you want to translate your page into.

  2. You will be taken to the Advanced Translation Editor page. If you want to initiate machine translation, click the Translate automatically button. Alternatively you can add translations manually in the ATE interface. Review the translation and make sure it is accurate. Once done, click the Complete button to publish the translated page.

This is how the translated page looks in the front-end:

You can follow the exact same steps to translate any other pages and posts. For translating elements that may not appear in the Advanced Translations Edit (i.e. admin texts, widget texts, taglines etc.), please use String Translation.

All your settings that you chose for TheFutur Meta Options will be copied to another language page.

Updating or editing translations

If you edit the contents of a page or post that has already been translated, you will see the spinning arrows which indicates that you need to update the translation. In this example, we added another Featured Box:

To update and confirm the translation, follow the steps below:

  1. Click the spinning arrows icon next to the language you want to update the translation for.

  2. This takes you to the Advanced Translation Editor. As you can see in the screenshot below, the existing translation is preserved. Simply review the new translation of the added text and click the Complete button to update the translation.

In case you need help translating your site built using Gutenberg blocks plugins and WPML, visit WPML’s support forum. Also you can contact our team if you have some issues or need help.

14. Child Theme

If you plan to modify the source code of the main parent theme (php, js, style.css) we strongly recommend to install this child theme and make such modifications inside this child theme in order to avoid any possible problems & issues by installing updates of TheFutur's main parent theme in future. You can find this child theme in folder downloaded folder – please check for thefutur_child.zip.

The installation of the child theme works in the same way as the installation of the main parent theme (see description above).

To learn more, read the this article on the WordPress.

15. Credits

Icons

Free icon packs from Font Awesome and IconMonstr.

Images

Free images from Unsplash and Pexels.

Fonts

Free fonts from GoogleFonts.

License

Please refer to Envato’s license policy for all questions concerning the purchased license: https://themeforest.net/licenses/terms/regular. To keep it short: one regular license allows you to use TheFutur on one localhost, one development and one final production website.

TheFutur theme developed with love by MaitreArt Studio.
Copyright © MaitreArt 2021

16. Change Log

TheFutur version: 1.3.1 – November 10th, 2021
- WP components update for TheFutur Blocks and TheFutur Meta plugins; - Theme JS libraries update; - WooCommerce 5.8 version templates update; - Minor bug fixes; - Additional theme options;
TheFutur version: 1.3.0 – August 27th, 2021
- WPML official compatibility; - Additional theme options; - New hover effect for portfolio items; - Featured preview video for portfolio items; - New Futur Video block; - Gallery lightbox popup; - Small bug fixes; - Minor mobile styling;
TheFutur version: 1.2.7 – July 22nd, 2021
- WordPress 5.8 version compatibility; - Gutenberg 10.9 version compatibility; - TheFutur Blocks speed boost; - WebGL slider's options upgrade;
TheFutur version: 1.2.6 – July 10th, 2021
- Footer widget area display function bug fixed;
TheFutur version: 1.2.5 – June 26th, 2021
- WooCommerce 5.2.0 support has been added; - Additional secondary navigation animation has been added;
TheFutur version: 1.2.4 – June 11th, 2021
- New Simple Slider block was added; - Global header colors theme options was added;
TheFutur version: 1.2.3 – May 17th, 2021
- New Responsive Heading block was added; - Spacing options for Inner Block were added; - Minor mobile styling was added;
TheFutur version: 1.2.2 – May 14th, 2021
- Extra theme options for button and logo were added; - Mobile controller for Interactive links block; - Font sizes for desktop, tablet, mobile breakpoints were added;
TheFutur version: 1.2.1 – April 23rd, 2021
- TheFutur Gutenberg Meta plugin updated to 1.2.1; - Background color and title color bug fixed;
TheFutur version: 1.2.0 – April 22nd, 2021
- Updated Core Plugins to 1.2.0 versions; - PHP & JS code optimization improvements; - Speed optimization improvements; - More availability for Child theme were added; - Additional theme options for main navigation; - Gutenberg Blocks additional options were added; - Gutenberg Sidebar Meta plugin was improved;
TheFutur version: 1.1.1 – April 5th, 2021
- Updated TheFutur Core plugin to 1.1.1; - Additional options for Interactive Images Block has been added; - Permission upgraded for sliders;
TheFutur version: 1.1.0 – March 31st, 2021
- Updated TheFutur Core to 1.1.0; - Updated TheFutur Core plugins to 1.1.0; - Added WooCommerce compatibility; - Added WooCommerce demo content; - New additional theme options were added; - Improved One Click Demo Import; - New TheFutur Core plugin was added for WooCommerce; - New WooCommerce Gutenberg Block was added;
TheFutur version: 1.0.4 – March 26th, 2021
- Google fonts bug with heading was fixed;
TheFutur version: 1.0.3 – March 24th, 2021
- Portfolio category colors options small adjustments; - Additional WP Customizer color options were added;
TheFutur version: 1.0.2 – March 21st, 2021
- One click demo import menu bug fixed;
TheFutur version: 1.0.1 – March 18th, 2021
- Additional theme options was added; - Minor mobile styling adjustments;