Guillaume Bizet | Blogging, Web2.0, Dotclear et Dotclear2

Comme je l’avais dit il y a un moment maintenant, j’ai réalisé un thème générique spécial pour l’iPhone mais qui fonctionne aussi sur tous les mobiles, il ne faut pas être sectaire non plus

Description et screenshots

Vous y trouverez une barre de navigation qui sera présente sur toutes les pages et qui vous permettra d’accéder à tout moment à :

• la home
• la liste des catégories
• la liste des tags
• la recherche

Cette version iPhone reprends toutes les fonctionnalités d’un blog fonctionnant sous Dotclear 2 :

• une home
• tous les posts
• en mode post quand vous cliquez sur la catégorie, vous accédez à la liste de tous les billets de cette catégorie
• idem pour les tags
• Vous pouvez bien sur poster des commentaires
• mais aussi vous abonner au flux RSS

Voici les différents screenshots que j’ai réalisé :

Installation

Tout d’abord je ne peux que vous conseiller fortement d’utiliser le plugin mobileThemeSwitcher de Noël, que je remercie d’ailleurs pour son excellent travail, qui vous permettra ainsi au visiteur naviguant à partir de son mobile d’être automatiquement redirigé vers la version mobile de votre blog

L’utilisation de ce thème comporte néanmoins quelques manipulations et installation pour fonctionner correctement :

1. Installez le plugin CategoriesMode v0.2 que vous trouverez chez adjaya. Il sert à ajouter une page pour les catégories, leurs descriptions, etc … vous y accéderez par l’icone dossier de la barre de navigation
2. Créez une page pour la recherche. Et oui, dans un blog “normal” le champ de recherche est dans la sidebar, hors dans cette version iPhone, il n’y en a pas !!! Ici j’ai opté pour une page avec le champ de recherche.
   Pour faire cela c’est ultra simple
   1. Dans le tableau de bord de votre blog, cliquez sur “Pages” dans le menu de gauche
   2. Créez une nouvelle page dont le titre serait par exemple : “Recherchez …”
   3. Si vous êtes en mode wiki changez pour le mode xhtml
   4. Allez tout en bas de la partie contenu et cliquez sur source
   5. Remplacez les balises déjà présentes par le code ci dessous en prenant bien soi de remplacer nomdedommaine.tld par votre nom de domaine
   6. Enregistrez
   7. Modifiez l’URL de la page en cliquant sur le petit cadenas et remplacez le contenu par “Recherche” en respectant bien sur la casse
   8. Enregistrez de nouveau
3. Enfin, en fonction de la longueur du nom de votre blog ou pas, je vous invite à aller décommenter / commenter les lignes nécessaires dans la CSS

Code à insérer dans la source de la page de recherche :

<div id="search">
<form action="http://www.nomdedommaine.tld" method="get">
<fieldset>
<p><input size="10" maxlength="255" id="q" name="q" value="" type="text" />
<input class="submit" value="ok" type="submit" /></p>
</fieldset>
</form>
</div>

Voilà c’est prêt !!!
J’espère que ce thème va vous plaire et j’attends vos retours

Pour le téléchargement c’est plus bas.
Enfin dernière info, ce thème est distribué sous licence Creative Commons BY-NC-SA

Voilà la raison de mes peu nombreux billets ces derniers jours. Je m'attelais aux finitions de ce nouveau thème que j'ai appelé Simplicity2.0, je ne vous traduit pas je pense que vous avez compris.

Cliquez sur l'image pour la voir en grand

Pour ce troisième thème

• J'ai voulu privilégier un thème de largeur fixe et centré car c'est à mon sens le meilleur format
• j'ai conservé un style "web 2.0" que j'aime bien, a force vous le savez
• Le design est toujours soft, les couleurs claires restent, ce qui permet d'apporter confort de lecture et sobriété
• J'ai conservé une certaine unité par rapport au précédent thème que j'utilisais notamment certaines fonctionnalités qui me plaisaient bien comme :
  • la mise en forme des liste pour les annexes. Elles sont toujours précédées d'une image rappelant le type de fichier
  • les informations concernant les billets, en mode "post"
  • la suggestion de billets quand on arrive d'une recherche de google
  • etc ...

Le principal changement réside dans la partie située juste sous le titre du blog qui sera présente dans toutes les pages de navigation. Cette partie regroupe 4 types informations répartie entre différents onglets animés par jQuery, ce qui leur permet d'être très facilement accessible :

• un texte de présentation
• Les 10 derniers commentaires
• Les 10 derniers billets
• Les billets sélectionnés

C'était, entre autre, ce qui péchait pas mal dans mon ancien thème

Voilà pour le tour du proprio. J'ai encore quelques finitions à faire, je les ferais en live donc ne vous inquiétez pas. Si vous voyez des bugs utilisez le formulaire de contact pour m'en avertir. Merci d'avance !

En tout cas, j'espère que ce nouveau thème vous plait et surtout n'hésitez pas à me laisser des commentaires, des critiques ou bien encore des suggestions d'améliorations ...

Informations complémentaires

Pour l'instant ce thème ne sera pas distribué car comme à mon habitude il faudra attendre que je sorte un nouveau thème pour que celui-ci soit distribué.

Il y a une page spécifique pour les thèmes que j'ai réalisés et des billets correspondants ont été créés spécialement dans la catégorie dédiée "Mes thème Dotclear" pour discuter des anciens thèmes de ce blog.
Vous retrouverez sur ces billets les liens pour les installations automatique des thèmes ainsi que les éventuels plugins dont vous aurez besoin avant de pouvoir les faire marcher ...

Comme vous pouvez le voir, il y a eu quelques légers changement sur ce thème .

1. j'ai déplacé les derniers commentaires tout en haut du blog. Weetabix me l'avait fait remarquer sur le billet présentant ce nouveau thème et effectivement sa remarque était très juste donc j'ai procédé à cette modification
2. du coup la sidebar du bas s'en retrouve modifiée et elle se compose dorénavant :
   • les billets les plus lus sur le blog
   • mon espace Flickr
   • Les statistiques concernant le blog
   • Les classements Wikio
   • Le classement Tout le monde en blogue
   • Le classement Calédosphère
   • Les annuaires sur lesquels je suis référencé

Voilà, je pense que c'est plus clair comme cela, mais j'attends aussi vos avis sur ces changements

Edit : devant l'enthousiasme général, je reviens à la version précédente. Ce billet n'a plus lieu d'être, mais bon je le laisse quand même