Thème WordPress gratuit : Purity

Catégories : Wordpress
Envoyer l’article Envoyer l’article    Imprimer l’article Imprimer l’article
2 253 vues
(7 vote(s), moyenne : 4.57 sur 5)

Purity est un thème pour WordPress compatible toutes versions. S’appuyant sur un style épuré, clair et sobre, ce thème est composé de 2 colonnes dans le but de mettre en valeur le contenu de vos articles. Comme vous l’avez sans doute remarqué, il s’appuie très largement sur le thème du blog, thème ayant connu un vif succès lors de sa mise en place pour remplacer l’ancien. Le voici donc disponible pour tous, et ce, gratuitement.

Présentation

Purity - pureté, en français, est un thème WordPress basé sur l’excellent MassivePress thème de Jason Schuller. Ce dernier est l’auteur de nombreux thèmes gratuits et premium (payants) dont vous pouvez en voir un aperçu via le lien partenaire dans la sidebar (Press 75).

Bien entendu, je ne me suis pas contenté d’appliquer un simple lifting comme j’avais pu le faire avec Mimbo. Ici de nombreuses fonctionnalités du thème de base ont été supprimées, d’autres améliorées ou encore ajoutées.

Le design se veut avant tout simple tout en gardant à l’esprit, la garantie d’une bonne expérience utilisateur : le visiteur ne doit pas être noyée sous la masse d’options inutiles ou patientez de longues secondes, le temps que toutes les images ou autres JavaScript soient complètement chargés.

Sachez enfin que certaines fonctions présentes sur Maigret’s Blog ont été volontairement supprimées du thème, car j’estime qu’il appartient à tout un chacun de décider quelles doivent être les fonctionnalités à ajouter ou non dans le thème.

Ne figure donc pas, à titre d’exemple : les liens vers les digg-likes et les bookmarks sociaux, la navigation par page améliorée, etc.

Toutefois, ce thème regorge d’options. Je vais donc vous en présenter les principales ci-dessous.

Principales fonctionnalités

Parmi les principales options du thème, on retiendra :

  • La séparation des trackbacks des commentaires ;
  • Le compteur de commentaires / trackbacks ;
  • Numérotation des commentaires ;
  • Intégration des gravatars ;
  • Modèles de pages intégrés : archives par catégorie, liens par catégorie ;
  • 2 sidebars widgetisé (à droite et en bas) ;
  • Champ personnalisée “Image” autorisant l’ajout d’une miniature pour les articles ;

Les sidebars

Le thème est constitué de 2 sidebars, une à droite et l’autre en bas - juste au-dessus du footer (pied de page).

Sidebar de droite

La sidebar (colonne latérale) affiche en natif :

  • La barre de recherche ;
  • Les catégories avec leurs flux RSS respectifs ;
  • Les flux RSS des articles et des commentaires ;
  • Les commentaires récents ;

En modifiant quelque peu le code du thème d’origine, celle-ci est désormais widgetisé, c’est-à-dire que vous avez la possibilité de rajouter vos propres widgets via le panneau d’administration WordPress sans pour autant perdre les widgets natifs - préintégrés dans le code.

Il est également possible de supprimer les widgets préintégrés en supprimant les différentes balises <div>.

Sidebar du bas

Au lieu d’utiliser un colonne latérale supplémentaire, j’ai préféré en ajouter une en bas. Celle-ci revêt donc un aspect secondaire, très pratique pour contenir des widgets utiles mais pas forcément indispensables pour le visiteur - ou du moins, en premier lieu.

Elle fonctionne comme la précédente : vous pouvez ajouter vos propres widgets en plus de ceux fournis en natif, tout comme vous pouvez supprimez ceux de votre choix en passant par le code.

Les widgets présents en natifs sont :

  • Nuage de tags ;
  • Articles populaires ;

Plugins fournis

J’ai volontairement intégrés 2 plugins au thème : Popularity Contest et Subscribe To Comments.

Pour les installer, rien de plus simple : une fois le fichier ZIP téléchargé, téléversez-les vers votre dossier /wp-content/plugins/ puis activez-les comme n’importe quels plugins.

Le premier permet d’afficher les articles les plus populaires dans la sidebar du bas.

Le second ajoute une coche permettant de recevoir les derniers commentaires publiés par e-mail, très utile pour suivre une conversation à laquelle on a participé, par exemple.

Champ personnalisé (custom field) “Image”

Ce thème vous permet d’afficher une miniature propre à chaque article. Pour ce faire, il vous suffit d’ajouter la clé Image en tant que nouveau champ personnalisée - la valeur correspondant à l’URL de l’image.

La taille conseillée est de 80×80 pixels bien qu’elle soit modifiable dans le CSS.

Modification du logo

Pour remplacer le logo par défaut par celui de votre choix, remplacer le fichier logo.jpg situé dans le dossier /wp-content/themes/purity/images/

