Labs XooFoo :: Index

Online Advertising And Its Impact On Web Design

Steven Snell — 2008-12-03T23:31:35+02:00

By Steven Snell

In recent years, advertising has become a major revenue source for many websites. Not too long ago, online ads were often met with disapproval from visitors, and advertisers were unsure about their value or effectiveness. Today, most visitors have come to expect ads on commercial websites, and advertisers have recognized the potential of various online ad opportunities. Ads have long been a part of print publications, such as magazines and newspapers, and now they essentially have the same role in online periodicals and publications.

Although advertising is a concern for website owners and those pushing products or services, it is also has an impact on Web designers, because they have to be able to design and develop websites that can produce ad revenue and still meet the needs of visitors. Clients with websites that depend on ad revenue need a design that provides the necessary screen space and a proper layout for selling ads, and advertisers need placement that will get them the exposure they seek.

While advertisements are hardly the primary concern of Web designers in general, not accounting for them will result in a very awkward layout that can either detract from the flow of the website or put the ads in a spot where they will not receive enough attention from visitors. In order to maximize ad revenue for the client, with minimal interference in the appearance and usability of the website, the designer must take advertising needs into consideration throughout the design process.

Ads on The Raw Story seem to be squeezed in wherever possible, to the detriment of the content.

Starting with the Basics

Of course, not all websites sell advertising space, but a growing number of them do. As the popularity of blogs continues to rise and designers get more requests for custom blog themes, this issue will only become more common. An adequate discussion of the subject requires starting with some basic issues.

Why do advertisers pay for ads?

Obviously, advertisers buy ads to gain exposure and improve their bottom line. The goals vary from one campaign to the next. Some may be primarily concerned with brand recognition and general exposure, while others are only concerned with sales of products. Online advertisers may be looking for click-through visitors from their ads, but ultimately all advertisers look for a strengthened business as a result of their campaigns.

Web designers can have some impact on this issue by their placement of ads. Of course, designers cannot completely sell products or services for advertisers, but ad placement is key to click-through rates and so has a sizeable impact on the success of an ad campaign.

What are advertisers paying for?

Are advertisers paying for clicks by visitors? Are they paying for sales conversions? Are they paying simply for the screen space? Each of these is a possibility and depends on the situation. AdSense ads, for example, pay publishers per click. Affiliate ads pay per sale or per action. Direct ads, such as most banner sales, are generally sold at a set price for the screen space and location.

Keeping the desires of advertisers in mind throughout the design process is critical if the website is going to be selling ads directly to other businesses. AdSense and affiliate ads can be placed just about anywhere on a website, although the results will vary, but direct ad revenue will depend on what advertisers feel they are getting for their money. If they are paying for prime on-screen real estate, that’s what they’ll expect.

Why do websites or businesses publish ads?

Advertising can be very lucrative for websites with a large volume of traffic. Although there are other ways to monetize a website, ads are one of the few ways in which a website owner can quickly capitalize on existing traffic without any additional work, such as developing products or providing services.

Bloggers publish ads because the revenue allows them to earn income and essentially pay themselves for the time it takes to write content and maintain the blog. News websites sell ads because they typically have large audiences and because their offline business models, such as for printed newspapers, aren’t able to produce as much ad revenue as they have in past years. As a growing number of consumers turn to online publications rather than the daily paper for their news, ad revenue will shift from print publications to online options.

In most cases, ad revenue is critical to the success of the business. For this reason, it must be a priority during the design process. For a service-based business that uses a website to sell its services to visitors, the designer’s job includes creating a website that effectively promotes those services to visitors. The same thing can be said of websites and businesses that rely on ad income.

Why are Advertisements an Important Part of Web Design?

For website owners and businesses that rely on advertising income from their websites, this is obviously an important part of the website that needs major consideration during the design process. Not having enough space or the right locations for ads will have a dramatically negative impact on the business. Once that happens, attempts will probably be made to move ads or open up new slots for sale, which could cause the website to look awkward and unorganized, because these areas were not originally accounted for in the design.

Websites with advertising revenue as their main source of income can be compared to e-commerce websites that depend on selling products in order to continue doing business. No designer is going to create an e-commerce website without making the placement of products, descriptions, and images in the layout a priority. Likewise, website businesses that require ad revenue cannot compromise on advertising space.

Advertisements are also a significant part of the design process because of the impact on visitors. Although a website may rely on advertising income, visitors are a critical part of the equation. Without them, ad revenue disappears. The website owner and designer need to incorporate ads in a way that still allows for a positive visitor experience.

The Conundrum of Online Ads

