We try to keep everything as clear and documented as possible. Note carefully though that this page is the only support included with Hi-Response. Unfortunately we can’t promise to answer direct questions via email or social media (sorry). But if you think you have an important question to raise, you can try to shoot us an email, and if we find the question relevant it will be answered further down on this page. With this said feel free to report obvious bugs, but please understand that this page will mainly address the basic usage and questions by popular demand.


Getting started

7 simple steps

Getting started with Hi-Response is very simple. Just make sure you follow the steps below (or view the quick start tutorial found under videos).

1. Purchase your preferred license and download the theme in the email that will be sent to you upon completion.

2. Install the < 3.9.1 version of WordPress and upload your downloaded folder (hi-response-single or hi-response-full) to the themes folder of your WordPress installation. Then go to Appearance > Themes, to activate the theme.

3. Make sure you have a WP uploads folder in the /wp-content/ folder of your WordPress installation. Also make sure it’s writable (if you don’t have one, create it and chmod to 777).

4. Customise your options. They can be reached from the admin sidebar menu named ‘Hi-Res Options’. (Optional.)

5. Create your main categories, for example ‘work’ and ‘blog’. You can also edit the categories for layout and display options.

6. Create and populate your main menu as demonstrated in the quick start tutorial.

7. Update/edit the ‘favicon’ images in your theme folder to match your needs. (Optional.)

Easy right? You are all set up. Start to create posts and pages and populate them with the modular constructed layout engine.

… if you are upgrading, rather than a fresh install, you can find upgrade instructions in the change log.

View change log


Make sure you meet the following requirements:

• WordPress version (3.8-4.2)
• PHP version below 7
• Clean install


Theme features

This information will give you an overview of the features that Hi-Response theme has to offer. Also make sure to view the videos to get a more hands on demonstration.

Options

You can control pretty much everything of your layout with the Theme Options controlled from the WordPress admin. Watch the video linked below to get a feel for the settings available.

View video

 

Post, page & taxonomy options

You can also override some of the default options on your pages, single post pages and taxonomy pages. Watch the video linked below for an overview.

View video

 

Layout modules

The layout module generators are what you use to populate your posts & pages. The available modules are:

Column module
Gallery module
Blog module

View video on modules & stacks

 

Layout stacks

On all posts and pages you can stack other posts/pages and taxonomies below the active post/page content. This is very handy, and have a lot of use cases. For example you can stack an index of the X latest posts in a category below every project post.

View video on modules & stacks

 

Thumbnail intelligence

You can assign useful thumbnail settings on all your posts and pages. These will control how the post thumbnails will render when listing taxonomies. Upload thumbnail images and set custom titles. Also color values and opacity is supported if activating ‘advanced mode’.

View video on taxonomy options

 

Short codes

The default content editor (TinyMCE) of Hi-Response covers the basic needs such as underlines, bold text, and linkage. But we felt the need for more, so we added support for a bunch of short codes. These are inline tags that lets you control your content even further. The following short codes are supported:

 

SC : Title

[.title type="h2" size="huge" lb="kb-0-5" hex="#000000"]Title[./title]
* Remove dots
type: h2, h3, h4
size: small, default, large, huge, mega
lb: lb-0, lb-0-5, lb-1, lb-1-5, lb-2, lb-2-5, lb-3
hex: #xxxxxx

Renders like this:

Title

 

SC : Text

[.text size="default" style="div" lb="lb-1" hex="#7800ff"]Your text[./text]
* Remove dots
size: small, default, large, huge, mega
lb: lb-0, lb-0-5, lb-1, lb-1-5, lb-2, lb-2-5, lb-3
hex: #xxxxxx

Renders like this:

Your text

 

SC : Color

[.color hex="#7800ff"]Coloured text[./color]
* Remove dots
hex: #xxxxxx

Renders like this:

Coloured text

 

SC : Icon

[.icon size="mega"]A[./icon]
* Remove dots
size: small, default, large, huge, mega

Renders like this (view available icons):

A

 

SC : Scroll

[.scroll pos="0" speed="600"]Scroll to position[./scroll]
* Remove dots
pos: y px value, #id
speed: number

Renders like this:

Scroll to position

 

Note: some people don’t like the TinyMCE editor, and for you we a 100% free html option to gain full control over your content (if you know at least some basic html tags).


FAQ

View the Questions and respective Anwers to get your head around the most common wonderings.

Q: What image size should I upload in?

