Splash

Multipurpose Wordpress Theme

version 3.3

Created: 19/07/2014
Latest Update: 24/12/2020
By: dynamicpress
Email: studio@dynamicpress.eu

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to ask us via our support forum. Thanks so much!

Installation

System Requirements

Splash as any WP theme have some system requirements, listed below:

PHP 5.2.4+
MySQL 5.0+
Apache 1.3 (2.2+ recommended)
The mod_rewrite Apache module

Browser Requirements

The back-end administration requirements of Splash admin panel in order of preference are as follows:

Firefox 3+
Safari 4+
Google Chrome 3+
Opera 9+
Internet Explorer 7+

Traditional Way Installation

Step 1: Upload Theme.

Upon downloading the package, you will have an "Splash_theme" folder inside the theme package.Unzip Splash_theme.zip located in this folder. Upload this folder to your themes folder at: your WordPress installation root directory /wp-content/themes

NOTE: Our theme is relatively large (due to a number of graphic files for pattern and prepackaged plugins). Therefore, sometimes by specific settings memory limit for WP or very low settings max_upload_file size may occur error when you try to install using the WP Installer.In this case you should change server settings or use traditional method of WP theme instalation via FTP.

Step 2: Activate the theme.

After you see that the theme has been successfully uploaded, you can click "Activate" to activate the theme. You may want to click "Preview" first just to make sure the theme won't break.

Please login fo WP Dashboard. You will see some instructions and informations about next installation steps

Please follow this instructions.

Step 3: Save theme options.

This is necessary because after first theme installation Wordpress have no idea about default theme options. They must be saved first.
Go to theme options

Click butoon Save

Step 4: Install necessary and recommended plugins.

For the proper functioning of the theme some plugins are required. Some plugins are also recommended.
You can install this plugins automatically clicking on link Begin installing plugins.

NOTE: All this plugins are also available in full theme package in folder /plugins. You can install this plugins manually any time.

At this point the theme is basically installed and ready for use. Although it does not have any content.

If you will import sample data and widgets please follow next steps. All necessary sample data are located in full theme package in folder /sample_data

Step 4 (Optional): Import sample data.

To set your theme options as in our demo navigate to > Splash -> Sample Data Import

Please select data to import (if you will restore our demo page please select All) and click Import Demo Content button.

Theme Setup

To customize the appearance and functionality of your web site to your needs you should to use Splash administrative panel .

Splash comes with robust and inteligent Admin Panel. It allows for easy and intuitive to set all aspects of appearance and function of theme. Creating your own skin has never been as easy. Plenty of options allows you to create the unique appearance of the page with a few clicks without writing a single line of code. This quick guide to the built-in Splash Admin Panel will show you how to do it.

1. General Options

Here you can set all general options of theme:

Colour scheme
Yoy can select predefined color scheme but please remember that this schemes overwrite some settings in admin panel. So if you will take full control over all aspects of layout please select option Default (as in admin panel)
Breadcrumbs display

2. Layout

Here you can set all general options of theme layout:

Theme width
Custom width for mobile devices
Sidebar and inner column width and position
etc.

3. Navigation Settings

Here you can set general options for main menu:

Enable menu display for all or only certain pages
Set menu Depth

4. Typography

Here you can set all typography aspects:

Font for body

Font for Headers

Two custom fonts for other elements eventually

Default font size for body and headers

Please note that you can use any actually available in Google Font directory or Adobe Edge font. We don't have hardcoded fonts in theme. You only paste link to selected font. This solution seems to be more flexible. You can customize selected font familly (use certain font wieght and subsets for special characters). From other hand you are not limited only to hardcoded in theme font set.

5. Apperance

This is indeed skin cretor. Here you can set colour, background color, pattern, background image for all important theme areas.
You can do it using color pickers, slideers and switchers in few minutes.

Theme color scheme is based on three accent colors:

