P

Hello World
こんにちは世界

Welcome to Hi-Response. We give you a fresh take on WordPress publishing with a truly modular WordPress theme.


Theme options

Hi-Response comes with default settings on install, but optionally you can modify these theme options (from the WordPress admin) to control pretty much everything of your layout. Find them under the tab ‘Hi-Res Options’ in the left sidebar menu of your admin.

Modify things like layout, typography, colors, interface to specific settings for mobile & tablet devices. These settings constructs the base of your installation. Note that some of these settings can be overridden on post, page, taxonomy & module level to add even greater flexibility.

View video


Taxonomy listings

The frontpage, searchpage and taxonomy pages (categories & tags), all filters and lists different posts of your site. We have given you multiple options on how to display these listings. There are five different layouts:

• Masonry thumbnails
• Grid thumbnails
• Row thumbnails
• Index
• Full render


The heart of Hi-Response:
The column module

Yes, it really is this flexible. You can basically put any type of text or media anywhere following the column logic. We have aimed for an optimal balance between control and simplicity.

The column module is the core module of Hi-Response. You add repeatable responsive columns with full control over width, push, float, clear etc. For every column added you can populate it with repeatable text types (title, paragraph or html) and edit the colours & text sizes. Can be rendered in  ‘float’ or ‘masonry’.

Repeatable paragraph. Aliquam diam nisi, tristique id nisi sit amet, blandit molestie nisi. Mauris imperdiet congue nulla nec vehicula. Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan. Nulla ultricies neque commodo eleifend semper.

Repeatable paragraph. Nunc dapibus, purus a mollis dictum, diam arcu accumsan eros, at tincidunt tortor sapien vel metus. Duis pretium, diam sit amet scelerisque ornare, sem velit ultrices ipsum, et iaculis urna tortor quis nibh. Nulla facilisi. Curabitur id fermentum dolor. Aliquam erat volutpat.

1. This demo is 100% populated and modified out of the box with H-R modules and theme options from the admin section of WordPress. As simple as possible but with loads of control.

2. We use the default wysiwyg editor for inline text editing. This will take you far, but if you want even greater control over your content, have a look at the short codes supported.

3. We reduced the ‘column module’ to the core. Add repeatable columns to your modules, rendered in ‘float’ or ‘masonry’ layout and with control over column widths and more.

4. For every column added you can populate it with repeatable columns and attach repeatable content such as: text, images, slideshows, embeds, separators and taxonomy lists.

It can also be rendered in ‘masonry’:

Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan. Nulla ultricies neque commodo eleifend semper.

Aliquam diam nisi, tristique id nisi sit amet, blandit molestie nisi. Mauris imperdiet congue nulla nec vehicula. Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel.

Aliquam diam nisi, tristique id nisi sit amet, blandit molestie nisi. Mauris imperdiet congue nulla nec vehicula. Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan. Nulla ultricies neque commodo eleifend semper.

Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan. Nulla ultricies neque commodo eleifend semper.

Mauris imperdiet congue nulla nec vehicula. Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan. Nulla ultricies neque commodo eleifend semper.

Aliquam diam nisi, tristique id nisi sit amet, blandit molestie nisi. Mauris imperdiet congue nulla nec vehicula. Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel.

Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan. Nulla ultricies neque commodo eleifend semper.

Tristique id nisi sit amet, blandit molestie nisi. Mauris imperdiet congue nulla nec vehicula. Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan.

Aliquam diam nisi, tristique id nisi sit amet, blandit molestie nisi. Mauris imperdiet congue nulla nec vehicula. Nullam ut suscipit nulla. Morbi suscipit augue enim, sed volutpat massa eleifend in. Fusce dignissim rutrum dolor, at gravida velit volutpat vel. Donec vel tortor viverra, scelerisque metus eget, mattis est. Pellentesque non molestie sapien. Sed ullamcorper nisi at orci ornare accumsan. Nulla ultricies neque commodo eleifend semper.


The gallery module

The gallery module is targeted towards a more gallery like layout/usage. Useful when you want to add repeatable media items in a grid. Simple as: ↪ Add module ↪ Add repeatable content. Supports the following content types: ‘image’, ‘slideshow’, ’embed’. Can be rendered as ‘masonry’ or ‘row’. See below for an example rendered as ‘masonry’.


March 30
2013

The blog module

The blog module generator is useful for a blog styled vertical layout with repeatable media items. Usage: ↪ Add module ↪ Add repeatable content. Supports the following content types: ‘text’, ‘image’, ‘slideshow’, ’embed’, ‘separator’ & ‘taxonomy list’.

Note: all posts and pages also supports the option to switch on comments.

P
Caption
P
Caption

Style templates

As already mentioned Hi-Response let’s you define default values for your site. But on top of that you can optionally override the default values. For example overriding color  values to your post/page or taxonomy page. You can also inherit created style presets from your categories. For example if you have a category named ‘work’ and a bunch of posts in that category: you can define your category style preset, and then inherit that style preset on  the posts of that category. Note that a style preset also contains the option to add ’tiled’ and ‘full’ background images.

This enables a lot of customisation options to your site and lets you modify the expression on sub-level to match the message or tone of the specific page/post. Double rainbow all the way!

View applied example


Menu support

WordPress menu support and extended flexibility for the navigation of your H-R site is something we take drop dead serious. Thats why we added comprehensive options. In addition to your ‘main menu’ you have the option to activate a sidebar menu and/or a ‘secondary menu’ on every page-post-taxonomy page. Populate these menus with your default wordpress menus (or add new). You can also change the way they render under Hi-Res Options > Menus.

View tutorial
View in use


Page covers

Posts and Pages supports page covers. You can also inherit page covers from categories.


Stacks

On all ‘posts’ and ‘pages’ you can use Hi-Response ‘Stacks’ to stack any other page-post-category-tag below the current page. Further down on this page I have added multiple stacks of the category called ‘index’ set it do display 5 posts per stack and render the first one as ‘index’, the second one as “grid float”, the third as ‘grid masonry’, the fourth as ‘row’ and the last one as ‘full render’. You can also stack pages.. Note, when stacking pages you can only stack in one level depth and it will only grab the content and modules of the target page and not attached stacks of the target.