1. Samuel Crausaz
2. Creatix
3. Twinux
4. Vincent Dutrait
5. Patrick Volto
6. Helram
7. Das
8. Camille (Appert)
9. Chris (Christophe Fiat)
10. Gonzague Dambricourt

Je vais envoyer mes 5 invitations dans la soirée et l’ami Guillaume vous enverra les siennes également très rapidement ! Pour ceux qui ont gagné, n’hésitez pas à venir partager avec nous ici votre ressenti après avoir testé le concept, voire même à partager vos invitations si Typekit vous en donne !

A très bientôt

Francis

J’avoue avoir été surpris par ce billet, mais également par la plupart des commentaires qui l’accompagne, qui vont quasiment tous dans le même sens. Visiblement, beaucoup de personnes trouvent que les tags WordPress pour créer un menu dynamique sont complexes et ne permettent pas parfois d’arriver au résultat escompté. Je dis que j’avoue avoir été surpris parce que, personnellement, que ce soit pour un blog personnel ou pour un client, j’ai toujours tout codé pour que la navigation soit dynamique et je n’ai jamais eu aucun problème.

C’est vrai que parfois ça peut être quelque peu compliqué quand on veut choisir les pages ou catégories à afficher. Elliot, bien qu’étant “pour” un codage en dur, n’oublie pas de mentionner aussi que pour les projets clients ou pour la réalisation de thèmes “publics”, il est quand même préférable d’avoir un menu dynamique, mais que pour un projet personnel, il vaux mieux garder les choses simples et coder en dur permet souvent de gagner du temps.

Parmi les commentaires, nombreux sont ceux à penser que les CMS tendent à pousser tout le monde à vouloir faire du tout dynamique. D’ailleurs, il est parfois intéressant de voir les personnes qui veulent un CMS alors que leur contenu n’en nécessite pas un.

Alors, faut-il coder la navigation en dur ? Dans le même genre, faut-il pousser tout ça vers d’autres aspects du CMS ? Je me suis demandé en lisant ce billet si tout ça ne viendrait pas particulièrement de la famille des web designers qui ne veulent pas passer des heures à trouver le bon “snippet”, alors que pour un développeur, cette recherche serait toute naturelle.

En tout cas, ce billet a eu le don de me poser la question à moi-même et j’en profite d’ailleurs pour vous la poser: Fait-il coder plus en dur ou alors militer pour le tout dynamique ?

Cette invitation vous donne accès au service, ensuite, à vous de prendre l’offre que vous voulez, qu’elle soit gratuite ou pas.

Alors, comment gagner ces 10 invitations ? Et bien tout simplement en laissant un commentaire et les 10 gagnants seront tirés au sort en fin de semaine. Je ferai un article lundi prochain pour annoncer les chanceux ! Le “concours” est donc ouvert jusqu’à dimanche soir, minuit !

Alors, en quoi consiste exactement cette journée ?

En fait, il faut séparer deux choses, le networking et les conférences. D’un côté, le web2connect c’est un formidable outil de “rencontre” pour les personnes bossant sur le web et souhaitant enrichir leur carnet d’adresses. Pour les blogueurs, et ils sont nombreux, c’est l’occasion de rencontrer leurs potes “virtuels” qu’ils suivent chaque jour sur leurs blogs ou via Twitter et Facebook. C’est en quelque sorte passer du 2.0 au 1.0… Je dois avouer que l’année dernière, j’ai passé ma journée à papotter. Déjà parce que je suis une vraie pipelette ( ) mais aussi parce que faire ce genre de rencontres en “live” est un gros plus qui permet de nouer des contacts qui ne se feraient pas forcément via le net. Donc, rien que pour ça, ça veut le déplacement.

Ensuite, le web2connect, c’est aussi toute une série de conférences intéressantes sur différents domaines touchant de près les professionnels du web. L’année dernière, j’avais particulièrement apprécié la discussion autour du personal branding… Cette année, je promets d’être un peu plus assidu et de moins passer de temps à discuter !!

Donc, une journée incontournable et surtout unique en son genre. D’ailleurs, cet événement a tellement de succès qu’il est déjà complet avec 250 participants…

D’où ma question dans le titre de ce billet… vous y serez ? Vous faîtes partie des 250 chanceux ?

