Problème positionnement balise (Créer un compte)

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #454009
    ramun
    Membre
    Initié WordPress
    48 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.2.3
    – Thème utilisé : Bla
    – Plugins en place : Aucun
    – Nom de l’hebergeur : 1&1
    – Adresse du site : ici

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

    Je souhaiterais placer “lire la suite” sur la même ligne que le titre de l’article.
    J’arrive à le placer en haut ou en bas mais pas sur la même ligne.
    Etant donné que le titre à un style H1 (qui prend toute la largeur), faut-il modifier le style ou le php ?

    Egalement, lorsque l’on place la souris sur “lire la suite”, le texte devient barré, comment faire pour supprimer cela ?

    Merci d’avance pour votre aide

    Bonne journée

    Ramun

    #609430
    dlo
    Participant
    Maître WordPress
    1850 contributions
    ramun wrote:
    Egalement, lorsque l’on place la souris sur “lire la suite”, le texte devient barré, comment faire pour supprimer cela ?

    Il faut faire une recherche dans la feuille de style du thème (style.css) et trouver les occurences de a:hover. C’est là que se trouve le problème, dans la définition du style qui doit contenir ceci : {text-decoration: line-through;}. On peut remplacer “line-through” par “underline” pour souligner le lien et pas le barrer.

    Cordialement

    #609431
    WhiskyWalker
    Membre
    Initié WordPress
    18 contributions

    Tiens je suis en train de faire un maquette assez identique au thème Bla également 🙂

    Il te faut aller modifier directement le code du thème, dans le fichier index.php ou page.php généralement.

    Pour le lien barré, il faut modifier de la même manière le fichier CSS associé à ce thème (style.css la plupart du temps).
    Tu dois avoir un moment ceci :

    a:hover {
    color: #000;
    text-decoration: line-through;
    }

    Ce qui veut dire que tes liens survolés seront de couleur noire et barré. Il te suffit de mettre “none” (ou overline ou underline) à la place de “line-through” pour modifier le comportement du lien.

    Tu devrais pouvoir t’en sortir avec ça.

    Edit : owned by dlo 😗

    #609432
    ramun
    Membre
    Initié WordPress
    48 contributions

    Merci bien, pour les liens survolés, cela fonctionne parfaitement.
    Grâce à vous j’ai appris un peu plus et notamment le “text-decoration”

    Par contre j’ai toujours ce petit problème avec la balise

    Je vous joins le code php correspondant :

    “<div class="post" id="post-“>

    <a href="” rel=”bookmark” title=”Permanent Link to “>

    <?php the_content('lire la suite »‘); ?>”

    Merci d’avance

    #609433
    dlo
    Participant
    Maître WordPress
    1850 contributions

    Vu la façon dont WordPress est fait, cela me parait peu réalisable d’avoir la mention “Lire la suite” à la hauteur du titre en standard. Le “Lire la suite” est censé apparaître avec l’affichage d’une partie du billet (C’est la fonction the_content() du code cité en exemple), donc logiquement sous le titre…

    Par contre, je laisse aux spécialistes des CSS le soin de dire ce qu’il est possible de faire dans ce domaine.

    #609434
    WhiskyWalker
    Membre
    Initié WordPress
    18 contributions

    Ca doit surement être possible mais il faut bien se plonger dans le code je pense.

    #609436
    Kong
    Membre
    Initié WordPress
    1 contributions

    J’ai le même problème, comment isoler ce foutu “Lire la suite” pour le mettre ailleur ??

    #609435
    LH
    Membre
    Chevalier WordPress
    372 contributions

    Salut,

    Avec le CSS, tu peux déplacer le “more” mais l’affichage sera correct dans un nombre de cas assez limité.
    C’est vrai que dans WP, le “more” est lié au “content”, donc avec le code PHP, ce n’est pas tout simple.
    Le plus facile est sûrement un petit coup de Javascript pour déplacer le “more” dans le DOM de la page ?

    avec JQuery, ça donnerait un truc comme ça:

    the_content(‘<strong id="more">lire la suite</strong>‘);
    …
    
    $(“#more”).remove().appendTo(“#ailleurs”);

    Bon courage.

    #609437
    Rod
    Membre
    Maître WordPress
    744 contributions

    j’ai bien une solution purement CSS à te proposer, mais c’est du bon vieux hacking brutus.

    #609438
    LH
    Membre
    Chevalier WordPress
    372 contributions

    Salut,

    En PHP, il faut mettre la main dans le code la “loop” et ne pas utiliser les fonctions “simples” the_content() ou the_title(), mais l’API un peu plus avancé get_the_content et get_the_title()…
    Pour l’idée de l’algorithme…

    $title=get_the_title();
    $content=get_the_content(‘<!--MON-TAG-DE-LA-MORE-->‘);
    // test 
    // si $content contient le tag
    // alors ajouter le more au titre
    // sinon faire comme avant

    Bonne journée.

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