Cargo Ships Pro Documentation

The Documentation For Your Awesome Theme Or Template


Introduction

  • Theme Name : Cargo Ships Pro
  • Author : mishkatwp
  • Support Forum : https://www.mishkatwp.com/support/mishkat-wp/
  • License : GNU General Public License v3 or later
  • Discription :The Ship WordPress Theme is a sophisticated and feature-rich website template designed to meet the unique needs of businesses in the maritime and shipping industry. Tailored for those who prioritise a professional and dynamic online presence, this theme offers a comprehensive suite of tools and aesthetics to elevate a ship-related website. This premium theme is characterised by a modern and sleek design, incorporating maritime elements and a colour palette inspired by the sea. The layout is carefully crafted to provide an immersive and user-friendly experience, ensuring visitors can easily navigate and access relevant information about shipping services, fleet details, and industry expertise. One standout feature is the integration of advanced customization options, allowing users to personalise their website extensively. From choosing colour schemes that align with their brand to selecting unique fonts, businesses can create a distinctive and branded online identity. The theme also supports various layout options, ensuring flexibility in presenting content and highlighting key services. The Ship WordPress Theme is more than just visually appealing; it prioritizes functionality to streamline business operations. A robust appointment scheduling system is also included, allowing users to efficiently manage client meetings and consultations. Additionally, the theme incorporates tools for tracking shipments or vessels in real-time, providing transparency and enhancing customer trust.

Setting Up the Theme

Configure Theme

You can also install your theme through the WP Admin interface

The first step is to log in to your WordPress admin area. Then, proceed by clicking on...

1. In dashboard click on Appearance >> Themes

2. After the page is loaded, click on the "Add New" button located at the top of the themes page.
3. Click on the button labeled as 'Upload Theme'.
Select the "cargo-ships-pro.zip" theme from the Browse button, and then click on the Install Now button.
5. WordPress will now install your theme and show a success message, along with a link to activate or preview it live. Congratulations on successfully installing your theme!

Demo Content Importer -

Follow below instructions to Configure cargo-ships-pro theme.

In the Dashboard, go to Appearance >> Cargo Ships Pro Themes Configure

Once you are on the Cargo Ships Pro themes Configure, click on the start button.

Once the demo importer process is complete, please check your site. All the content will be imported, and the theme will be displayed exactly like the live demo.

Essential Plugins

When you initially activate the theme, you'll be asked to install these plugins on your Dashboard. You can ignore the message if you don't want to install these plugins on theme activation, and if you change your mind later, you can install them manually.

In the Dashboard, click on Plugins >> Install Plugins.

Kirki

Plugin download link kirki


Contact Form 7

Plugin download link contact-form-7


Configure Menu

Configure Menu

In the dashboard, go to Appearance >> Menu

To access the Menu Editor, go to the Dashboard and click on the 'Appearance' menu on the left-hand side. From there, select the 'Menus' option.

To create a new menu, follow these steps:At the top of the page, select "Create a new menu".Enter a name for your new menu in the "Menu Name" box.Click on the "Create Menu" button.

Your new custom menu has been successfully created.

To add items to your menu

In the Menu Editor, locate the section labeled "Pages"

Click the checkbox next to each page's title that you want to add.

Once you have selected the desired pages, click the "Add to Menu" button.

Custom menu has been successfully saved

On the front end, the menu will appear as follows.

Cargo Ships Pro Theme Configure

Header Details

To proceed, you can set the Header Details by following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Header Settings

For the theme header details, you have the option to customize the header settings. You can choose from the following options for your header configuration.

On the front end, the appearance will resemble the following

Set Logo

To proceed with the Theme Logo Configure, you can set the site title and tagline by following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Site Identity >> Logo Or Set Title and Tagline You can also Enable / Disable Site Title and Tagline

On the front end, the appearance will resemble the following.

Slider Section

Slider Settings

To proceed with the Theme Slider Settings, you can configure the slideshow by following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Slider Settings

To configure the Theme Slider Settings, you have the following options for each slider:Set the heading and content for each slide.Set the button text for slider section.

On the front end, the appearance will resemble the following.

About Us Section

About Us Settings

To proceed with the About Us Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> About Us Settings

You can choose from this options for About Us settings.

You can set the main heading for this section You can images to display in the section.
On the front end, the appearance will resemble the following.