Si la modification ne s’opère correctement, modifiez #header dans le CSS et indiquez l’URL complète de l’image pour la propriété background-image.

Retours

Si vous rencontrez le moindre problème (bugs, archive corrompue, message d’erreur, etc.) n’hésitez pas à m’en faire part via les commentaires ou bien en me contactant directement, notamment si le cas est personnel et qu’il nécessite l’envoi de code.

Je suis également sensible aux suggestions : ce thème n’en est qu’à sa première version, proposez ne coûte rien !

Téléchargements

Ce thème est librement téléchargeable. Sa gratuité n’empêche pas moins que vous laissiez les crédits présents dans le footer (pied-de-page) et le CSS. Rien ne vous empêche donc de le modifier tout en conservant les informations concernant les auteurs d’origine.

Live démo

Télécharger : Purity 1.0  Purity 1.0 (181.6 KiB, 219 hits)

Si vous avez aimé ce billet, n'hésitez pas à vous abonner à mon flux RSS !
Pour en savoir plus sur le format de syndication RSS, consultez Wikipédia.
Cet article a été publié le Jeudi 21 août 2008 à 1:09 et est classé dans Wordpress. Vous pouvez en suivre les commentaires par le biais du flux RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback depuis votre propre site.

Tags : ,

Articles relatifs

