Working & WordPress-ing: Tutorials for WordPress Bloggers

How to hide selected posts in your front page

If you have a self-hosted WordPress site with a blog-type theme ~ the one which displays your posts in the frontpage in column and by date formats (like this site) ~ the easiest way to hide in your frontpage posts under certain categories is to use “category excluder” plugins.

(The image on this post uses a Newspaper layout which already has functions to select (and exclude) categories to show on the front page. The theme used by The Filipino Australian no longer requires category excluders as discussed on this post.)

Some of these plugins also have the functionality of excluding or hiding posts not only from your frontpage but also in archives and search pages. Some even allow you to exclude selected posts under certain tags, and even from your feeds.

Enter “categories exclude” or similar terms when you perform a search of these plugins in your “Install Plugins” window and you will be presented with a list of these plugins.

We have tested some of the plugins available in WordPress.org and below are four of the plugins which we like best as they are very functional and robust, and they produce the results we wanted. Note that, strictly speaking, plugins 3 and 4 are not “category excluder”, but I included them here as I found them also quite interesting.

1. Simply Exclude by Paul Menard

The plugin provides an interface to selectively exclude/include categories, tags, authors and pages from the 4 actions used by WordPress in your blog’s front page, archives, feeds, and search page. It can also be used to hide posts under certain tags.

2. Ultimate Category Excluder by Planet Mike

Ultimate Category Excluder excludes/hides posts under certain categories from your front page, archives, and feeds. Like Simply Exclude, it comes with an admin panel where you can toggle off/on categories to be excluded.

3. Category Selection Widget by Zack Design

Strictly, not a category excluder plugin but this plugin is excellent, especially for websites with multiple categories and sub-categories selection on their front page or on the sidebar. It gives additional functionality to your blog’s native WordPress “search engine” by giving you the ability to provide your users with multiple dropdowns. Very useful for blogs with lots of posts and sub-categories like websites of real estate agents where selection of posts can be based on subcategories like price range, location, number of bedrooms, etc.

4. Collapsing Categories by Robert Felty

Collapsing Categories creates an expandable list of categories and subcategories. It can also expand to show posts.

You can see a demo of this plugin on our sidebar TOPICS / POSTS.

In case you’re wondering: I am not promoting the plugins based on affiliate program-related considerations. I just wanted to share with you the results of my tests. The links above are affiliate links-free which you can easily find out by simply hovering your mouse on the links to see if they contain affiliate ids.

Working and WordPress-ing at WordPress.com revisited

I finally found the time to revisit “Working and WordPress-ing” at WordPress.com. Below is my latest post:

It has been more than a year since I made my last post on this site. At the request of some dear friends, I thought I give the control panel of my site at WordPress.com another look to see if I can continue with my experiments.

I am quite pleased to find a number of niceties and functionalities.

1. On new themes: I counted five pages of 30 theme thumbnails per page. I am not sure if there are 150 themes in there as some of thumbnails keep repeating, but anyway, I found some beautiful themes and some, premium themes too (meaning, you need to pay to use the theme).

For a change, I decided to use Greyzed, a dark and grungy theme with drop-down menus and a widgetized footer.

2. In the editing page, there is now a “Writing Helper” which allows you to use an existing post as a template and Request Feedback for getting feedback on your draft before publishing. (It’s good that the Share A Draft plugin for self-hosted blogs had been ported to WordPress.com.)

3. Also under Appearance panel, there is “iPad” which when activated displays “a beautiful app-like experience to visitors browsing with an iPad.

4. Under Appearance, there is also this “Extras” which you can switch on or off by simply clicking on “Update Extras” for your selected option. If activated, your blog will be displayed with a mobile theme when viewed with a mobile browser.

Obviously, this is an alternate to “iPad” for viewers who do not use an iPad like me.

5. Under Settings, there is “Webhooks” which I passed over as I am not into “hooks” yet. (Perhaps, later.)

6. Under Widgets, I found a number of new apps. Depending on which theme you use, you can put these widgets to enhance the appearance and functionality of your blog. From memory, these are the new widgets: Facebook Like box, Flickr (or has this been there since last year?), Twitter (I am sure this was not there before because I even posted “How to twitter your WP.com post”), Vodpod videos, del.icio.us, and Authors for multi-author site, obviously.

These are my impressions. It would be great if you can share your impressions or your experience with these new apps and functionalities.

For more WP.com tutorials, select any of the articles listed on the right panel or click here.

How to embed a Vimeo video

Following a tip in Comments to a WP’s support page on how to embed a Vimeo video, here’s a demo:

]

The above video was embedded using this shortcode (no space after [ and before ] ):