Our Services Section

Our Services Settings

To proceed with the Our Services Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Our Services Settings

You can set the main heading for this section. Select the our services counter of Services posts to view. For each service, you can set the image, title, and url. You have the following options to configure for each service setting

On the front end, the appearance will resemble the following.

Featured Section Settings

Featured Settings

To proceed with the Fishes Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Featured Settings

You can set the main heading for this section. Select the Featured counter of fishes to view. For each service, you can set the image, title, and url. You have the following options to configure for each featured setting

On the front end, the appearance will resemble the following.

Counter Section

Counter Settings

To proceed with the Counter Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Counter Settings

Select the stats counter. You have the following options to configure for each stats counter setting.

On the front end, the appearance will resemble the following.

Enquiry Section

Enquiry Settings

To proceed with the Enquiry Section following the instructions provided below.

Important Step:- Contact Form 7 plugin is necessary for creating a form.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Enquiry Section

You can set heading. & also put shortcode which is already created in contact form plugin

On the front end, the appearance will resemble the following.

FAQ Section

FAQ Settings

To proceed with the FAQ Section following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> FAQ Section

You can set heading content, images and FAQ for question and answer.

On the front end, the appearance will resemble the following.

Gallery Section

Gallery Settings

To proceed with the Clients Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Gallery Settings

You can set Select the Gallery counter of images posts to view. For each Gallery, you can set the images and text. You have the following options to configure for each Gallery setting

On the front end, the appearance will resemble the following.

News Feed Section

News Feed Settings

Fetch Categories

This screen is divided into two sections: "Add New Category" and "Category Table".

This table displays all of your categories. The categories are shown in a hierarchical and alphabetical order.

To set up the Category Settings, please follow the instructions provided below.

In the Dashboard, go to Posts >> Categories >> Add New

Once you have completed these steps, you will be able to see the categories in your theme customization options.

In this section, you need to add a new category for each post.

Fetch Post

In the Dashboard, go to Posts >> Add New

To proceed with creating a post, follow these steps:Choose a post title, enter the content, and set a featured image.Select the category in which you want your post to appear.

To set up the Post Settings, please follow the instructions provided below.

In the Dashboard, go to Posts >> Add New

You can create multiple posts for each category.

Once you have completed these steps, you will be able to see the posts on your front page.

Recent Blog Settings

You can set the heading and content of the section. In the latest news settings, you have the following options to choose from.

To proceed with the Theme Recent Blog Settings , you can set tab post , following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Recent Blog Settings

You can select the number of posts to view. You also have the option to choose a specific category. In the Recent Blog Settings, you can choose from the following options for each setting.

Once you have completed these settings, you will be able to see the posts on your front page.

Clients Or Testimonial Section

Clients Settings

To proceed with the Clients Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Clients Settings

You can set the main heading for this section. Select the Clients counter of testimonial posts to view. For each Clients, you can set the images, name, and content. You have the following options to configure for each Clients setting

On the front end, the appearance will resemble the following.

Our Sponsors Section

Our Sponsors Settings

To proceed with the Our Sponsors Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Our Sponsors Settings

You can set the main heading for this section. For each Sponsors, you can set the images. You have the following options to configure for each Our Sponsors setting

On the front end, the appearance will resemble the following.

Footer Configure Section

The footer is divided into four columns. There, any widget can be inserted.

1. In the Dashboard, go to Appearance >> Widgets

To add widgets to the footer, see the screenshot below.

You may easily add your own text or images to footer columns by selecting widgets like text, photographs, recent articles, and other options.

Navigate here and follow the instructions below to manage the footer's content and add some widgets.

2. In the Dashboard, go to Apwp-footer-setuppearance >> Widgets >> Footer Sidebar

After adding widgets to it, your footer will look like this.

Copyright Text for Footer

Copyright Text

You can fill out the copyright content to footer copyright settings to continue with the footer settings.

On the front end, the appearance will resemble the following.

Theme Color and Font

Configure Background

Background Settings

To proceed with the Background Settings following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Background Settings >> Testimonial Section

For each part, you can choose a backdrop color or image. For each Background Section, you can select from these possibilities.

On the front end, the appearance will resemble the following.

Configure Theme Font Style

Typography Options

To proceed with the Typography Options, you can change complete font style just one click. following the instructions provided below.