• How to Highlight Author’s Comments in WordPress – Comment différencier les commentaires de l'auteur dans WordPress ? Ce tutoriel peut paraître vieillot aux yeux de certains, mais il s'avère très utile, donc pourquoi ne pas en parler à nouveau ??
• Mettre votre blog WordPress en mode Maintenance ! – Visiblement un très bon plugin pour mettre son blog en mode maintenance. On connaissait déjà WP Maintenance Mode mais visiblement celui-ci permet de choisir le thème que l'on veut afficher sur cette fameuse page…
• 15 Unconventional Uses of WordPress in Action – 15 manières non conventionnelles d'utiliser WordPress. Vous trouverez notamment comment créer votre propre Twitter, ou encore un Wiki…
• YouAre Theme · Promote your real-life identity – YouAre est un thème assez simple mais cela dit plutôt complet et qui est fourni en plusieurs couleurs.
• WordPress hook: Disable posts auto saving – Pour ceux qui souhaitent désactiver l'enregistrement automatique des articles, ce petit bout de code pourrait s'avérer bien utile !
• Awesome Image-Attachment Recipes for WordPress – Article très complet et très intéressant pour utiliser de manière optimale la galerie de médias sur WordPress et pour bénéficier d'une utilisation "avancée"…
• Lancement du projet WordPress Channel | WordPress Channel – Lancement d'une plateforme francophone de tutoriels vidéos pour WordPress… Très bonne initiative !!
• Les bons liens Wordpress – Quelques liens WordPress sympa en provenance de chez l'ami Bruno !!
• Gérer plusieurs blogs WordPress sur une seule installation ! – Plugin qui semble intéressant pour ceux qui ne veulent pas passer sur WordPress MU. Cela dit, à prendre avec des pincettes, ses fonctionnalités étant assez limités comparé à la version Multi Sites de WordPress !!
• Technokinetics » Exclude categories from the_category() – Article très intéressant qui montre comment exclure une catégorie de l'affichage sur le blog, comme par exemple quand vous utilisez une catégorie "featured" et que vous ne voulez pas, bien entendu, qu'elle apparaisse dans les billets mis en avant…
• How to Design a Tumblelog Theme for WordPress – Créer un blog façon Tumblr avec WordPress
• Display the Most Correct Comment Count in WordPress – Afficher les commentaires sans prendre en compte les trackbacks

Dans cette vidéo, vous apprendrez comment bien utiliser l’enregistrement pour le web des images et photos sous Photoshop. Il faut souvent trouver le meilleur compromis entre qualité et poids de l’image et ce petit tutoriel montrera aux novices parmi vous comment utiliser cette fonction !

Plongée dans Thematic

Alors, du coup, je me suis dit qu’il serait bon d’aller faire un tour dans Thematic pour voir comment c’est foutu… J’avoue que je ne l’ai jamais essayé, lui préférant Sandbox jusqu’il y a peu de temps, et maintenant évoluant avec mon propre “framework”.

Et là, je dois dire que j’ai été à la fois surpris et pas surpris ! Je me doutais un peu de ce que j’allais trouver mais je ne pensais pas que ça allait être à ce point ! Thematic est une véritable usine à gaz qui risque de perturber comme il faut tous ceux qui ne sont pas développeurs “professionnels” et qui souhaitent mettre un peu les mains dans le cambouis pour faire quelques modifications à leur thème. Très honnêtement, je n’ai jamais vu aussi compliqué.

Alors, bien sûr certains vont aimer ce type d’architecture, avec la possibilité de créer des “child themes”, mais si on se place au niveau de l’utilisateur lambda, ce thème est un cauchemar. J’ai toujours pensé qu’une des grandes forces de WordPress c’était d’être simple à paramétrer mais aussi que s’importe qui pouvait mettre les mains dans son thème et en tirer déjà beaucoup ! C’est un peu dans ce but d’ailleurs que j’avais fait mes tutos de création de thème.

Pourquoi faire simple quand on peut faire compliqué ? Logique des thèmeurs ces dernières années ?

Quand Mimbo est arrivé en 2007, on a découvert à la fois les thèmes magazines mais aussi le fort potentiel de WordPress. Et à partir de là, on a vu fleurir une quantité incroyable de thèmes de ce type avec du code de plus en plus compliqué et parfois codé avec les pieds. Du coup, aujourd’hui, il n’existe plus beaucoup de thèmes simples, que ce soit au niveau visuel qu’au niveau code, et l’utilisateur a de moins en moins de marge de manoeuvre. Et franchement, je trouve ça dommage parce que c’est tout de même pour lui qu’on crée des thèmes non ? J’ai parfois l’impression qu’on a tendance à l’oublier…

