Premium Wordpress Landing Page by SpyroPress

Thank you for purchasing the Dragness theme!

This file will teach you how to set up and use the Dragness WordPress theme. I hope that you'll find it easy to use and customize. I really wish it will fulfil your needs. Finally, its going to be far less complicated to make your Wordpress website pages look and feel the way you want them to with our SpyroPress Builder a drag-and-drop interface to build page laypouts, templates, partial templates and wordpress hirarchy without any coding.

Please read this manual, because it covers almost all the aspects needed for you to know about installing & running the theme. However, if you have any questions that are beyond the scope of this user manual, please join SpyroPress Support Forums. We provide world class support and do our best to give quick response to our customers.

Enjoy your Dragness theme!

Theme Details
  • Apr, 30th 2013
  • SpyroPress
  • info@spyropress.com
  • spyropress.com/forums
  • spyropress.com
User Manual

Getting Started

Installing Wordpress

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

WATCH! the instructional video (thanks to WooThemes).

Installing Dragness

To install Dragness theme please follow these steps:

  1. Download a theme package file from ThemeForest . Unzipp the package file on your computer - theme package folder will be created.
  2. In WordPress admin navigate to Appearance » Themes » Install Themes » Upload and select the zipped theme file inside install subfolder of the previously unzipped theme package folder.
  3. Now press [Install Now] button and wait until theme is uploaded and installed.
  4. Once installation is done, activate the theme in Appearance » Themes .
  5. SpyroPress dashboard will appear to guide you through the SpyroPress Builder Activation and basic theme settings.

Update Dragness

Theme Updater

Dragness comes with an auto theme updater notifier. As soon as we update the theme you will be notified for the latest available version.

The built-in theme updater will update the theme for you, it will download the latest changed files only and replace them in your theme folder on the server.

Note: If you didn't make any changes to the theme files, you are free to overwrite files with the new ones without the risk of loosing theme settings, pages, posts, etc, and backwards compatibility is guaranteed. In case you have made changes to the theme files, make sure you have a backup copy of your changes before you overwrite theme files.

Installing Plugins

We have a recommend plugins list for Dragness . To install recommended plugins you can follow the step by step tutorial given below.

READ! Thanks to wpbeginner for the step by step guide.

Installing Demo Content

  1. Once you have purchased the theme, you can download the demo content from our support forums and unzipped in your computer.
  2. In WordPress admin navigate to SpyroPress » Theme Options » Export/Import . Open and copy the content of   demo-options.txt   file and paste it into "Import" field and press Import options .
  3. Make sure the permalinks structure is set to "Post name" (in Settings » Permalinks ) - this is required for the right content displaying in some shortcodes and is recommended option for better SEO.
  4. Then navigate to Tools » Import and choose the "Wordpress" option.
    first you have to install the WordPress Importer plugin if you haven't installed it yet.
  5. Now select the    demo-content.xml   file and press [Upload file and import] button to start the import procedure.
  6. For import settings choose the author, under whom the content is imported and check to download attachments (images in this case). Press [Submit] button.
  7. Now we need to set up homepage and blog page. Navigate to Settings » Reading and set "A static page (select below)" in "Front page displays" section. Select "Homepage Layout #" which you want as your website's front page and "Blog" as posts page.
  8. To set the menu, navigate to Appearance » Menus and select any menu for Primary navigation in Theme Locations section on the left. Press [Save] button.
Your demo website should be set now.

SpyroPress Builder

Never touch HTML again or use Pre-Defined Page Templates, time to regain control over your website and its content. This is what Content Management System means and SpyroPress Builder do.

SpyroPress Builder

Brings the revolutionary Drag-and-Drop Page and Template Builder. Create elegant and complex layouts through our advanced visual interface. Be free to add anything in any place you want and be in control of everything.

Its backed by Countless Modules with Developer API to create unlimited modules according to your need.

Integrated into Wordpress Core

Yes! Now you can use your favorite widgets, shortcodes, wordpress sidebars and wordpress menus to freely build whatever you want.

Additional Content Types

Dragness comes with some useful custom content type (custom post types). The default predefined content types are:

  • Bucket: Buckets are pieces of reusable content, which can be placed in the middle of another content area or even inside another bucket.
  • Pricing Table: Show your pricing/subscription plans through Price table in effectively. You can display price table anywhere into your posts, pages, custom post types or widgets by using the shortcode.

Bucket How to use?

Buckets are reuseable piece of content, which can be placed in the middle of another content area or even inside another bucket.

