Dynamic CSS Resizing of Embedded YouTube Videos

CSS TipsVideo embeds like the ones from YouTube can be valuable to tell a story. Though the built-in options for such videos allow the user to resize the video, it is not dynamic and is more than often a manual (irreversible) process. Say you would like to keep the video at it’s full size in the single post page but display a thumbnail in your sidebar, you can. A simple CSS and Javascript fix for IE would do the trick, here’s how:

Array Function in WordPress 2.5

During a recent site redesign, the client required the site dynamically generate a unique promotional banner (in the sidebar) on certain high profile writers “about the author” page.

wordpress 2.5Before WordPress version 2.5.x, we had to rely on conditional tags such as is_page() or is_category() and numerous lines of code to accomplish it. For most parts it worked well, especially when you had only one or two conditions to satisfy, but when the number of such exceptions increased, the code became bulky and was prone to err.

With WordPress version 2.5.x, you can simplify the task by applying the conditions over an array of pages (categories, tags…), here’s an example:

Our conditional tag was required to automatically generate a banner when the author page of specific authors was queried.

SEO Friendly Images to Replace Text in Navigation Menus

css tips and tricksUsing images in place of text can be tempting especially since an image can offer you more visually than just text does. However, most of us end up using text for the simple reason that Google and Yahoo’s search engines are not able to read your images effectively (even with alt text?). Here’s a quick, simple, tried and tested SEO friendly CSS only Javascript free fix for one such scenario; replacing your navigation menu text with SEO friendly images:

Let’s start with making our images that will be used in place of menu text, in this example I am using images 30px tall and of varying width. I make two images for each menu item, one for mouse-over or hover and second for all other conditions.

WordPress 2.5 Upgrade: WordPress 2.5.1 is available! Please update now Message Appears after Upgrade Troubleshooting

When a client of mine upgraded to WordPress 2.5.1 from WordPress 2.5 she encountered an issue where the database will not upgrading, resulting in the “WordPress 2.5.1 is available! Please update now.” flashing in her dashboard and every other admin pages. On initial search of the WordPress support forum, we found the following strings that pointed us in a certain direction:

wordpress 2.5http://wordpress.org/support/topic/172004
http://wordpress.org/support/topic/168964

Neither strings suggest solutions that are easy or safe, however, I urge you check these posts and then search your install via file manager/FTP/WebFTP to ensure you do not have files with the following extensions anywhere within a writable …

SEO Tip Open Comment Author URL in new Window

For good SEO, it is preferential to open your comment authors URI in a new page. Why you might ask? Google and other search engines track sites you visit, they can tell what that site contains (obviously), how long you stayed there and where you went next. The intended use of this information is to find if the sites you visited were relevant to your search keyword and/or if all the sites you visit are related. That could also work against you if your site get a lot of spammers commenting on it. Here’s how.

comment author url pupupLet’s say you get a comment on your site that look legit, so you want …

Spring 2008 Reboot Prelude

The site is in transition to a simpler and visually engaging design, in the mean time, experience what a free theme and a sleepless weekend can do to your site! This mid-spring pre-reboot reboot is just an idea mash-up. The true reboot will be available on May 1st 2008 and will be built using hand tossed XHTML/CSS, a dash of PHP, some Javascript and home made grid.

Anatomy of a Magazine Style Premium WordPress Theme - Part 3.2 “Conditional Navigation Menus”

As the tutorials run longer than we prefer, we have broken section 3 into 3 sub-sections, you can find sub-section 1 regarding second level menu here.
The navigational aspect of a site, especially one that is database driven, should have menus that are dynamically generated just like the rest of its content, but is seldom the case. The reason is not the lack of information or techniques, but rather the developer underestimating the role of effective navigation to the success of a site. A site with poor navigation is just as or bad or worse than a site with poor content.

conditional menu
Magazine style themes have overcome …

Free Magazine Style WordPress Theme: The Box

Free Magazine Style WordPress Theme: The BoxWhy pay for a Magazine WordPress Theme when you can get one for free? Introducing The Box, the all-inclusive magazine style WordPress theme that has all the cool features of a premium theme straight out of “the box”. Best of all, it is absolutely Free!
Ola Hedin of Blyerts.com pointed out an IE 6 issue that was fixed on 05/06/2008 at 9:48 PM EST. Thanks Ola
The theme includes among other functions advance edit options, featured-regular post option, second level, conditional and dropdown menus, tabbed JavaScript interface, widget ready sidebars and is pre-styled for Google Adsense and coded to be search engine friendly (optimized).
Demo and Download
Click …

Anatomy of a Magazine Style Premium WordPress Theme - Part 3.1 “Navigation – Second Level Menu”

As this tutorial runs longer than we initially anticipated, we will break section 3 further into three sub-sections.
In our ongoing exercise to learn the nuts and bolts of a magazine style WordPress theme, we examine what has become by far the most ignored part of a theme design, the navigation menu.

revolution magazine style theme menuAs important as they are, they are often found floating in the header or worse the sidebar and almost never used to its fullest as rightfully should. Today we will change that. We are dedicating three sections just to discuss navigation menus, its varied uses, and the various methods of using it. So why wait, let’s get started.
Why …

Anatomy of a Magazine Style Premium WordPress Theme - Prelude

pressword themeLet’s face it, WordPress is not just a BMS like some might want you to believe, if used right, the full potential of the worlds best CMS can power sites big and small alike. One recent trend among high content high traffic sites is the switch to magazine styled or premium themes to aid in maximizing content exposure. But most all premium themes are paid and require customization irrespective off. In situations where you already run a well established site with custom design and need to add functionalities of magazine styled premium themes without switching or paying for a new theme, you are at the right place.

So how are magazine …