Alors, bien sûr, on a découvert qu’on pouvait utiliser WordPress comme CMS et que c’était une poule aux oeufs d’or pour nous autres webdesigners et agences. Mais au final, on est en train de dévier cet outil de sa ligne initiale et en faire une véritable usine à gaz.

Je fais partie de ceux qui pensent qu’à terme, il faudrait avoir 2 versions de WordPress. Un WordPress Lite pour les utilisateurs simples qui souhaitent avoir un blog classique, avec des thèmes simples et faciles à customiser. Et de l’autre, un WordPressCMS qui serait une version plus complète et qui permettrait de développer des sites puissants ( avec fusion des codes de WP et de WPMU )

Conclusion ?

Bref, pour revenir à Thematic, je crois fermement que ce n’est pas un bon thème pour tout utilisateur qui veut créer un thème personnalisé. Autant prendre un thème simple tel que le thème par défaut et en tirer profit au maximum (d’ailleurs, à ce sujet-là, le code du thème par défaut a bien évolué lui aussi depuis plusieurs versions…). Je pense que c’est la meilleure manière d’apprendre à faire un thème. Partez d’une base simple, parcourez le codex au fil de vos besoins, lisez les blogs qui vous proposent des astuces et vous verrez que vous sortirez de cette expérience avec pas mal de connaissances à réutiliser mais aussi vous serez capable de remettre les mains dans le thème à chaque instant pour faire des modifs. Le souci avec des thèmes comme Thematic, c’est que vous risquez souvent de modifier un élément sans trop savoir ce que vous faîtes et si ça ne va pas avoir d’incidences sur le reste du thème…

Je m’excuse si cet article est un peu alambiqué mais c’était surtout pour démarrer une discussion autour du sujet ! N’hésitez pas à donner votre avis, voire votre expérience avec Thematic ou d’autres thèmes frameworks par exemple !!

J’ai envie d’essayer de créer un petit podcast de temps en temps pour parler Web Design ou WordPress. Je commence donc aujourd’hui avec ce premier épisode où je parle d’IE6. Le podcast est coupé à la fin parce que j’ai trop papoté et dépasser les 5 minutes allouées avec AudioBoo !! Mais bon, je pense que vous aurez saisi le propos du truc !!

N’hésitez pas à laisser vos commentaires, aussi bien sur le concept Podcast ici que sur la question d’IE6…

La première partie s’attarde sur la partie recherche et inspiration. Ainsi, Elliot reprend pas mal de portfolios de plus ou moins célèbres webdesigners et en tire pas mal d’enseignements pour apprendre à mieux mettre son travail en avant. Ensuite, il reprend ces idées pour les travailler sur Photoshop et en tirer une maquette de son portfolio.

Dans la deuxième partie, il s’intéresse aux CSS et HTML en délivrant une maquette qui lui permettra de réaliser l’ensemble de son design, pour enfin l’intégrer sur un CMS, ici en l’occurence WordPress.

Je vous propose donc ici les deux vidéos du screencast. Bien entendu, c’est en anglais, donc pas pour tout le monde !! Mais si votre anglais vous le permet et que vous avez une heure devant vous, je vous conseille fortement de regarder ces vidéos, c’est toujours intéressant de voir comment les webdesigners pensent leur travail !

How to Design a Portfolio Website, Part One from Carsonified on Vimeo.

Le bordel des flux RSS

Voulant tout savoir et tout connaître, je me suis abonné à une quantité importante de blogs, mais très vite je me suis rendu compte que je n’arrivais pas à tout lire. Et là, a commencé ma frustration.

En effet, au début que je bloggais, je passais 4 à 5 heures par jour à lire mes flux RSS. Rendez-vous compte !! Puis le travail reprenant le dessus, et la famille s’agrandissant, je n’ai fait que survoler mes flux depuis lors. Du coup, j’ai dû en supprimer une bonne quantité pour ne garder que l’essentiel (aujourd’hui, j’ai environ 150 flux RSS).

Pour faciliter ma lecture, j’ai cherché en long et en large le lecteur de flux RSS qui me permettrait de tout savoir. J’ai commencé avec Netvibes, rapidement abandonné vu le nombre de flux RSS que je suivais. Ensuite, je suis passé à Google Reader, pour passer ensuite à NetNewsWire qui a une solution sur iPhone, pour enfin revenir sur Google Reader, qui était le meilleur compromis.

