banneer

Tag - dotclear

Fil des billets - Fil des commentaires

J'ai "livré"[1] le site rg2. Traiter du contenu de ce dernier n'a pas beaucoup d'intérêt sur le blog du grouik.

Il n'est pas spécialement joli, parce que, je ne suis pas graphiste, et que le logotype. Bah, dur de décliner une palette de couleurs à partir de ça.

Même si ça peut paraitre ridicule je suis assez fier d'avoir réussi à adapter dotclear sans trop de difficultés (d'où ce billet).

Tout d'abord pourquoi dotclear?

  • Je manque énormément de temps au travail, il ne fallait pas que ça me prenne plus de deux journées, hors de question de faire un site à partir de 0.
  • J'ai testé en premier Joomla, qui paraissait être le CMS le plus adapté au besoin. Je me suis aperçu que que c'est quand même dur à prendre en main, si je cramais deux jours à lire la doc, il ne me restait plus de temps dans le délai que je m'étais imparti.
  • Ayant récemment bien retapé ce blog, je commence à bien me sentir à l'aise dans les templates de dotclear.
  • Je maitrise un peu Spip, mais j'avais pas envie (et puis j'ai tenté de former des gens à spip, ça rebute pas mal sur l'interface de rédaction).

Ce que le site rg2 a de particulier par rapport à un blog classique: La page d'accueil contient le dernier billet (ou galerie) classée en Editorial. Puis la liste (pas le contenu) des autres billets dans l'ordre anti-chronologique. Et... c'est tout, mais j'en suis fier quand même :p

Lorsque j'ai créé le compte de l'utilisatrice principale, j'ai mis le format de rédaction xhtml par défaut. La première chose qu'elle a testé était de faire un copier collé depuis word d'un compte rendu de réunion. La mise en page n'a pas sauté. Et c'est bien agréable quand on cherche à "vendre" un site.

rg2.jpg

Notes

[1] Livré dans le sens où j'ai fait la passation de compétences à la nouvelle webmastrice. C'était cependant dans le cadre de mon activité salariée au centre hospitalier. Je n'ai pas facturé le bouzin.


Avant quand je n'avais pas de blog, les petits pétages de plomb "je sature" concernaient mon appart. Je déplaçais les meubles à la recherche d'une disposition encore mieux (parfois à 2 heures du matin). Mais à Force de faire ça tous les 3 mois, j'ai trouvé la disposition optimisée de mon intérieur.

C'est pour ça que pour le bonheur des oreilles de mes voisins, depuis presque deux ans, je tiens ce blog,sur lequel je peux m’amuser à tout chambouler sans me péter le dos. Un petit tour dans les CSS, dans les templates, sur gimp... Dotclear est sympa (comparé à wp ou joomla) pour aller bidouiller dedans.

Là ça devient pas mal.


Il existe une méthode pour se simplifier la vie lors de la création (ou adaptation) d'un template sous dotclear. Le morceau de code concernant juste le billet. On retrouve la même dans les fichiers suivants:

  • category.html
  • post.html
  • tag.html
  • home.html
  • page.html
  • search.html

Et ça me gonflait à chaque modification, juste sur la présentation du billet en lui même de devoir la répercuter dans tous ces fichiers.

La solution: Se créer un fichier contenant le template partiel, juste le billet. Je l'ai nommé _justunpost.html Puis on remplace ce qu'il y a entre <tpl:Entries> et <tpl:EntriesFooter> par tpl:include src="_justunpost.html". Comme ceci:

<tpl:Entries>
    {{tpl:include src="_justunpost.html"}}
<tpl:EntriesFooter>

Quand à mon fichier _justunpost.html (personnalisé blog du grouik :p), il a cette tête là:

<div id="p{{tpl:EntryID}}" class="post {{tpl:EntryIfOdd}} {{tpl:EntryIfFirst}}" lang="{{tpl:EntryLang}}" xml:lang="{{tpl:EntryLang}}">
 
 <div class="post-title"><a
    href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a>
 </div>
 <div class="post-info">
 
	<table>
	<tr>
    	<td class="gncalendar">
			<center><em class="gndate">{{tpl:EntryDate format="%A"}}</em><br /> 
			{{tpl:EntryDate format="%d %B"}}<br />
			<em class="gndate">{{tpl:EntryDate format="%G"}} </em><br />
			{{tpl:EntryTime}}</center>
	</td>
	<td class="gninfos">
 
		<center>Auteur:<br/>
		<em class="gndate">{{tpl:EntryAuthorLink}}</em><br />
		<tpl:EntryIf has_category="1">
		Cat&eacute;gorie:<br />
    		<a href="{{tpl:EntryCategoryURL}}" class="gndate">{{tpl:EntryCategory encode_html="1"}}</a>
    		</tpl:EntryIf></center>
	</td>
	<td class="gntags">
	Tags:<br/>
	<tpl:EntryTags>
   		<a href="{{tpl:TagURL}}"><img src="themes/aorakit-2D/images/tag.png"/>{{tpl:TagID}}</a><br />
   	 </tpl:EntryTags>
	</td>
	</tr>
	</table>
 
 </div>
 
    <!-- # --BEHAVIOR-- publicEntryBeforeContent -->
    {{tpl:SysBehavior behavior="publicEntryBeforeContent"}}
 
    <!-- # Entry with an excerpt -->
    <tpl:EntryIf extended="1">
      <div class="post-content">{{tpl:EntryExcerpt}}<br />&nbsp;</div>
      <p class="read-it"><a href="{{tpl:EntryURL}}"
      title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue
      reading}}</a>...</p>
    </tpl:EntryIf>
 
    <!-- # Entry without excerpt -->
    <tpl:EntryIf extended="0">
      <div class="post-content">{{tpl:EntryContent}}<br />&nbsp;</div>
    </tpl:EntryIf>
 
    <!-- # --BEHAVIOR-- publicEntryAfterContent -->
    {{tpl:SysBehavior behavior="publicEntryAfterContent"}}
 
    <!-- # Number of comments, trackbacks and attachments -->
    <tpl:EntryIf operator="or" show_comments="1" show_pings="1" has_attachment="1">
      <div class="post-info-co">
	<img src="themes/aorakit-2D/images/comments.png" alt="icone commentaires" />
    </tpl:EntryIf>
    <tpl:EntryIf show_comments="1">
      <a href="{{tpl:EntryURL}}#comments" class="comment_count">{{tpl:EntryCommentCount}}</a>
    </tpl:EntryIf>
    <tpl:EntryIf show_pings="1">
      <a href="{{tpl:EntryURL}}#pings" class="ping_count">{{tpl:EntryPingCount}}</a></tpl:EntryIf>
    <tpl:EntryIf has_attachment="1">
      <a href="{{tpl:EntryURL}}#attachments" class="attach_count">{{tpl:EntryAttachmentCount}}</a></tpl:EntryIf>
    <tpl:EntryIf operator="or" show_comments="1" show_pings="1" has_attachment="1">
      </div>
    </tpl:EntryIf>
    </div>

Crédit (même si au passage il faisait sa pub que j'ai censuré[1]) et Franck (mon chef)[2] m'ont dit que le Template était tristounet grossomodo.

Bon, j'ai rajouté des couleurs... maintenant il faut que je reprenne les éléments que j'avais déjà fait (le bandeau en haut et le terminal en fond des billets) pour les adapter à la palette. Je ne désespère pas, je vais y arriver à faire un truc qui pète. Mes contraintes:

  • Mettre en valeur le texte, pas le décors. C'est un blog, pas un site vitrine pour un graphiste;)
  • Le thème est quand même principalement l'informatique,
  • Ça doit coller à ma personnalité, rêveur, un peu souillon, gniearkien
  • Ça ne doit pas rebuter le lecteur et être agréable.
  • Ça ne doit pas refléter mes névroses, mon coté sombre de personne qui arrache les ailes aux mouches, de pervers sociopathe etc... [3]

A part si au passage je trouve quelques tips and shits sur dotclear, je ne pense pas avoir l'occasion d'écrire un autre billet cette semaine (déplacement imprévu).

Notes

[1] g00gl3 est passé et a comptabilisé le lien pour ton PR ;), j'ai supprimé après

[2] Cher monsieur le directeur, bien évidemment, nous étions en dehors de nos heures de travail lors de cette discussion

[3] Je dois préciser que c'est une joke?


erf, c'est chronaphage en fait. Je suis parti du template "vierge" aorakit-2D blog_theme.php.jpeg

Petits trucs que j'ai découvert, si ça peut resservir:
_Tout d'abord, à l'installation d'un thème, les fichiers de template ne se trouvent pas physiquement dans le dossier Il faut les modifier une première fois via l'interface de dotclear pour qu'ils apparaissent dans le dossier themes/nom-du theme/tpl[1]. L'intéret pour moi était que gedit est plus ergonomique que l'interface d'édition.
_Même méthode pour faire apparaitre des fichiers qui sont appelés à l'intérieur du template, dans ce genre: tpl:include src="_top.html". Si le fichier _top.html n'existe pas dans le dossier, dotclear prendra celui du thème parent d'après ce que j'ai pu lire. Sauf que du coup quand on l'édite ça ne marche pas, même apres un vidage du cache. La seule méthode est d'activer un autre theme, puis de réactiver le thème sur lequel on travaille.

Bon pour mon blog, je trouve ça relativement classe (même si comme je l'ai déjà dit, je n'ai pas vraiment la fibre du web design, ça reste gniearkien quoi). Je fignolerai au fur et à mesure. Quand au respect des standards w3c pour le CSS et le code source HTML là... bah heu hum, j'ai un peu triché à des moments.

test sur les navigateurs:

  • FF et Opéra OK.
  • Chrome : zut, faut que je reprenne ça.
  • IE, Je vous ai dit qu'il n'y a pas de microsoft chez moi?

Notes

[1] Ne me demandez pas où ils sont avant ça, je ne sais pas (je n'ai pas cherché).

- page 1 de 2