While website businesses that sell advertisements want and need those ads to be noticed and appreciated by visitors, a delicate balance is required. Aside from made-for-AdSense websites and websites set up solely for affiliate income, a typical website set up for ads needs to send a portion of its visitors away to the websites of advertisers in order to continue generating that revenue, but it also needs to retain a majority of visitors in order to grow itself. Keeping all visitors will result in no ad revenue, and losing all visitors to advertisers will result in no growth for itself.

Website owners and designers need to consider this issue during the design process so that the locations and sizes of ads are appropriate and so that the ads produce revenue with minimal negative impact on the website. Offline ad publishers don’t necessarily face the same dilemma. A magazine may run full-page ads throughout the publication, but when readers see an ad that interests them, they don’t necessarily stop reading and put down the magazine.

In the online world, a click on an ad could result in a visitor not coming back. Ads can be set to open in a new window to prevent this, but that still doesn’t guarantee that the visitor will come back after clicking the ad.

How Do Advertisements Impact the Design of a Website?

Regardless of how much attention designers give to advertisements in the layout of a website, ads will in some way impact the design. Ideally, the designer has accounted for specific ad slots in the design and laid out the website accordingly. In this case, ads can be implemented on the website in a way that does not disrupt the flow of content or information and that gives the ads a specific and strategic location.

On the other hand, if ads are not adequately considered during the design process, they can look very much out of place, which will disrupt the rest of the website. Layout and design decisions that were made without consideration for ads will rarely work well when ads are incorporated in the website.

Layout and Spacing

Advertisements can easily take up big chunks of space in the layout of a website. Whether it has one large banner ad or several smaller ones bunched together, the layout will be affected. Some websites will spread out various advertisements throughout the website, others will confine them to a specific area and leave the rest of the website ad-free.

The strategy here depends of several factors, but websites in particular industries and niches tend to take similar approaches. For example, major news websites typically have advertisements spread throughout the website’s layout. They may not include several ads in any one specific area, but they do have many spots that contain few ads.

CNN.com contains a few advertisements spread throughout the website.

In contrast to news websites, many blogs keep banner ads contained within a designated area of the layout, typically the sidebar, and the rest of the blog may contain no ads. With this approach, the designer needs to account for advertisements in one large area of the layout, but the rest of the website will have little or no need to accommodate ads.

Blogging Tips includes six 125 x 125-pixel banners in the right sidebar, and the only other ad is a banner just above the comments on individual posts.

Because ads are often used in sidebars of both blogs and news websites, one major consideration in designing the layout is the width needed to hold ads in the sidebar. For example, many news websites have 300 x 250 banners in their sidebars, so the sidebars must be big enough to contain the banners. If this consideration is not a part of the design process, monetization opportunities and potential income will suffer, or the layout will have to be changed later.

Of course, the sidebar isn’t the only common location for ads. Many websites sell ad space in their headers because this location usually brings the highest ad price on the page. In that case, advertising needs to be a consideration when the website is designed or else there will likely be no space available in the header. Typical website headers include a logo/branding area and primary navigation. To include space for advertisements, all of these items could be made to fit in the header design, or primary navigation could be moved elsewhere.

CSS Tricks is one of many blogs to include a banner in the header. In this case, the 468 x 60 banner fits nicely in the design of the header.

Colors

Web designers can’t control the color or design of banner ads used on their websites, and definitely won’t be able to in future, but they can consider the possibilities when developing a color scheme for the design. Banner ads are often colorful and bright, for the purpose of grabbing the attention of the visitor. If a website is designed with lots of different colors and shades, it could look awkward and too busy with ads that are also full of color, especially when those colors don’t go together.

Some websites that display a lot of banners will need a muted color scheme that avoids potential color overload for visitors. In some cases, these websites need the ads to stand out in order to draw more attention to them, and color can be a very effective way of achieving that.

Flow

One of the challenges designers face with any type of website is to present the content so that the visitor’s eye is drawn to important information. The typical pattern of the eye’s movement on screen and the flow of content in the website’s layout can be influenced by ads. Website owners looking to maximize ad revenue will often include ads in locations where the eye is drawn to, because these locations tend to produce the best results and the most ad revenue.

Those who want some ad revenue but with minimal impact on the visitor will keep ads away from the primary flow of content. Examples of this are blogs that place ads within the content of the post or just in the sidebar. Ads directly above or below post titles are typically seen and clicked by more visitors than ads in the sidebar, so they will sell at a higher rate. Decisions here need to be made by the owner of the website, but the designer needs to be aware of the decision so that the ads can be implemented in the design.