Puis, en rentrant de vacances il y a 2 semaines de cela, j’apprends que Shaun Inman vient de sortir un lecteur de flux RSS, Fever. Shaun Inman est déjà connu et reconnu pour notamment son outil de statistiques Mint, que j’utilise sur tous mes sites. Cet outil est simple et hyper complet. Sur une page, on a accès à toutes les informations. Pas de navigation compliquée. Etant fan de Mint et recherchant toujours le lecteur de flux RSS ultime, je me suis dit, pourquoi ne pas essayer Fever ?

Oui, mais voilà, tout comme Mint, Fever est payant. 30$. Bon, c’est pas non plus le Pérou mais dans un monde où ses concurrents sont gratuits, ça fait réfléchir. Puis, je me dis que si Fever fait le même boulot sur les flux RSS que Mint sur les statistiques, ça risque de changer ma vie.

J’achète donc Fever. Le concept fonctionne sur serveur, un peu comme WordPress. Vous downloadez des fichiers que vous uploadez par la suite sur votre serveur. Vous connectez le tout à la base de données et le tour est joué. Ensuite, vous importez un fichier OPML de vos flux RSS et ensuite, vous laissez Fever tout mettre à jour. Si vous souhaitez avoir plus d’infos sur l’installation de Fever, je vous conseille ce très bon article.

Alors, comment ça marche ?

En fait, l’ensemble est très simple. Mais le principal intérêt de Fever se résume en un mot, “hot”. En effet, en cliquant sur le lien “hot”, vous allez voir s’afficher un baromètre des discussions issus de vos flux RSS. Plus un sujet sera repris sur l’ensemble de vos flux et plus il sera chaud et figurera en haut, avec une température importante.

Le “hot” est très important car il vous permet de trouver tout de suite les sujets importants, ceux qui font du buzz. Vous allez donc pouvoir lire les différents articles parlant de ce buzz, et même avoir le lien vers le site originel de ce buzz, même s’il n’est pas dans vos flux RSS. Ainsi, vous allez gagner pas mal de temps en vous concentrant sur l’essentiel.

Prenons un exemple. Vous partez en vacances 2 semaines et vous rentrez avec une liste d’articles à lire hallucinante. Vous allez au niveau de la fonction “hot” et vous allez choisir une période sur laquelle choisir les articles qui ont été parus. Ainsi, Fever va vous afficher tout ce qui s’est raconté pendant cette période en mettant les sujets les plus chauds en premier. Comme ça, vous ne loupez pas l’info importante.

Ensuite, hormis cette fonction “hot”, vous pouvez ranger vos flux RSS sous différents dossiers qui peuvent être pris en compte par la fonction “hot” ou non.

Pour le reste, on est très proche d’un Google Reader, rien de particulier à mentionner si ce n’est qu’on peut choisir par flux de voir afficher un extrait ou le contenu global. C’est assez intéressant pour certains flux comme ceux des galeries CSS.

OK, mais est-ce que ça vaut le coup?

Tout d’abord, je pense que la lecture de flux RSS c’est quelque chose de personnel, et que chacun lis ses flux à sa manière. Donc, Google Reader peut convenir à quelqu’un et ne pas convenir à une autre personne. Cependant, la fonction “hot” de Fever peut s’avérer primordiale si vous lisez beaucoup de flux RSS (>100). En effet, plus vous en lirez et plus votre fonction “hot” sera remplie d’articles. Personnellement, concernant ma veille WordPress, je dirais que 70% de la veille se passe sur la fonction “hot” et en peu de temps. Il me reste ensuite à aller sur le dossier “WordPress” et lire le reste des flux parlant d’autre chose. C’est vraiment un gagne temps.

Par contre, l’outil n’est pas parfait dans son utilisation globale. On n’en est qu’à la version 1.0 et donc tout n’est pas parfait. Pas grand chose, mais parfois des petits trucs qui manquent comparé à Google Reader par exemple.

Juste un exemple: quand on est dans la fonction “hot” et qu’on clique sur le titre d’un article, ça nous envoie sur la page web et non sur Fever, sur l’article dans son dossier, ce qui nous éviterait de sortir de là et de pouvoir lire un maximum de flux RSS dans Fever. Si on est dans les différents dossiers, c’est ce qui se passe quand on clique sur le titre. L’article s’ouvre en dessous. Mais pas dans la fonction “hot”.