You can change heading and body font style

In the Dashboard, go to Appearance >> Customize >> Typography Options>>

On the front end, the appearance will resemble the following.

Configure Theme Color

Color Options

With just one click, you can change the entire font color as well as the background and border colors of buttons when using the theme color option.

In the Dashboard, go to Appearance >> Customize >> Theme Color Option

On the front end, the appearance will resemble the following.

Setting Page Templates

Configure Contact Page -

Follow these instructions to Configure contact page.

Make a page to set the template: In dashboard, click on Pages >> Add New Page

Give it any name you like, even "Contact." Choose the "contact page template" from the template dropdown after that.

Your page receives a parent page and a template from the Page Attributes section.


Construction of Contact Forms-

The Contact Form 7 plugin is installed in the usual way. Click Plugins > Add New search for Contact Form 7 in the WordPress dashboard's search bar. Choose the plugin from the search result, then click the Install Now button.

From the admin panel, just go to Contact > Contact Forms to create a Contact Form. There is a list of the forms that are available, though there are none, at now

You may also create your own contact form by clicking on the Contact >> Add New

constructing a new method of contact -

Give this new contact form a name and then scroll to Form. From this page, you can edit the contact form template.

The template specifies the various fields that will appear on your form as well as the labels that will appear next to those elements.

When you are done with changes, click Save.

Copying the Shortcode that appears next to your contact form is an important step. Additionally, this is shown in the form editor.

Contact Page Section

In the Dashboard, go to Appearance >> Customize >> Contact Page Settings >> Contact Page Section

Heading and content can be customized. For each Contact Page Setting, you can select one of these choices.

Place the Contact Form-7 shortcode code in customize option.

On the front end, the appearance will resemble the following.

Configure Blog Page

Set Up Post Right Sidebar

Follow these instructions to Configure post right sidebar page.

1. Make a page to set the template: Go to Dashboard >> Pages >> Add New Page

Caption it "Post Right Sidebar" or anything you want to. Then, from the template dropdown, chose "Post Right Sidebar.

This page template's parameters (such as section content, graphics, and the number of posts they display) are configurable.

A parent page and a template are provided for your page in the Page Attributes section.

1. Make a page to set the template: In dashboard, click on Pages >> Add New Page

On the front end, the appearance will resemble the following.


Set Up Post Left Sidebar

Configure post left sidebar page by following these instructions.

1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page

You can call it whatever you like, like "Post Left Sidebar". Next, choose "Post Left Sidebar" from the list of available templates.

This page template's parameters (such as section content, graphics, and the number of posts they display) are configurable.

Your page receives a parent page and a template from the Page Attributes section.

1. Make a page to set the template: In dashboard, click on Pages >> Add New Page

On the front end, the appearance will resemble the following.

Configure Page Template

Set Up Page Right Sidebar

Follow these instructions to Configure page right sidebar page.

1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page

Label it anyway you desire, such as "Page Right Sidebar." Then, choose "Page Right Sidebar" from the list of available templates.

This page template's parameters (such as section content, graphics, and the number of posts they display) are configurable.

A parent page and a template are provided for your page in the Page Attributes section.

1. Make a page to set the template:In dashboard, click on Pages >> Add New Page

On the front end, the appearance will resemble the following.


Set Up Page Left Sidebar

Follow these instructions to Configure page left sidebar page.

1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page

You can give it whatever name you like, such as "Page Left Sidebar". Then, choose "Page Left Sidebar" from the list of template options.

This page template's parameters (such as section content, graphics, and the number of posts they display) are configurable.

Your page receives a parent page and a template from the Page Attributes section.

1. Make a page to set the template: In dashboard, click on Pages >> Add New Page

On the front end, the appearance will resemble the following.

Settings for Theme Posts & Pages


Post Content Settings

Post Content Settings

To proceed with the you can set post content lenght, following the instructions provided below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Post Settings

On the front end, the appearance will resemble the following.

Reorder Settings for Sections

Reorder Settings in Section

You can edit or rearrange the section before continuing. following the guidelines listed below.

You can choose to make the area invisible. For each section's reordering settings, you can select one of these choices.

In the Dashboard, go to Appearance >> Customize >>Theme Options >> Header Settings >> Section Reorder Settings

On the front end, the appearance will resemble the following.