Layout, CSS, themes, etc.
WOO Canvas is Now Responsive! But what if I don’t want responsive?
Since WOO Canvas version 5.0, the theme has been responsive. But what if I don't want responsive?
WOO Button
WOO has some nice button options with their button shortcode
WOO Shortcodes: Content Toggle
Here's an example of how to use the WOO shortcode Content Toggle.
Featured Image
WordPress's Featured Image function can be a powerful styling tool for your site that allows you to upload a single image, just one time, and have it used on your site in several places.
Widgetizing the WOO Canvas Header
A widget up in the right side of the header in WOO Canvas would be nice. Here's how to set that up.
Adding a widget into WOO Canvas (header right)
Several clients wanted some content in the right side of the header in the WOO Canvas theme. Hmm, not an option. We'll fix that.
WOO Canvas Top Nav Styling
In WOO Canvas, the top navigation is aligned left and flush with the top of the browser. I wanted it floated right, down a bit, and custom styled. Here's how.
Photoshop Batch Resize
I needed a bunch of photos resized to 450 pixels high, optimized for the web and I have lots of them. Even Photoshop Elements can handle this.
Custom fields, featured images, and portfolio
Using a StudioPress theme, we're creating something of a custom portfolio page by integrating content, custom fields, and featured images.
Custom Image Gallery
There are many options when adding photos to a site. Use a portfolio template (e.g. Genesis Portfolio) that comes with the theme, use WordPress's own Gallery function, or add images manually so we have more control over where they're placed and how they look.
Dynamic Header Images
We wanted a different header image on certain pages. Hmm.
WordPress Columns using Styles with Shortcodes Plugin
Creating columns in WordPress (or any online environment) is a beastly affair at best. CSS, DIV classes, yuck-ee-de-buck-ee. The magnificent Styles with Shortcodes Plugin for WordPress to the rescue.
Responsive Design
Responsive Design. What does it mean? In my non-techy world, that the design (of the website) adapts to the screen it's on. So that if you have a monster widescreen, an iPhone or a laptop, the screen adjusts accordingly.
Genesis Simple Hooks
Genesis Simple Hooks basically let you put content, code, or whatever you want into places that only developers have dared gone before.
Styles with Shortcodes for WordPress
Shortcodes independent of the WordPress theme? With a little button to put the code into your post area? Whoa.