Weddio Documentation

Thank you so much for purchasing "Weddio".

We at gethtmlcoder. are confident that you’ll be delighted with various features and clean, minimal design.

For any support please don't hesitate to contact us at info@baseonesolutions.com.

Hope you’ll enjoy using "Weddio" as much as we enjoyed developing it.

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.org that will walk you through every step.

Theme Installation

It’s easy to install Weddio. Just follow these steps, they won’t take much of your time.

Download the Theme

Go to ThemeForest Downloads and next to Weddio, click the Download button. There’re two options to download Weddio: All files documentation or Installable WordPress file only.

If you select the Installable WordPress file only option, the downloaded archive is the theme archive file you need to upload to your website.

If you select All files and documentation, you will need to extract the downloaded file on your computer. Inside the folder you will find another archive called weddio.zip. This is the theme archive file you need to upload.

Upload the Theme to Your Website

Click Add New Theme button at the top of the page, then the Upload Theme button on the next page.

Install and Activate the Theme

Select the theme archive file on your computer and click Install Now.

Once the file is uploaded and installed, click Activate.

FTP Upload

To manually upload your new WordPress theme, Use an FTP such as FileZilla and go to your WordPress installation director. Then Upload the un-zipped "weddio" WordPress Theme folder into the: wp-content/themes folder.
Once uploaded, activate the theme by heading to the Appearance → Themes menu in the WordPress Dashboard.

Plugins Installation

Note: We advise you to install and activate all required and recommended plugins to enjoy all the theme features. It’s easy to install and activate them in one click.

Follow these steps after you activated Weddio:

Go to Appearance → Install Plugins.
Select all the plugins in the list and choose Install from the Dropdown menu.
And click Apply.
Then you have need to actived all installed plugins.

You may also install plugins by simply clicking the Begin Installing Plugins link in the notification message that appears after theme activation.

Required and Recommended Plugins

Elementor

The Elementor Website Builder has it all: drag and drop page builder, pixel perfect design, mobile responsive editing, and more.

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

Redux Framework

Build better sites in WordPress fast!

For detailed information and support on this plugin, please go to: Redux Framework

CMB2

CMB2 will create metaboxes and forms with custom fields that will blow your mind.

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

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

One Click Demo Import

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

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

MC4WP: Mailchimp for WordPress

Mailchimp adds various highly effective sign-up methods to your site.

For detailed information, please go to: MC4WP: Mailchimp for WordPress

Smash Balloon Instagram Feed

Display beautifully clean, customizable, and responsive Instagram feeds.

For detailed information, please go to: Smash Balloon Instagram Feed

Weddio Core

This plugin it's designed for Weddio Theme.

Import Demo Data

To import demo data, please follow some steps below:

First you need to install and active the theme.
Activate all plugins, next go to Appearance → Import Demo Data and import demo data from the list.

Note: After Import Demo Data need to increase Elementor Content Width from 1140px to 1320px for exactly look like demo.

To change content width, please follow some steps below:

Edit a page with the Elementor.
Click on the hamburger button on the top left side in the Elementor panel.
Go to Site Settings → Layout → Layout Settings and change the Content Width.

After the import you may uninstall the One Click Demo Import plugin.

Page Creation

Blog Page

To create Blog Page, please follow some steps below:

Go to Dashboard → Pages → Add New.
Enter your Page Title Blog.
Click to the top right Publish button.

Set Home and Blog Page

To set the home and blog page, login to wp-admin and go to Dashboard → Settings → Reading. and follow the following steps:

Page Settings

Through the Page Settings, you are able to make individualized changes on a per page basis. Page Settings will override any corresponding global options set in the Theme Options.

When creating a page, You will see Header Transparent, Banner Image and Page Footer under Page Settings at the bottom of the page editor while in the Weddio.

Theme Options

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

Header

To change Theme Options Header navigate to Dashboard → Theme Options → Header and follow the following steps:

Menu and Mobile Menu

To change Theme Options Menu and Mobile Menu style navigate to Dashboard → Theme Options → Menu and follow the following steps:

Footer

To change Theme Options Footer navigate to Dashboard → Theme Options → Footer and follow the following steps:

Blog

To change Theme Options Blog Page navigate to Dashboard → Theme Options → Blog.

Blog Single

To change Theme Options Blog Single navigate to Dashboard → Theme Options → Blog → Blog Single Post.

Navigation & Menus

Setting up Navigation Menus works normally as it does for any WordPress theme. If you’re new to WordPress, you can learn more about menus in the WordPress Codex article.

Creating a New Menu

To create Create/Edit Menu, please follow some steps below:

Go to Dashboard → Appearance → Menus.
Select Create a new menu at the top of the page.
Enter a name for your new menu in the Menu Name box.
Click the Create Menu button.
Using the Custom Links and Pages boxes at the left, add items to the menu and drag and drop to arrange them.
If you would like to use this menu in the main navigation of the theme, scroll down to the Menu Settings area, enable the checkbox next to the Main Menu location.
Click Save Menu and that is all.

Contact Form Setup

If you don’t want to import Demo Data, it’s fine too. To create Contact Form, please follow some steps below:

1. Go to Dashboard → Contact → Contact Forms → Contact form 1.
2. In the tab Form, enter this code lines:

                                
                                    <div class="d-flex flex-wrap form-col form-three-col">
                                    <div class="form-group">
                                        [text* text-412 class:form-control placeholder "Your name"]
                                    </div>
                                    <div class="form-group">
                                        [email* email-779 class:form-control placeholder "Your email"]
                                    </div>
                                    <div class="form-group">
                                        [tel* tel-188 class:form-control placeholder "Your phone"]
                                    </div>
                                    </div>
                                    <div class="form-group">
                                        [textarea textarea-693 class:form-control placeholder "Your message here"]
                                    </div>
                                    <div class="submit-col">
                                        [submit "Submit Message"]
                                    </div>

3. In the tab Mail, enter this your email address.
4. Click Save and that is all.

Note: Refer to the Contact Form 7 documentation for more details on how to configure your contact forms.

Book Now Form Setup

If you don’t want to import Demo Data, it’s fine too. To create Book Now Form, please follow some steps below:

1. Go to Dashboard → Contact → Add New and set Form Title.
2. In the tab Form, enter this code lines:

                                
                                    <div class="d-flex flex-wrap form-col">
                                    <div class="form-group">
                                        [text* text-802 class:form-control placeholder "Your name"]
                                    </div>
                                    <div class="form-group">
                                        [email* email-256 class:form-control placeholder "Your email"]
                                    </div>
                                    </div>
                                    <div class="d-flex flex-wrap form-col">
                                    <div class="form-group">
                                        [text* text-548 class:form-control placeholder "Number of guest"]
                                    </div>
                                    <div class="form-group">
                                        [select menu-131 class:form-select "Where you attend?" "Location 1" "Location 2" "Location 3"]
                                    </div>
                                    </div>
                                    <div class="form-group">
                                        [textarea textarea-944 class:form-control placeholder "Your note"]
                                    </div>
                                    <div class="submit-col">
                                        [submit "Book Now"]
                                    </div>

3. In the tab Mail, enter this your email address.
4. Click Save and that is all.

Note: Refer to the Contact Form 7 documentation for more details on how to configure your contact forms.

Newsletter Setup (MailChimp)

First, you have need to connect with Mailchimp through API (Get your API key here).

If you imported demo data, Go to Dashboard → MC4WP → Form, then click Save Changes and that is all.

Also, If you don’t want to import Demo Data, it’s fine too. To create Mailchimp Form, please follow some steps below:

1. Go to Dashboard → MC4WP → Form.
2. Click on Add new form.
3. Under the tab Fields in the field Form code, enter this code lines:

                                
                                    <input class="form-control" type="email" required="" name="EMAIL" placeholder="Your email here">
                                    <input type="submit" value="">
                                    <button type="submit" value="Submit">
                                    <span>Subscribe Now</span>
                                    <i class="fas fa-envelope"></i>
                                    </button>

4. Click Save Changes and that is all.

Note: Refer to the mailchimp documentation for more details on how to connect your mailchimp account via API.

How to Update

Occationally we provide updates which includes new features and bugfixes. Updating WordPress theme is standard WordPress functionality.

** Before updating please make sure to keep a backup of your installed theme and plugins to be on safe side.

You can use this plugin to keep the backup: https://wordpress.org/plugins/wp-theme-plugin-download/

There are few ways to update WordPress theme. You can follow any of the methods described below:

Method 1: Via Uploading zip File

From WordPress Admin Panel, Navigate to Appearance → Themes.
Activate any other theme (eg. Twenty Twenty-Four) than the current one.
Delete Weddio Theme.
Now you have to upload the updated theme zip file. To do this, Navigate to Appearance → Themes → Add New → Upload. Go to browse, and select the zipped theme folder. Hit Install Now and the theme will be uploaded and installed. Then will Activate the theme.

Method 2: Via FTP

Using your FTP client, navigate to "/wp-content/themes/" folder on your server and delete the Weddio folder from there.
Now upload the latest non-zipped theme folder into that "/wp-content/themes/" folder.

Note: After updating the theme please update all plugins which come with the theme.

404 Error in All Pages

If you face this type of issue, please update your permalink. To update permalink, navigate to Settings → Permalink and then click on Save Changes button.

Support

If you need any help or support please contact us through the Support Email: info@baseonesolutions.com.

Weddio Theme Documentation

Getting Started