An unofficial Gallery FAQ

December 18, 2009 | No Comments Yet

The WordPress Gallery is one of the most powerful features introduced to the software to date, but it’s also pretty tricky. You can read the official support page for it, but long before that came around this FAQ was published. It’s more than a year old but it’s still a useful reference for anybody who uses the Gallery all the time.

Can I have a Page that displays all my existing Galleries?
To make a separate “Gallery” Page, make a new Page and then locate the Post ID number of the Galleries you wish to include in your Gallery Page (see above). In the HTML Editor, type in the gallery shortcode, together with the relevant Post ID. It will look something like this [ gallery id=”210″ ] (without the extra spaces after and before the bracket). You can also adjust the settings for number of columns and thumbnail size for each individual gallery displayed on that Page.

Note that the FAQ was created for users, although from the looks of things a lot of it applies to self-hosted users as well.

Leave a Comment | Tags: , , , , , , ,

the_post_image() in WordPress 2.9

October 15, 2009 | No Comments Yet

In WordPress 2.9, users will now be able to set a representative image per post, one of the most popular features found in advanced or premium WP themes.

The image can be added via the function the_post_image(), with possible parameters 'medium' and 'thumbnail' to indicate the size.

I’m still on the fence about this. On the one hand it’s one of the biggest things that’s missing in in the WordPress core for anybody who wants to transform their websites to more than just a blog. But on the other hand other smart solutions, like the Get the Image plugin, exist. I would love to see the_post_image() expand its feature set to extract the first uploaded image within the post automatically, and provide the option of setting that as the featured image for that post.

Either way, we’re seeing a huge focus on the media management aspect of WordPress in this upcoming version.

Leave a Comment | Tags: , , , , , , ,

Basic image editing in WordPress 2.9

September 15, 2009 | 1 Comment

Jeff Chandler of WordPress Tavern has recorded a screencast on a major new feature coming in WordPress 2.9, which he discovered in one of the nightly builds. This was the third most popular feature voted on in the WP 2.9 media manager survey from a few months ago.

I fired up my local server today and installed the latest version of WordPress 2.9 and was surprised to see the basic image editing tools already available in the media library. I decided that the best way to display them in action was through video which also gave me another reason to open up CamtasiaStudio. In the video, I show off each individual tool as well as provide feedback on the crop tool as at this stage, does not appear to be user friendly. But, it’s very early in the development stage so it will most likely be better once it hits the public’s hands. Check out the video.

Functions include crop, rotate, flip, undo/redo, and scaled resizing. You can also apply the changes made to all the images in the library in one go—now that’s the most useful feature of all.

Jeff comments that the interface still needs polishing but the features work well. Can’t wait to see what else WP 2.9 has in store for us.

Leave a Comment | Tags: , , , , , , ,

WordPress Plugin: Visual Recent Posts

January 13, 2009 | No Comments Yet

Visual Recent Posts automatically extracts images from within your posts and turns them into thumbnails representations of them, magazine-style. See how they can look like in the VRP Screenshots page.

It extracts the images from your recent posts and makes them pretty. You can include your post title and excerpt along with the image, all of which link to the original post. If you want, you can also specify a featured post to stand out among the rest.

No need to enter extra custom fields for each post (which you might forget to do sometimes) and upload extra images just to have post thumbnails. Just pick your preferences in the plugin’s options page and you’re all set.

Download Visual Recent Posts

Leave a Comment | Tags: , , , , , , , ,

Be sure to add these CSS declarations to your WordPress 2.5/2.6 stylesheets

August 20, 2008 | 1 Comment

Versions of WordPress 2.5 and 2.6 have added arbitrary new CSS classes for styling uploaded images (WP 2.5) and their captions (WP 2.6). The WordPress Codex has a page that provides CSS declarations you can add to your custom theme if you’re not too familiar with tweaking your stylesheets.

div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;