The New York Times keeps its header and main content area free of ads on article pages, but there is a large area in the right sidebar for ads.

What is the Designer’s Responsibility with Advertisements?

1. To understand the level of priority of advertising revenue.

Many websites include no advertisements at all, and others rely on ad revenue to stay in business. Still others include some ads but not as the primary source of revenue. The designer needs to communicate with the client to understand how much of a priority ads should have in the design. If ad revenue is critical to the business, advertising slots will be one of the most significant factors in the layout. If selling products or services is more important, then the products or services should be given priority in the design over any ads that may be included.

The designer’s job is not to determine how much of a role ads should play in the website’s design and layout, but he or she should make the effort to completely understand the needs and desires of the client in this area. Starting the design process with the right perspective and being on the same page as the client is critical.

2. To design a website that meets the needs of the clients.

Most Web designers would probably prefer never to have to design for ads and to be able to use the allotted space in other ways. However, the client’s needs include a website designed to allow for ad revenue, so these areas must be a part of the design.

3. To design an attractive and usable website that includes ad space.

Regardless of whether ads are a high or low priority, the designer needs to create a website that is attractive and gets the job done. Ads can be a difficult element to work with in the design because of the lost space and the interrupted flow, however, the designer must still create an effective website. If there are a lot of ads on the website, care must be taken to still make the website usable for visitors with minimal interference.

Trends in Ads and Design

By looking at websites that sell ads, particularly those that depend on ads as a major source of income, we see a number of trends:

Header ads.

Many websites sell advertising space in their header; often this space is located to the side of a logo and above or below a navigation menu. This trend is common across many different types of websites and will likely continue as long as these ads produce solid results for advertisers.

The Washington Post actually uses two header ads on article pages. The first is a 300 x 45 banner that sits across from the logo, and below that is a 728 x 90 banner that lies between the logo and the navigation menu.

Lifehacker, like other websites in the Gawker network, has a large header that allows for a 300 x 250 banner. Notice that the website clearly is designed and laid out to suit this size of ad perfectly.

Ads above all content.

Instead of having an ad inside, or perhaps beside, the header, some websites place ads completely above everything else on the page, including the header. This puts the ad as high as possible on the page but takes it out of the flow of the content. This minimizes the potential interference of the ad, but it pushes everything else on the page down, and less content will be visible above the fold. This trend is noticeable on a number of news websites.

TechCrunch uses a 720 x 90 banner above its header. Only the green border of the body is above this banner.

The L.A. Times also includes a banner above all content, but not on the home page.

Monster places a 728 x 90 banner at the very top of its job search page.

More ads on secondary pages than on home page.

Some websites, such as the L.A. Times just mentioned, keep the home page more welcoming to visitors and more user-friendly by using the space for things other than advertisements. However, these websites include ads on other pages. This is another common trend on news websites.

The Reader’s Digest home page avoids any ads high on the page.

However, pages of individual articles include a 728 x 90 banner above the header, a 300 x 250 banner at the top of the right sidebar and a 135 x 600 skyscraper in the left sidebar, plus some additional ads lower on the page.

Like Reader’s Digest, Time also uses an almost ad-free home page.

Pages of individual articles include a 728 x 90 header banner and a 300 x 250 banner at the top of the sidebar.

Common banner sizes.

As you browse a number of websites, you notice that banners come in all different proportions, but most of them are standard sizes. The Interactive Advertising Bureau has established standard sizes to be used for online ads. While a website owner can sell ads of any dimension, it is usually advisable to stick to the standards because potential advertisers likely already have ads designed for those sizes and would be more likely to buy if spaces of the same sizes were available. Web designers should know the ad dimensions that clients want on their websites.

Blogs commonly use 125 x 125 banners, although many other sizes are used as well. Daily Blog Tips is an example of a website with typical blog banner ads. Six 125 x 125 ads are placed in the right sidebar, but the only other ad on the website is a skyscraper lower down in the left sidebar.

Another common dimension for banners is 300 x 250. Many news websites use ads of this dimension in sidebars. Yahoo’s right sidebar contains a 300 x 250 banner right around the fold.

Digg also uses a 300 x 250 banner at the top of its sidebar.

Best Practices for Designers

1. Design to meet the needs of the client

The ultimate responsibility of the designer is to the client. The designer should advise the client when needed, but ultimately the website needs to please the client. Although the designer may disagree with the client’s approach to using ads on the website, if the client wants it a certain way, that’s how they should get it.

