18 février 2009
Sous WordPress, il est désormais facile d’utiliser n’importe quelle police au format .ttf (True Type Font) pour remplacer les titres des articles. C’est une façon efficace de personnaliser votre blog, et pour le rendre unique ! C’est ce que permet le plugin TTF titles.
Si vous lisez ce blog, vous savez que j’aime bien l’idée d’utiliser des polices personnalisées sur un site ou un blog. Je trouve un peu triste le fait de devoir utiliser les polices standards pour être sûr que le site s’affiche correctement.
Sous WordPress, un plugin existe, super bien fait, qui permet de remplacer les titres des articles par une police TrueType Font (celle que vous voulez!). Il s’agit de ttftitles. Ce plugin transforme les titres en une image .gif ou .png. Je détaille ici un peu la démarche, pour vous inciter à l’utiliser : moi je viens de l’adopter pour mes deux blogs !
Choix d’une police
La première chose à faire, c’est de choisir une police adaptée à la charte de son site/blog. Le meilleur moyen est d’aller fouiner sur l’excellent Dafont.com. C’est une mine d’or, et les polices sont en téléchargement libre. Je vous recommande – vous francophones – de taper un texte dans la case prévue à cet effet en utilisant des accents et des apostrophes pour écarter les polices n’affichant pas ces symboles.
Installation de TTF Titles
C’est très simple :
- Téléchargez le plugin TTFtitles
- Dézippez-le dans votre dossier « wp-content/plugins/ »
- Activez-le dans l’interface d’administration de WordPress
Utilisation
Le plugin est extrêmement bien fait : rien ne manque, mais il n’y a que l’utile et l’indispensable. Les réglages du plugin se trouvent dans le menu « Apparence > TTF Titles ». Il y a 4 sous menus :
- Styles : c’est là que l’on définit des styles, en associant un nom, une police et des réglages de couleurs, bordures, etc…
- Fonts : permet d’uploader directement les fichiers .TTF. Pratique !
- Cache : gestion du cache du plugin. Je n’ai rien modifié là-dedans…
- Usage : explique comment utiliser le plugin. Je reviens dessus juste après…
Pour modifier les titres de vos articles, il faudra modifier les fichiers index.php et single.php. Trouvez le code correspondant au titre de l’article et remplacer le par :
-
<a href="<?php the_permalink() ?>" rel="bookmark" title="Lien permanent vers <?php the_title(); ?>"><?php the_ttftitle(); ?></a>
Pour remplacer un texte quelconque n’importe où sur votre blog, il faut utiliser la fonction ttftext de la manière suivante :
-
<?php the_ttftext("Votre texte", true, "NomDuStyle"); ?>
Les options disponibles sont expliquées en détail dans l’onglet « Usage ».
Le résultat est observable sur ce blog, et sur mon blog politique Expression Libre.
février 19th, 2009 at 2:37
Personnalisez les polices de votre blog sous WordPress : TTF titles »…
Si vous lisez ce blog, vous savez que j’aime bien l’idée d’utiliser des polices personnalisées sur un site ou un blog. Je trouve un peu triste le fait de devoir utiliser les polices standards pour être sûr que le site s’affiche correctement…
février 23rd, 2009 at 9:55
Bonjour, félicitation pour votre blog! Je suis tombé sur un de vos articles publié en 2007, concernant les pluggins welcome back. Est-ce qu'il s'agissait des flux, car, je n'ai pas vu de Plugin ''Welcome back'' sur votre blog.
Je m'excuse si la question parraît ''foufou'', c'est que je suis débutante, donc, je ne sais pas trop comment m'y prendre pour attirer des visiteurs sur mon blog
À titre d'info, voici l'adresse de mon blog. J'voudrais savoir si vous auriez des conseils à me donner .
http://santesuccesargent.com/Blog
merci d'avance pour l'info
février 23rd, 2009 at 10:17
salut dy09,
merci pour ton commentaire.
Non la question n'est pas « fofolle », simplement comme l'article date un peu, j'ai eu l'occation de modifier mon blog depuis et de désinstaller le plugin.
Pour attirer des visites sur ton blog ? Mais si je le savais, je serais déjà riche !
Plus sérieusement, j'ai écrit des articles pour expliquer, en tout cas, quelle démarche pouvait être mise en oeuvre pour s'améliorer.
Blog pour les nuls
et Le lecteur est roi
à bientôt je vais aller visiter ton blog…
février 23rd, 2009 at 10:31
D'accord, merci pour les liens, je vais m'y référer…
À bientôt!
février 24th, 2009 at 10:28
D'accord, merci pour les liens, je vais m'y référer…
mars 8th, 2009 at 7:33
[...] vous ai présenté l’autre jour la manière d’utiliser une police personnalisée pour les titres de vos articles. L’étape suivante [...]
mars 30th, 2009 at 3:21
Cela semble interessant ! Ces derniers temps J’entends beaucoup parler de sIFR. Quelle technique est la meilleure a votre avis ? ce plugin ou bien un plugin sIFR?
mars 30th, 2009 at 3:49
Salut hd-J,
merci pour ton commentaire. En fait j’ai testé sIFR avant, et c’était plus difficile (il fallait aller uploader des polices dans deux dossier différents, etc…).
Je trouve ce plugin-ci (TFT Titles) vraiment bien fait : l’interface d’admin du plugin permet de tout faire simplement. Tu vois le résultat ici (BLOmiG) ou sur mon blog politique http://www.expressionlibre.net !
à bientôt
avril 3rd, 2009 at 10:43
Salut,
Je voudrais savoir, y a t’il une option pour gérer les hovers ? Par exemple, lorsqu’un utilisateur pointe le curseur sur l’image du titre dans l’index.php, le titre change de couleur.
avril 3rd, 2009 at 10:58
salut Kadus,
non il n’y a pas cette option…en tout cas pas à ma connaissance. Il faudrait pour cela que le plugin génère 2 images pour le titre au lieu d’une.
à bientôt
avril 28th, 2009 at 9:50
Hello!
Merci pour cette extension
J’ai réussis à placer le premier code sans problème.
Mais malheureusement, je ne sais pas ou placer le second.
J’ai beau chercher la ligne, je ne la trouve nulle part.
Si tu pouvais m’eclairer.
Merci d’avance
avril 28th, 2009 at 10:23
Je viens de comprendre pour le second code. Il ne permet pas de changer la police partout sur le blog à sa convenance mais plutot d’avoir la même police que pour les titres.
C’est sympa quand même
avril 30th, 2009 at 8:47
salut Doowie,
désolé pour le délai.
Le second code, en fait, permet de remplacer un texte n’importe où avec une police de ton choix (définie dans les « styles » de la page d’administration du plugin..
La syntaxe est la suivante :
<?php the_ttftext("ton texte à toi", echo="true", "nom du style"); ?>à bientôt
ça ne permet pas de remplacer la police du corps de texte, par exemple !
mai 5th, 2009 at 10:35
Merci pour ce très sympathique plugin que je vais très probablement bientôt adopter pour mon titre, voire mes types (h1, h2, …) de textes si possible …
De quoi rendre un site/blog encore plus sexy.
A bientôt
mai 5th, 2009 at 12:44
salut PassiveEco !
merci pour ton commentaire. Je suis bien content que ce plugin te plaise. Moi je l’ai adopté pour mes deux blogs depuis que je l’ai découvert. A utiliser tout de même avec modération, car il augmente le nombre d’images à charger. Je l’utilise pour le titre, le sous-titre et les titres d’article. ça fait déjà pas mal.
Mais ça permet de donner une touche « unique » à son design, je trouve.
à bientôt
juin 2nd, 2009 at 2:58
Salut ! Et merci. Je suis en train de chercher la bonne police, mais déjà, ça donne un aspect plus sympa au blog.
juin 2nd, 2009 at 3:03
salut koz,
content que ça te plaise…! Moi je trouve ça indispensable de personnaliser la police au moins de son titre de blog. J’ai choisi de personnaliser aussi les titres des articles ; ça alourdit un peu, mais ça donne un certain cachet et ça rend le site « unique ».
à bientôt j’ai hâte de voir ce que tu choisira…!
juin 3rd, 2009 at 10:14
C’est fait. J’ai repris la police que j’avais utilisée dans mon bandeau. En revanche, effectivement, ta remarque sur le poids me dissuade d’utiliser cette personnalisation dans la partie « les derniers bilets ». Je vais peut-être en revanche l’utiliser dans la barre de navigation.
juin 3rd, 2009 at 11:13
Super ! Je pense qu’utiliser ce plugin pour le titre du blog et pour les titres des billets est optimal, oui.
à bientôt
juin 14th, 2009 at 8:59
Merci pour cette belle trouvaille !
septembre 22nd, 2009 at 10:49
C’est vrai que c’est joli mais ça doit quand même alourdir un peu la machine… C’est le genre de choses qui me font hésiter…
septembre 23rd, 2009 at 9:55
salut Li-An,
oui ça alourdit un peu. En même temps, je ne l’implémente que pour les titres, ce qui reste assez léger. Et malgré tout, la seule solution puisque les possibilités qu’apportera CSS3 sont loin d’être mises en oeuvre !
à bientôt, et merci pour ton commentaire !
septembre 24th, 2009 at 4:41
heu bonjour.
merci pour ces infos précieuses.
t’es un peu un des héros du web 2.0. ahahah
je viens d’installer TTF dans mon administration de blog, tout se déroule à merveille jusqu’à ce que
crac : une sorte d’encadré autour de mes titres.
c’est moche. ca flingue tout.
aurais-tu une idée d’où cela pourrait-il venir ?
merci encore
septembre 25th, 2009 at 9:29
Salut Alexandra.
pas sûr de savoir, mais je pense que c’est parce que les titres affichés le sont sous forme d’image. Donc l’encadré que tu vois doit être un attribut des images dans ta feuille de style CSS. Si tu t’y connais en CSS, va fouiner dedans. Sinon dis moi et je veux bien y jeter un coup d’oeil…
septembre 26th, 2009 at 6:24
merci pour l’info.
je vais regarder cela de plus près.
bon we
décembre 30th, 2009 at 5:49
Merci pour ce plugin ! J’ai réussi à l’installer mais il subiste un problème : j’ai un cadre tout autour du titre et je n’arrive pas à l’enlever. Comment avez-vous fait ?
Merci d’avance !
janvier 13th, 2010 at 1:01
Intéressant, je vais peut-être utiliser ce système pour l’un ou l’autre projet. Par contre, je voulais être sûr que le plugin gère lui-même les problèmes d’accessibilité en mettant bien le contenu du titre de alt. Je vois que c’est le cas pour cette article, mais je voulais en être certain.
Merci !
janvier 13th, 2010 at 2:27
salut Yann Lebout,
merci pour ton commentaire. oui il semble qu’il ne pose pas de problème de type accessibilité ou SEO. De ce que je connais, c’est à dire pas grand chose !
à bientôt
février 7th, 2010 at 6:55
Bonjour,
merci pour ces explications,
mais j’ai un probleme: j’ai installé le plugin, j’ai bien modifier single.php et index.php de mon thème …mais ensuite : ou faut-il placer ceci:
, exactement??
bonne soirée
février 7th, 2010 at 9:01
février 7th, 2010 at 9:04
désolée pour le deuxieme commentaire, je voulais rectifier en indiquant ce que je n’arrivais pas à placer mais il est impossible de le copier ;
je parlais de ce qui suit « Pour remplacer un texte quelconque n’importe où sur votre blog, il faut utiliser la fonction ttftext de la manière suivante : »
voila, désolée je ne suis pas très claire!