wpOcean - Plumco Documentation

#### Plumco Doc

### Doc Navigation

- Theme Requirements
- Theme Installation
- Required plugins Installation
- Child Theme Installation
- Demo Content Import
- Theme Options settings
- Pages settings
- Customizer settings
- Sidebar / Widgets
- Contact Form 7
- Footer Shortcode
- Elementor Custom Widget
- Change Log

## Documentation

We create Beautiful designs, powerful features to build anything you want with Our WordPress Theme.

##### Theme Requirements

To run WordPress Theme we recommend Bellow settings

##### Theme Installation

Step by step instructions for install WordPress Theme.

##### plugins Installation

The list of required and recommended plugins.

##### Demo Content Import

Please follow a few steps to Demo Import

##### Theme settings

we use Codestar Framework. It is very easy to use.

##### Pages settings

Create your page from your Great Ideas!

##### Customizer settings

Easily chnage color using customizer.

##### Sidebar / Widgets

Widgets is a User Friendly Feature.

##### Contact Form 7

How to work with Contact Form 7 ?

#### Theme Requirements

To run WordPress Theme we recommend using a host that supports:

##### PHP version 7.4 or greater.

##### MySQL version 5 or greater OR MariaDB version 10.0 or greater.

#### PHP configuration

We recommend you make sure that your server PHP configuration limits are as follows:

##### max_execution_time 600

##### max_input_time 600

##### memory_limit 256M

##### post_max_size 128M

##### upload_max_filesize 128M

##### max_input_vars 3000

#### Theme Folder Structure

Let's talk about what's inside the downloaded package.Once you purchased our theme you've to download All Files & Documentation zip file. Following folder structure is based on that zip file, in that zip file only you'll get all of our theme files including demo content & offline documentation folder.

##### Step by step download folder instructions

1. Demo Data - this folder contains, demo data files. content.xmltheme-options.txtwidget.wie
2. Documentation - it contains offline documentation files, just simply what you're seeing now.
3. Licensing - it contains envato and WordPress standard licensing information files
4. Plugins - it contains plugin plumco theme core plugin file and other premium plugins files
5. plumco.zip - this is the right file to install in your WordPress admin.
6. plumco-child.zip - this is just a child theme, if you want to edit any code files within theme, use this child theme. Don't edit any codes parent theme.

#### Theme Installation

Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find the plumco.zip file which is the WordPress theme.

##### Step by step instructions for install WordPress Theme:

1. Login to WordPress admin panel
2. Go to Appearance Themes Add New
3. Then click on the Upload New
4. Upload theme zip file
5. Click on the Activate button

#### Extract Theme Bundle and Install Theme

#### Follow The Simple Image Steps

#### Plugin Installation

After completion of theme installation process at the top of the WordPress admin panel you should get a notice with the list of required and recommended plugins.

##### Please select your needed plugins to Install and Activate.

1) | Plumco Core | It's our core plugin, it've shortcodes and custom post types.
--- | --- | ---
2) | Elementor Page Builder | The best WordPress Page Builder plugin.
3) | Codestar Framework | Highly effective Option Framework plugin.
4) | WooCommerce | WooCommerce is the world’s most popular eCommerce solution.
5) | Contact Form 7 | Contact form plugin to have email form.
6) | One Click Demo Import | One Click Demo Import Plugin.

#### Follow The Simple Image Steps

#### Child Theme Installation

A WordPress child theme allows you to apply custom code changes to your site and dont lose it with update of main theme. After theme installation, you can install child-theme. Please find it in the downloaded folder. You can same way install child theme as like parent theme..

#### Follow The Simple Image Steps

#### Demo Content Import

In this step you'll get all live demo contents to your own site, that you're experienced with our live demo site. There is no more trick and no more surprise. You'll get all up and running website within few minutes of installation process.

##### Step by step instructions for Demo Content Import:

1. Login to WordPress admin panel
2. Go to Appearance Install Demo
3. Then click on the Import Demo Data

#### Follow The Simple Image Steps

#### After Demo Import

Navigate to Elementor > Settings after import the demo content. Check the “Disable Default Colors” and “Disable Default Fonts” check-boxes.And select post type servie, project, team so that custom post can be edit using elementor.

##### Follow The Simple Image Steps

#### An alternative method to import the demo content.

However, you will get all demo content data with the theme package. You will find the demos in theme bundle ‘demo-data’ this path. If you failed to import the demo content by one click then you have to follow the below steps to import the demo content manually.

1. Navigate to Tools > Import then install the WordPress plugin and click on the ‘Run Importer’. Upload here the ‘contents.xml’ file.
2. Install the ‘Widget Importer & Exporter‘ plugin to import the demo widgets. Then navigate to Tools > Widget Importer & Exporter and upload here the ‘widgets.wie’ file.
3. Now you have to import the Theme Options Settings of the desired demo. Navigate to ‘Appearance > Theme Options > Backup’. Then copy-paste the theme-options.txt file’s backup string here and click on the Import a Backup button.