Par contre, un gros avantage de Fever, ou tout au moins, un point intéressant, c’est qu’il comporte une version pour iPhone et qu’elle est vraiment bien développée. On retrouve l’ensemble des fonctionnalités de la version desktop et c’est un plus pour lire ses flux. Alors, bien sûr Google Reader et les autres ont aussi une version iPhone. Oui, mais ici, on peut lire rapidement ce qui est important, pas besoin de chercher dans les différents flux pour s’avoir de quoi on parle un peu partout. Il suffit d’aller sur la fonction “hot” et on a notre aperçu de ce qu’il faut lire…

Intéressant, mais est-ce que ça vaut 30$

Comme je l’ai dit plus haut, Si vous avez déjà un lecteur de flux RSS qui vous convient, pas la peine d’en changer. Par contre, si vous ne voyez jamais le jour et n’arrivez pas à tout lire, peut-être que Fever peut vous aider. En ce qui me concerne, c’est pour le moment très probant. Je ne suis pas en retard sur ce qui est important à lire. J’ai d’un côté la fonction “hot” et de l’autre un dossier avec les blogs que j’estime être les plus importants à suivre.

Maintenant, c’est 30$ et je ne suis pas sûr que ça les vaut pour le moment. D’autres font aussi bien ou différemment mais gratuitement. On a vu par le passé que le payant ne fonctionnait pas. C’est notamment le cas avec NewsFire qui est devenu gratuit. De l’autre côté, 30$, c’est 20€… Ce sera beaucoup pour certains et peu pour d’autres. Je crois vraiment que ça peut être utile pour ceux qui lisent une grande quantité de flux RSS et qui n’arrivent pas à tout lire. Pour ceux qui ne lisent pas plus de 100 flux RSS et qui ont le temps de tout lire, Fever n’est pas nécessaire.

Mais personnellement, je l’ai adopté. Bien sûr ce n’est qu’encore qu’une version 1.0 mais ça va rapidement évolué et le produit est déjà bien abouti. Je l’ai installé en desktop avec Fluid App et l’ensemble tourne sur mon mac comme un charme…

Enfin, si vous voulez un autre point de vue, je vous conseille l’article de Sam Brown qui finira de convaincre ceux qui hésitent !

Et ce soir, je suis tombé sur un article de Ian Stewart, le créateur de Thematic, le célèbre Framework de thèmes pour WordPress, qui vient d’avoir l’idée de reprendre un peu ce qui a été fait il y a quelques années au niveau des tutoriels de création de thèmes et de les remettre au goût du jour. Au programme, il a l’intention de revoir certains aspects qui ont évolué depuis 2/3 ans au sein même de WordPress et d’aborder toute une série de sujets qui ont évolué au niveau de webdesign même depuis quelques années. Bien entendu, il parlera de Thematic.

Je me suis dit que c’était une bonne opportunité pour faire une petite “update” sur les tutoriels que j’ai fait il y a de cela deux ans et de vous proposer quelques tutoriels de plus en tenant compte de ce que Ian va proposer à ces lecteurs. Je pense que ce sera utile pour tout le monde et notamment pour ceux qui ne lisent pas très bien l’anglais.

Donc, je ne sais pas encore comment vont s’articuler ces articles puisque ceux de Ian ne sont pas encore en ligne, mais au fur et à mesure de leur parution, soit je vous ferai une traduction si ça s’impose, soit je retranscrirai les idées mais à ma sauce, le tout conçu pour qu’un maximum de vous comprenne ce dont on parle. J’ai eu l’aval de Ian pour pouvoir travailler à partir de ses tutoriels à venir. Chaque aspect abordé sera lié directement à l’article original paru sur ThemeShaper.com.

Enfin, ce sera également une bonne opportunité pour vous de découvrir Thematic qui semble s’imposer actuellement comme étant le “theme framework” de WordPress par excellence.

Je vous tiendrai donc au courant dès que j’aurai plus de news. Les articles devraient arriver progressivement à partir de la première semaine de juillet ( là, je suis en vacances !! ).

PS: A noter que les tutos concernant la création du design d’un thème WordPress est toujours en cours et est planifié pour l’été…

A très bientôt

Francis

Très vite, les réactions ont été nombreuses pour saluer cette évolution qui risque de faire plaisir à pas mal de monde, mais dans le fond, qu’est-ce que ça va changer ?

