Heartify - Landing Page Set with Page Builder
Documentation v1.1

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).

Additional Resources

Installing Heartify

To install Heartify 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 Heartify 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. ThemeSquared dashboard will appear to guide you through the basic theme settings.

Installing Plugins

We have a recommend plugins list for Heartify . 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 ThemeSquared » 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 Heartify 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 (Heartify below)" in "Front page displays" section. Heartify "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 Heartify any menu for Primary navigation in Theme Locations section on the left. Press [Save] button.
Your demo website should be set now.

ThemeSquared 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 ThemeSquared Builder do.

ThemeSquared 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.




Additional Content Types

Heartify 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.
  • Portfolio: a content type used to showcase your work.
  • 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.
  • Staff: a content type used to showcase your staff member information.

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 ThemeSquared 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.

Shortcode

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

Creating a Bucket

  1. Navigate to Buckets » Add New to create the Bucket.
  2. Set the bucket title and build the content using either ThemeSquared Builder or WordPress Editor.
  3. Click [Publish] button to save the bucket.

Voilla! your first bucket is ready to use.

Portfolio How to use?

Portfolio content type can be used to showcase your work. Portfolio can be organized into categories like Web Design, Web Development, etc.

Adding new Portfolio Item

  1. Navigate to Portfolios » Add New to create a new portfolio.
  2. Set the title item title and content for your portfolio item.
  3. Set the featured image, the image is required as it will be used as preview image on the portfolio listing pages and widgets.
  4. Choose a Portfolio Category to the item. Portfolio categories will be used to filter through the portfolio or display multiple portfolios.
  5. Click [Publish] to create the portfolio.

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.

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. Choose table template from right side general settings
  3. Choose table column from right side general settings
  4. Type the table name for internal use and values in the editor.
  5. You can check the Recommeded option for the table to make it highlight.
  6. Add as much rows as you want into the feature section of the pricing table.
  7. Click [Publish] to publish the Pricing Table.

Staff How to use?

Staff show your Team Member information in effectively.

Adding new Staff

  1. Navigate to Staff » Add New to create a new staff.
  2. Type the staff member name.
  3. Set Staff image by uploading featured image.
  4. You can enter Qualification of member of staff.
  5. You can enter short description about the member of staff.
  6. Social network links.
  7. Click [Publish] to publish the Staff.

Widgets

Widget Areas

You can open the widget area just by clicking the arrow right from its title. Assign widgets to the area just by dragging them into open widget area below its description text. When no widget is assigned to the widget area, it will not be displayed.

  • Primary Sidebar
    This area is displayed as default sidebar.
In addition to predefined widget area you can create as many custom widget areas as you need. To do this you can use our recommended Custom sidebars plug-in.
Download Custom sidebars

How to use theme admin panel?



  1. All the theme options can be set in theme admin panel. To display it navigate to ThemeSquared » 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.

Heartify 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
  • Header Customization
  • Footer Customization
  • Post Options
  • Woocommerce Options
  • Translate Options
  • Setting
  • 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.

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: 

        #SET EXPIRY DATES FOR RESOURCES
        # 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"
        
        #DEFLATE(COMPRESS) RESOURCES
        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:

  • WPML - The WordPress Multilingual Plugin
    This is a perfect solution for making your website multilingual.
  • 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.)
  • Post Types Order
    This plugin lets you reorganize posts, projects, pricing table columns and other contents of this theme with ease of drag and drop functionality.

Credits

The following materials were used in order to create this work (we’d like to say that we are much obliged to their developers):