Crédits Photo : Happy New Year 2013 (1/52) by vmabney, on Flickr

L'année Twentythirteen a démarré depuis quelques jours, elle ouvre une nouvelle "Úre" pour mes explorations WordPress et BuddyPress.

Je viens de laisser la derniĂšre trace de mon passage dans les quartiers de la soucoupe qui m'avait accueilli chaleureusement depuis la fin novembre 2009. Je tiens une nouvelle fois Ă  exprimer ma gratitude Ă  toute l'Ă©quipe d'owni.fr.

Nouvelle "Ăšre", mais pas un "restart from scratch" ! En effet, j'ai passĂ© la pĂ©riode des fĂȘtes de fin d'annĂ©e Ă  construire ce nouveau "chez moi" tout en veillant Ă  migrer les contenus et commentaires de mon prĂ©cĂ©dent blog.

Petit tour du propriétaire

A gauche, illustration du responsive, Ă  droite du mode maintenance.

Bien entendu, les 2 rubriques qui structuraient le contenu de mon précédent site sont toujours là, le seul changement a concerné la catégorie WP que j'ai renommée en WordPress. Les 4 évolutions majeurs que j'ai introduites sont:

  1. l'adaptation de la navigation du site aux mobiles à l'aide de mécanismes "responsive",
  2. l'intégration d'un shortcode "prettify" pour me permettre de gagner du temps dans la mise en forme de mes snippets,
  3. la création d'une catégorie pour archiver les différents morceaux de code que je dépose dans certaines de mes réponses à des forums WordPress ou BuddyPress,
  4. la mise en place d'interfaces avec la WordPress.org API et celle de github afin de garnir le contenu d'une nouvelle page que j'ai intitulée "mes créas".

thaim, c'est le thĂšme d'imath!

thaim, un anagramme d'imath

En rĂ©alitĂ©, ce qui m'a pris le plus de temps a Ă©tĂ© la conception de mon premier thĂšme WordPress que j'ai baptisĂ© "thaim", un anagramme de mon pseudo qui rime avec thĂšme 😉

N'étant pas un concepteur de thÚme chevronné, je me suis fortement appuyé sur 3 thÚmes pour sa réalisation:

Thaim contient également des fonctionnalités qui pour moi sont importantes. J'en ai déjà abordé 3 d'entre elles plus haut. D'abord j'utilise désormais prettify.js pour mettre en forme les codes sources qui agrémentent mes articles.

Et ce, Ă  la fois pour intĂ©grer directement dans le contenu du post le snippet mais aussi pour interfacer mes gists ou fichiers de mes repos Github. Ainsi, un quicktag ajoutĂ© Ă  l'Ă©diteur de texte de WordPress (nb: thaim dĂ©sactivant l'Ă©diteur WYSIWYG) permet de lancer une fenĂȘtre d'Ă©dition d'un shortcode que j'ai appelĂ© thaim_code afin de paramĂ©trer le type de code que je souhaite inclure.

Mise en forme des morceaux de code.

Dans la mesure oĂč je ne souhaite pas surcharger toutes les pages de mon blog du style et du javascript de prettify, mais uniquement l'inclure si et seulement si mon article l'utilise, je teste la prĂ©sence d'un postmeta ayant pour key 'prettifyed' et valeur 1, il convient donc de ne pas oublier d'ajouter ce champ personnalisĂ© suite Ă  l'insertion d'un thaim_code. En passant, cerise sur le gĂąteau, pour les scripts hĂ©bergĂ©s sur github, je me suis amusĂ© Ă  crĂ©er une fonction qui permet de n'afficher qu'une portion de ce dernier en stipulant le numĂ©ro de la ligne de dĂ©but et de fin.

Ensuite, ayant créé un certain nombre de plugins BuddyPress et WordPress, finalement mon "portfolio" consiste à les lister. Pour ce faire, j'ai opté pour un interfaçage de la WordPress.org API et de la Github API afin de rapatrier les contenus sans avoir à y penser.

les options de thaim

