General Information

Deep Soul is a creative, stylish, modern and fully functional template. If you are a fashion blogger, a traveler, a photographer or a creative person who knows a lot and would like to share with people your skills, our WordPress Blog Theme is perfect for YOU!

We have created 6 styles for the interface. Using our customizer you can modify them or generate new unlimited styles. Thus you will create your individual profile and demonstrate it to the whole world. Our elegant and adaptive design is focused to be easily readable so that it is based on well-structured posts. We are sure it can help you to attract the reader's attention. You can use a page-builder for every page, and construct your unique private style. The blog includes powerful features which allow you to share not only your posts, but to sell your products or services online.

All these actions you can easily do with a couple of clicks.

Theme Features

Responsive - A fully responsive layout that adapts perfectly for all device resolutions.

Visual Composer plugin included - This theme includes the Visual Composer plugin, saving you $34.

Ajax Live Search - search about anything quickly with live search on the toolbar.

Different Layouts - 9+ different custom blog layouts.

Different Styles - 6+ different custom homepage layouts.

Header Layouts - 6+ different custom header layouts.

Custom Widgets - 8 custom widgets (Ajax Search, Banner, Favorite Posts, Post Slider, Post Slideshow, Post Slideshow Advanced, Post Switcher, WooCommerce Cart).

Custom Shortcodes for Visual Composer - 18 custom shortcodes for VC (Accordion, Alert Box, Banner, Button, Countdown Timer, Cover Content, Dropcaps Text, Photo Gallery, Lightbox, Modal and others).

Multiple blog layouts and post formats - When you publish a blog, you can choose multiple post formats like video, audio, gallery, image and quote.

Mega DropDown Menu - Supports different slide transitions for the drop down effect and remains visible when the mouse leaves unintentionally.

Build Your Shop - With WooCommerce integration, you can sell almost anything online.

One Click Demo Install - A demo package is a full WordPress installation, which includes the theme and sample data responsible for the layout and setup of our demo

Site Offline or Coming Soon - Use this feature to enable/disable site offline mode. If Site offline Mode is enabled regular visitors of your site will see a maintenance mode page while you as an admin can make changes to your site. A very useful plugin for users who want to display a “coming soon” page before their websites go live or run maintenance work by taking it offline.

Disable Responsive Images - Disables responsive images introduced in 4.4.

Cross-Browser Support - The themes work great with all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 10+

HTML5 and CSS3 Techniques - Take full advantage of modern web technologies. Semantic HTML markup and standards compliant CSS.

Fast and Lightweight - Optimized loading times thanks to file minification, Gzip compression, Data URIs and image sprites.

Warp Theme Framework - A fast and slick theme framework which provides a rich tool set to develop cross-platform themes.

Easy Customization - All scripts are flexible and modular, which allows you to enable and disable effects as you like.

Easy Update - Get automatic update notifications for the theme.

Installation & Basic Setup

Demo Package Installation

Extract the Demo-Package.zip file from the Demo Content folder in the theme package you’ve downloaded from ThemeForest and upload its content via FTP into the working directory of your hosting. After that you can install the template with all the settings and demo content by doing several simple steps just like usual WordPress website.

WordPress Installation

Upload and Activation

It’s so easy to install a WordPress Theme, check it out!

  1. Navigate to Appearance - Themes in your WordPress admindashboard.
  2. Click the Add New button at the top of the page then go for the Theme Upload option.
  3. For the file upload, pick Theme Files - deepsoul.zip in the theme package downloaded from ThemeForest and click Install Now.
  4. Click Activate once the upload has finished and you’re ready for the next step: Installing the Plugins.

Installing the Plugins

Once the theme has been activated, you’ll see a notification at the top of the screen suggesting to continue with the installation of the plugins recommended for getting the best of your theme.

  1. Click Begin installing plugins and select all the plugins in the list.
  2. Activate the Plugins you just installed.

FTP Installation

  1. Log into your site via FTP
  2. Browse to your folder located at wp-content/themes
  3. Unzip the deepsoul.zip folder and upload only the extracted deepsoul folder to your server
  4. Log Into WordPress and navigate to Appearance > Themes
  5. Find the DeepSoul and click to activate
  6. Next step: Installing the Plugins.

Theme Settings

In this section we will look through all the advantages that our theme has. You will know more about the parameters you can use to customize and change the theme for yourself.

Customizer

There are several created styles in our theme. You can change our styles or make your own unlimited styles and use them on different layouts.

Use the customizer to create your own style. You can pick colors, modify sizes and much more with a real time theme preview. Choose the style to be loaded in the layout options on the three dots, and select Customize.

Settings

  1. Compression - combine, minify, cache and compress CSS and JavaScripts on the fly.

  2. Responsive - the viewport meta tag controls the layout on mobile browsers. If it's not set, the default width on mobile is 980px and the site will look the same like on desktops.

  3. Posts Settings - you can change the style of the home page and the sort order of the posts in the columns, deactivate display of the related posts and many others.

  4. WooCommerce - you can change a number of products in the row and on the page. These parameters can also be changed for any separate category.

  5. Maintenance mode - adds a splash page to your site that lets visitors know your site is down for maintenance. It's perfect for a coming soon page.

  6. Social Buttons - display social buttons in your posts to share them in social media.

  7. Widgets - choose the default widgets style for each position. In this block you can also point on what pages you want to display or hide any widgets position. For example, there are some widgets you have in the position and you want to hide them on some page. There is no necessity to open Widgets Section and hide each widget one by one. You can easily do it for the whole position.