En gros et pour faire simple, WordPress MU est un WordPress qui permet de créer d’autres blogs avec la même installation. D’où le côté Multi Users. Avec MU, vous pouvez donc gérer différents blogs avec une seule installation. Mais le gros plus depuis la fin de l’année 2008, c’est l’arrivée de BuddyPress, qui permet de former une sorte de réseau social sur son site, ce qui est génial pour créer de véritables communautés. Et ça, ce n’est possible qu’avec WordPress MU. Ca veut donc dire que dans un futur proche, on risque de voir débarquer une nouvelle version de WordPress, permettant le multi-blogs ( que d’autres plateformes comme Habari ou Movable Type ont déjà en natif ) et agrémenté d’un outil de “social media” tel que BuddyPress.

Jusqu’à hier soir, nombreux sont ceux qui ne voulaient pas y croire et l’article de Lorelle sur The Blog Herald a considérablement semé la confusion ! Mais en y regardant de plus près les commentaires, Matt est venu confirmer cette fusion entre les deux versions de WordPress… Qui plus est, Jeffro a eu confirmation auprès de Donncha:

donncha – Sure, MU will be merged into WP. That’s basically the whole story
jeffr0 – Majority of people believe a merging of the two projects. WordPress and WordPress MU into one project with a rumored completion of WordPress 3.0. Now posts like Lorelle’s on the blogherald are creeping up suggesting no, WordPress.org will be powered by WordPress MU or something like that. No one knows anything
donncha – It’s just MU -> WP. Everything else is speculation.
jeffr0 – So WPMU becomes WP and that’s that?
donncha – basically, yes.

Autant dire que le pas sera de géant et risque de changer pas mal de choses pour nous blogueurs et utilisateurs. Maintenant, reste à voir comment tout ça va prendre forme et quand… Les premiers pronostics tablent sur l’arrivée de tous ces changements pour la version 3.0 de WordPress, c’est-à-dire vers la fin de l’année…

Alors ? Que pensez-vous de tout ça ?

Le livre s’articule autour de la création de 3 thèmes: un pour un blog, un pour un site web classique et un pour créer un portfolio. A vrai dire, ce ne sont pas 3 thèmes distincts mais un thème “blog” que l’on modifie ensuite pour en faire un site web et un portfolio.

Les étapes sont intéressantes et bien détaillées puisque dans les premiers chapitres, le livre vous explique le fonctionnement de WordPress d’un point de vue technique. De quoi réviser ses bases !! Ensuite, on aborde rapidement la création du premier thème. Et on retrouve ici 3 phases principales:

• Création du mockup Photoshop
• Création de la maquette XHTML et CSS
• Création du thème WordPress

Pour ce qui est du mockup, les étapes sont intéressantes pour ceux qui veulent connaître l’utilisation de Photoshop à des fins de webdesign. Le thème n’est pas très compliqué donc c’est assez simple à suivre. On peut parfois regretter le manque d’explication sur certaines techniques, mais l’ensemble se tient. Autre manque je trouve, ce sont des explications concernant le pourquoi du choix de la structure du thème. On part ici du principe que tous les choix sont déjà fait et je trouve qu’il aurait été intéressant d’expliquer les différentes étapes avant la création du design.

Pour ce qui est de l’intégration XHTML et CSS, l’étape est bien détaillée. C’est à la limite celle que je préfère parce qu’elle permet de se concentrer uniquement sur l’ergonomie et la structure du site sans avoir à assimiler les tags de WordPress. De plus, c’est toujours intéressant de voir les méthodes qu’emploient d’autres designers pour contruire leurs site. Donc, vraiment une bonne partie.

Enfin, on a l’intégration en thème WordPress et là, je suis plus mitigé. Le thème utilise des fonctions qui ne sont intégrables que via PHP. Ici, la connaissance des tags WordPress ne sera pas suffisante. Pour bien comprendre toute l’intégration du thème, il faut avoir des connaissances en PHP. Certes, la démarche est expliquée mais je trouve que ça reste trop technique. Les personnes qui connaissent le PHP comprendront la démarche, les autres auront plus de mal à suivre… surtout que c’est en anglais !!

Ensuite, on va décliner le même thème pour un site web “classique”, donc avec un page d’accueil différente que celle du blog, et enfin on va créer un thème pour un portfolio.