Ces fonctionnalités ainsi que la possibilité de mettre le blog en maintenance sont paramétrables depuis les options de thaim qui sont disponibles depuis un sous menu de la rubrique Apparence de l'administration WordPress .

Enfin, j'utilise la classe de Raz Ohad pour ajouter des meta données aux catégories et aux tags en la modifiant à la marge pour l'adapter à mon besoin qui consiste à ajouter une banniÚre à l'aide d'une image distante (sur WordPress.org par exemple) ou une icÎne à gauche du nom de la catégorie ou du tag sur leurs templates dédiés.

Pour une dĂ©mo de thaim, il vous suffit de naviguer dans mon blog, si vous ĂȘtes intĂ©ressĂ© par ce thĂšme ou que vous souhaitez vous en inspirer..

Deux derniĂšres choses!

J'ai l'immense honneur d'avoir été choisi pour faire une présentation de BuddyPress lors du prochain WordCamp de Paris qui se tiendra les 18 et 19 janvier. J'espÚre vous y croiser : inscrivez-vous !!

Chers lecteurs, membres de la communautĂ© WordPress ou BuddyPress, je vous souhaite le meilleur pour twentythirteen 😉

12 rĂ©flexions au sujet de « Bienvenue sur imathi.eu »

  1. jeanviet

    Ajoute @olesOVHcom le big boss d’ovh Ă  tes contacts sur twitter. En cas d’indispo ou d’attaque il est Ă  l’Ă©coute et rĂ©agit vite…. mĂȘme Ă  2h du mat’ 😉

  2. dan

    Bravo Mathieu, pour une premiĂšre d’un mec dĂ©bordĂ©, c’est super ! Quel pu…thaim de thĂšme: sobre et Ă©lĂ©gant comme j’aime.
    Pour le reste, je te réserve la surprise.
    Ah j’allais oublier, le test de la beta 1.1 est passĂ© comme une lettre Ă  la poste. Et tu vas rire: les avatars sont toujours lĂ  😀

    1. imath Auteur

      Merci Dan 🙂 je suis curieux pour la surprise !! Je vais regarder le feedback que tu m’as envoyĂ© au sujet de bp avatar suggestions ( <- merci pour ça Ă©galement !!) Il y aura vraisemblablement une 1.1-beta2 pour prendre en compte tes recos 😉 À trĂšs vite.

  3. Pingback: L’Hebdo WordPress : Bonne annĂ©e 2013 – WordCamp Paris 2013 – WordPress 3.6 | WordPress Francophone

  4. Pingback: L’Hebdo WordPress : Bonne annĂ©e 2013 – WordCamp Paris 2013 – WordPress 3.6

  5. Wcee

    Rebonjour iMath! Wcee again! Comme tu m’as expliquĂ© sur Twitter, tu ne peux vendre de plugins, mais tu peux Ă©tudier le besoin. Je comprends et il me ferait grandement plaisir de contribuer pour un plugin tel que celui-ci. J’aimerais permettre aux membres de choisir dans leurs rĂ©glages entre « accepter ou refuser une demande d’amitié » ou « accepter automatiquement tout le monde » (style follower). Le top serait mĂȘme de leur offrir avec cette 2e option de bloquer certain username avec un @ auto suggest. DĂ©solĂ© de t’Ă©crire cela ici comme ĉça mais je n’ai pas ton courriel et les 140 car de Twitter ne me suffisent pas! 😉

    1. imath Auteur

      no problĂ©mo, il me semble que j’ai lu ça dans tes tweets. Je regarde dĂ©s que j’ai un moment, sinon, je t’ai Ă©crit sur l’email que tu utilises pour tes commentaires ici, il y a quelques temps 😉

      A+

  6. Pingback: Mise en page d’un blog : 1, 2 ou 3 colonnes ? — BlogBuster – mon Blog WordPress / Blogger au Top

  7. Pingback: Une année riche en émotions, merci #WordPress, #bbPress et surtout #BuddyPress : imathi.eu

Les commentaires sont fermés.