Responsive

Responsive WordPress theme is a wall for publishing posts from WordPress in a form of blocks.

  • slide 0
  • slide 1
  • slide 2
  • slide 3
  • slide 4
  • slide 5
  • slide 6

Every block contains the post’s title and category, intro text and featured image. Size of the blocks has been determined by the sizes of the featured images. You can create blocks of various widths. Responsive WordPress theme will arrange them automatically into the harmonious whole.

Hot Responsive WordPress theme looks simple, but under the cover, there’s a complex code that makes such unusual way of showing the posts possible. First of all, jQuery mobile handles the top menu and all interactive elements, such as buttons, selection boxes, as well as the transition effects between the pages (if enabled). The Masonry is a jQuery plugin which is used for to line up the posts like bricks in the wall. This plugin dynamically determines the available space in the user’s screen, and then calculates the widths of the posts in order to maintain the proportions of the bricks and overall look of the wall. Masonry can line up the bricks in many columns in order to display more information for users with larger screens. However, it can also show only one column of the blocks (posts) for users who are visiting your site using the smaller screens, such as smartphones or tablets.

It’s worth mentioning that the same system of “the wall bricks” is used throughout your site. Not only for the front page. All categories, tag listing pages, author pages and search results pages are displayed in the same format. Therefore, the uniformity of your site and overall responsivity is guaranteed if you are using Responsive WordPress theme.

Infinite Scroll jQuery plugin has been used to replace default WordPress’ Older Posts and Newer Posts links. With infinite scroll, the first set of your posts/blocks (which number is set as usually in WordPress Configuration – Reading) will be shown first. When visitor scrolls the page down, as soon as s/he reaches the end, the new set of posts/blocks will be loaded. So, there’s no need to click anywhere. Reading the information from the “wall” is fluid and uninterrupted.

Responsive WordPress theme uses a handy feature of WordPress: Custom fields. They are used when some bricks should be colored differently. You probably noticed that some blocks on our demo are colored differently. For this purpose, a custom field named as ‘color’ should have appropriate value set, in example ‘green’. Also, if some posts contains text only, their width can be set by making a custom field named as ‘width’ with value inside. In example, ‘dynlayout_wide2′ (the number can be from 1 to 5). You can use a higher number to make wider blocks.

Hot Responsive has many parameters in the theme options page that allows you to configure all features mentioned above. You can control the minimum screen size when the left and the right widget positions will be displayed in different columns or in the same column. You can also set from what screen size they will be moved to the footer area to make more space for the posts. The width of the normally sized posts/blocks in the wall is another parameter that you would find useful. What value you would set there depends of your content. If you want to show more posts with less content, you will keep the value low (as on our demo). But, you can also decide to have less posts with more content (text) in each post. In this case, you would simply need to increase ‘Box Width Unit’ parameter.

Our Responsive WordPress theme is not just responsive, but also very configurable. It can be used as a starting point for development of simple or complex responsive sites, based on WordPress.

Features of the Responsive WordPress theme

 

responsive wordpress theme

Responsive theme

This is a responsive WordPress theme. This means it will look good and optimized on all desktop and notebook computers, as well as mobile devices (tablets and smartphones)!

 

theme parameters

Well parametrized theme

All parameters available in this theme are located in a dedicated page of your WordPress Dashboard. You can access it from Appearance > Theme Options. Each theme has different set of options related to font and background colors, widths of the elements and features that can be enabled or disabled. From the Theme Options panel you can select active color style of the theme or create your own color combination.

responsive_colors1responsive_colors2responsive_colors3responsive_colors4responsive_colors5

Click to view demo in specific color scheme

Demo Installer

This theme is shipped with HotStart installation. If you install the theme using this installation method, you will get a pixel perfect copy of our demo site on your site.

Always Up To Date

All themes found on this site are tested thoroughly using the latest WordPress version. Any discovered incompatibility issues will be fixed as soon as possible.

Support That Cares

Our products are well-documented, but if you run into the problems with theme installation or usage, simply post your question and our top notch support staff will help.

Valid HTML and CSS

This theme is based on a clean and valid HTML and CSS code. We tested it using the W3C validation tool to make sure it’s 100% free of errors.

Easier Localization

This theme is shipped with sets of .mo and .po files that can be used to translate the theme. Also, the theme works with RTL languages as it has appropriate layout for them.

Plugins Included

All the plugins that you can see on the demo are included in price. By using our demo installer, all plugins will be installed. The plugins are also shipped separatelly.

7 Widget Positions

This theme contains a lot of positions where you can place your WordPress widgets. The detailed “map” of all widget positions is available on the demo site.

Top Menu

This theme has integrated top menu script with support for multiple levels. Sub levels are displayed as drop-down panes. The menu script is based on jQuery.

 

Released on March 2013. Tested with Chrome, IE7+, Firefox, Safari, Opera. Also tested on iOS and Android mobile devices. Compatible with WordPress 4.0.