33 commentaires pour “Thème WordPress gratuit : Purity”

  1. le blogueur masqué dit :

    Jolie thème, n’étant pas un pro du php je me permet de le télécharger ca me permet d’apprendre a chaque fois un peu plus. Merci

  2. Maigret dit :

    De rien surtout si ça te permet d’en apprendre plus ;)

  3. jbj dit :

    Beau boulot! Tu l’as bien personalisé, je pensais que c’était un thème tout fait sur ton blog!
    ça te dirais d’en parler sur CatsWhoCode, avec un download en anglais?

  4. Maigret dit :

    Merci du compliment cher collègue :)

    Qu’entends-tu par un download en anglais, que je traduise le thème ou juste rédiger un article en anglais ?

  5. jbj dit :

    De rien :)
    Ben, il faudrais d’un part un article, mais aussi que le thème soit dispo dans la langue de Shakespeare;)

  6. Maigret dit :

    Bon ben je vais essayer te faire ça alors :D

  7. jbj dit :

    Cool :)
    Tu as mon mail au cas ou! Tiens moi au courant et je t’ouvrirais un compte auteur. Le bon plan c’est de mettre un lien vers ton blog en temps que “live demo”, ça peut terapporter pas mal de visites ;)

  8. Corimanon dit :

    Je suis désolé, je manque de connaissance, mais je n’arrive pas à utiliser la petite vignette devant le texte (champs personnalisé, j’y comprends rien). Merci, d’avance si tu peux me donner un petit coup de main.

  9. Maigret dit :

    Chaque article doit avoir une miniature de 80 pixels. Pour mettre celle-ci en place, il faut entrer la clé Image, indiquez une URL complète puis valider en cliquant sur Ajouter un champ personnalisé.

    Ce module est présent dans l’écriture des articles de WordPress en bas de page et s’intitule : Champ personnalisés.

  10. Corimanon dit :

    Je te remercie de ton explication. J’ai enfin réussi. Ton thème est donc en place sur mon blog de famille. Merci beaucoup pour ce sympathique cadeau. Bien entendu, ton blog est maintenant dans mes favoris, surtout que de très nombreux posts m’intéressent. Très bon blog, il me tarde de voir ton nouveau thème. Cordialement.

  11. Maigret dit :

    Merci beaucoup Corimanon ! Pourrait-on avoir le lien pour voir le résultat… à moins que ce ne soit privé :)

  12. Corimanon dit :

    Je te le ferais parvenir en MP dès que je suis au point. Mais cela restera un blog très privé, je dirais “familial”. Encore merci pour ton aide. Je me permettrais si je rencontre quelques soucis liés à ton thème, de te redemander de l’aide. Bonne journée.

  13. Maigret dit :

    OK pas de soucis et n’hésite pas si tu as besoin d’aide ;)

  14. Corimanon dit :

    Bon, j’avance bien. J’ose à peine te demander s’il est normal que lors du survol de la souris, sur un article de page d’accueil, le petit bandeau noir “En savoir plus, lire la suite de l’article…” n’apparaisse pas chez moi ?
    Je précise que j’ai installé les plugins que tu avais joint.
    Je vais t’envoyer l’adresse provisoire par MP.

  15. Maigret dit :

    Le petit problème de l’infobulle ne m’est pas inconnue mais il s’est réglé tout seul sans aucune intervention… peut-être auras-tu la même chance !

    Ton blog prend forme et le logo est vraiment bien fait, continue dans cette voie ;)

    Ça fait tout drôle de voir son thème utilisé sur un autre blog :cool:

  16. Corimanon dit :

    Ton avis me touche beaucoup. Merci Maigret.

  17. ethan dit :

    bonjour, pourrait je avoir une explication plus approfondis pour afficher les petites images (ajout personnalises) car je ne comprend pas la manip !!!
    Faut il rentrer dans le code html ??
    je vous donne mon adresse ** site en construction ** ne tenez pas compte du site il est en construction..
    http://mrs41.hosteur.com/~iphonesg/

  18. Maigret dit :

    @ethan : dans l’éditeur d’article de WordPress, il te faut ajouter un champ personnalisé via le module se trouvant en bas de page. Pour le champ clé, indique Image et pour le champ valeur, saisis l’URL de la miniature correspondante. Pour validez, cliques sur Ajouter un champ personnalisé.

    Si tu as d’autres questions, n’hésites pas !

    P.S : heureux que tu utilises mon thème ! ;)

  19. ethanhawke dit :

    donc si j’ai bien compris dans la case cle je met IMAGE et dans l’autre case je met mon lien ( miniature de 80×80 pixels) et je valide ??? mais j’ai deja fait cettte manipulation et il se passe rien ?? mon url a ete verifier et j’ai bien ma miniature qui s’afiche mais pas dans la fenetre sur le site faut valider autre chose apres ??
    Merci de ta reponse au faite :)

  20. Maigret dit :

    @ethanhawke : la clé s’écrit avec un “I” majuscule et le reste en minuscules. Le lien doit être en dur du style “http://mondomaine.com/image.png”.

  21. ethanhawke dit :

    yop,
    merci bcp ca marche impec :)

  22. Maigret dit :

    @ethanhawke : ravi que cela fonctionne d’autant plus que ton blog va sûrement en intéresser plus d’un ;)

  23. ethanhawke dit :

    plop, maigret

    Voila j’ai mis le plugin wp-pagenavi afin d’avoir les suite de mes articles mais voila je ne comprend pas tres bien la manipulation, il marchait jusqua ce soir et je ne sais pas comment j’ai fais mais la je n’est plus rien !!!
    De plus comment cela se fait que je n’est plus acces a mes articles populaires ??
    excuse moi du derangement mais je comprend rien la ^^
    Merci a toi
    http://mrs41.hosteur.com/~iphonesg/

  24. Maigret dit :

    @ethanhawke : je ne pense pas que le bug concernant les articles populaires soit lié à l’ajout du plugin wp-pagenavi. Il me semble que ce problème peut se résoudre en ajoutant un nouvel article mais ça reste à confirmer.

    Pour wp-pagenavi, très franchement je n’en ai aucune idée d’autant plus qu’il faudrait plus de détails (code source, notamment). Le mieux que tu puisse faire c’est de poster sur le forum de WordPress francophone, comme cela tu pourras détailler ton problème et toute la communauté pourra essayer d’y répondre.

    Désolé de ne pouvoir t’aider plus que ça :(

    P.S : ton 2e commentaire était quasi-identique donc je ne l’ai pas ajouté ;)

  25. ethanhawke dit :

    ok merci de ton aide !!!
    tu as bien utilise ce plugins dans ton site ou tu en a trouver un autre qui te permet de “paginer” les pages articles ?? ( le tiens est pas mal d’ailleurs ) ??
    je vais sur word press ;)
    bye

  26. Maigret dit :

    @ethanhawke : oui, c’est bien WP-PageNavi que j’utilise.

  27. Олежек dit :

    Тема эта старая конечно , но прочитал с удовольствием :)

  28. Tony dit :

    Спасибо, полезный материал. Добавил ваш блог в закладки.

  29. Come dit :

    Salut,

    Bravo, c’est un super travail que tu as fait là ;)

    J’utilise sur mon tout nouveau blog une version modifié de ton thème, m’autorises-tu à redistribuer cette modification ?
    J’ai appelé cette version “Purity Magazine Edition” car j’y ai ajouté Smooth Gallery et quelques autres petits détails.

    +

  30. Maigret dit :

    @Come : je n’y vois pas d’inconvénients tant que les liens de crédits dans le footer sont conservés.

    Pour l’anecdote, j’avais moi-même créée une version intégrant un carrousel puis j’avais abandonné pour diverses raisons… enfin, tout ça pour dire que tu prolonges une de mes idées ! :D

  31. Gadjy dit :

    Salut,

    Super thème, mais le lien n’est plus valide.
    Pense tu pouvoir le rétablir?

    D’avance merci

  32. Maigret dit :

    @Gadjy : en principe tout est rentré dans l’ordre. Et merci à toi ! ;)

  33. Gadjy dit :

    Merci à toi !

Laisser un commentaire




* Champ requis.
French flagChinese (Simplified) flagEnglish flagGerman flagSpanish flagJapanese flagRussian flag