WordPress : insérer une lettrine
By Paille | novembre 7, 2009 - 8:07 - Posted in blog


Votre blog reprend, comme sur le Pingouin.info, un thème "presse papier". Vous souhaitez ajouter une lettrine pour "renforcer" votre thème ?
Ce n'est pas très compliqué, voici comment faire...


Dans votre fichier style.css :
(dans l'admin WP : Apparence/éditeur/style.css)
Ajoutez :

.lettrine {
color:#110808;
float:left;
font-family:"Times New Roman",serif;
font-size:5.1em;
margin:-7px 4px -14px 0;
}

Vous pouvez personnaliser votre lettrine en modifiant la couleur, la taille ou la police. (dans l'exemple, c'est le code de celle du Pingouin)

Une fois ceci fait, inserez dans votre article (en mode html)

<span class="lettrine">D</span>

Et voila, vous obtenez votre lettrine !
(N'oubliez pas, évidemment, de remplacer la lettre "D" par celle voulue ! ) ;)

blogasty
Creative Commons License Ce blog est mis à disposition sous un contrat Creative Commons.

Mots-clefs :,

Cet article a été posté le Samedi, novembre 7th, 2009 a 20 h 07 min et est classé dans la catégorie : blog. Vous pouvez suivre les commentaires de cet article viaRSS 2.0 . Vous pouvez commenter :, ou faire un trackback depuis votre site.

Articles relatifs :
7 Comments

no nofollow

Les commentaires sont en dofollow, mais ne sont acceptés que les commentaires "non commercial".
Je supprime allègrement (et avec plaisir) les url non désirées....
Svp postez des com que si vous avez quelques choses à dire (et non pour le référencement)....
Merci :)

7 commentaires

  1. novembre 7, 2009 @ 20 h 21 min

    Euuu y a encore plus simple pour pas avoir à mettre un à chaque fois, la class first letter. Tu l’applique sur ta div et la première lettre du texte de cette div sera stylisée comme tu le désire :)

    Posted by Touchcream
  2. novembre 7, 2009 @ 20 h 38 min

    Effectivement plus simple à l’écriture de l’article.
    J’voulais être le + simple possible pour que ça soit accessible à tout le monde, (même ceux qui ont peur des lignes de code)…
    Les autres auront compris grace à ton commentaire,
    Merci. :)

    Posted by Paille
  3. novembre 7, 2009 @ 21 h 28 min

    Tu as curieusement fermé ta balise ! Ça donne :-)

    Posted by Yann
  4. novembre 7, 2009 @ 21 h 49 min

    Oups ! :(
    Merci, j’ai corrigé…
    Remarques c’est vrai que c’était marrant ! :)
    (Pour ceux qui n’ont pas vu j’avais mis « spam » à la place de « span »….)

    Posted by Paille
  5. novembre 7, 2009 @ 22 h 31 min

    Il est curieux mon commentaire ! On dirai qu’il manque la fin.
    Pas grave. C’est vrai que c’était rigolo :-)

    Posted by Yann
  6. novembre 8, 2009 @ 0 h 18 min

    Bonsoir,

    Il y a encore plus simple avec ce plugin : DropCap First Character (http://www.rc.au.net/blog/2006/07/27/dropcap-first-character-wordpress-plugin/).

    On le télécharge, on l’installe, on l’active et hop, le tour est joué…

    Enjoy it !

    Posted by patkban
  7. novembre 8, 2009 @ 7 h 30 min

    @ Yann il manque la fin ?

    @Patkban : Merci pour ce plugin,
    personnellement je préfère éviter les plugins lorsqu’il y a moyen de faire autrement….

    Posted by Paille

Leave a Comment

«
»