Playlet Theme Color Settings

We understand the importance of colors of a website as they’re a part of the web identity. We’ve included all the business colors which can be switched easily in an instant. We’ve 6 built-in colors for playlet theme which are –

  1. Yellow
  2. Blue
  3. Green
  4. Black
  5. Orange
  6. Pink

You can request us here if you want any other color apart from the above ones.

How To Change The Theme Color-

Navigate to Appearance > Customize > Theme Settings > Theme Color. You can simply choose any color suitable for your business niche or logo.

Playlet Testimonials Settings

Nowadays, almost everyone buys a product after reading customer reviews, testimonials or opinions. We’ve added an awesome section where you can add up to 4 customer testimonials.

How To Add Heading & Description Of Testimonial Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Testimonial Headings> Testimonial Section Heading to add heading text.

Similarly, Navigate to Appearance > Customize > Home Page Settings > Testimonial Headings > Testimonial Section Description if you want to add the description for the testimonial section.

How To Add/Change Content Of Testimonials On Home Page –

There are 4 testimonials where you can add content to and each of them consists of following options –

  1. Client Image – You need to upload the client image here.
  2. Client Text – Here you can add the testimonial text given by the client.
  3. Client Name and profile/website – Here you can add client’s name and profile or website.

Playlet Team Settings

All customers want to know who are the people behind the business doing their work or providing services. So we’ve designed a team section to display team members information.

How To Add Heading & Description Of Team Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Team Headings > Team Section Heading to add heading text.

Similarly, Navigate to Appearance > Customize > Home Page Settings > Team Headings > Team Section Description if you want to add the description for the team section.

How To Add/Change Content Of Services/Features On Home Page –

There are 4 team member sections where you can add content to and each of them consists of following options –

  1. Team Member Image – You need to upload the team member’s image here.
  2. Team Member Name – Here you can add the name of the team member.  
  3. Team Member Profile – Here you can add profile/designation for the team member.  
  4. Team Member Description – You can add team members description or a kind of short introduction about the team member.
  5. Team Member’s Facebook Link – Here you need to add Facebook profile link of the team member.
  6. Team Member’s Twitter Link – Here you need to add twitter profile link of the team member.
  7. Team Member’s Google Plus Link – Here you need to add google plus profile link of the team member.
  8. Team Member’s Linkedin Link – Here you need to add LinkedIn profile link of the team member.

Playlet Styles & Scripts Settings

We’ve seen a lot of people asking questions on facebook groups, searching on google about how to add google analytics code or Adsense code in a WordPress theme. So we decided to provide separate options to do so.   

How To Add Scripts & Styles In Header Of The HTML Code –

Navigate to Appearance > Customize > Theme Settings > Styles & Scripts Section  > Add Styles & Scripts in Header. Here you can add styles and javascript code in the header of the HTML code of the playlet theme.

How To Add Scripts & Styles In Footer Of The HTML Code –

Navigate to Appearance > Customize > Theme Settings > Styles & Scripts Section  > Add Styles & Scripts in Footer. Here you can add styles and javascript code in the footer of the HTML code of the playlet theme.

Note: Make sure styles are enclosed with <style> tag and javascript code is enclosed with <script> tag. Else it won’t work.

Playlet Services Settings

Almost each and every business is known because of its services. So we’ve designed a separate section for services. These are also known as feature boxes where one can represent his/her business features. It’s pretty easy to configure and setup the services on the home page. We’ve provided a total of 6 services on the home page. One can easily change or add content to it.

How To Add Heading & Description Of Service Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Service Headings > Service Section Heading to add heading text.

Similarly, Navigate to Appearance > Customize > Home Page Settings > Service Headings > Service Section Description if you want to add a description for the service section.

How To Add/Change Content Of Services/Features On Home Page –

