Mettre une lettrine à chaque paragraphe de mes articles (Créer un compte)

  • Statut : non résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #502995
    streghe
    Participant
    Padawan WordPress
    51 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.1.2
    – Version de PHP/MySQL : 5
    – Thème utilisé : iNove
    – Extensions en place :
    – Nom de l’hebergeur : free.fr
    – Adresse du site : Quelques Lignes

    Problème(s) rencontré(s) :

    Bonjour à tous bonjour à toutes

    Voila, je souhaite insérer une lettrine mais je ne sais pas comment faire
    en lisant le forum, il est conseiller une site pour apprendre le langage CSS mais je n’y comprend pas grand chose, je l’avoue

    En cherchant un peu, j’ai trouver un site qui me donne la possibilité de mettre une lettrine mais seulement sur le premier paragraphe

    d’autres page de se site me donne la possibilité de mettre des lettrines mais en insérant à chaque foi une balise supplémentaire en HTML

    J’aimerai savoir comment faire en sorte que la balise inhérente

    me permette d’obtenir une lettrine comme je le souhaite et où insérer le code correspondant

    en fait, j’ai déjà trouver un code mais je ne sais pas s’il est bon

    p.firstletter {
    color: #FF0000;
    float: left;
    font-size:40px;
    font-weight:bold;
    line-height:40px;
    padding-top:4px;
    padding-right:4px;
    font-family: arial;
    }

    Est-ce que mon code est correct et où dois-je l’insérer ?

    J’ai essayé de l’insérer dans la feuille « style.css » de mon thème mais rien n’y fait

    Merci à vous

    Un grand merci à vous

    #805330
    Lumiere de Lune
    Participant
    Maître WordPress
    20531 contributions

    C’est le bon code, maintenant tes paragraphes dans ton thème ont peut être une classe spécifique, qu’il faut prendre en compte. Evidemment, si tu avais donné l’adresse de ton site, l’url de ton thème, etc…

    #805331
    Franck (fge)
    Modérateur
    Maître WordPress
    9572 contributions

    On dirait que le problème a été résolu non ?

    #805332
    streghe
    Participant
    Padawan WordPress
    51 contributions
    fge wrote:
    On dirait que le problème a été résolu non ?

    Non, pour le dernier article j’ai juste grossis la première lettre de chaque paragraphe en la mettant en rouge et en gras, cela me donne un petit effet sympa mais qui n’est pas ce que je souhaite

    ce que je souhaite c’est une lettrine qui s’écrira sur deux lignes et qui se fera automatiquement lorsque je validerai mon texte

    Lumière de lune m’a gentiment informé que mon code est bon mais je ne sais toujours pas où je dois l’insérer et surtout est-ce qu’il y a une classe spécifique

    J’ai édité mon message afin d’enserrer les éléments que m’a demandé Lumière de lune

    #805333
    Lumiere de Lune
    Participant
    Maître WordPress
    20531 contributions

    Déjà il y a quelque chose de pas bon, c’est le span pour la police de caractère, ça doit être défini dans ta feuille de style global.

    Ensuite je n’avais pas vu, tu as mis firstletter, alors que la pseudo class est first-letter. Enfin une pseudo classe s’indique avec : et pas .

    Maintenant tu ne veux pas toutes les lettres de tous les paragraphes ?
    Il va donc falloir cibler ^^

    div#content div.content p:first-letter, div#content div.content p span:first-letter { et là tu rajoutes ton css…

    Tu vois le problème de ton span avec la police de caractère ? Il oblige à créer une règle de style supplémentaire

    #805334
    jessy
    Participant
    Chevalier WordPress
    461 contributions
    streghe wrote:
    J’ai édité mon message afin d’enserrer les éléments que m’a demandé Lumière de lune

    Et oui avec l’adresse du thème, c’est beaucoup plus facile et tu as plus de chance d’avoir des réponses. A bon entendeur….

    Cette balise (p.firstletter) utilisée comme telle signifie que tu utilises une class nommée firstletter (vois ce que ça donne comme rendu, c’est pas triste) mais surtout ça oblige à insérer class= »firstletter » dans chaque paragraphe p.

    En fait j’imagine que tu veux utiliser le sélecteur :first-letter (et pas .firstletter)

    En effet en créant une balise dans ton fichier style.css, cette 1ere lettre (ou lettrine) sera cette fois automatiquement créée.

    Insères donc le code suivant :

    .post .content p:first-letter {
    color: #FF0000;
    float: left;
    font-size:40px;
    font-weight:bold;
    line-height:40px;
    padding-top:4px;
    padding-right:4px;
    font-family: arial;
    }

    Après à toi de régler les size et height à ta convenance.

    #805335
    streghe
    Participant
    Padawan WordPress
    51 contributions

    Merci à tous

    Mon problème est résolu

    #805336
    Landrialledoux
    Membre
    Initié WordPress
    5 contributions

    Bonjour,
    En faite moi aussi je voudrais faire apparaitre une lettrine sur tous les paragraphes de mes pages et articles. Pour l’instant j’utilise WordPress en local (Apache/2.4.9 (Win32) PHP/5.5.12, version WordPress : 4.3). Merci d’apporter une solution à ma préoccupation..

    #805337
    Landrialledoux
    Membre
    Initié WordPress
    5 contributions

    Pour plus d’information le thème wordpress que j’utilise est « Blue Planet ». Bien à vous…

    #805338
    Li-An
    Participant
    Maître WordPress
    28454 contributions

    https://wordpress.org/plugins/search.php?q=drop+caps sinon suivez les indications données dans ce fil.

    #805339
    Landrialledoux
    Membre
    Initié WordPress
    5 contributions

    Merci Li-An pour ton poste, mais je ne trouve pas toujours la solution à ma question. En faite je voudrais faire que les premiers lettres de chaque article, chaque page, de la partie « A propos de l’auteur » apparaissent en lettrine. Merci de répondre à ma préoccupation…

    #805340
    Li-An
    Participant
    Maître WordPress
    28454 contributions

    Vous avez testé les plugins ?

12 sujets de 1 à 12 (sur un total de 12)
  • Vous devez être connecté pour répondre à ce sujet.