Accounting: Fabrizio Scatena
Graphic design: Enrico Caputo [CaroselloLab] and Lorenzo De Tomasi
Information architecture and usability: Lorenzo De Tomasi and Ania Maslova
Development: Francesco D’Ambrosio and Lorenzo De Tomasi
Content management system: Drupal

Information architecture, graphic interface design, communication and content management system development by Lorenzo De Tomasi.

Text writing and editing: Deborah De Angelis and Ermanno Pandoli.

Look at the final result »

You can buy the template for only €10,00 (€12,00 VAT included).
You can also ask for a full exclusive personalization for your website.

Bibliography

• Customizing the Read More, WordPress.org
• Fix pagination on query_posts(), MikeChick.net

www.madotto.com

1. Open the page-template Page with category and save it from your browser (File > Save page as…).
2. Rename the file wp-page_category.txt in wp-page_category.php.
3. Open the template Navigate posts and save it from your browser (File > Save page as…).
4. Rename the file navigate_posts.txt in navigate_posts.php.
5. Using an free software ftp client (like Filezilla) copy both the files wp-page_category.php and navigate_posts.php into your wp-content/themes/<your theme folder>/.
6. Login at your website and write a new page.
7. Select the Page with category template as page-template.
8. Create a custom field with displayed_categories as Key and the numeric id of the category you want to display as Value.
9. Publish the page.
10. Visit the page you have just published.

License

©2008 by Lorenzo De Tomasi. Copyleft/Some rights reserved. The php code has been released under a Gnu/Gpl 3.0 license.

Future improvements

• Make the <!--more--> work. [Can you help to understand the problem? Thanks]
• Set the number of post listed for each page, using pagination buttons. If no value is set, display the default number of posts.
• Display more than one category at time (for example books and dvds), using comma separated numeric category-ids (131, 12, 36).
• Check if displayed_categories is set.
• Check if categories exist.

The xhtml strict code

In Wordpress, edit the file /wp-includes/widgets.php, commenting the following code.

__() and _e() are for localization with gettext.

<!−−
<form id=”searchform” method=”get” action=”<?php bloginfo(‘home’); ?>”>
<div>
<input type=”text” name=”s” id=”s” size=”15″ /><br />
<input type=”submit” value=”<?php echo attribute_escape(__(‘Search’)); ?>” />
</div>
</form>
−−>

…and insert the following code:

<?php
function wp_widget_search($args) {
extract($args);
echo $before_widget;
?>
<form id=”searchform” method=”get” action=”<?php bloginfo(‘home’); ?>”>
<p>
<label for=”s”><span>
<?php _e(‘Search’); ?>
</span></label>
<input name=”s” id=”s” type=”text” accesskey=”s” />
<input type=”reset” value=”<?php _e(‘Reset’); ?>” accesskey=”r” />
<input type=”submit” value=”<?php echo attribute_escape(__(‘Search’)); ?>” />
</p>
</form>
<?php
echo $after_widget;
}
?>

The css code

Add the following cascade style sheet (css) to your theme .css file, deleting other #searchform styles, if necessary.

#searchform {
margin: 0;
padding: 0;
overflow: hidden;
}
#searchform label {
float: left;
width: 20px;
height: 19px;
background: url(media/images/search_label.gif) no-repeat;
}
#searchform label span {
visibility: hidden;
}
#searchform input[type="text"] {
float: left;
width: 120px;
height: 13px;
font-size: .9em;
border-right: none;
border-left: none;
background-color: white;
}
#searchform input[type="text"]:focus {
border-color: silver;
}
#searchform input[type="reset"] {
float: left;
border: none;
width: 19px;
height: 19px;
background: url(media/images/search_reset.gif) no-repeat;
padding-left: 20px;
margin-right: -6px;
overflow: hidden;
color: transparent;
}
#searchform input[type=reset]:active {
background: url(media/images/search_reset_hover.gif) no-repeat;
}
#searchform input[type=submit]{
display: none;
}