Pour la création de ces deux thèmes, on n’a pas non plus d’explications concernant les choix en terme de design, d’ergonomie et de structure. On parle peu design je trouve mais beaucoup intégration et surtout PHP. Bien entendu, créer un thème WordPress c’est pas mal de technique ! Et de ce côté-là l’ensemble du thème est bien ficelé parce que le choix de ces 3 thèmes permet non seulement d’avoir une vue d’ensemble sur ce qu’on peut faire avec WordPress, mais permet aussi de voir toute une série de hacks à utiliser. Je regrette seulement que le livre n’aborde pas plus le côté conception initiale.

La création des deux autres thèmes reprendra le thème initial de type “blog” et le modifiera en fonction des besoins des autres thèmes. Donc, une très grosse partie sur l’intégration en thème et finalement peu de choses sur les parties design et XHTML/CSS.

Quoi qu’il en soit, pour ceux qui veulent aller plus loin dans la compréhension d’un thème WordPress, ce livre est très intéressant. Comme je l’ai dit plus haut, il permet de voir les différents aspects de la création d’un thème et partage pas mal d’astuces, ce qui est toujours un plus. Maintenant, je pense que pour que le livre soit complet, il aurait fallu parler un peu plus des étapes qui précèdent l’intégration. Ici, le livre coûte 29$ pour finalement fournir beaucoup d’informations que l’on peut retrouver sur internet, et sans chercher trop longtemps. Et donc, c’est pour ça que mon constat est assez mitigé. Le livre explique tout très bien mais finalement on y apprend peu de choses si on est assidu aux articles WordPress sur Internet. Là où le livre est intéressant, c’est pour les webdesigners qui n’ont aucune connaissance de WordPress et qui n’ont pas le temps de chercher les informations sur le web.

En tout cas, si ce livre vous intéresse, vous pouvez toujours vous le procurez sur le site web de Rockable Press, pour le prix de 29$ ( et pour ce prix là, vous n’avez qu’un PDF ! )

Pour le lancement du blog, j’avais lancé une campagne de “recrutement” pour en faire un blog collaboratif, qui tournerait autour d’une équipe. Ca a eu pas mal de succès puisqu’une trentaine de personnes se sont montrées intéressées pour écrire des articles sur Blogalwarming. On a donc lancé le site et après quelques semaines, nous nous sommes rendus compte que sur 30 personnes motivées, uniquement une petite dizaine avait commencé à rédiger des articles.

Au fur et à mesure des semaines, la motivation de la plupart des rédacteurs a chuté. Les raisons sont simples. Nous sommes tous blogueurs, on a tous une vie et le temps nous manquent pour écrire des articles. La vie reprend le dessus et c’est difficile de tenir le rythme. Je suis moi-même dans ce cas-là, et ne blâmerai personne. Du coup, depuis quelques temps, le nombre d’articles publiés est en chute libre. Mais je n’ai pas envie de laisser tomber, donc c’est pour ça que je lance un nouvel appel pour trouver de nouveaux rédacteurs.

Etre rédacteur sur Blogalwarming ça consiste en quoi ?

En fait, je ne demande pas grand chose, juste la volonté d’écrire un article de temps en temps avec l’envie de partager sur des sujets aussi variés que le développement durable, les nouvelles énergies, le bio, l’automobile de demain, et j’en passe. Le but étant toujours de former une équipe qui s’approprie le blog et qui le fasse tourner. Depuis le départ, on s’est toujours dit que si on était 10 motivés à raison de 1 ou 2 articles par semaine, on n’aurait que 1 article à écrire par mois.

Je suis aussi à la recherche d’idées pour faire vivre un blog communautaire ou collaboratif. Comment garder la motivation des participants, comment stimuler l’intérêt pour un tel projet. J’avoue que c’est mon premier projet de ce type donc je suis ouvert à toute proposition.

Donc, si vous avez des idées ou que vous souhaitiez rejoindre l’équipe du blog, faîtes le moi savoir en laissant un commentaire. Et surtout, n’hésitez pas à poser vos questions et autres remarques.

Merci d’avance !!

L’objectif de Cufon est le même ! Grâce à un script, vous allez pouvoir afficher la police que vous voulez sur votre site. sIFR n’est pas trop utilisé aujourd’hui sur le web parce qu’il est lourd à gérer et ne permet pas toujours d’arriver au résultat attendu. Même des personnes qui en connaissent bien le fonctionnement n’arrive pas toujours non plus à en faire ce qu’ils veulent. Qui plus est, le fait que ce soit en Flash pose d’autre soucis.