There are many websites that appear to outsiders to have too many advertisements, but without knowing the details of how much income the ads produce and how they affect or don’t affect the audience, it’s impossible to know if it is a good or bad approach for the business.

2. Lay out the website so that ads are a part of the design

The websites that look the most natural and normal with advertisements were designed with them in mind. It’s no accident that a banner fits nicely in a specified area of the sidebar. Incorporate ad slots in the layout to achieve the best-looking website possible. Ads that are thrown in will look out of place and will overpower an otherwise well-designed layout.

The sidebar on ABC News is sized just right to contain the 300 x 250 banners used throughout the website.

3. Consider future needs

You may find yourself in a situation in which you’re designing a website that isn’t particularly ad-heavy at the moment but that could be more dependent on ad revenue in the near future. Many websites start out with few advertisements and then, once the audience is built up, incorporate more ads. Ideally, this would be considered during the design process, and plans would be made for where new ad slots could be placed. Sidebars are generally a good spot to increase the amount of ads without disrupting the layout or the content, but header ads are much more difficult.

It’s generally good practice to discuss long-term plans with clients during the initial process so that situations like this can be avoided. If more ads are to be used in the near future, before a redesign is done, it’s possible to hold some spots with temporary content until they are needed for ads. For example, an area could be used to promote something on the website itself, with that content being removed once ad revenue becomes more important.

4. Consider the impact on visitors

Designers should make an effort to include ad slots that will appeal to advertisers, but visitors also need to be considered. When it comes to ads, a lot of decisions need to be made and judgment taken about what is appropriate and what would be too much. All of these issues need to be looked at in the context of the website in question, and there are rarely black-and-white answers.

What’s Your Opinion?

What’s your take on the impact of advertisements on design? When designing a website or a custom blog theme, how much consideration do you give to advertising?

About the Author:

Steven Snell is a Web designer and freelance blogger who can be found on his own blogs: Vandelay Website Design and DesignM.ag. (al)

Source: http://www.smashingmagazine.com/2008/12/03/online-advertising-and-its-impact-on-web-design/ Steven Snell

Vivant

2008-12-03T21:10:00+02:00

Je vis à un rythme assez fou depuis quelques mois. Je suis sans
cesse sous pression, pour ça je ne me plains pas trop, j'aime assez la
gérer, elle me permet d'avancer dans le travail. Mais la fatigue, elle
est plus dure à contenir, car si dans ma tête tout semble aller mieux,
le physique ne tient plus vraiment.

Et je n'aime pas cette
fatigue, qui n'est pas celle qu'on ressent lorsqu'on sort de 90
minutes, d'un match de foot, ou lorqu'on vient de parcourir 10 km en
crachant ses poumons. Cette sensation je ne la connais plus et elle me
manque. J'ai peur de cette fatigue quasi latente, car combinée au
traditionnel spleen de fin d'année, pourrait me rendre moins performant.

Le
salut peut venir du sport, j'ai besoin de revivre ça, cette soufrance
physique qui fait que vous vous sentez faible, minable, mais vivant.

Et puis Marion tu me manques.

Source: http://feeds.feedburner.com/~r/sutekidane/~3/473932100/vivant.html

News 1.63 : A module for creating articles in Xoops

2008-12-03T19:00:00+02:00

Instant Zero is very happy to present you a new version of the Xoops News module.
This new version, 1.63, introduces some bugs corrections and introduces a new functionality, Tags

Where to download the module ?
The module can be found in its homepage:
http://xoops.instant-zero.com/modules ... ory/product.php?prod_id=1

How to upgrade ?
Be sure to update the files on your server with the new one and update the module in the Xoops modules manager.
after this, YOU MUST go in the module's preferences, at least one time, to re validate them.

Translations
Some modifications were made to the translations.
Consult the lang.diff file.

Note about the tags
- The use of tags and the generation of tags cloud are linked to the use (and of the installation) of the "Tag" module created by phppp.
YOU CAN'T USE TAGS IF THIS MODULE IS NOT INSTALLED
So you must download and install this module before to be able to use tags in the News module:
For Xoops 2.3.x :
http://www.xoops.org/modules/news/article.php?storyid=4477
For Xoops 2.0.x :
http://dev.xoops.org/modules/xfmod/project/?tag

Best regards,
Instant Zero
Source: http://www.xoops.org/modules/news/article.php?storyid=4558

NetBeans 6.5

2008-12-03T03:59:30+02:00

Cette nouvelle version a été annoncée depuis de nombreux mois, et là voilà !!!! La version stable 6.5 de NetBeans est disponible.

Ce programme est soutenu par Sun et c'est un IDE et fonctionne sur Linux, Mac, Windows et Solaris

