Bopea

Documentation JellyWP

Installation

Thank you for purchasing our theme

After you download our theme from Themeforest you will have main.zip and when you extract you will see:

  • 1. Documentation
  • 2. Licensing
  • 3. bopea.zip
  • 3. child-theme

Theme Requirements

To use this theme you must be running at least WordPress 4.7, PHP 5.6.20 or higher.

We recommend that you contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

  1. max_execution_time 600
  2. memory_limit 512MB
  3. post_max_size 32M
  4. upload_max_filesize 64M

If you are running dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:

  1. php_value max_execution_time 600
  2. php_value memory_limit 512MB
  3. php_value post_max_size 32M
  4. php_value upload_max_filesize 64M

Theme Installation

  1. Login to your WordPress
  2. Click on Appearance → themes → "add new"
    + In the "Add new" page, click “Upload Theme”
    + In the "Upload" page, click “Browse” to browse for the theme installation file in donwloaded package bopea.zip. Click "Install Now".
    + After installing successfully, click "Activate" to make the Apply active

FTP Installation

  1. Use your FTP software to browse to wp-content/themes folder
  2. Upload the bopea folder
  3. Once it's uploaded, go to Appearance → Themes
  4. Click on Activate

Activate plugin

After installing our theme you need to activate this plugin to make the theme work with full features.

  • 1. Bopea Function
  • 2. Elementor
  • 3. WooCommerce
  • 4. Contact Form 7

Import Demo Content

In this part, you can choose options, demo layout to import demo content.

  1. Login to your WordPress
  2. Click on Bopea Welcome → import demo data
  3. Choose options and import demo

Import template Home Page, Header, Footer, Sections

Note: Please download Home page, Header, Footer, Section to import

Main Demo
Creative Demo
Today News Demo
Sport Line Demo
Bopea Daily Demo
Bopea Style Demo
Bopea Personal Demo

In this part, you can import homepage to Elementor page builder

- Login to your WordPress
- Click on page → add new page
  1. Choose template Home Page Builder
  2. Click on Update or Publish
  3. Click on Edit with Elementor to edit page Elementor page builder


In this part, you can import template to Elementor template

  1. Click on Add template
  2. Click on My templates
  3. Click on Import template button
  4. Choose template file that you have downloaded
  5. Click on insert to import demo




In this part, you can import template to your page

Setup Logo deafult header and Offcanvas Mobile Menu

In this part, you can setup logo (normal logo, dark mode logo and other options) for default theme header and mobile menu

  1. Click on Appearance → and click on (Customize)
  2. Click on theme options → Logo for upload image
  3. And Choose image for your logo

Edit header/footer with Elementor

In this part, you can setup logo or custom footer with Elementor page builder

  1. Click on Edit header/footer....
  2. Click on logo
  3. And Choose image for your logo

Setup home page

In this part, you can create page for using with Elementor page builder

  1. Click on page → add new or edit page and add title
  2. choose template on the righ Home Page Builder
  3. click on Publish or Update now you have home page template
  4. for custom home page please click on edit with Elementor

Using page builder

In this part, you can design page, home page, section on your website by using Elementor page builder

After you click on edit with Elementor it will bring you to Elementor builder.

For make blog layout follow this step:

  1. On the left side you will see bopea element
  2. Drag element on left side to area on right side for use it
  3. After you drop element on the right side area you will see query options on the left side:
    - Post type
    - Select categories
    - Tag slug
    - Author Filter
    - Post per page
    - Post offset
    - Post format
    - Exclude Post IDs
    - Post IDs Filter
    - Sort Order
    and more.....
  4. When you finish setting up home you can Update to publish your page

How To Use Elementor Tutorial

In this part, you will learn how to use Elementor. Getting started with Elementor is easy, just follow this short overview tutorial.

Setup post format

In this part, you can setup post format by edit or add post

  1. Choose post format (standard, gallery, quote, video, audio)
  2. Click on post format you want (gallery, quote, video, audio)
    Each section post format you can add content, image and options.
  3. Click on update

Setup post settings

In this part, you can setup post layout and settings by edit or add post

  1. Click on post settings
    You can choose post layouts, set post full width and other settings
  2. Click on update

Setup post review

In this part, you can setup post review by edit or add post

  1. Click on post review
    - Click on enable review
    - Add review criteria
    - Add review score
  2. Click on update

Setup post sponsored

In this part, you can setup post sponsored by edit or add post

  1. Click on post sponsored
  2. Click on update

Setup post Sources & via

In this part, you can setup post Sources & via by edit or add post

  1. Click on Sources & via
  2. Click on update

Custom sidebar