.alignleft {
   float: left;

.alignright {
   float: right;

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;

Also check out the links posted for more help on CSS, HTML, and WordPress blog design in general.


Leave a Comment | Tags: , , , , , , ,

Wave the Philippine flag on your blog!

May 29, 2008 | 8 Comments

Filipino Pride - S3isSixFlags

May 28 is National Flag Day, which is when the Philippine flag was raised for the first time in 1898 (in the Battle of Alapan, Imus, Cavite). Beginning this day until June 12, which is our Independence Day, everyone is encouraged to display the Philippine flag in front of our homes, schools, offices, and other places. This period is called National Flag Days.

Here’s an idea: why not wave the National Flag on your blog?

Of course the easiest way is to write a post about the Philippine flag and related topics like Independence Day. Just talking about it is enough to foster our sense of nationhood. You could take a photo of the flag in front of your house or on the street on the way to work. It doesn’t even have to be a million-peso shot, your cameraphone will do.

But if you want a more permanent sign of Pinoy pride, WordPress bloggers will know that sidebar widgets make this easy. Just pick the text widget and insert the HTML code for the image you want to display.

Pilipinas kong Mahal

If you’re looking for a suitable image of the flag, try these links:

Flag of the Philippines
Contains a history of the Philippine flag and various public domain images.

Kalayaan 2008
The 2008 Independence Day logo. Flag Icons
Set of 247 icons in GIF and PNG.

Flaggr: Free Pixel Flag Icons
Hotlinking allowed.

Pixel Flag Icons
Set of 27×17 pixel icons for 177 nations.

Customize your iPhone, show your national pride
iPhone icons including two with the Philippine flag as background. Yes, it’s for the iPhone, but you could use it on your blog as well!

Animated Flags of Philippines
A number of animated images of the Philippine flag.

Republic of the Philippines Flags
3D, animated, waving Philippine flag images in various sizes and on different background colors. Link back to use for free.

Philippine flag desktop wallpaper
Large image of Philippine flag intended as desktop wallpaper.

Philippines Glittering Flag
Philippine flag with animated sparkles for all the MySpace/Friendster fanatics.

Filipino Comments
More comment graphics for social networking fiends.

Proudly Pinoy
Not exactly the Philippine flag, but it’s a badge made especially to show how our pride for our country.

kaingin boys

And finally, have a look at some photographs of the Philippine flag and this group called BANDILA, both from Flickr. (Note: if you want to use these images, be sure you have the proper permissions first.)

Happy National Flag Day and advanced happy Independence Day everyone!

Leave a Comment | Tags: , , , , ,

Use Stock Photos on Your Blog For Free with PicApp

March 21, 2008 | 3 Comments

It’s hard to find good images to spice up your blog posts. You probably use Google Image Search to do that, but you’re probably violating copyright laws if you used them for your blog without asking permission whatsoever. Or you visit stock photography websites, but when you realize you have to pay, you use the ugly-looking watermarked images instead.

PicApp is a stock photo site lets you use the best photos from the biggest names in photography like Getty Images completely free! Of course, there’s a trade-off.

First, images are embedded using JavaScript and Flash, just like videos. Why? The embedded image has ads, which appear below the a smaller verion of the image upon loading. Shortly after the image grows and covers the ads, but hovering your mouse on the embedded object makes the ads reappear. There’s also a toolbar at the top left for sharing options and image details.

The images don’t look that great. You get to embed in two sizes: for landscape photos it’s 357 or 420 pixels wide, for portrait photos it’s 287 or 338 pixels tall. Not very big. And there’s a lot of artifacts and other unpleasant details in the photos. But if you compare them to the quality of videos we’ve been enjoying on the web, there really isn’t much difference. We’ll have to wait until the high-definition revolution really goes mainstream before PicApp and Getty Images rethinks its average offer.

And what’s up with the slogan: “Because a picture’s worth!”

Overall, it’s great that big names in mainstream photojournalism is opening its database to the ordinary blogger. If you have a really tough time looking for photos that will fit your posts, you may just find PicApp an invaluable resource. It’s still in beta, meaning it’s a very young service and could improve vastly in the future, but one can only hope.


Leave a Comment | Tags: ,