Il va vous permettre de développer vos sites internets en PHP avec le plugin PHP NetBeans

Source: http://www.nexen.net/actualites/php/18855-netbeans_6.5.php

Holiday SEO - start working on next year now

2008-12-03T13:54:02+02:00

If you've got holiday content that you want to promote for the November/December holiday season, I have some bad news. If you're starting now, you're way too late. According to...
Source: http://webdesign.about.com/b/2008/12/03/holiday-seo-start-working-on-next-year-now.htm

Innocent Invaders Photoshop Brushes Set

Vitaly Friedman & Sven Lennartz — 2008-12-03T12:41:51+02:00

Today we are glad to release Innocent Invaders Photoshop Brushes Set, a set that features a curious cast of characters who are ready to infiltrate your creative projects. Inspired by designer vinyl toys, this high resolution set includes a collection of 15 different creatures accompanied by 10 background illustrations.

These brushes are designed by Katie Canada and Jason Gaylor of Mediaslap. This set was designed exclusively for Smashing Magazine and its readers.

Download the sets for free!

You can use the set for all of your projects for free. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. You may not use these brushes on designs for sale on stock photography sites. You’ll find installation instructions in the package. Please link to this article if you would like to spread the word.

large preview

download (.zip, 2.8 Mb)

Last But Not Least

We are constantly looking for creative designers and artists. You may not know it yet, but we may feature you in one of our upcoming posts.

If you would like to release a free high-quality font, a Wordpress theme, Photoshop brushes, a Drupal theme, some wallpapers, an icon set or something else, please contact us. We would like to support you (both financially and with the broad readership of Smashing Magazine).

Source: http://www.smashingmagazine.com/2008/12/03/innocent-invaders-photoshop-brushes-set/ Vitaly Friedman & Sven Lennartz

Piqûre de rappel : le 3 décembre c'est la journée du handicap

Raphael GOETTER — 2008-12-03T12:05:00+02:00

Il n'y a pas que les Prud'homales dans la vie : cette année (encore), un événement ne semble pas bénéficier d'une visibilité démesurée et pourtant ce rendez-vous est donné depuis 1992.

C'est aujourd'hui la Journée internationale des personnes handicapées. La « Convention sur les droits des personnes handicapées : dignité et justice pour nous tous » est le thème de cette journée du 3 décembre 2008.

Simplement trois questions :

Qui était au courant ici ?

Quoi de concret sur l'Accessibilité Numérique depuis l'an dernier ?

Qui va relayer l'information ?

Note : merci à Delphine pour le rappel et le logo réactualisé.

Source: http://blog.alsacreations.com/2008/12/03/443-piqure-de-rappel-le-3-decembre-cest-la-journee-du-handicap Raphael GOETTER

Thème mis à jour : Lord of the ring (v3)

2008-12-03T13:22:00+02:00

Nom du thème : lotr_v3

CHANGELOG :
prise en charge des blocs bas en colonne centrale
stylesheets placées dans un dossier /css
templates du thème placés dans un dossier /xotpl
favicon.ico et favicon.png ajoutés
2 nouveaux templates de thème : xometas.html + globalnav-dynamic.html
menu horizontal avec sous-menus (CSS)
fichier theme.ini ajouté
Source: http://www.frxoops.org/modules/news/article.php?storyid=1569

Simple-XOOPS to join forces with XOOPS

2008-12-03T14:10:00+02:00

We are pleased to announce that Dirk Herrmann (dhsoft), the author of Simple-XOOPS and Administrator of XOOPS Germany, will be joining the XOOPS Core Team to become the Lead Maintainer for XOOPS 2.3, and then the Lead Developer for XOOPS 2.4.

Dirk is one of the most innovative developers in the XOOPS world and has received recently the "XOOPS Innovator" Award for his work on Simple-XOOPS. The XOOPS 2.4 will be based to a big extend on his Simple-XOOPS work.

This will result in some very exciting extensions to XOOPS, incl.:

* Multi-Site Hack (multiple domain / subdomain with one installation)
* Multi-Language Hack (multiple languages with one installation)
* URL rewriting hack, SEO optimization
* An integrated updater for the core and modules
* An installer for automatic installation of modules
* Automatic check for Version Update of core and modules

In November Dirk became the main Administrator of XOOPS Germany, being responsible for support and overall management of the XOOPS German activities.

He is very well respected in the German community, and we are very excited about having Dirk on board, especially with all the the wealth of experience he is bringing to the project. You can read interview with Dirk here.

