Live Demo

BB Wedding Bliss Theme Documentation

Introduction

Thank you for buying our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility. Learn More

What is a WordPress template

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.

Help and Support

support

Files structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

Screenshots - contains template screenshots. Not for production.
theme - contains WordPress theme files.
- bb-wedding-bliss_ 0.1.zip and bb-wedding-bliss-child_0.1.zip - this folder content all the necessary files for the theme.
license.txt - contains license details.
readme.txt - contain information about theme images path and font use and usage scritps.

Theme Installation Via WordPress

Install a Theme using WordPress Admin Theme Search

If you’re looking to install a free WordPress theme from the WordPress.org themes directory, then the easiest way is by using the WordPress admin theme search functionality

First thing you need to do is login to your WordPress admin area. Next, click on Appearance » Themes.

Once you are on the themes page, click on the Add New button at the top.

Based on your search, you will see a single theme or a list of themes that met your criteria. In our case, we searched for the blogging theme Slipstream. When you see the theme that you want to install, simply bring your mouse on top of the image. This will reveal the install button, preview button, and details button. Go ahead and click on the install button.

WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme.

Install a Theme by using Upload Method from WordPress Admin

The first method that we covered only allows you to install free themes that are available in the WordPress.org theme’s directory. But what if you want to install a commercial “premium” WordPress theme from companies like ThemeLab, StudioPress, iThemes, etc. Or what if you want to install a custom theme? Well in this case, you would need to install the theme using the upload method from your WordPress admin.

Start by downloading the .zip file of the theme that you purchased from a marketplace or a commercial theme provider.

Next login to your WordPress admin area and click on Appearance » Themes.

Once you are on the themes page, click on the Add New button at the top.

On the next screen, click on the Upload Theme button at the top.

You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.

Once your theme is installed, you will see a success message along with the link to activate and preview the theme.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme. Depending on the theme, it may add additional settings options that you may need to configure either through the theme customizer or through a separate options panel.

Theme Installation Via FTP

Installing a WordPress Theme using FTP

First installed and setup your FTP program, connect to your host using FTP. You would need to go to the path (/wp-content/themes/). Once you’re there, simply upload your themme’s folder there.

Remember you must unzip the folders before you upload a theme using FTP. Once you have uploaded the theme, you would need to go to your admin area and click on Appearance » Themes.

You should see the theme that you uploaded listed there. Bring your mouse on top of that theme and click on the activate button and you’ve successfully installed and activated your WordPress theme.

Section Color/Font Pallete

Color/Font is very easy process.At a single glance of click you can set the color and fonts of the Headings,Paragrapgh and Buttons

Every individual section have an option to set the color pallete for Headings,Title/Text,Paragraph,Button Text and Button Background depending upon the number of option that are available in that respective section

Default Color/Font settings

How to set up homepage

Setup Home Page Template

Follow these instructions to setup Home page.

1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.
Label it "home" or anything as you wish. Then select template "home-page" from template dropdown.

2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home page

Once you have done with this you can see all the demo content on front page.

Setup Header

Follow these instructions to setup header.

For Banner: Go to Appearance >> Customize >> TS Settings >>Baner Section >> Add image
For Site Name/Logo: For changing site name go to Appearance >> Customize >> Site Identity >> Here you can set Logo,Site Title,Tagline & Site Icon for your site. Please see the theme option tab in this documentation for more details.
For Navigation: See the Setup Navigation tab of this documentation.

Setup Bride & Groom Section

In order to proceed with Bride & Groom Section, >

Go to Appearance >> Customize >> TS Settings>> Bride & Groom Section.

In this section you can set the Images, Title & Content of Bride & Groom Section. You can add link to each Read More button through the customizer. Here you can Search the courses :

Setting Options : Includes settings for Featured Courses display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Setion Text Color and Font Family Option: Contains text color and it's font family options for specifix section.
Setion Paragraph Color and Font Family Option: Contains paragraph color and it's font family options for specifix section.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Love Story Section

In order to proceed with Love Story Section, Go to Appearance >> Customize >> TS Settings>> Love Story Section.

In this section you can set the Image, Title & content of Love Story Section. Options here are further described according to the sections they belong to :

Setting Options : Includes settings for Our Project display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Setion Paragraph Color and Font Family Option: Contains paragraph color and it's font family options for specifix section.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Photo Gallery Section

In order to proceed with Our Featured Courses Section. First you will need to add and activate BB Wedding Bliss theme plugin.Click here to configure this plugin

Further customization will be done from here.

Go to Appearance >> Customize >> TS Settings>> Photo Gallery Section.

In this section you can set the titile of Photo Gallery Section according to your site. To display your photo gallery use following short code ( "[galleryshow gallery="12" numberofitem="6"]" ) and put this short code in customizer.

Setting Options : Includes settings for Service display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Bridemaid Section

In order to proceed with Bridemaid Section,

Go to Appearance >> Customize >> TS Settings>> Bridemaid Section.

In this section you can set the Images, Title, Names and Relation of Bridemaid Section. Options here are further described according to the sections they belong to :

Setting Options : Includes settings for We Offer display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Text Line Color and Font Family Option: Contains line color and it's font family options for specifix text.
Name Color and Font Family Option: Contains name color and it's font family options.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Groomsmen Section

In order to proceed with Groomsmen Section ,

Go to Appearance >> Customize >> TS Settings>> Groomsmen Section.

In this section you can set the Images, Title, Names and Relation of Groomsmen Section. Options here are further described according to the sections they belong to :