Ici, non seulement l’installation est simple mais en plus la customisation l’est également. C’est vraiment un jeu d’enfant que d’utiliser Cufon ! Principal reproche que j’y ferais est l’impossibilité de sélectionner le texte. Ca peut être génant dans certains cas, comme si vous souhaitez l’utiliser pour du texte. Mais si ce n’est que pour des titres, ça peut être très utile.

Installation de Cufon

Tout d’abord, vous allez devoir récupérer le script Cufon. Pour cela, allez sur ce site, et téléchargez le script en faisant un clic droit sur l’onglet “Download”.

Ensuite, vous allez devoir générer la police que vous souhaitez utiliser en Javascript. Pour cela, toujours sur le même site, vous allez uploader votre police, valider le fait que vous avez les droits pour utiliser la police ( The EULAs of these fonts allow Web Embedding ) et enfin accepter les termes de l’utilisation du générateur de police ( I acknowledge and accept these terms ). Vous avez également la possibilité d’utiliser différentes options, mais pour une utilisation simple, vous n’aurez pas besoin d’autre chose.

Une fois, que vous avez coché les bonnes cases aux bons endroits, cliquez sur “let’s do it”. Vous allez générer votre police en javascript. Elle sera téléchargée sur votre ordinateur.

Vous allez ensuite uploader Cufon et la police sur le serveur FTP de votre blog. Pour cela vous allez créer un dossier “js” à la racine de votre thème.

Ensuite, vous allez ouvrir votre fichier “header.php” et y saisir les informations qui permettront d’utiliser le script et la police sur votre blog. Ces informations sont les suivantes:

1
2
3
4
5

<script src="<?php bloginfo('template_url'); ?>/js/cufon-yui.js" type="text/javascript"></script>
  <script src="<?php bloginfo('template_url'); ?>/js/GeosansLight_500.font.js" type="text/javascript"></script>
  <script type="text/javascript">
            Cufon.replace('h3');
        </script>

Collez ces informations dans l’entête de votre site, donc dans la balise “head”. Ici, on donne l’URL du script ainsi que celle de la police. Et ensuite, nous souhaitons remplacer la police actuelle sur les titres “h3″ par la police téléchargée ici. D’où la dernière ligne “Cufon.replace”.

Voilà ! C’est tout ce qu’il y a à faire ! Si vous avez déjà tenté d’utiliser sIFR, ça doit vous paraître incroyablement simple !! Une fois le script installé, il ne vous reste plus qu’à utiliser le style prévu pour la balise h3, dans votre feuille de style.

Quelques soucis avec Internet Explorer ?

Comme d’habitude, Internet Explorer vient semer la zizanie !! Dans certains cas, il y aura un temps assez long pour générer le texte. Pour remédier à tout ça, vous n’avez qu’à insérer la ligne de code suivante juste avant la fermeture de la balise “body”, dans le fichier index.php:

1

<script type="text/javascript"> Cufon.now(); </script>

Utiliser plusieurs polices sur le même blog

Pour utiliser plusieurs polices, il suffit de faire la même démarche que précédemment, en uploadant les polices générées, et en utilisant les “Cufon.replace” en leur associant les polices voulues. L’exemple utilisé sur le site de Cufon donne ceci:

1
2
3
4
5
6
7

<script src="<?php bloginfo('template_url'); ?>/js/cufon-yui.js" type="text/javascript"></script>
        <script src=""<?php bloginfo('template_url'); ?>/jsFrutiger_LT_Std_400.font.js" type="text/javascript"></script>
        <script src="<?php bloginfo('template_url'); ?>/js/Myriad_Pro_400.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h1', { fontFamily: 'Frutiger LT Std' });
            Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
        </script>

Pas très compliqué, non ?

Si votre anglais vous le permet, je vous conseille fortement ce screencast de Nettuts.com:

En tout cas, selon moi, Cufon peut être une sérieuse alternative pour utiliser d’autre polices sur le web. Quoi qu’il en soit, cette solution a ses limites et tout comme pour les autres solutions que sont sIFR ou encore @font-face, n’oubliez de vérifier à l’avance que vous avez les droits pour utiliser la police que vous voulez ! On se sait jamais !!

Si vous avez des questions, n’hésitez surtout pas à laisser un commentaire !