As a result of Dirk joining the Core Development Team, the current development plan for XOOPS 2.3.x is as follow:

XOOPS 2.3.2* are the security bugfix releases
XOOPS 2.3.3 is the bugfix release
XOOPS 2.3.4+ will be maintenance of 2.3 series

XOOPS 2.4 will be the merger of XOOPS 2.3 and Simple-XOOPS

At the same time, DJ (phppp) will be leading XOOPS 3.0 development, which is planned to be released in the first half of 2009. Yes, XOOPS 3.0 is coming!

Stay tuned...

As you can see, the upcoming months will be very exciting for the XOOPS community, with a lot of work ahead of us. Therefore we would like to ask everybody to join the Team XOOPS and help us out in making this vision a reality!

Remember, XOOPS is Powered by YOU!

In the meantime, Happy XOOPSing!
Source: http://www.xoops.org/modules/news/article.php?storyid=4557

Lord of the rings (updated theme)

2008-12-03T13:10:00+02:00

Theme name : lotr_v3

CHANGELOG :
â¢ bottom blocks in center column now displayed
â¢ stylesheets put in /css folder
â¢ theme templates put in /xotpl folder
â¢ favicon.ico and favicon.png added
â¢ 2 new theme templates : xometas.html + globalnav-dynamic.html
â¢ css horizontal menu with submenus
â¢ theme.ini added

> theme in action
> download
Source: http://www.xoops.org/modules/news/article.php?storyid=4556

Precision Theme

2008-12-02T23:20:00+02:00

XOOPSLand is happy to share with the XOOPS Comunity, a new theme called Precision.

Download
Demo
Source: http://www.xoops.org/modules/news/article.php?storyid=4554

10 Useful RSS-Tricks and Hacks For WordPress

Jean-Baptiste Jung — 2008-12-02T19:48:33+02:00

By Jean-Baptiste Jung

RSS is one of those technologies that are extremely simple yet extremely powerful. Currently, RSS is the de facto standard for blog syndication, and it is used widely in both personal and corporate settings; for example, in blogs. And because a large percentage of these blogs run on WordPress, we’ll cover in this post some (hopefully) relatively unknown but useful RSS-related tricks and hacks that will help you use RSS in a more effective way — and without unnecessary and chunky WordPress plug-ins.

Let’s take a look at 10 useful, yet rather unknown RSS-tricks for WordPress. Each section of the article presents a problem, suggests a solution and provides you with an explanation of the solution, so that you can not just solve some of your RSS-related problems but also understand what you are actually doing. Thus, you can make sure your WordPress theme remains under your control and is not bloated with some obscure source code.

1. Control When Your Posts are Available via RSS

The problem. Have you ever published an article and then immediately noticed an error? Sure, you can edit it, but there’s another problem: the article has already been published in your RSS feed. To avoid this kind of problem, use this recipe to create a delay between the publication of a post and its availability in your RSS feed.

The solution. To apply this hack, simply paste the following code into your theme’s function.php file. If your theme doesn’t have this file, just create it.