#### Theme Options settings

What ever options you miss from above Page Options, pretty much everything you'll find here. These all options get affect in globally. Like: Logo, Layout Options, Header, Footer & Etc. like below screenshot. It means, we've explained that section as a screenshot format. So, you'll get clear understanding of how it's working and that section tricks.

##### Follow The Simple Image Steps

#### Page Options settings

You have the possibility to select different Header Templates for each page at the Page Settings.Also you can change banner image for specific page and can hide header and footer. Topbar shortcode etc.

##### Follow The Simple Image Steps

#### Customizer settings

The Customizer will provide you an in-depth guide on how to Change Color. All color options are available in our theme customizer. The reason of we used customizer options for color section is because, you can choose each part of color from there and see the changes instantly using customizer. Highly customizable colors are in Appearance > Customizer

##### Follow The Simple Image Steps

#### Sidebar / Widgets

The Footer, blog, service and project Sidebar Element comes using Sidebar. Our Theme has some pre-made widget areas and also allows you to create an unlimited amount of custom widget areas. Just go theme Options >> Custom Sidebar and create new sidebar. All widgets are located on“Appearance > Widgets”

##### Follow The Simple Image Steps

#### Contact Form 7

We've used in our live demo site contact forms are from Contact Form 7 plugin. You can just install Contact Form 7 as normal plugin. And start using it in that native way. No more surprise or tricks.

##### Follow The Simple Image Steps

##### Here is the Home Page Contact Form 7 code

                                        <div class="row">
                                        <div class="col col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
                                        <label>Full name here*</label>
                                        [text* text-965 class:form-control placeholder "Ross Ward"]
                                        </div>
                                        </div>
                                        <div class="col col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
                                        <label>Email here*</label>
                                        [email* email-904 class:form-control placeholder "demo@gmail.com"]
                                        </div>
                                        </div>
                                        <div class="col col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
                                        <label>Contact number*</label>
                                        [tel* tel-578 class:form-control placeholder "+88 *** *** ***"]
                                        </div>
                                        </div>
                                        <div class="col col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
                                        <label>Select service*</label>
                                        [select* menu-503 class:form-control "Subject" "Kitchen plumbing" "Gas Line Services" "Water Line Repair" "Bathroom Plumbing" "Basement Plumbing"]
                                        </div>
                                        </div>
                                        <div class="col fullwidth col-lg-12 ">
                                        <div class="form-group">
                                        <label>Short text*</label>
                                        [textarea* textarea-698 class:form-control placeholder "Type your message"]
                                        </div>
                                        </div>
                                        </div>
                                        <div class="submit-area">
                                        [submit class:theme-btn "Get An Appointment"]
                                        </div>

##### Here is the Contact page Form 7 code

                                       <div class="row">
                                        <div class="col col-lg-6 col-12">[text* text-810 class:form-control placeholder "Your Name"]</div>
                                        <div class="col col-lg-6 col-12">[email* email-948 class:form-control placeholder "Your Email"]</div>
                                        <div class="col col-lg-6 col-12">[tel tel-811 class:form-control placeholder "Your Phone"]</div>
                                        <div class="col col-lg-6 col-12">[select* menu-988 class:form-control "Subject" "Office" "Home" "Shop" "Road" "car"]</div>
                                        <div class="col fullwidth col-lg-12 ">[textarea* textarea-151 class:form-control placeholder "Message"]</div>
                                        </div>
                                        <div class="submit-area">[submit class:theme-btn "Submit Request"]</div>

#### Contact Form 7 Official Documentation

The detailed documentation for Contact Form 7 is available in online(link found below). For any details or interactions about the Plugin features, please refer to that documentation. Due to our theme strictly followed Contact Form 7 native way, there is no point to mention in our theme documentation about Contact Form 7 plugin. So, please follow their official documentation.

Official Documentation

#### Footer Shortcode

The Footer logo and desctription comes using shortcode builder. You can add and insert shortcode from Appearance > Widget > Add Shortcode

##### Follow The Simple Image Steps

#### Elementor Custom Widget

In our theme we've used Elementor Page Builder custom widget. User friendly features to the next level. We've used some custom interaction methods to extend the usage of our shortcodes effectively without boring. All of our custom shortcodes listed under by Plumco Theme : By wpoceans filter like in below screenshot.

##### Follow The Simple Image Steps

## Change Log

Here is details of Plumco Change Log !

###### May 13, 2024

Version Name

1.0.4

UpdatedRelease

Download