Main accent color used for all accented elements like buttons, links etc. In our demo it is #5F8CB4
Secondary accent color used for some accented elements or hover states. In our demo it is #A0A5AA
Third accent color used for dark accented elements. In our demo it is #2d3e52

Additionaly you can select custom colors practicaly for any important theme area (header, subheader, footer)

6. Content Options

Here you can set many content related options:

Social icons displayed in header and footer.
Disable or enable like counter for posts and portfolios
Disable or enable display comments on pages
Disable or enable display author info
Set witch post meta data will be displayed
Set default category and blog page layout
Excerpts length
Portfolio items per page
Default portfolio page
Email for built in theme contact form

7. Advanced

Here you can set some advanced theme options:

Use widget rules.
This is very flexible feature witch allow set visibility, style for all widget individuall. More detailed is desribed bellow.
Use prefix free css
Add Google tracking code
Use thickbobx
Enable or disable support for OpenGraph and OpenSearch

8. Social API

Here you can set all social API related options:

Enable / disable Facebook like button
Enable / disable +1 button
Enable / disable tweet button
Enable / disable tweet cards support
Enable / disable pin it button

8. Social API

Here you can set all social API related options:

Enable / disable Facebook like button
Enable / disable +1 button
Enable / disable tweet button
Enable / disable tweet cards support
Enable / disable pin it button

9. Branding Options

Here you can add some own brand to the theme:

Upload own logo for header and footer
Change default theme name
Change backend logo (on login screen)
Change favicon
Change default logo in admin menu
Change copyright text
Change theme author link
Change, enable / disable documentation link

10. SEO Options

Here you can customize build in the theme SEO:

Enable / disable built in simple SEO
Change default title
Change default description
Change keywords for home page

11. Woocommerce Options

Here you can customize some options for Woocommerce pages:

Enable / disable display sidebar on woocommerce pages
Enable / disable display add to cart button on catalog pages
Enable / disable display short descriptions on catalog pages
Count of chars in short descriptions

12. Import / Export Options

You can any time save current theme options setting or restore previous saved theme options

Portfolio Settings

Splash theme has built-in custom post type portfolio.

1. Create portfolio item

Go to 'Portfolio > Add New' and fill your content.

Splash support three portfolio item types:

Single image.
This is basic type. Use featured image as thumb and main image.
Video item.
If you select this item type you will see additional field for video link. As thumb in category view will be used featured image. On single portfolio item view instead image will be displayed video.
Gallery item.
If you select this item type default wordpress gallery added to content (using media editor) will be displayed on single portfolio item view instead image. As thumb in category view will be used featured image.
Multiple image item.
If you select this item type you will see additional field for additional images. Simply add images in this field using Media Manager.
This images will be displayed in single portfolio item view bellow main image (featured image).
Custom item type.
If you select this item type in single item view will be displayed only content of item description (all additional meta data as date, skills, etc will be ignored). This way you can create custom layout for single item view using Visual Composer for example.

2. Create portfolio page

To create portfolio page , go to 'Pages > Add New' and select one of Portfolio page templates.

Additionall go to Splash options panel > Content Settings and set some portfolio specific settings as item per page, default portfolio link (used as link to category view in single portfolio item view)

Slideshows Settings

Splash theme uses cutom post type Slides (can be organized in categories named Sideshows) for all type of in content slideshows and carousels sliders.

Create slide

To create slides and slideshows go to Slides menu in WP dashboard

Generally, each slide can be declared as:

Image Slide

This type of slide use featured image of post. If you select this type of slide in post editor content area will be hidden (is not used by this type of slide) and visible will be only post custom fields:
- Description
- Image link
Content Slide
This type of slide use content area of post (featured image, slide description and slide link will be ignored).
This type of slide can be used in OWL carousels
Type of slide you can easy choose by edition and change any time.

Built in features

Splash theme has built-in a few custom features.

Built in Visual Composer