There are 6 services where you can add content to and each of them consists of following options –

  1. Service Image – You need to upload the icon image for the service.
  2. Service Heading – Here you can add service heading.
  3. Service Description – Here you can add service description.  
  4. Service Link – Here you can add service link.

Playlet Section Sorting Settings

We’ve designed this theme to provide ease and flexibility for the user. This is one of the best features of the theme. People find difficulty in changing the layouts. Either they are forced to use page builders or to approach developers to achieve this. But with this theme, they don’t have to do any of them.

Here’s where section sorting comes. The user can simply shift, adjust and sort sections according to their requirements. They can even turn on and off any section to meet their requirements.

Following are the list of sections we’ve designed suitable for any business niche –

  • Services
  • Banner
  • Blog
  • Pricing
  • Contact
  • Testimonial
  • Team

We’re still working on major sections which can be added. If you would like us to add which is suitable according to you, you can request it here. (Link of the support page or a separate feature request page or contact page)

How To Sort Home Page Sections –

Navigate to Appearance > Customize > Home Page Settings > Section Sorting. You can simply drag and drop the sections up and down. You can even turn on and off the section by clicking on the eye icon visible at the left side of each section.

Playlet Pricing Settings

Pricing Tables is one of the backbones of any business website. We’ve designed a beautiful, yet effective section of pricing tables. There are a total of 3 pricing tables one can add. But if you would like to increase them, you can request us here.

How To Add Heading & Description Of Pricing Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Pricing Headings > Pricing Section Heading to add heading text.

Similarly, Navigate to Appearance > Customize > Home Page Settings > Pricing Headings > Pricing Section Description, if you want to add a description for the pricing section.

How To Add/Change Content Of Pricing Tables On Home Page –

There are 3 pricing tables where you can add content to and each of them consists of following options –

  1. Pricing Plan Name – You can give a different name for each pricing table.  
  2. Pricing Plan Price – You can set price for the pricing table here.
  3. Pricing Plan Features – You can add features for the pricing table here. Multiple  Features should be separated by the comma.
  4. Pricing Plan Link – You can add the link for the pricing table here. You can add the link of your sales page, service or anything else.

Playlet Mobile Menu

We’ve powered the mobile menu with social icons along with the logo. We have a separate mobile menu to optimize the speed of the theme. Also, there’s an option to upload the mobile logo separately, as it’s going to be way too small in comparison to larger screens like a desktop.

How To Add Social Icons In Mobile Menu –

Navigate to Appearance > Customize > Mobile Settings > Mobile Social Icons to add social icons in the mobile menu. You just have to paste the links of your social platforms in their respective fields. You can add links for following social platforms –

  • Facebook
  • Twitter
  • Google Plus
  • Linkedin
  • RSS
  • Pinterest
  • Instagram
  • Youtube

If you would like us to add any other social platform link, you can request it on our support form. (Link for support forum).

How To Add Logo In Mobile Menu-

Navigate to Appearance > Customize > Mobile Settings  > Mobile Logo/Background. Upload the logo file in PNG or JPEG format. Recommended size for the logo is 185px X 45px. You can also add alt text for the logo.

How To Add Background Image In Mobile Menu

Navigate to Appearance > Customize > Mobile Settings  > Mobile Logo/Background. You can upload the background image for the mobile menu here.

Note: Make sure the size of the image used for mobile menu background should not exceed 2KB. Else it will affect the site speed in mobile & tablet devices.

Playlet Header Options

Header comes with a logo space which powers up your web presence and a call-to-action button to maximize your leads & sales.

How To Setup The Header –

Navigate to Appearance > Customize > Header to access the header options.

How To Upload The Logo –

Navigate to Appearance > Customize > Header > Logo. Upload the logo file in PNG or JPEG format. Recommended size for the logo is 245px X 60px.

How To Upload The Logo –

Navigate to Appearance > Customize > Site Identity. You can upload the site favicon here. Recommended size for the favicon is 512px X 512px

Call-to-action Button Settings –

