Support for Reaction WP : Responsive, Rugged, Bold

“Responsive” is a hot new web-word that just means that this theme will adapt to the screen that it’s viewed on. There’s no fancy magic involved… just some basic CSS and a little advanced planning for how we can best display our content on different devices.

What you get is pretty radical though: A WordPress theme that looks great on a normal monitor, but will adapt its layout intelligently for a tablet or mobile phone so that no content is lost, but there’s also no need for silly zooming, pinching, or double tapping. Oh, and it’s infinitely more readable than a non-responsive theme.

I’ve designed this, my first official responsive theme, as a barebones version of the concept… so it should be perfect for customizing without dealing with a lot of “design” bloat.

Enjoy!

I’ll be updating the documentation to make this part a bit more clear, but you need to do two things:

1) From the Screen Options panel (at the top right of your menu panel), turn on the Description checkbox.

2) Now, each menu item will have a Description listed. Enter your 2 or 3 words describing the link here and you’ll be good to go!

Upload the new theme folder via FTP (as of 1.03b you’ll also be able to just upload a new ZIP folder).

PS – don’t forget to hit the “Reload XML ” button on the Appearance > Theme Options page to load the new theme options!

1. Add a few blog posts, each with a Featured image and at least one category assigned to it.

2. Create a new Page, give it a title (presumably “Portfolio”).

3. Select one of the Portfolio templates from the right sidebar of the page editor.

4. Select a few categories (under Page Options) that you’d like to use on that portfolio. Those will become the filters buttons as well.

5. Hit Publish.

6. Visit the Appearance > Menus page and add the new portfolio page to your menu.

That’s it!

Absolutely. There’s no limit to how many portfolio pages that you can have. That’s actually what the category filters were created for. You’d likely want to create four pages:

Portfolio (filtering for “Category 1, 2 and 3”) – ie: Photography

- Sub-Portfolio Page 1 (filtering for Cat-1 only) – ie: Landscape Photography

- Sub-Portfolio Page 2 (filtering for Cat-2 only) – ie: Portrait Photography

- Sub-Portfolio Page 3 (filtering for Cat-3 only) – ie: Wedding Photography

The actual structure is totally up to you – you don’t need the parent page or anything like that – it’s just a suggestion. You can even have each one use a different grid pattern (2 columns, 3 columns, etc.) to make it feel unique across each page.

Last – you can even setup a private “portfolio” for a specific client… for instance, if you were trying to get hired by Envato, you might create a new “Envato Pitch Portfolio” page, add password protection via the publishing system in WordPress, then simply categorize a handful of your portfolio posts with the “Envato” category so that only what you want them to see gets seen on that page. It won’t mess with any of your other portfolios, but it’s a quick way to create a completely custom page for a specific purpose.

For the new version update, you must either:

a) upload the new theme folder files via FTP.

or

b) deactivate/delete the existing theme, then upload the new one (to prevent the folder exists error).

Right now uploading the same folder name inside WP doesn’t work, but it’s the “proper” way to update a theme, so we’re going with that for all future versions. Make sure you keep a backup of your existing theme in either case!

You should be able to do this by:

1) Creating a new page and assigning the Blog template (from the right sidebar).

2) Visit your Settings > Reading panel and make that new “blog” page your homepage by making it the static homepage (use the “Posts Page” option to ensure that pagination works).

Cheers!

It’s actually not a shortcode as the pairing mechanism makes it a bit too complex to use with a simple shortcode (or rather, it makes it just as difficult, but easier to break than just using the raw markup).

You can find the markup to use here: http://pastie.org/3336848

Make sure you remove the HTML comments as WP doesn’t like those – they’re just there for guidance:

This theme is ready for translation but still require you to actually do the translating (either manually or though a plugin) as I don’t speak any language other than English.

What does this mean? It essentially means that the theme has been coded so that it’s ready to accept mult-language translation without you needing to sift through the code. It’s “internationalized”, if you want to use WordPress developer’s lingo.

For true translations into native languages, I recommend the “Code Style Localization” Plugin, which is available for free in the WordPress plugins directory. Find more details and instructions on how to create the translations here: http://www.code-styling.de/english/development/wordpress-plugin-codestyling-localization-en

Essentially, you’ll need to create a custom .PO file with the plugin, fill in your translations for each text string used in the theme, then use the plugin to create a .MO file that will be used for the theme. If you’ve done a lot of translations in the past, you’ll know you also may need to do this for each involved plugin.