A: Based on the default settings we recommend to always upload your images 1600px wide. Hi-Response handles the sizing, cropping and also feeds the appropriate image sizes to different devices (mobile & tablets) and other needs to optimise the load time and user experience. We like to keep it simple as that.

 

Q: Can I add my company logo (top left)?

A: Yes, you can do this from the theme options. You need to upload two images, one default and one with double dpi for retina displays. Note that it reverts to site_title on mobiles and tablets.

 

Q: How do I add a ‘search’ page like the one in this demo?

A: Add a page and name it ‘Search’ or similar and then publish the empty page. Then head to ‘Hi-Res options’ -> ‘Search page’ and select the page you just created as the Search Identifier. Then add the page to the Main Menu so that the user can reach it.

 

Q: Do you recommend any WordPress plugins that further enhances the Hi-Response experience?

A: Yes. View the plugins mentioned below and see if one or more plugins makes sense for your use case. Note that Hi-Response is 100% plugin independent, these are just extension suggestions.

WP No Category Base
We also recommend ‘WP No Category Base’, a plugin to remove WP’s default category permalinks naming structure.

Regenerate Thumbnails
We recommend the ‘Regenerate Thumbnails’ plugin to regenerate already uploaded images if you for some reason have changed your settings since you uploaded last.

Search Everything
If you are using a search page, we strongly recommend installing the ‘Search Everything’ plugin. It adds custom fields to the search results, as WordPress default search does not.

W3 Total Cache
We warmly recommend the ‘W3 Total Cache’ plugin which adds an advanced cache system to your WordPress installation to speed up load times a lot. If you want to optimise even further, make sure to hook this plugin up with a CDN, to speed up image load times. Note, make sure that you disable the cache for mobile and tablet devices. For more information we refer to the plugin documentation.

 

Q: What browsers does Hi-Response support?

A: Hi-Response supports all modern browsers, but also old browsers from Internet Explorer 8 and up. It works like a charm on mobiles and tablets as we target them separately and use a responsive layout logic. All to optimize the user experience, and fallback gently in older browsers and devices.

 

Q: How do I handle updates of Hi-Response?

A: Every time an updated version of Hi-Response is out, all users will receive an email with a download link of the new files. Download and replace the theme files of your installation. Note that we reserve the rights to change H-R in ways that potentially risks that you have to re-populate some content on upgrade. This to make sure to keep the theme at it’s best.

 

… more questions and answers will be added along the way based on popular demand.


Server side & Wordpress
related issues

Sometimes we get support requests regarding technical issues that are server side and WordPress related rather that H-R related. As you are hosting yourself and are fully responsible for your server environment, we can unfortunately not help out all times. BUT we will try to address the most common issues below.

Q: After a certain amount of modules in a post – no more changes are saved. Is this a known issue?

A: Every server have their own limits. H-R does not contain a limit per se, however, your server does contain a limit on the number of PHP variables that can be used on each page. So in the described case the server is terminating the save process before it can finish it’s job, as it hit the ceiling. The solution is to increase your max_vars setting. This is a PHP setting which determines how many variables can be used per page load. By increasing this limit, you will allow H-R to complete it’s job better. Google it and do your research, or use the short summary below:

1a) In your php.ini, edit values:
max_input_vars = 3000 suhosin.post.max_vars = 3000 suhosin.request.max_vars = 3000

1b) In your .htaccess file (not working on all servers):
max_input_vars = 3000 suhosin.post.max_vars = 3000 suhosin.request.max_vars = 3000


View the videos below to get quick but useful tutorials/demonstations on different aspects of the theme:


January 10
2014

Adding a page cover

This video demonstrates how to add a page cover.
Categories:
Videos (7)

August 16
2013

Adding custom web-fonts

This video demonstrates how easy it is to add your own custom web fonts.
Categories:
Videos (7)

August 15
2013

Working with style templates

This video teach you how to work with Hi-Response's style templates.
Categories:
Videos (7)

August 15
2013

Taxonomy options overview

This video gives you an overview of the taxonomy options.
Categories:
Videos (7)

August 15
2013

Modules overview

This video gives you an overview of how the modules works.
Categories:
Videos (7)

August 15
2013

Theme options overview

This video gives you an overview of the Theme options.
Categories:
Videos (7)

August 15
2013

Quick start tutorial

This video demonstrates the 7 getting started steps demonstrated in the Docs.

… if you are upgrading, rather than doing a fresh install, you can find upgrade instructions in the change log. With that said we recommend starting with a fresh install with H-R v.1.2.

Categories:
Videos (7)