function publish_later_on_feed($where) {
	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '5'; // integer

		// http://dev.mysql.com/doc/refman/5.0/e ... ml#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');

Code explanation. The above code will add a 5-minute delay to the time between when your post is published on your blog and when it appears in your RSS feed. To change the length of the delay, change the value of the $wait variable on line 9.

Sources

Publish your feed later

2. Redirecting WordPress Feeds to FeedBurner Feeds

The problem. Beginner bloggers usually start to use FeedBurner only after they have seen it used on many other blogs and realize how useful and cool this tool is. They sign up and start to use it, but their early readers are already subscribed to their default WordPress feed.

Another problem: do you often change your theme? If so, you must be bored having to edit each call to bloginfo(’rss2_url’) and replace it with your FeedBurner feed’s URL.

The solution. The solution to both problems described above is simple: use server redirections.

Create a backup of your .htaccess file, located in the root of your Web server.

Edit the .htaccess file and add the following code. Don’t forget to modify the feed’s URL with your own feed’s URL.

# temp redirect wordpress content feeds to feedburner
<IfModule mod_rewrite.c>
 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
 RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
 RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/wprecipes [R=302,NC,L]
</IfModule>

Save the file. You’re done!

Code explanation. Each time someone clicks on a link to http://www.yourblog.com/feed, he or she will be redirected to http://feeds.feedburner.com/yourblog. This way, you will have never lost an RSS subscriber, and even if you change your theme twice a day, you’ll never have to manually edit your RSS feed links again.

Sources

Redirect WordPress feeds to FeedBurner via htaccess (Redux)

How to: redirect WordPress RSS feeds to FeedBurner with .htaccess

3. Insert Ads (or Anything Else) in Your RSS Feed

The problem. Monetizing RSS feeds is currently becoming a common practice, and many blog owners do it to maximize their income. FeedBurner can insert AdSense ads into your feed items, but you need at least 500 subscribers to qualify, and you can’t use any ads other than the AdSense ads provided by FeedBurner.

The solution. It is possible, though, to insert other kinds of ads into your RSS feed. You can, for example, use a link to a free WordPress theme only for your RSS subscribers.

Follow these simple steps to perform this hack:

Edit the functions.php file of your theme. If your theme doesn’t have a functions.php file, simply create one.

Paste the following code into your functions.php file:

<?php
function insertAds($content) {
    $content = $content.'<hr /><a href="http://www.wprecipes.com">Have you visited WpRecipes today?</a><hr />';
    return $content;
}
add_filter('the_excerpt_rss', 'insertAds');
add_filter('the_content_rss', 'insertAds');
?>

Save the file. You’re now displaying your ads in your RSS feed!

Code explanation. I have seen many similar hacks on the Web, but all of them require you to edit WordPress core files to achieve the same result. Of course, editing WordPress core files is a very bad idea because then you would have to re-edit the files each time you upgrade your blog. Instead, this hack uses the add_filter() WordPress function to insert content into your RSS feed without editing any core files.

Sources

How to: insert ads in your RSS feed

WordPress, ajouter du contenu dans son flux RSS !

4. Format Your Images for Feed Readers

The problem. You took a lot of time to write and format your post and add beautiful screenshots. It looks so good on your blog. Sadly, when the post is displayed in Google Reader or any other RSS reader, it doesn’t look so great.

The solution. This is due to the fact that most feed readers display images inline with text:

To avoid this problem, add a CSS class to display the image as a block. WordPress provides the built-in class “center“:

<img src="http://78.46.108.98/images/wordpress-rss-hacks/myimage.jpg" alt="This is my image" class="center"/>

Sources

How to format images for feed readers

5. Provide Your Readers with a Feed for Each Post

The problem. When a post has lots and lots of comments, it can be hard for readers to follow the conversation. Most WordPress users don't know this, but our favorite blogging engine has a built-in function for providing an RSS feed for the comments in each post.

The solution. Well, this recipe isn’t really a hack or anything: to provide an RSS feed for the comments in a particular post, just call the comment_rss_link() function:

<?php comments_rss_link('&raquo; Comments RSS Feed'); ?>

Sources

WordPress how to: provide an RSS feed for the comments in each post

6. Exclude Categories from Your RSS Feed

The problem. Do you use one of your blog categories to let readers know about your website’s news, or does your blog feature a category that has nothing to do with the rest of your content? If so, it is generally not a good idea to include it in your RSS feed.

The solution. Here’s how to get rid of one of the categories in your RSS feed:

First, get the numeric ID of the category you want to exclude. If you don’t know how to get the ID of a particular category, you can learn how here.

Once you have the ID of the category you want to exclude from your RSS feed, edit the functions.php file in your theme. Create the file if it doesn’t exist.

Paste the following code in it:

function myFilter($query) {
    if ($query->is_feed) {
        $query->set('cat','-5'); //Don't forget to change the category ID =^o^=
    }
return $query;
}

add_filter('pre_get_posts','myFilter');

Save the file, and you’re done!

Code explanation. This hack works exactly the same way as the previous one: create a custom function to exclude the category that you don’t want to appear in your RSS feed, and then use the super-useful add_filter() function to apply it to the pre_get_posts() WordPress core function.

Sources

Excluding posts from your WordPress feed

How to: exclude categories from your RSS feed

7. Display Any RSS Feed on Your WordPress Blog

The problem. Do you have more than one blog, or do you manage a forum? If so, you may want to be able to display any RSS feed on your WordPress blog.

The solution. Many plug-ins can do the job, but they’re not necessary at all. WordPress has a built-in RSS reader that is used, for example, to display news on your dashboard. All you have to do is use it in your theme.

Paste the following code anywhere in your theme (personally, I’d put it in the sidebar, the footer or, even better, the page template):
```
<?php include_once(ABSPATH.WPINC.'/rss.php');
wp_rss('http://feeds.feedburner.com/wprecipes', 3); ?>
```

Save it and you’re done. It’s as easy as that!

Code explanation. The first thing we have done is include the rss.php file from WordPress core. This file allows us to use the wp_rss() function, which takes two parameters: the first is the RSS feed’s URL, and the second is the number of RSS entries to be displayed.

Sources

How to: Display any RSS feed on your WordPress blog

8. Use Category-Specific RSS Feeds

The problem. Many blogs talk about a lot of different topics: design, programming, blogging tips, etc. Have you ever come across a blog in which you have enjoyed only one category of posts? If so, you should definitely consider offering one feed per category to your own readers.

The solution. Let’s say you’d like to be able to subscribe only to TheGridSystem’s tools section. The category URL is:

http://www.thegridsystem.org/categories/tools/

To get an RSS feed for this category, you simply have to add /feed to the end of the URL:

http://www.thegridsystem.org/categories/tools/feed

Pretty easy, isn’t it? But pretty useful, too, in my opinion.

9. List RSS Feeds by Category

The problem. If you like the previous hack, you will probably also want to be able to display the names of all your category feeds in a list to your readers.

The solution.

Edit any of your theme files, where you want to list your categories and their accompanying feeds.

Paste the following code:

<?php wp_list_categories('feed_image=http://www.myblog.com/image.gif&feed=XML Feed&optioncount=1&children=0'); ?>

Save the file. You categories will now be displayed, along with their RSS feeds!

Code explanation. This hack uses only the good old wp_list_categories() function, with two parameters. The first is feed_image, which allows us to specify the URL to be displayed as a feed image. The second parameter is feed, which is used to specify the feed format.

10. Get Rid of RSS Feeds the Clean Way

The problem. Let’s say you’re using WordPress as a CMS to manage your online portfolio or your company’s website. In such cases, the RSS feed isn’t that useful, and some people would probably want to remove it.

The solution. I have seen many “hacks” on the Web where people say you just have to remove the include on the wp-settings.php core file. I don’t think you should ever edit a core file. Instead, the following hack will do the job. Simply paste this code in the functions.php file of your theme:

function fb_disable_feed() {
	wp_die( __('No feed available,please visit our <a href="'. get_bloginfo('url') .'">homepage</a>!') );
}

add_action('do_feed', 'fb_disable_feed', 1);
add_action('do_feed_rdf', 'fb_disable_feed', 1);
add_action('do_feed_rss', 'fb_disable_feed', 1);
add_action('do_feed_rss2', 'fb_disable_feed', 1);
add_action('do_feed_atom', 'fb_disable_feed', 1);

Sources

Disable WordPress feed

About the author

This guest post was written by Jean-Baptiste Jung, a 26-year-old blogger from Belgium, who blogs about WordPress at WpRecipes and about everything related to blogging and programming at Cats Who Code. You can stay in touch with Jean by following him on Twitter. (al)

Source: http://www.smashingmagazine.com/2008/12/02/10-useful-rss-hacks-for-wordpress/ Jean-Baptiste Jung

Quick Tips for web developers and web designers

Roger Johansson — 2008-12-02T20:28:08+02:00

I spend a fair amount of time doing quality assurance of websites. This includes reviewing code (HTML, CSS, JavaScript), reporting accessibility and usability issues, giving tips and advice, and so on.

In these reviews there are some things that keep coming up. A lot of them are pretty simple and basic things if you ask me. However, there are many people who make the same mistakes, so maybe those things aren't that simple after all. Or maybe the problem is that they aren't widely known.

In the hope that it will help some people out I am going to start a new category of posts here called "Quick Tips". Each Quick Tip will focus on one of the issues that I come across while doing QA work, and will probably be anything from a sentence to a few paragraphs in length.

This is not meant to ridicule the mistakes or the people who make them. My sincere intention is to help people avoid making these mistakes in the first place by attempting to spread the knowledge.

Posted in Accessibility, Quick Tips, Usability, Web Standards.

Source: http://feeds.feedburner.com/~r/456bereastreet/~3/472796418/ Roger Johansson

Christmas Theme

2008-12-02T21:40:00+02:00

Hi all,

Here is a christmas theme for you. This theme is designed by xoops-theme.com. Header-PSD is included.

Demo and download here

300) this.width=300" />

Source: http://www.xoops.org/modules/news/article.php?storyid=4553

Getting Real About Agile Design

nospam@example.com (Cennydd Bowles) — 2008-11-30T07:27:10+02:00

Agile development was made for tough economic times, but does not fit comfortably into the research-heavy, iteration-focused process designers trust to deliver user- and brand-based sites. How can we update our thinking and methods to take advantage of what agile offers?
Source: http://www.alistapart.com/articles/gettingrealaboutagiledesign nospam@example.com (Cennydd Bowles)