You can turn on and off the call-to-action button. You can also change the text and link of the call-to-action-button.

Playlet Customizer

Playlet Customizer comes with powerful and advanced features. We’ve divided it in 3 major sections –

  1. Theme Settings
  2. Home Page Settings
  3. General Settings

To access the customizer – Navigate to Dashboard => Appearance => Customize.

Theme Settings –

It includes  –

  • Header settings
  • Theme color
  • Styles & scripts settings
  • Mobile settings

Home Page Settings –

You can manage the content of the home page from here.

General Settings –

All settings related to menus, widgets and site info can be managed from here.

Playlet Contact Settings

Contact section is a must for any kind of business. Customers and vendors definitely look out to contact the business owner from their website. So we’ve designed a separate section for contact on home page, so that customers can contact you with ease.  

How To Add Heading & Description Of Contact Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Contact Headings > Contact Section Heading to add heading text.

Similarly, Navigate to Appearance > Customize > Home Page Settings > Contact Headings > Contact Section Description if you want to add the description for the contact section.

How To Add Image In Contact Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Contact Info > Contact Section Image. Here you can upload the image in PNG or JPEG format. Recommended size for the image is 375px X 375px.

How To Email & Contact Number In Contact Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Contact Info. Here you can add your business email address and contact number so that people can contact you.

Playlet Blog Settings

Blog plays an important role in the sales of any product or service. Website’s major traffic comes via blog posts. Therefore, it’s a must-have entity for a website. We’ve designed a blog section on the home page to target the audience.

How To Add Heading & Description Of Blog Section On Home Page –

Navigate to Appearance > Customize > Home Page Settings > Blog > Blog Section Heading to add heading text.

Similarly, Navigate to Appearance > Customize > Home Page Settings > Blog > Blog Section Description if you want to add the description for the blog section.

How To Choose Blog Categories To Display On Home Page

Navigate to Appearance > Customize > Home Page Settings > Blog > Blog Categories. Select categories whose posts you would like to show on home page. You can select multiple categories. If you won’t select any of the categories, 4 posts which are recently published will get displayed.

Playlet Banner Settings

The banner section is specially designed to increase your leads and boost up your sales. You can redirect your users to your service page, product page and something else which you think is important from here.

How To Add Heading And Description Text For Banner Section –

Navigate to Appearance > Customize > Banner > Banner Heading to add heading text

Similarly, Navigate to Appearance > Customize > Banner > Banner Description, if you want to add the description of the banner section.

How To Add Button Text & Links In Banner Section –

Navigate to Appearance > Customize > Banner. You can add button text and link for both the buttons here. It won’t be visible if you will leave any of them empty. So if you would like to have only one button, you can leave the second button text and link empty.

How To Add Image In Banner Section –

Navigate to Appearance > Customize > Mobile Settings  > Banner > Banner Image. You can upload the banner image from here.

What’s Included

When you download the Playlet theme from your account on ThemeMantis, you download the complete package (.zip file) which includes folders and files related to the theme. Following is the list of files includes in the package –

  1. Documentation – You can check the theme’s general info and link to the online documentation. (maybe we can create and include a PDF file)
  2. Playlet.zip – The main theme file.
  3. Changelog – It’s a list of the changes made in the theme.
  4. Demo Content – Demo files which can be easily imported manually.
  5. Licensing – Information about the general license.

Theme Requirements

Below are the recommended configuration and settings under which the theme will work perfectly and will avoid errors like a blank screen, theme installation error or, demo content import fails. You can configure the changes yourself or you can contact and ask your hosting provider to them up for you.

Of course, these are not the absolute values, as the performance of the theme varies and depends on hosting, server configuration, bandwidth etc.

Server Requirements –

  1. WordPress 4.0 or later
  2. Apache or Nginx
  3. PHP version 5.4 or greater
  4. MySQL version 5.5 or greater
  5. The mod_rewrite Apache module must be enabled

