Oblo - Theme Documentation

Thank you for purchasing our theme!
This guide provides instructions for installation. It is recommended you read it thoroughly to fully leverage the "Oblo" theme's capabilities. If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com

Installing WordPress

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server. Here is a very detailed guide at Wordpress Codex that will walk you through every step.

Installing Theme

Uploading Through WordPress

To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Add New” button at the top of the page and then select the “Upload Theme” button. Choose Oblo theme "oblo.zip" file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.

When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading "oblo.zip".

FTP Upload

To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped Oblo WordPress Theme folder into the: wp-content/themes folder.
Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard.

Installing Plugins Required

Once you have installed and activated our theme you will be prompted to install required and recommended plugins for all theme features. Just click the link to Begin installing plugins and activate all plugins.

Install Theme & Import DEMO Content

- To import demo content, please follow some steps below:
1. First you need to install the theme.

2. Activate all plugins, next go to Appearance > Import Demo Data and import demo content from the list. (Video installation instructions below).

Elementor Builder

- To enable on your page, please do the following:
1. Go to Dashboard > Pages > Add New (or Edit).
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)" and Save Changes.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Oblo Theme" elements & blocks and fill the fields.

Plugins

Contact Form 7

Contact Form 7 is one of the most popular form builders for wordpress.

For detailed information and support on this plugin, please go to: Contact Form 7

Elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

For detailed information, documentation and support on this plugin, please go to: Elementor

ACF Pro

ACF PRO includes extra fields & features to better develop websites including repeatable blocks, page building layouts, intuitive galleries, custom settings pages and reusable fields!

For detailed information and support on this plugin, please go to: ACF Pro

One Click Demo Import

Import your content, widgets and theme settings with one click.

For detailed information, please go to: One Click Demo Import

Oblo Plugin

This plugin it's designed for Oblo Theme.

ACF Pro: Font Awesome

Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.

Theme Options

All global settings can be found in ​Dashboard > Theme Options​. In addition, you can customize:

Styling

In "Styling" Tab you can edit: Base Background Color, Extra Background Color, Base Text Color, Extra Text Color, Base White Color, Theme Color, Base Font Size, Extra Font Size, Small Font Size, Heading Font Size, Post Heading Font Size, Full Slider Font Size, Half Slider Font Size, Paragraphs Font, Primary Font.

Header

In "Header" Tab you can edit: Header Layout, Logo, Logo Size (Desktop), Logo Size (Mobile), Menu, Menu Button Color, Menu Sticky Color, Menu Items Size, Menu Items Size (mobile), Sub-Menu Items Size, Sub-Menu Items Size (mobile).

In "Footer" Tab you can edit: Footer Layout, Footer Heading, Copyright.

Single (Blog)

In "Single (Blog)" Tab you can edit: Post Content Layout, Post Background Type, Background Image, Background Animation, Title, Description, Button (Label), Button (URL).

Social

In "Social" Tab you can edit: Social Links Type, Social Links.

Blog

In "Blog Title" Tab you can edit: Blog Title, Blog Page, Display categories?, Disable post excerpt?, Social Share.

404

In "404" Tab you can edit: Title, Content.

Preloader

In "Preloader" Tab you can edit: Preloader Hide Logo.


Home Page

- To create Home Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "Home".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Oblo Theme" elements: "About Profile", "About Quote", "Awwards", "Blog (Archive), CF7", "Call to Action", "Experience", "Footer Copyright", "Footer Heading", "Footer Social Links", "Header Menu", "Hero Image 2", "Hero Image", "Hero Slider (Carousel)", "Hero Slider (Fully)", "Hero Slider (Half)", "Hero Slider", "Large Image", "Partners", "Portfolio (Gallery)", "Portfolio", "Projects Details", "Project Gallery Carousel (Canvas)", "Project Gallery Carousel", "Project Gallery Grid", "Project Nav (Links)", "Project Quote", "Project Started", "Section Description", "Section Heading", "Services", "Team", "Section Video" and more.
6. In the field "Your homepage displays" > "A static page (select below)" > "Homepage:" select "Home"

About Page

- To create About Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "About".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Oblo Theme" elements: "About Profile", "About Quote", "Awwards", "Blog (Archive), CF7", "Call to Action", "Experience", "Footer Copyright", "Footer Heading", "Footer Social Links", "Header Menu", "Hero Image 2", "Hero Image", "Hero Slider (Carousel)", "Hero Slider (Fully)", "Hero Slider (Half)", "Hero Slider", "Large Image", "Partners", "Portfolio (Gallery)", "Portfolio", "Projects Details", "Project Gallery Carousel (Canvas)", "Project Gallery Carousel", "Project Gallery Grid", "Project Nav (Links)", "Project Quote", "Project Started", "Section Description", "Section Heading", "Services", "Team", "Section Video" and more.