Advantages of Using Buckets

  • Buckets make use of SpyroPress Builder for creating content! that mean you can design the complex bucket layout as well.
  • Content is reusable in any area of the website – post, pages, sidebars, etc.


[bucket id="" /] shortcode can be used to display specific content into a post/page.

Creating a Bucket

  1. Navigate to Tempalte Builder » Add New to create the Bucket.
  2. Set the bucket title and build the content using SpyroPress Builder.
  3. Goto Template Setting metabox which is on the right side of the screen and select the Type to Partial.
  4. Click [Publish] button to save the bucket.

Voilla! your first bucket is ready to use.

Pricing Table How to use?

Pricing Table show your pricing/subscription plans through Price table in effectively. You can display price table anywhere into your posts, pages, custom post types or widgets by using the shortcode.


[pricing_table id="" /] shortcode can be used to display table into a post/page.

Adding new Pricing Table

  1. Navigate to Pricing Tables » Add New to create a new pricign table.
  2. Type the table name for internal use and values in the editor.
  3. You can check the Recommeded option for the table to make it highlight.
  4. Add as much rows as you want into the feature section of the pricing table.
  5. Click [Publish] to publish the FAQ.

Theme Options

How to use theme admin panel?

Dragness featured an amazingly powerful and beautiful Site Options Panel where you can find all the theme settings. It is as easy to use as it gets and offers several different options fields and input types which help to set the right option value.

All, theme options are self-explanatory or are described well directly in admin panel. The theme options page is divided into the following categories:

  • General Setting
  • Slider Settings
  • Layout Customization
  • Social
  • Import and Export

Exporting / importing the theme settings
You can export and save your theme settings and later import them back in Appearance » Options Export/Import section. Please read the available options description for more info on how to export or import theme settings.

  1. All the theme options can be set in theme admin panel. To display it navigate to Spyropress » Theme Options in WordPress admin menu.

  2. After admin panel is displayed, choose the options category from left pane.

    Panel contains many different settings for the theme. Please, read the option description for more information on each option and how to set it up.

  3. After you set all the required options, don't forget to save your changes by clicking the [Save changes] button.


Dragness comes with some useful spyropress builder modules.

  • Bucket: Place your partial content saved in buckets anywhere using this module.
  • Call of Action: Place Call of Action banner anywhere in your content.
  • Contact Info: This helps you to create your contact info in footer.
  • Divider: Place a divider with the default theme style to seperate sections.
  • Feature List: This helps you to create your product or service feature list section.
  • Heading: Create section header using this module.
  • Latest Projects: This module helps you to list your latest projects easily.
  • Rich Text: Rich text editor provide easiness to add the html content or even shortcode anywhere.
  • Sections: This module is used to create the sections for the website. Its the main site building tool.
  • Steps: It will help to make presentation in step manner.
  • Tabs: Tabs layout builder help you to easily create content based or bucket based tabs.
  • Testimonials: Testimonial slider module used to make testimonial section.

Tips and Tricks

Make your site run faster Add some rules to your .htaccess file

If you have never done this, you should be careful when doing it, but this is the most important step you can do to make your site load faster. First, you need to find your .htaccess file, which should be at the root of your WordPress installation. Open it, and at the top, add these lines of code:

# 1 YEAR

Header set Cache-Control "max-age=29030400, public"

# 1 WEEK

Header set Cache-Control "max-age=604800, public"

# 3 HOUR

Header set Cache-Control "max-age=10800"

# NEVER CACHE - notice the extra directives

Header set Cache-Control "max-age=0, private, no-store, no-cache, must-revalidate"

Addtype font/opentype .otf
Addtype font/eot .eot
Addtype font/truetype .ttf
AddOutputFilterByType DEFLATE text/html text/plain text/xml
AddOutputFilterByType DEFLATE text/css application/x-javascript
AddOutputFilterByType DEFLATE text/css text/html text/plain text/xml text/javascript
AddOutputFilterByType DEFLATE image/svg+xml image/svg font/opentype font/truetype font/eot

Additional Plugins

Here is the list of additional useful recommended plugins:

  • Jetpack by WordPress.com
    The Jetpack plugin was created directly by WordPress and offers so much features. The most useful ones are social networks sharing buttons (fully styled with this theme) or easy to use form generator . (Please note that the theme doesn't support plugin's Infinite Scroll feature.)
  • WordPress SEO by Yoast
    Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using the WordPress SEO plugin by Yoast.
  • WPML - The WordPress Multilingual Plugin
    This is a perfect solution for making your website multilingual.

Sources and Credits