WordPress recommends PHP version 7.0, but we still recommend PHP version 5.5 to maintain backward compatibility with many plugins.

You can read more about PHP memory in WordPress Codex.

PHP Requirements –

  1. upload_max_filesize 40M
  2. post_max_size 128M
  3. max_execution_time 180 (Execution time should be increased if the server is slow and unable to import data.)
  4. max_input_vars 5000
  5. php.ini memory_limit: 64MB

You can check your PHP settings by installing WordPress php_info() plugin. Also, you can ask your hosting provider if you don’t have enough knowledge.

Hosting Requirements –

Hosting is one of the major factor responsible for the performance of the WordPress. If WordPress is working perfectly on your hosting space, the theme should too.

Performance depends on the type of hosting and type of hosting depends on the number of visitors you’re getting on your website.

Cheap Shared Hosting –

Generally, this kind of hosting has a limitation of number of visitors to 1-2000 unique users per day. If you’re not getting much traffic and not using a lot of plugins, then you can choose this hosting for you business. You website might get down in case of heavy traffic.

VPS Hosting –

Range for number of visitors varies from 2000-6000 unique users per day for this type of hosting. More RAM your server has, more the performance you will get. VPS can handle traffic really well if configured properly with enough RAM and a swap partition.

Dedicated Server –

It is one of the most efficient and powerful solution recommended for a well running business. It has a capability of handling over 6000 unique visitors per day and handling the traffic way ahead of the rest of the hosting types.

Theme Installation

ThemeMantis theme can be installed by using two methods –

  1. Installation via WordPress
  2. FTP Installation

Installation via WordPress –

Installing a ThemeMantis theme through WordPress is easy and simple process. You just need to follow these steps –

  1. Login to WordPress admin section.
  2. Navigate to Appearance > Themes.
  3. Click Install Themes and then click the Upload button.
  4. Navigate the zip file of the theme (example: playlet.zip) on your computer and click Install Now.
  5. After the installation of the theme, navigate to Appearance > Themes. Click on the Activate button appearing on the hover of the theme you want to install.
  6. After theme activation, you will be redirected to the welcome screen, where you can check system status, backup & restore options, support & documentation links etc.
  7. Also, you will be asked to install the recommended plugins for the theme. Install and activate the recommended plugins according to your requirements.

Installation via FTP –

Before FTP installation, you need to take following steps –

  1. Download the theme package file (.zip file) from your account on ThemeMantis.
  2. Extract the zip file on your local computer and navigate to theme.zip (Ex: playlet.zip – this is the theme file you’re going to install).
  3. Make sure you’ve a FTP client software like Filezilla installed on your computer.
  4. Also, you need FTP credentials to login to your host via FTP client.

Below are the steps you need to take for FTP installation of the WordPress theme –

  1. Log into your FTP client to access your hosting server.
  2. Upload the zip file in wp-content/themes on your server. Extract the zip file.
  3. After uploading, you need to activate the theme from your WordPress dashboard. Navigate to Appearance > Themes and activate your theme.
  4. After the theme installation, you will be redirected to the welcome screen where you can check system status, backup & restore options, support & documentation links etc.
  5. Also, you will be asked to install the recommended plugins for the theme. Install and activate the recommended plugins according to your requirements.

NOTE –

  1. Please do not upload the theme package file as you will definitely get an error. You only need to upload the theme zip file, i.e, main file (Ex: playlet.zip, not playlet-package.zip).
  2. If you’re getting an error like, “Are you sure you want to do this?” while installing via WordPress, you need to check PHP settings on your hosting server. Some servers have upload_max_filesize to 2mb which is the reason you might get an error. To solve this problem,
    1. Either you need to increase the maximum upload size to 30MB on your hosting panel.
    2. Or you can ask your hosting provider to do it for you if you do not have the privileges to modify PHP settings on the server.