In this part, you can create sidebar for post or page by click on Bopea Welcome

  1. Click on Bopea Welcome → custom sidebars
  2. Click on Add Sidebar and for add new one
  3. After you add new sidebar you will see custom sidebar in Appearance → widgets

Custom header, footer, section

Create template

In this part, you can create template for header, footer, section

  1. Click on Layout → Add New Layout
  2. Add title for template
  3. Choose template Elementor Canvas
  4. If you use a custom template for header we recommend you enable Check this option for load template style on header
  5. Click on Update or Publish
  6. Click on Edit with Elementor to custom header, footer, section with Elementor page builder



Customize template

In this part, you can create template with Elementor page builder

  1. Choose the element on the left side
  2. Add an element to the section and customize whatever you want



Copy WordPress shortcode

In this part, you can copy layout shortcode to (page, post, sidebar ....)




Apply custom header, custom sticky header, custom footer for specific page

In this part, you can apply template for your page

  1. Click on Add or Edit page
  2. Select header layout, sticky header layout, footer layout
  3. Click on Update or Publish



Apply global custom header, custom sticky header, custom footer

In this part, you can apply global template on your website

  1. Click on Appearance → customize
  2. Click on theme options → General Setting
  3. Choose custom template for (Header Layout Custom Template, Header Sticky Custom Template, Footer Custom Template)

Mobile sidebar

In this part, you can manage menu and widget for mobile sidebar

  1. Click on appearance → menu
  2. Click on menu locations → and choose menu for mobile main menu
  3. To add widget to mobile sidebar, please click on appearance → widgets
  4. Add widgets to mobile section sidebar

Setup menu

In this part, you can add menu to your website

  1. Click on Appearance → menu
  2. In menu area you can add page, post, category and custom link to menu



Choose menu location for your website

  1. Click on Appearance → menu
  2. Click on Manage Locations
  3. Choose your menu
  4. Click save change

Setup menu post

In this part, you can create mega menu that allow you to display post on menu with 3 different layout (Grid layout, Overlay layout, Small list layout)

  1. Click on Appearance → menu
  2. Click expend menu item to show setting
    + Check on Use menu category post
    + Choose post layout, post columns, number post display

Setup Mega Menu Builder

In this part, you can create mega menu builder using Elementor page builder

Create template

In this part, you can create template for mega menu

  1. Click on Layout → Add New Layout
  2. Add title for template
  3. Choose template Elementor Canvas
  4. If you use a custom template for header we recommend you enable Check this option for load template style on header
  5. Click on Update or Publish
  6. Click on Edit with Elementor to custom header, footer, section with Elementor page builder



Customize template

In this part, you can create template with Elementor page builder

  1. Choose the element on the left side
  2. Add an element to the section and customize whatever you want

Choose mega menu builder

  1. Click on Appearance → menu
  2. Click expend menu item to show setting
    + Check on Use menu category post

Setup menu label

In this part, you can create menu label, background color and color

  1. Click on Appearance → menu
  2. Click expend menu item to show setting
    + Add menu label background color and color

Night Mode

In this part, you can enable dark mode on header that allow visitors view your website with (dark mode and light mode)

  1. Click on Appearance → customize
  2. Click on theme options → General Setting
  3. Check on Show dark mode button

Social Settings

In this part, you can add social link to your social profile

  1. Click on Appearance → Customize
  2. Click on Theme Options
  3. Click on Social Settings
  4. Fill social link you want

Theme Options

In this part, you can manage options and features of your website

  1. Click on Appearance → customize
  2. Click on Theme Options
  • Logo Settings In this section, you can custom your logo image with dark and light mode
  • General Settings In this section, you can all default settings
  • Color Settings In this section, you can custom color, background on your website
  • Typography Settings you can curom font size, font style, and font family
  • Button & Load More Settings In this section, you can custom appearance for button and load more button
  • Blog & Single Post Settings In this section, you can choose post header style and manage show or hide feature in post
  • Single Post Progress Settings In this section, you can custom appearance progress bar on single post
  • Sidebar Settings In this section, you can choose sidebar for page, post, category, tag, search, author and archive
  • Social Settings In this section, you can display your social media by add your social media link
  • Footer Settings In this section, you can choose footer settings, choose footer collumns and add copy right in your footer
  • Advertisement Settings In this section, you can add your Google adsense, ads image, or embed ads to your website
  • Cookie Settings In this section, you enable cookie notification on your website
  • Optimize / SEO Settings In this section, you can manage SEO settings, Open Graph meta data
  • AMP Settings In this section, you can manage AMP appearance and settings
  • Theme Strings In this section, you can translate your theme strings without using any plugin