BB Mobile Application WordPress 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

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-mobile-app-pro_0.1.zip and bb-mobile-app-pro-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 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 Slider: Go to Appearance >> Customize >> TS Settings >>Slider Section >> Upload image, add Title, Description & Link to Learn More
  • 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 Our Service Section


In order to proceed with Our Service Section,

Go to Appearance >> Customize >> BB Theme Settings>> Our Service Section.


In this Service section you can add your own service, images and add it's title to show specific service.


  • Setting Options : Includes settings for Featured Courses display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Alternate background image: Allow you to set alternate background images, you would like to display .

Setup Creative Amazing Features Section


Follow the below steps to setup the Creative Amazing Features

Go to Appearance >> Customize >> BB Theme Settings >> Creative Amazing Feature.


In this section you can set the "Image", "Section Title" which includes settings to set section title, "Number Of Amenities To Show" it allows you to select number of amenities you would like to display on right side, "Service Name" it allows you to set feature name you would like to display & Content of Creative Features according to your site. Before the feature name you can add leaf icon by using code from font awesome:


  • Setting Options : Includes settings for About Us section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup About Our Mobile App Section


Follow the below steps to customize this section

Go to Appearance >> Customize >> BB Theme Settings>> About Our Mobile App.


In this section you can set the Image and Section Title. You can also add Our Skills tab with progress level in percentage, Our History tab with it's description and Our Biography tab with it's description through the customizer.

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Section Image Option: Contains background image options for specifix section layout.

Setup Just Buy & Install Now Section


In this section you can set the Backround Image, Section Title which includes settings to set section title, you can add short description from section text and add a link to Purchase Now button through the customizer.

Go to Appearance >> Customize >> BB Theme Settings>> Just Buy & Install Now.


In this section you can set the following points;


  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Our Services Tab section


Follow the below steps to setup this section

Go to Appearance >> Customize >> BB Theme Settings>> Our Services Tab Section.


As Our Service section have the six tabs to show. "Web Design", "Graphic Design", "Online Support", "App Design", "Online Marketing" and "SEO Services". You can add description of each tab in customizer. So you can select your own service , add it's title to show in a specific tab.


  • 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.
  • Button Color & Font family Option: Contains address color and it's font family options for specifix address.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Section Title: Includes settings to set section title.
  • First Tab Title: C Includes settings to set First Tab title.
  • First Tab Image Option: Contains first tab image options for specifix tab layout.

Setup Work Customer Purchase

In order to proceed with tabs Section, Go to Appearance >> Customize >> BB Theme Settings>> Work Cutomer Purchase Section..


In this section you can set the Images, Work Count with it's title according to your site. It also have options to cutomize following things:

  • Setting Options : Includes settings for Celebration Section section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Inner Background Image Alternate1: Allow you to set number of inner background image alternatively to display.

Setup Our Pricing Table


In order to proceed with Our Pricing Table Section,

Go to Appearance >> Customize >> BB Theme Settings>> Pricing Table Section.


In this section you can show the products name, Price of your different products and content of all products. Add link to each Buy Now button through the customizer. In this section you can set the following points :


  • Setting Options : Includes settings for Celebration Section section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Title: Includes settings to set title.
  • Number Of Plan To Show: Allow you to set number of plans you would like to display.
  • Enter Plan Name: Enter Plan Name.

Setup What Client Say Section


In order to proceed with What Client Say Section, First you will need to add and activate BB Mobile App Pro Posttype plugin for testimonail and it's description.Click here to configure this plugin.

Go to Appearance >> Customize >> BB Theme Settings >> What Client Say.


In this section you can add the Section Title which includes settings to set section title according to your site from customizer. In this section you can set the following points;


  • Setting Options : Includes settings for Discount Section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Our Team Section.


Go to Dashboard >> Our Team


In order to proceed with What Client Say Section, First you will need to add and activate BB Mobile Mobile App Pro Posttype plugin.Click here to configure this plugin.

Go to Appearance >> Customize >> BB Theme Settings >> Our Team.


You can add the Section Title which includes settings to set section title according to your site from customizer. Options here are further described according to the sections they belong to :


  • Setting Options : Includes settings for Discount Section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Purchase Section


In order to proceed with Purchase Section,

Go to Appearance >> Customize >> BB Theme Settings >> Purchase.


In this section you can set the Image, List Of Your Designs, Number Of Plans To Show, you can add the Section Title and Section sub title which includes settings to set section title according to your site from customizer and add a link to Purchase Now Button through the customizer.


  • Setting Options : Includes settings for Discount Section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Keep In Touch Section


Go to Appearance >> Customize >> BB Theme Settings >> Keep In Touch.

In order to proceed with Keep In Touch Section.


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="6" title="Contact form 1"]" ) and add to to the customizer Keep In Touch section.


  • Setting Options : Includes settings for Discount Section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Section Title:Includes settings to set section title.

Setup Google Map Section


Go to Appearance >> Customize >> BB Theme Settings >> Google Map.


In this section you can add Latitude and Longitude of your address on the Google Map from the customizer.


  • Setting Options : Includes settings for Discount Section display enable / disable option.
  • Latitude option: Contains latitude options for specifix location.
  • Longitude Option: Contains langitude options for specifix location.

How to Setup BB Mobile Mobile App Pro Post Type


Posttype Configuration

There are two register posttype namely:Team and Testimonials on the Dashboard. This will help you to setup team and testimonail Sections.

Go to Dashboard >> Team >> Add New


Fill the details event name,description, descriptive details, and it's featured images.

Go to Appearance >> Customize >> BB Theme Settings >> Our Team.


it will appear like this on your front page.


Testimonial


Similarly In order to show your Testimonial, follow the below steps.

Go to Service >> Add New Post


Fill the details event name,description, descriptive details, and it's featured images.

Go to Appearance >> Customize >> BB Theme Settings >> What Client Say.


it will appear like this on your front page.


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 Slider



Hook Code Below Our Services



Hook Code Below Creative Amazing Features



Hook Code Below Our Pricing Table



Hook Code Below Our Team



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


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

Creating a Blog post


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. 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.
  • Testimonial [bbmap-testimonial] - used to display the testimonial on any page/post.You can find detail description on how set this in Theme Posttype section
  • Team [bbmap-team] - used to display team section on any post/pages/You can find detail description on how set this in Theme Posttype section

Custom Widgets


 How to Setup Additional Theme Add Ons

  1. 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.

  2. After that, click on the Upload Plugin button on top of the page.
  3. 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.

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

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