Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

22.12.2009

"Modèle de la page catégories" du blog de Gee Mee

Je m'efforce de mettre à votre disposition les modèles de ce blog, et vous trouverez ci dessous la version du 18 décembre 2009 de la page catégories (pour exemple, celle de 1ère visite). Si vous avez un doute, lisez donc : Comment utiliser les modèles de ce blog ?

Particularités du modèle :

  • Format de la date sur deux lignes
  • "Encadrement" graphique de la partie centrale (code "aspire")
  • Crédits inscrits dans le pied de page

Ce qu'il reste à faire (notamment) :

  • Refonte de l'en-tête de page.
  • Gestion de l'arrière-plan général
  • Report de l'encadrement graphique dans la CSS


<!--- Modèle de la page categories - Gee Mee 091218 --->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="http://geemee.hautetfort.com/images/favicon1.ico" type="image/x-icon" />
<link rel="shortcut icon"  href="http://geemee.hautetfort.com/images/favicon1.ico" type="image/x-icon" />
<title>{$category.folder} : {$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}{$category.folder}/index.rss" />
<link rel="start" href="{$blog.url}" title="Home" />
</head>
<body>
<div id="container">
<div class="container-decorator1">
<div class="container-decorator2">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:"&nbsp;"}</h2>
</div>
</div>
</div>
<div id="left">
<div class="left-decorator1">
<div class="left-decorator2">
{sidebar file="sidebar1.htm"}
</div>
</div>
</div>
<div id="right">
<div class="right-decorator1">
<div class="right-decorator2">
{sidebar file="sidebar2.htm"}
</div>
</div>
</div>
<div id="center">
<div class="center-decorator1">
<div class="center-decorator2">
<div class="content">

<!--- aspire --->
<div class="cont-r"><div class="cont-l"><div class="cont-bot"><!--- <div class="begin"></div> --->
<!--- aspire --->  
{posts assign="post" lastn="10" category="`$category.folder`" commentcount="commentcount" trackbackcount="trackbackcount" categories="categories"}
{date_header date="`$post.pubdate`"}
<h2 class="date"><span><!--{$post.pubdate|date_format:"`$blog.date_format`"} -->
{$post.pubdate|date_format:"%d"}</span><br />
<span class="month">{$post.pubdate|date_format:"%b"}</span>
</h2>
{/date_header}
<a id="a{$post.id}"></a>
<h3 id="p{$post.iteration}"><span>{$post.title}</span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
{$post.source|trimlonglines:60}
<div style="clear:both;"></div>
</div>
</div>
</div>
{if $post.extended}<div class="readmore"><p><a href="{$post.permalink}#more">{t}Lire la suite...{/t}</a></p></div>{/if}
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
{post_footer}
</p>
</div>
</div>
</div>
{/posts}
{posts assign="post" category="`$category.folder`" postcount="postcount"}
{if $post.postcount>10}<p><a href="/archives/category/{$category.folder}.html">{t}All the posts{/t}</a></p>{/if}
{/posts}

<!--- aspire --->
</div></div></div>
<!--- aspire --->
</div>
</div>
</div>
</div>
<div style="clear: both;">&#160;</div>
</div>
</div>
</div>
<div id="extraDiv1"><span>Copyleft.  <a href="http://geemee.hautetfort.com/about.html">Gee Mee</a> s'est inspiré du thème <a href="http://www.infocreek.com/webdesign/aspire.html"><i>Aspire</i></a> développé par <a href="http://www.infocreek.com">InfoCreek</a> pour <a href="http://www.wordpress.org">WordPress</a></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>



</body>
</html>
<!--- /Modèle de la page categories - Gee Mee 091218 --->


Commentaires

Bonjour Gee Mee,

Je vous souhaite tout d'abord une bonne année 2010 ;)

Savez-vous sur Hautetfort, s'il est possible dans les catégories d'afficher 3 ou 4 notes à la place des 10 affichées actuellement ?

Est-il possible de supprimer le lien "Toutes les notes", et d'installer un pager ?

Merci à vous,

Pierre du blog http://www.pblv-plusbellelavie.fr

Écrit par : Pierre | 21.01.2010

Répondre à ce commentaire

Bonjour Pierre, recevez mes meilleurs vœux pour 2010 ;)

J'espère que vous ne m'en voudrez pas d'avoir déplacé le commentaire original sur cette note, qui est plus appropriée. J'y ai surligné en jaune ce que vous devez rechercher.

S'agissant du nombre de notes affichées dans la page "catégories", il faut rechercher {posts assign="post" lastn="10" et changer 10 pour le nombre qui vous convient.
Il vous faudra aussi chercher {if $post.postcount>10} et à nouveau changer 10 pour que la plateforme rende accessible la page "toutes les notes". Cette dernière page comprenant effectivement toutes les notes de la catégorie, il ne peut y avoir d'autre page, donc pas de "pager" comme sur la page d'accueil. Il y a les n dernières notes de la catégories, puis toutes les notes de la catégorie. La page d'accueil elle, affiche les n dernières notes, puis les n notes antérieures, et ainsi de suite. Ce n'est pas le même fonctionnement.

Si la page "toutes les notes" ne vous convient plus, vous pouvez enrichir les éléments présentés, mais vous prenez le risque d'alourdir la page. Personnellement, j'ai au moins fait en sorte que le titre soit complet.

En espérant vous avoir été utile.

Écrit par : Gee Mee | 21.01.2010

Bonjour,

Je vous remercie pour votre aide, très utile. Merci à vous ;)

A bientôt.

Écrit par : Pierre | 23.01.2010

Répondre à ce commentaire

Les commentaires sont fermés.