Portfolio

- To create Portfolio Items, please do the following:
1. First your need to create Portfolio categories, go to Portfolio > Portfolio categories, enter category name in fields Name & Slug. Click to "Save Changes" button.
2. Go to Portfolio > Add Portfolio.
3. In the tab "Featured Image", select image from Library or Upload new.
4. 3. Fill Title, Categories and click to "Edit with Elementor" button. 5. In Elementor builder panel drag and drop "Oblo Theme" elements: "About Profile", "About Quote", "Awwards", "Blog (Archive), CF7", "Call to Action", "Experience", "Footer Copyright", "Footer Heading", "Footer Social Links", "Header Menu", "Hero Image 2", "Hero Image", "Hero Slider (Carousel)", "Hero Slider (Fully)", "Hero Slider (Half)", "Hero Slider", "Large Image", "Partners", "Portfolio (Gallery)", "Portfolio", "Projects Details", "Project Gallery Carousel (Canvas)", "Project Gallery Carousel", "Project Gallery Grid", "Project Nav (Links)", "Project Quote", "Project Started", "Section Description", "Section Heading", "Services", "Team", "Section Video" and more.

- To create Portfolio Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
3. Click to "Edit with Elementor" button.
4. In Elementor builder panel drag and drop "Oblo Theme" elements: "Portfolio (Gallery)", "Portfolio" and more.

Contact Form

- To create Contacts Form, please do the following:
1. Go to Dashboard > Contact > Contact Forms > Add New.
2. Enter form name "Contact Form".
3. In the tab "Form" you can use default form layout or enter this code lines:

<div class="group">
	<div class="label splitting-text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">Full Name</div>
	<div class="value scrolla-element-anim-1 scroll-animate" data-animate="active">
		[text* your-name]
	</div>
</div>
<div class="group">
	<div class="label splitting-text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">Email Address</div>
	<div class="value scrolla-element-anim-1 scroll-animate" data-animate="active">
		[email* your-email]
	</div>
</div>
<div class="group">
	<div class="label splitting-text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">Message</div>
	<div class="value scrolla-element-anim-1 scroll-animate" data-animate="active">
		[textarea* your-message]
	</div>
</div>
<div class="submit scrolla-element-anim-1 scroll-animate" data-animate="active">
	<button type="submit" class="btn">Send a Message</button>
</div>
				

4. In the tab "Mail", enter this your email address.
5. Save Changes.

- To create Contacts Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
3. Click to "Edit with Elementor" button.
4. In Elementor builder panel drag and drop "Oblo Theme" elements: "About Profile", "About Quote", "Awwards", "Blog (Archive), CF7", "Call to Action", "Experience", "Footer Copyright", "Footer Heading", "Footer Social Links", "Header Menu", "Hero Image 2", "Hero Image", "Hero Slider (Carousel)", "Hero Slider (Fully)", "Hero Slider (Half)", "Hero Slider", "Large Image", "Partners", "Portfolio (Gallery)", "Portfolio", "Projects Details", "Project Gallery Carousel (Canvas)", "Project Gallery Carousel", "Project Gallery Grid", "Project Nav (Links)", "Project Quote", "Project Started", "Section Description", "Section Heading", "Services", "Team", "Section Video" and more.

Update Our Themes

Update via Envato Market Plugin

To easy and fast update theme and plugins you can use Envato Market Plugin (I added this plugin in recommended list in the theme):
1) Install Envato Market Plugin: https://envato.com/market-plugin/ and activate.
2) On admin panel go to Envato Market -> Settings -> Generate an Envato API Personal Token -> Click on link -> Login to your Envato Account -> Checked “Permissions ( https://gyazo.com/8a94c801e8197207d3d37467aa8587fb )” on list -> Create Token.
3) Use plugin “Envato Market -> Themes” to install all future updates. (in a few clicks).
Thanks!

Manually Update (Appearance -> Themes)

You can update our theme via WordPress Panel, Go to Dashboard > Appearance > Themes. Click "Add New" -> "Upload Theme". Choose Oblo theme "oblo.zip" file and select “Install Now”.

Manually Update (FTP or Cpanel)

You can update our theme using via FTP or Cpanel.
Download the latest version of the theme on ThemeForest download page and you rename the folder contain the old theme and create a new folder and insert the latest theme in here.

Support

If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com