Setting Options : Includes settings for We Offer display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Text Line Color and Font Family Option: Contains line color and it's font family options for specifix text.
Name Color and Font Family Option: Contains name color and it's font family options.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Join Us Section

In order to proceed with Join Us Section,

Go to Appearance >> Customize >> TS Settings>> Join Us Section.

In this section you can set Background Image, Title, Address and Date. Add the contact form7 plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode ( "[contact-form-7 id="10" title="Contact form 1"]" ) and add to to the

Setting Options : Includes settings for Record display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Address Line Color and Font Family Option: Contains address color and it's font family options for specifix address.
Date Color and Font Family Option: Contains date color and it's font family options for specifix date.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Events Section

In order to proceed with Event Section, Go to Appearance >> Customize >> TS Settings>> Event.

In this section you can set the Images, Title, Function Names and Function Time of Event Section. Options here are further described according to the sections they belong to :

Setting Options : Includes settings for We Offer display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Text Line Color and Font Family Option: Contains line color and it's font family options for specifix text.
Function Color and Font Family Option: Contains function color and it's font family options for specifix function.
Time Color and Font Family Option: Contains time color and it's font family options for specifix function time.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Thanks Section

In order to proceed with Thanks Section,

Go to Appearance >> Customize >> TS Settings>> Choose Course.

Here you can add the Images, Background Image and Title.

Setting Options : Includes settings for choose course section display enable / disable option.
Setion Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
Text Line Color and Font Family Option: Contains text color and it's font family options for specifix line.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Footer Section

In order to proceed with Footer Section,

Go to Appearance >> Customize >> TS Settings>>Quote Section.

we can set the Title, Inner Images and Backround Image.

Setting Options : Includes settings for Pricing Plans section display enable / disable option.
Footer Heading Color and Font Family Option: Contains footer heading color and it's font family options.
Background Color Option: Contains background color options for specifix section layout.
Background Image Option: Contains background image options for specifix section layout.

Setup Footer text Section

In order to proceed with Footer Text Section, Go to Appearance >> Customize >> TS Settings>> From The Blog.

In thiight text. Options here are further described according to the sections they belong to :

Copyright Text Option: Allow you to add copyright text in footer section.

Plugin Configuration

Once you activate the plugin it will allow you to access three register posttype namely:Gallery on the Dashboard. This plugin will help you to setup gallery Section.

Gallery

In order to showcase your "photo gallery" section on your home page

Go to Dashboard:-> Gallery >> Add New

Add Title and Images to your gallery page and click publish.

If you want to show gallery on any other page then add the following Shortcode "[galleryshow gallery="12" numberofitem="6"]") to the page with the text mode of editor. See screenshot below.

View the page which you have created. It will show gallery like this.

Child Theme & Hooks

Custom theme editor is the easy process for editing the site,if you have to add section in the site, you can easily edit in child theme it can be change in parent theme.

Hook Code Below Header Section

Bride & Groom Section

CountDown Section

Love Story Section

Our Services Section

Bridemaid Section

Groomsmen Section

Join Us Section

Events Section

Thanks Section

Setup Navigation

First of all create pages from go to Pages >> Add new page.
Go to Appearance >> Menu
Click on Create a new menu link
Give a name to your menu in Menu name and click save menu button
Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
Select menu theme location from the below checkboxes

See this screenshot for better understanding.

Page Templates and Sidebars

Page Templates

Default Template (the default page template with a right sidebar position)
About Template (the default About template with no sidebar position)
Page (Full Width) (a page template with one column without a sidebar)
Page (Left Sidebar) (a page templates with left sidebar position)
Page (Right Sidebar) (a page template with right sidebar position)
Blog (Full Width) (a blog templates with one column without sidebar)
Blog (Left Sidebar) (a blog templates with left sidebar position)
Blog (Right Sidebar) (a blog template with right sidebar position)
Contact Template (the default Contact template with no sidebar position)

Posts, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

Log into your WordPress Administration Panel (Dashboard).
Click the Posts tab.
With that done, click Categories for blog posts.
Type in the name of your new category.
After that, click the Add New Category button.

Click the Publish button.

Creating a Blog post

Log into your WordPress Administration Panel (Dashboard).
Click the Posts tab.
Click the Add New tab.
Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.

All available shortcodes are conditionally divided into these groups:

Gallery[galleryshow gallery="12" numberofitem="6"] - used for Gallery images output.

Custom Widgets

How to Setup Additional Theme Add Ons

First, you need to download the plugin from the source (which will be a zip file (bb-title-banner-image.zip and bb-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.

After that, click on the Upload Plugin button on top of the page.
This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.

After you have selected the file, you need to click on the install now button.

WordPress will now upload the plugin file from your computer and install it for you. You will see er installation is finished.
Once installed, you need to click on the Activate Plugin link to start using the plugin.

BB-Gallery-Images

Once you activate this plugins you will find the bb-Gallery on the Dashboard.

Click on Add new gallery button. And add the title. Add the number of images to show in a gallery.

Thats It! Now you can view your page to see the gallery images....

Title Banner Image

Once you activate this plugins you will find the below option inside each and every page,post,registered posts etc.

First, you need to choose the banner image that you would like to set on your post/page.
On uploading any file, by default, the title will appear over the banner image.

With the help of this plugin, you can hide the title if you do not want to display it on the banner simply by checking "Hide Title above banner" option.
You can even show the title below the banner image by checking "Show Title below banner" option.

When none of the options is selected and no file is chosen, then the title will be displayed in the default manner.