Automatiser une mise en forme sur un mot ou un Custom post type (Créer un compte)

  • WordPress :6.1
  • Statut : non résolu
  • Ce sujet contient 21 réponses, 3 participants et a été mis à jour pour la dernière fois par ferman, le il y a 2 années.
7 sujets de 16 à 22 (sur un total de 22)
  • Auteur
    Messages
  • #2440325
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    Bonjour,

    J’ai un souci que je n’avais pas vu de suite depuis la mise en place du code. En fait, en base de la Home, il y a des flèches qui permettent de charger du contenu supplémentaire. Mais lorsqu’on clique dessus, la mise en forme disparaît. Comment faire pour que la mise en forme soit appliquée quand même ?

    Pour rappel, le site est celui-ci : https://www.rse-responsables.com/

    Merci par avance de m’aider car j’ai beau chercher, je suis bloqué.

    #2440340
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    Précision, on dirait que quand on clique sur les flèches, ça charge en JS.

    #2440355
    ferman
    Modérateur
    Maître WordPress
    7369 contributions

    Bonjour,

    Le problème est détaillé ICI. Pour le moment je ne vois pas de solution. Je vais regarder encore.

    #2440451
    ferman
    Modérateur
    Maître WordPress
    7369 contributions

    J’ai regardé d’un peu plus près. Le problème  est celui mentionné dans le lien que je vous avais passé:  votre liste d’articles est paginée en utilisant Ajax ce qui fait qu’à chaque changement d’écran  la page n’est pas rechargée et donc la fonction js n’est pas relancée. Elle ne se relance que si vous rafraîchissez la page mais dans ce cas vous revenez  au premier écran. Pour que le code fonctionne, il  faudrait une seule page avec tous les articles (visibles par défilement) ce serait assez pénible. Ou alors il faudrait paginer autrement qu’en Ajax mais ça dépend du thème. Bref la solution ne passe pas dans ce cas par du js.

    Je pense qu’il y a une solution simple évitant le javascript. Actuellement, pour l’extrait, vous prenez les premières lignes de l’article et ajoutez manuellement « POINT DE VUE » ou « ACADEMIQUE ».  C’est bien ça?  Si oui, il vous suffit alors de ne pas ajouter simplement ces termes mais de les encadrer dans  des balises <span>. Par exemple, au lieu de:

    « POINT DE VUE – Quel rapport entre ces deux concepts que n’existaient pas dans le monde des cadres il y a encore quelques mois ? A priori deux idées qui ne vont pas ensemble, voire que tout oppose ! »

    vous faites:

    « <span class = « point de vue »>POINT DE VUE </span> – Quel rapport entre ces deux concepts que n’existaient pas dans le monde des cadres il y a encore quelques mois ? A priori deux idées qui ne vont pas ensemble, voire que tout oppose ! »

    Ça ne vous fera pas perdre beaucoup de temps par rapport à ce que vous faites actuellement.

    Alternativement, il y a encore plus simple et automatique, basé sur ce que vous proposait Mathieu42. Le code CSS suivant,

    #tdi_49 .td-cpt-academique h3 a{color:red;}
    #tdi_49 .td-cpt-post h3 a{color:blue;}

    fera apparaître le titre de l’excerpt en rouge ou bleu suivant le post-type.

    • Cette réponse a été modifiée le il y a 2 années par ferman.
    • Cette réponse a été modifiée le il y a 2 années par ferman.
    #2440473
    ferman
    Modérateur
    Maître WordPress
    7369 contributions

    Aussi simple, se rapprochant de l’idée initiale mais automatique. Le code suivant:

    #tdi_49 .td-cpt-academique .td-excerpt:before{content:"ACADEMIQUE​";
    color:red}
    #tdi_49 .td-cpt-post .td-excerpt:before{content:"POINT DE VUE -";
    color:blue;}

    Ajoutera automatiquement en tête d’excerpt le mot et la couleur qui conviennent.

    Vous avez le choix.

    #2440507
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    Super, merci Ferman pour ces deux propositions. Franchement, c’est vraiment top d’avoir de l’aide aussi efficace. Je viens de mettre en place le 2e code. Du coup, on est d’accord que le CSS que j’avais mis initialement, je peux le virer ?

    C’était celui-là :

    .pointdevue{
    color:#81d742;font-weight: 700;
    }
    .academique{
    color:#dda552;font-weight: 700;
    }
    .partenaires{
    color:#222E44;font-weight: 700;
    }

    #2440509
    ferman
    Modérateur
    Maître WordPress
    7369 contributions

    Du coup, on est d’accord que le CSS que j’avais mis initialement, je peux le virer ?

    Oui, et aussi le javascript et les premiers mots de l’excerpt que vous introduisiez manuellement, autrement vous aurez des doublons  (comme c’est le cas actuellement). Bon, non, je vois que vous avez rectifié.

     

    • Cette réponse a été modifiée le il y a 2 années par ferman.
    • Cette réponse a été modifiée le il y a 2 années par ferman.
    • Cette réponse a été modifiée le il y a 2 années par ferman.
7 sujets de 16 à 22 (sur un total de 22)
  • Vous devez être connecté pour répondre à ce sujet.