[ vimeo http://www.vimeo.com/7243598 ]

How to resize

The above video can be resized from the standard 400×300 to a larger 600×450 by inserting the width and height parameters in the shortcode:

[ vimeo http://www.vimeo.com/7243598 w=600&h=450 ]

This is the resized video:

Hmmm, that was easy too.

Thanks T3CK for the tip. And thanks Ileane for the prompt.

More resizing and formatting

Using a DIV tag and CSS, you can easily position a smaller video (left or right) and wrap text around it.

Here is a sample of the above video resized to 300×225 and text-wrapped:

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to Technorati

Revisiting PicApp images and embed codes

Upon the request of some friends, I am revisiting my earlier post, “Experimenting with PicApp images in my blog“.

For this post, we are running two tests, namely: embedding the PicApp code using the “image code”, and embedding the PicApp code using the WordPress.com shortcode.

I selected the following options to generate the codes: image size 380×255, left-aligned, text-wrap. I also copied and pasted the image info as my text to test text-wrapping.

NOTE: Broken link to the image when PicApp ceased providing “free” services sometime in 2010.

Here is the result using the image code:

TAR-TASS 71: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. A scene from the ballet “Russian seasons” performed a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’. (Photo ITAR-TASS/ Yuri Belinsky).







Here is the result using the short code:

[picapp src="a/f/1/7/Diaghilev__Post_d5c4.JPG?adImageId=6233328&imageId=6862271" width="380" height="252" /]TAR-TASS 71: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. A scene from the ballet “Russian seasons” performed a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’. (Photo ITAR-TASS/ Yuri Belinsky).

Can we repeat this test, please?

Unsure if the result of the first test is reliable, we ran another test.

We selected another image, selecting the ‘Diaghilev – Post Scriptum’ International Arts Festival brings to close and selecting these options: left-aligned, text wrap, 234×188 to generate the codes.

Here are the results:

(a) Using the image code:

ITAR-TASS 77: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. Principal dancers Igor Zelinsky and Diana Vishneva perform in the ballet “Sheherezada” as a part of a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’ at the Alexandrinsky Theatre. (Photo ITAR-TASS/ Yuri Belinsky) Photo via Newscom







(b) Using the shortcode:

[picapp src="f/5/d/f/Diaghilev__Post_da94.JPG?adImageId=6234719&imageId=6862281" width="234" height="188" /]ITAR-TASS 77: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. Principal dancers Igor Zelinsky and Diana Vishneva perform in the ballet “Sheherezada” as a part of a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’ at the Alexandrinsky Theatre. (Photo ITAR-TASS/ Yuri Belinsky) Photo via Newscom

Observations:

  • The image code is a better alternative than the shortcode in displaying a text wrapped around the image.
  • The image code is truncated, with the javascript line in the image code being scrubbed once the post is saved. I can understand this as being a WP security precaution.
  • There is no interface between WP and PicApp. It would be a welcome feature if the PicApp images for selection are right inside the Dashboard so you don’t have to switch from WP to PicApp windows.

Let me know what you think of these experiments. Which embed code will you use?

Updated 22 October:

I double-checked the Image Code which displays a more controlled text-wrap. My suspicion is that the stylesheet it uses was not built into, or not properly built into, the code which says “for WordPress.com” which I call the “WP shortcode” or simply “shortcode.”

Adding the same stylesheet to the shortcode (item b, above), here is the result:

[picapp src="f/5/d/f/Diaghilev__Post_da94.JPG?adImageId=6234719&imageId=6862281" width="234" height="188" /]

ITAR-TASS 77: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. Principal dancers Igor Zelinsky and Diana Vishneva perform in the ballet “Sheherezada” as a part of a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’ at the Alexandrinsky Theatre. (Photo ITAR-TASS/ Yuri Belinsky) Photo via Newscom





What do you know? So, it was the shortcode not being properly coded to include the text-wrapping. We hope that this post reaches our PicApp friends.


A pleasant blogging experience at WordPress.com, so far

I mentioned in my earlier posts that, compared with self-hosted sites which I am very much familiar with, a blog at WordPress.com is restrictive. For one, I could not really do much about customizing a theme unless of course I buy credits to allow me to add custom CSS. Also, I could not install my favorite plugins which of course I understand – considering that plugins are not for everyone.

But even within a small playing area so to speak, I thought running a non self-hosted blog could also be a pleasant online experience. I am quite happy with the way my blog here at WordPress.com is shaping up.  Its structure, content and looks are metamorphosing to those of  my self-hosted blog, thanks to the wonders of widgets. Widgets are something I would like to share with you in my next posts.

In the meantime, you may wish to check out my personal site including some Twitter updates @romycc.  Again, if you have a subject you would like us to tackle before the widgets posts, let me know.

How to blog at WordPress.com

For the last few five years or so, we have been using WordPress as a blog platform or a CMS in most of our websites. Being an open-source, we can tap onto the creative and ingenuous works of WordPress community of bloggers, developers and designers to produce easy-to-manage websites.

As a result of our 24/7 encounters with WordPress, we have developed a knowledge base of information on how to select themes, install plugins and other customisation works which we are sharing with others with self-hosted blogs.

The expert-information needs of those with blogs hosted at WordPress.com however are different. Compared with self-hosted blogs, WordPress.com-hosted blogs are understandably restricted when it comes to design customization and plugins installation and usages.

It is in this light that we have created a blog at WordPress. Hopefully, we should be able to get a better understanding of how to run a blog at WordPress.com from which we can help our friends on how they can best maximize and optimize their blogging efforts at WordPress.

Our next entry: How to select a WordPress theme

Updated 22 October 2009: After this first entry, we have posted 15 other observations on how to blog at WordPress.com. Thanks to those who have sent their feedback using the comments box in this site or through our private email.