The Visual Composer WordPress plugin is a premium page builder plugin created by WPBakery. This plugin is one of the best tools available to add drag and drop functionality to your WordPress theme.

The Visual Composer makes it easy for users (beginners and gurus alike) to create pages in minutes by adding various content and page elements, then dragging them into place. Creating custom pages really couldn’t be any easier.

Originally plugin includes over 40 content elements.
We add some additional feaatures to core Visual Composer elements:

Parallax background images for sections
Video backgrounds (WEBM or YouTube) for sections
Icons for Tabs, Accordions titles
Visual icon selectors
Over 20 additional animations for each elements

We add also 20+ custom elements:

OWL Carousel Slider
Featured Boxes
Number Boxes
Social Icons Blocks
Team Members Boxes
Testimonials
Piecharts
Progress Bars
Animated Counters
Timeline diagram
Proces flow diagram
Teaser Boxes
Post teaser Boxes
Portfolio Carousel
Portfolio grid
Blog Carousel Boxes
Blog grid
Visual icon selectors
Pricing tables
8 Woocommerce shortode elements

Detailed documentation for Visual Composer is included in theme full package

Mega menu

We have built-in Mega Menu feature. It is simple to get started but powerful enough to create highly customized and creative mega menu configurations.

Up to 6 columns
Fixed width and 100% width Mega Menu dropdowns
Full widgetized. You can add any text, HTML, image or widget in menu columns.
Icons and badges support
Columns titles and subtitles support

Widget Rules

Widget rules is a mechanism which introduces a completely new way to manage widgets on a website. Thanks to it, it is possible to specify widget features such as:

displaying on subpages chosen,
displaying on devices chosen,
displaying for a group of users chosen,
displaying with a widget style use chosen.

After switching on widget rules in theme's advanced settings, under each widget, the following options should be displayed:

The most extensive options are those connected with a widget visibility on subpages chosen - after choosing an option to show a widget on pages chosen (or an option not showing a widget on pages chosen), such a panel will appear:

Then, you have to choose a page's type to add, e.g. Category, and then give category ID:

After clicking "Add page" button, a page will appear on a list of pages chosen on which in our case a widget will be displayed:

Of course, it is possible to add more pages:

To make it clearer, , each page's type is displayed with a different color. A page added can be removed by clicking a removing icon placed on the right side of each page.

In this way, you may set a widget so as to be shown on pages chosen or to be shown on all pages except the chosen ones.

Generally, widgets are shown on all pages.

An option of displaying a widget on devices chosen has five options to choose:

All devices - a widget will be displayed everytwhere - on every device
Desktop - a widget will be displayed only when neither a tablet.css file nor a mobile.css is loaded
Tablets - a widget displays only when a tablet.css file will be loaded and, at the same time, a mobile.css file will not be loaded
Smartphones - a widget will be displayed only when a mobile.css file will be loaded
Tablets/Smartphones - a widget will be displayed when at least one file will be loaded: tablet.css or mobile.css.

Thanks to these settings, it is possible to limit significantly the amount of content displayed on devices with small screens. An option of displaying widget for a chosen groups of users has four options to choose:

All users - a widget will be displayed to all users
Only guests - a widget will be displayed to not logged in users
Only registered users - a widget will be displayed to logged in users only
Only administrator - a widget will be displayed to administrators only

Thanks to this option, it is possible e.g. to display messages specified by using widgets for a group of users chosen. The last optio from widget rules is an option for choosing a widget style - it causes appending to a widget main container an additional class giving styling specified by a user. Widget styles are defined in widget.styles.json file and in CSS code - in this case in css/wp.extensions.css.

SEO Support

Splash has SEO settings built - in which allow to overwrite Wordpress standard SEO settings. After switching on "Use Dynamo SEO settings" option, a lot of options connected with SEO will appear:

The first group of options is connected with page's title:

Use blogname in title - this option allows to switch on showing a blogname in the title
Separator used in title - it specifies a separator which is between a title description and a pages's name
Title - description - it allows to specify page's title description (the first part of a title - before a separator)
Title - blogname - it allows to specify page's name (the second part of a title after a separator)

The remaining options allow to switch on advanced management of keywords and description metatags:

In the case of a homepage, these metatags values are specified in a SEO settings panel whereas in the case of subpages, there are two settings available for both metatags:

Disabled
Enabled (custom field in the post editor)

When you switch on these settings, under a posts editor two additional fields will appear:

If you fill them in, metatags used on one subpage with an entry will be created.

Social API

Social API includes five groups of options:

options connected with sharing at Facebook
options connected with sharing on G+
options connected with sharing on Twitter
options connected with sharing on Pinterest
options allowing to switch on/off Social API on particular subpages.

Options connected with sharing are the equivalent of parameters available in online editors, used for creating buttons like:

The last group of options allows to specify where they will be displayed – thanks to Include/Exclude specified articles from Social API option, it is possible to switch off Social API completely or switch on/off this functionality only for chosen posts, subpages and categories.

We specify the list of posts, subpages and categories in three last options:

as a sequence of ID, slug or the names of posts given, subpages or categories separated with comas, e.g.

1,7,23

about-us,meet-the-teem,contact-us

Typography

One of the key elements which has influence on website’s look is an appropriate choice of fonts used for text presentation.

Splash allows to choose fonts easily which are assigned to CSS selectors specified by a user.

In order to simplify support for many fonts on one page, Splash supports groups of fonts – each group allows to assign a font given to selectors chosen by a user:

You have to specify three basic values for each group of fonts:

a type of font used
a font of a type given
selectors connected with a font given

Specifying of a font type is restricted to choosing one out of four fonts types:

Standard fonts – standard sets of fonts available on the majority of computers – you have to choose a font given from a list which is shown under the field of choosing a type of font:
Fonts Squirrel – fonts downloaded from Font Squirrel page – you have to download @font-face kit of a font given and place its content in fonts catalog. It is very important to have a folder with the same name as a font name used in stylesheet.css file which is in a new catalog. If you prepare a catalog in this way, you will see a font given on the list to choose:
Google Web Fonts – fonts from Google Web Fonts page; in this case, you have to specify the URL address of a font given:
Adobe Edge Fonts – fonts from Adobe Edge Fonts page; in this case, you have to specify the URL address of a font given (for example http://use.edgefonts.net/open-sans-condensed.js):

The last stage is specifying selectors connected with a font given:

After saving the settings, the results should be visible on the website immediately – it is not required to make any additional operations.

Built in widgets

Splash theme has built-in 9 custom widgets. Not all of this widgets are used in our demo but you cann still use any of this widget in theme

DP Comments
DP Tabs
DP News Flash
DP Recent Posts
DP Recent Portfolio
DP Flickr

DP Comments

DP Comments is a simple widget to display latest comments with user avatars:

dp-comments

The configuration of the widget is really simple:

dp-comments-setting

As you can see, there are three important options:

Avatar size - this option is used to specify the size of the avatars displayed under each comment.
Word count - this option specifies the maximal amount of words displayed in each comment item.
Number of comments - it specifes the maximal amount of comments to display.

The DP Comments widget uses a built-in WordPress cache system and it refreshes the cache after every comments operation.

DP Tabs

DP Tabs is a simple widget which can be used for displaying other widgets in the tabs:

dp-tabs

The configuration of the widget, similarly to the DP Comments widget, is really simple:

dp-tabs-setting1

The most important option is the Tabs source - this option specifies the sidebar used as the data source of the widget. Especially for the DP Tabs widget, we have created three special widget areas – Tab I, Tab II and Tab III – these widget areas don’t exist on the theme and they can be used in the DP Tabs widget to avoid problems with the duplicated widgets.

To create tabs, a user must drag some widgets to the specified in the DP Tabs widget sidebar. The titles of these widgets will be used as the tabs titles, the order of the widgets in the sidebar is also important – it will be used in the DP Tabs widget.

So, for example, in order to achieve the DP Tabs widget layout as in the first screenshot, you have to put the widgets on the Tab I sidebar as following:

dp-tabs-setting2

The other options are strictly connected with the widget interface:

Tabs activator event - it specifies the event used to activate the tab – it can be a hover or a click event.
Auto animation - the DP Tabs widget can autoanimate the tabs when this option is enabled. Then, the time between tabs animations is defined in the animation interval option.
Animation speed - time of the transition between the tabs – defined in miliseconds.
Animation interval - time for the autoanimation option – defined in miliseconds

The DP Tabs widget has no internal cache system but if there are widgets displayed in the DP Tabs widget then there will be no problems with caching the widget content.

DP NewsFlash

DP NewsFlash is a simple widget to display short post info from selected category (categories) in form simple slideshow:

dp-newflash

The configuration of the widget is really simple:

As you can see, that are four important options:

Post Category
Max number of posts
Order
Content type

Additional you can set some apperance and slideshow options.

DP Recent Posts

DP Recent Posts is a simple widget to display latest posts with thumbs:

dp-recent-posts

The configuration of the widget is really simple:

dp-recent-posts-setting

As you can see, there are three important options:

Thumb size - this option is used to specify the size of thumbs.
Word count - this option specifies the maximal amount of words displayed in each comment item.
Number of posts - it specifes the maximal amount of posts to display.

DP Recent Portfolio

DP Recent Portfolio is a simple widget to display latest portfolio with thumbs:

dp-recent-portfolio

The configuration of the widget is really simple:

dp-recent-portfolio-setting

As you can see, there are three important options:

Thumb size - this option is used to specify the size of thumbs.
Word count - this option specifies the maximal amount of words displayed in each comment item.
Number of posts - it specifes the maximal amount of posts to display.

DP Flickr Gallery

DP Flickr Gallery is a simple widget to display flickr gallery in widget:

dp-flickr

The configuration of the widget is really simple:

dp-flickr-settings

As you can see, there are two options:

Flickr user ID
Number of thumb

Plugins

For the proper functionig of theme are required following plugins:

Revolution slider
Documentation for this plugin is included in theme package.
Visual Composer
Documentation for this plugin is included in theme package.

All required plugins are prepacked with theme.

In demo are also used following plugins:

For demo data import we recommend install:

Widget Importer & Exporter

We highly recommend install Envato Wordpress Toolkit plugin (is included in package /plugins/envato-wordpress-toolkit-master.zip).
This toolkit plugin establishes an Envato Marketplace API connection to take advantage of the new `wp-list-themes` & `wp-download` methods created specifically for this plugin. These API methods grants access to information about your purchased themes and create temporary download URL's for installing and upgrading those themes.

Instalation:

Upload the `envato-wordpress-toolkit` folder to the `/wp-content/plugins/` directory.
Activate the plugin through the `Plugins` menu in WordPress.
To establish an Envato Marketplace API connection navigate to the `Envato Toolkit` page and insert your Marketplace username and secret API key in the designated input fields. To obtain your API Key, visit your "My Settings" page on any of the Envato Marketplaces.
Once the API connection has been established you will see a list of themes that can be auto installed. If you don't see any themes and are certain you've done everything correct, there is a good chance the theme author has not updated their theme to be available for auto install and update. If that's the case, please contact the theme author and ask them to update their theme's information.

For more information please reffer here

Javascript

This theme imports following Javascript files.

jQuery
jQuery UI
jQuery easing
Flex slider
prettyPhoto
jQuery Tipsy
jQuery validate
Fitvid
Froogaloop
Swfobject
jQuery Waypoints
jQuery Nice Scroll
jQuery OWL Carousel
jQuery YTPlayer
Custom scripts

Sources and Credits

I would like to thank the following providers:

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.