Page Settings

  1. Favorite Posts - if you want your users could follow the list of their favorite posts, you should create a new page and insert [ete_favorite_posts] text into content section. You also can do it with the help of Visual Composer.

    In the settings of the theme choose Page Settings > Favorite Posts and select the page on which we have this shortcode. You also can change the style of the page of your favourite posts.

  2. Search Page Settings - there are some extra settings on all the pages and posts. In more details we will speak about them in the section Page and Post Metabox. But Search Results Page is a dynamic one, so in the theme setting we created an opportunity to customize it as any other page of the site.

  3. Login Page Settings - if you are sick and tide of your standard login page, you can enable custom login screen and get a wonderful page framed in the style of your site instead of the dull standard form.

  4. Error Page Settings - The 404 error page is a generic, browser-issued web page that tells a visitor when a page they are looking for can’t be found. A custom 404 error page, is a specially-designed page that delivers the same message but in a more helpful, user-friendly way that honors the brand. It can tell the visitor what’s going on and what to do next.

Layouts

Store your modifications in a layout profile and assign it to different pages. For example, you want your sidebar on the left side on one page, but on the other page you want to see it on the right; or you wish the width of the sidebar were 33%, but in the shop it is 25%. These are just a few examples, but it is really a powerful tool which helps you to realize all your ideas. The default layout will be used on pages without an assigned layout.

  1. Style - you can apply different styles to different pages on one site.

  2. Header Layouts - you have an opportunity to change Header Layout with one click. It is also possible to use different Header Layouts on various pages.

  3. Hide system output - this function will help you, if you need to hide the main content section of your site. An example is to show only widgets on the page.

  4. Sidebars - you can customize the width and position (left or right) of the sidebars on different pages.

  5. Grid layout - you can choose the grid layout for each position. Further, you can enable horizontal dividers and prevent the responsive grid behavior.

    • Parallel - all the blocks are in one line and they have equal width. With the help of Responsive you can easily adjust the border of the blocks when they are under each other and of the same width.
    • Stacked - all the blocks are under each other.
    • First doubled - the first block has double width. If you use, for example, two blocks, the first one will take 2/3 and the second one 1/3 of the width of the content.
    • Last doubled - the last block has a double width. For example, if you set two blocks, the first one will take 1/3 and the second 2/3 of the width of the content.
    • Merge center - width of the content is divided into 3 equal parts. If there are more than three blocks, the second and the third will be under each other.

Widgets

There are some important points in this section we would like to draw your attention. In Settings > Widgets you can choose the default widgets style for each position, but in this section we can also select the style of each widget separately, no matter what position it is in.

So, let us review each option separately:

  • Title - you can hide or demonstrate the title of the widget.
  • Assignment - you can control the visibility of the blocks on different pages. For example, there is only one position where two sliders are displayed. We need to display each of them on different pages.
  • Class - if you are an advanced user and know the basics of CSS, you can appoint additional classes to the widgets and stylize them to your own taste.
  • Style - you can select the style of the widgets not depending on the style of its position.
  • Icon - you can set the icons to the titles of the widgets. You just have to select the icon from the list.
  • Badge - you can emphasize some widgets with the help of Badge.
  • Display - you can easily hide the widget at any device. Just click its icon! This function can be useful for some widgets, if you don't need them on the tablet or phone.

Menus

If you use our theme, you don’t have to install additional plugins to make Mega Menu. Just add your main menu with a second level menu item and it will appear on the site as Dropdown Menu. When there is a lot of such items in your menu, you be able drop them into several columns. Their maximum is 4. You can also change the width of the column adding the icon and Subtitle for each menu item.

Information

In this section you can see the theme version, system information and the most important thing – File Verification.

If you changed files over FTP and now having a new version of the theme you want to upgrade it, so you will have a list of changed files and it will be easier to do it.

Custom Meta Boxes

Posts Meta Boxes

In our theme we provided for you a few styles Single Post Page. Featured Image is inserted in the Header on the Single Post Page by default, but there is a possibility to set a unique style for every post. For example, you can leave the display Top A and Top B widgets on the page in the Header and hide or show the sidebars positions etc.

This section includes Post Format Options. You can easily denote authors for the quotes, make your gallery and insert video and audio.

Pages Meta Boxes

While creating pages, we use the same settings as for Single Post Page. It gives us an opportunity to manage your page style. You can also turn on or turn off the inheritance of the Post Page style to avoid conflicts CSS.

Products Meta Boxes

When you add or edit products except Featured Image, you have a possibility to add an image for the Header.

Custom Widgets

Favorite Posts

This widget displays a number of posts, you added to the list of Favorite Posts. You can find only one link to go to the Favorite Posts Page here.

Post Slider

Post Slider Widget is an effective tool for adding post sliders to your website. This widget is universal and you can use it in different positions on the site.

Post SlideShow

We create two fully responsive slideshow widgets with swipe and powerful mobile devices support. Slideshow has classic and advanced design with clean and stylish interface elements. There are 4 transition effects and three types of filtering posts. The first one is by category, the second one is by post ID's and the third one is by marked posts (you can find an additional field on the editing post page in the Post settings section).

Post Switcher

This widget was created especially for using it in Dropdown Menu, but you can use it in any other position.

Custom Shortcode

Accordion

Alert Box

CountDown

Cover

This shortcode allows you to create fullscreen teasers using images, objects or even iframes. It will always be centered vertically and horizontally and cover its container without losing its proportions regardless of the kind of element. You can also place additional content like a text, or an image on the top of your image or video.

Scrollspy Nav

Scrollspy Nav shordcode is used to add and automatically update links in the navigation list based on scroll position. Each menu item must link to the ID of its corresponding part on the site.

Table

Table Shortcode allows you to easily create and manage beautiful tables. You can embed the tables into posts, pages, or text widgets with this shortcode.

This shortcode uses extended markup for table creation and the default column separator is |.

Tab

Updates History

Version 1.0.0

  • Initial Release