BB Mobile Application WordPress Theme Documentation


Introduction

We appreciate you purchasing our WordPress theme. This article demonstrates several steps of the full configuration and management process for a WordPress website.

What is WordPress CMS?

WordPress is an open source website creation tool that uses PHP and MySQL as its foundation. It is a robust blogging platform and a totally free content management system (CMS). Using this CMS, you may create reliable online applications and websites. To manage it, you scarcely need any technological expertise or understanding. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website construction tool on the market. Learn More

What is a WordPress template

A WordPress template serves as the skin for websites built using the WordPress content management system. A WordPress template is incredibly simple to setup. You may quickly modify the appearance of your WordPress website by installing a new template. A WordPress template comes with all the necessary source files, and you are free to change and expand it however you see fit.

Help and Support

Files structure

The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:

  • Screenshots - contains screenshots of templates. Not for manufacturing.
  • theme - files for the WordPress themes.
    • bb-mobile-app-pro-child_0.1.zip - All of the files required for the theme are contained in this folder.
  • license.txt - details of the licence.
  • readme.txt - contain details on the theme's image paths and font usage instructions.

TS KEY ACTIVATION

The steps for activating a TS Key are as follows.

Given that you will receive the License Key via Email, use that key to Activate License.

Use the procedure below to Activate License.

Go to the Dashboard » Appearance » TS Key Activation » Enter Key » Save Changes.


After Entering The Key » Activate Licence.


After you Activate Licence, as the key is activated, you can begin using the theme.


Theme Installation Via WordPress

As the key is activated, you can begin using the theme.

Only free themes found in the WordPress.org theme directory can be installed using the first technique we discussed. What happens, though, if you want to install a "premium" WordPress theme from a commercial source like ThemeLab, StudioPress, iThemes, etc. How about installing a custom theme, though? In this instance, you would need to upload the theme from your WordPress admin and then install it.

Start by downloading the theme's.zip file that you bought from a marketplace or a third-party theme vendor.

Then, after logging in to your WordPress admin area, click Appearance » Themes.

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

Click the Upload Theme button at the top of the following screen.

When prompted, select the zip file that you already downloaded. Click Install Now after selecting the file.

A success message and a link to activate and preview the theme will appear once your theme has been installed.

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

FTP installation of a WordPress theme

Connect to your host using FTP after installing and configuring your FTP application. You must navigate to the (/wp-content/themes/) route. Simply upload your themme's folder there once you've arrived.

Keep in mind that before utilising FTP to upload a theme, the folders must be unzipped. Once the theme has been uploaded, you must into your admin area and click on Appearance » Themes.

The theme that you uploaded ought to be listed there. You've installed and activated your WordPress theme after placing your mouse over it and clicking the activate button.

One-Click Demo Content Importer

FTP installation of a WordPress theme

To set up your theme, simply click to import sample content. You can follow the instructions in this article to develop your website for website creation.

Go to Dashboard >> Appearance >> Get started.

You must first install the "BB Mobile App Pro Posttype" plugin, contact form 7, and woocommerce before you can start the "Run Importer" process.

Click on"Run Importer".

Section Color/Font Pallete

The method of changing the colour or font is quite simple. You can change the colour and font of the headings, paragraphs, and buttons with a single quick click.

Depending on the number of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.

Default Color/Font settings

How to set up homepage

Setup Home Page Template

Set up your home page by following these instructions.

  • 1.To set a template for a new page, navigate to the Dashboard, click on Pages, and then select Add New Page.

    Give the page a name, such as "Home," or any other desired label. Next, choose the "home-page" template from the dropdown menu of available templates.


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

  • When you're finished, you can view the entire demo on the top page.

Setup Header


For header setup, adhere to these guidelines.

  • 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: Check this documentation's Setup Navigation tab.

Setup Our Service Section


We'll now move on to Our Service Section.

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


You can add your own services here, along with photos and a headline to highlight a particular one.


  • Setting Options : Includes options to enable or prevent the display of featured courses.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Alternate background image: Provide you the option to display alternative background images.

Setup Creative Amazing Features Section


To set up the Incredible Creative Features, take the procedures listed below.

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


This section allows you to customise the "Image", "Section Title" (which includes section title settings), "Number Of Amenities To Show" (which lets you choose how many amenities to display on the right side), "Service Name" (which lets you choose which feature name to display), and "Content of Creative Features" (which lets you customise the creative features according to your site). By using the following code from font amazing, you can add a leaf icon before the feature name:


  • Setting Options : Includes options to enable or disable the About Us section display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup About Our Mobile App Section


To alter this section, adhere to the procedures below.

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


You can customise the Section Title and Picture in this section. Via the customizer, you can also add Our Skills tabs with progress levels in percentage, Our History tabs with descriptions, and Our Biographies tabs with descriptions.

  • Setting Options : Includes options to enable or disable the Our Project display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Section Image Option: Includes choices for bespoke section layouts' background images.

Setup Just Buy & Install Now Section


You can change this section's background image, section title (which includes changing the section title), short description from the section content, and addition of a link to the "Buy Now" button.

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


You can set the following points in this section:


  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup Our Services Tab section


To set up this area, adhere to the procedures below.

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


The six tabs in the Our Service section are displayed. "SEO Services," "Web Design," "Graphic Design," "Internet Help," "App Design," and "Online Marketing." Each tab's description can be added in the customizer. As a result, you can choose your own service and add its title to appear in a particular tab.


  • Setting Options :Contains options for Record display enable and deactivate.
  • Setion Title Color and Font Family Option: contains options for title colour and font family for a specific section.
  • Button Color & Font family Option: Provides settings for address colour and font family for specific addresses.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Section Title: Includes controls for adjusting section titles.
  • First Tab Title: C contains options for the First Tab's title.
  • First Tab Image Option: Options for the first tab image for a specific tab layout are provided.

Setup Work Customer Purchase

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


You can adjust the Pictures, Work Count, and Title in this section to fit your website. Additionally, it has customization options for the following:

  • Setting Options : Includes options for enabling and disabling the Celebration Section section display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Inner Background Image Alternate1: Provide you the option to display a variety of internal backdrop images instead.

Setup Our Pricing Table


In order to continue, Our Pricing Table Section,

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


You can display the name of your products, their prices, and their contents in this section. Each Buy Now button can have a link added using the customizer. You can set the following points in this section:


  • Setting Options : Includes options for enabling and disabling the Celebration Section section display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Title: Includes settings to set title.
  • Number Of Plan To Show: Let you to specify how many plans to display.
  • Enter Plan Name: Enter Plan Name.

Setup What Client Say Section


In order to continue, What Client Say Section, The BB Mobile App Pro Posttype plugin must first be added and turned on in order to display the testimonial and its description. Click here to configure this plugin.

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


You can add the Section Title with options to set the section title in accordance with your site's customizer in this section. You can set the following points in this section:


  • Setting Options : Includes options for enabling and disabling the display of the discount section.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup Our Team Section.


Go to Dashboard >> Our Team


In order to continue, What Client Say Section, The BB Mobile Mobile App Pro Posttype plugin must first be added and turned on.Click here to configure this plugin.

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


Through the customizer, you can add the Section Title, which provides choices to adjust the Section Title in accordance with your site. Here, options are further described in accordance with the sections to which they belong:


  • Setting Options : Includes options for enabling and disabling the display of the discount section.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup Purchase Section


In order to continue, Purchase Section,

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


You can change this section's image, list of your designs, number of plans to display, section title, section subtitle, options to set the section title in accordance with your site's needs, and addition of a link to the "Buy Now" button using the customizer.


  • Setting Options : includes options for enabling and disabling the display of the discount section.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup Keep In Touch Section


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

In order to continue, Keep In Touch Section.


Your WordPress account should now have the contact form7 plugin. Turn on the plugin, then make your own form. Once you're finished, add the shortcode for this copy ([contact-form-7 id="6" title="Contact form 1"]) to the customizer's Keep In Touch area.


  • Setting Options : Includes options for enabling and disabling the display of the discount section.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Section Title:Includes settings to set section title.

Setup Google Map Section


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


You can enter the latitude and longitude of your address on the Google Map in this area using the customizer.


  • Setting Options : Includes options for enabling and disabling the display of the discount section.
  • Latitude option: Latitude alternatives for a certain location are provided.
  • Longitude Option: Contains choices for langitude for a certain location.

How to Setup BB Mobile Mobile App Pro Post Type


Posttype Configuration

There are two types of register posts:The Dashboard includes Team and Testimonials. You can put up sections for the team and testimonies using this.

Go to Dashboard >> Team >> Add New


The event's name, description, illustrative details, and featured photos should all be filled out.

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


This is how it will show up on your home page.


Testimonial


Similarly Please follow the instructions below to display your testimonial.

Go to Service >> Add New Post


The event's name, description, illustrative details, and featured photos should all be filled out.

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


This is how it will show up on your home page.


Child Theme & Hooks


The process of editing a website using a custom theme editor is simple. If you need to add a section, you can do so by simply editing the child theme and then changing the 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

For further details on adding categories, look at the following article:http://codex.wordpress.org/Manage_Categories_SubPanel


  1. Access your WordPress Administration Panel by logging in. (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Your new category's name should be typed in.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post


  1. Access your WordPress Administration Panel by logging in. (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Enter the text for your post. Please click the following link for further details on adding posts. 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.


The following groups are conditionally created from all accessible shortcodes:

  • Gallery[ts-galleryshow ts_gallery="56" numberofitem="8" bootstraponecolsize="3"] - used for Gallery images output.
  • Testimonial [bbmap-testimonial] - on any page or post to show the testimonial. In the Theme Posttype section, you can find a detailed explanation on how to set this.
  • Team [bbmap-team] - team section is used to display on any posts or pages. In the Theme Posttype section, you can find a detailed explanation on how to set this.

Custom Widgets


 How to Setup Additional Theme Add Ons

  1. The plugin must first be downloaded directly 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. Then, select the Upload Plugin button located at the top of the page.
  3. You'll arrive at the plugin upload page after doing this. Next, you must select the plugin file you already downloaded to your computer by clicking the choose file option.

  4. After choosing the file, you must select the install now option.

  5. The plugin file from your computer will now be uploaded to WordPress, where it will be installed. You'll notice that the er installation is complete.
  6. To use the plugin after installation, click the link that says "Activate Plugin."