[Résolu] Personnalisation légende sous photos (Créer un compte)

  • WordPress :5.2
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 23)
  • Auteur
    Messages
  • #2291731
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    43 contributions

    Bonjour,

    Ma configuration WP actuelle 5.3.1

    • Version de PHP/MySQL :
    • Thème utilisé : Accelerate
    • Extensions en place :
    • Nom de l’hébergeur : ovh
    • Adresse du site : https://vertige-evasion.com/

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

    Bonjour,

    j’essais depuis très longtemps de personnaliser le text des légende photos (mettre un titre, de la couleur sur certaine partie de texte, des espaces entre les ligne, insérer un bouton…etc). J’ai essayer de modifier le caption text dans le css mais en vain… J’ai juste réussi à modifier le wp-caption (couleur, bordure…) et de même  pour le wp-caption image (arrondie…) dans le css.

    photos de présentation des canyons: https://vertige-evasion.com/canyoning-grenoble-lyon-isere-vercors-chartreuse/

    si quelqu’un a une idée…

    merci, sébastien

    #2291742
    ferman
    Participant
    Maître WordPress
    6776 contributions

    Bonjour,

    Que voulez-vous modifier dans le texte: la couleur? La taille?

    #2291774
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    43 contributions

    Bonjour ,

    En gros je voudrais savoir comment faire un encart sous les photos comme dans cette page https://www.vertico.fr/canyoning-grenoble/

    Pour ensuite tout modifier à ma manière.

    Avoir:

    titre (h2)

    Description

    Bouton en savoir plus

    Tout en pouvant modifier taille, police, couleur… des 3 éléments .

    Est-ce que vous me comprenez?

    Merci

    #2291779
    mathieu42
    Participant
    Maître WordPress
    2002 contributions

    vous parlez bien des images des différents canyons avec le texte « Canyon du Versoud (Vercors: Le Lignet). A partir de 40Eur/pers. Le Canyon Complet! En savoir + » ?

    comment placez vous ces images dans la page ?

    #2291780
    ferman
    Participant
    Maître WordPress
    6776 contributions

    J’ai regardé votre site, l’autre site et téléchargé votre thème:

    Dans le cas de l’autre site, ce ne sont pas des légendes sous des photos mais des articles : vous avez l’image en avant de l’article , le titre, puis un extrait puis une balise lire plus, qui se place dans l’éditeur d’articles) . Cette présentation est dépendante du thème (on ne peut d’ailleurs pas voir duquel il s’agit et on ne voit pas non plus le code source du site ) et je pense pas que vous puissiez faire quelque chose d’approchant avec le thème accelerate (en tout cas, je ne saurais pas le faire ). Si vous voulez vous rapprocher de ce qui est montré dans l’autre site, il faut essayer d’autres thèmes. Les css permettent de faire beaucoup de choses mais pas ce que vous souhaitez.

    Désolé, je ne peux pas faire plus. Peut-être quelqu’un d’autre pourra-t-il vous aider ou  vous  conseiller sur le choix d’un thème qui pourrait vous convenir.

    #2291790
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    43 contributions

    Ok merci.

    Ou sinon comment faire pour mettre du texte comme je l entend avec des sauts de lignes? Car je n arrive pas à mettre des sauts de lignes dans le texte .

    Merci

    #2291793
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    43 contributions

    A Mathieu 42

    Les images sont placés en colonnes.

     

    #2291798
    ferman
    Participant
    Maître WordPress
    6776 contributions

    Il est possible de modifier la légende des images dans le corps d’un article . Vous pouvez donc inclure une image dans l’article et faire des modifs simples  (aligner, aller à la ligne) comme indiqué ici. Pour faire plus, il faut passer en mode texte dans l’éditeur et dans le texte de la légende, inclure les balises html souhaitées.

    Il sera ensuite possible en utilisant ces balises de formater en ajoutant des css. Cependant on ne peut pas mettre de balise more.

     

     

     

     

     

    • Cette réponse a été modifiée le il y a 4 années et 1 mois par ferman.
    #2291802
    ferman
    Participant
    Maître WordPress
    6776 contributions

    J’étais pressé et j’ai parlé un peu  trop vite: on peut aussi ajouter la balise more  (en dessous de la légende) et donc il devrait être possible d’avoir quelque chose de similaire  à l’autre site.

    Question de css, une fois que la mise en page html aura été faite.

    • Cette réponse a été modifiée le il y a 4 années et 1 mois par ferman.
    #2291822
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    43 contributions

    Merci de votre aide.

    j’ai fais qq essaies. En effet en mettant du « contenu embarqué wordpress » pour le lien vers les différents canyons (à la place d’une image et de la légende) et en mettant une image mise en avant et une description sur la page cible ça marche (il faut ensuite modifier le css de wp-embed) beaucoup de job à tout re modifier les images et la description des pages une à une… j’ai aussi ça en bas de la description du contenu embarqué: une image (img.wp-embed site icon)et VERTIGE-EVASION: Canyoning, Via-Ferrata, Escalade (<span>VERTIGE-EVASION: Canyoning, Via-Ferrata, Escalade</span> dans le code en haut de inspecter la page) et une autre image (dashicons.dashicons-share). est-ce que ça s’enlève?

    Est-il possible d’écrire tout simplement du texte avec des sauts de lignes dans la légende (pour que ça fasse un contenu « aéré » et pas un gros pavé?

     

    merci,

    #2291852
    Anonyme
    Invité
    Maître WordPress
    34067 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #2291930
    ferman
    Participant
    Maître WordPress
    6776 contributions

    Bonjour,

    J’ai regardé d’un peu plus près. Je ne m’étais jamais posé ce genre de problème donc j’ai cherché. Avec les réserves ci-dessous, je pense que la meilleure solution est d’utiliser une image mise en avant pour chaque article et une lgende personnalisée. C’était un problème car beaucoup de  thèmes, y compris accelerate ne permettent pas ça.  Heureusement, il existe un petit plugin bien pratique Featured Image Caption, qui y remédie. Je vous mets en pièce jointe un exemple de ce que l’on peut obtenir avec  le plugin et quelques css.

    Les réserves: cela rejoint ce que vous demandait @Mathieu42. De quel genre d’image s’agit-il dans votre cas: d’images mises en avant ou d’autre chose? Je pense que l’on peut aussi faire la même chose que la pièce jointe avec des images d’articles mais à mon avis c’est une moins bonne solution.

    De plus, si ce sont des images mises en avant et si la légende est une légende d’image mise en avant, le plugin que j’ai utilisé pourrait faire le formatage que vous souhaitez.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2291941
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    43 contributions

    Bonjour,

    Merci pour vos réponses. les images que j’utilise proviennent de l’onglet media du bloc bloc paragraphe. Je ne sais pas si ça vient de la… en effet je viens de voir que si j’utilise le bloc image je peux faire des sauts de lignes mais je n’arrive pas à modifier le css comme je voudrais.

    Au cas où je voudrais changer mettant du “contenu embarqué wordpress” pour le lien vers les différents canyons (à la place d’une image et de la légende) et en mettant une image mise en avant et une description sur la page cible, j’ai en bas de chaque « contenu embarqué » une ligne avec le logo, le nom du mon site et un bouton share. voir ici https://vertige-evasion.com/exemple-contenu-embarque/

    savez vous comment faire pour supprimer cette ligne svp?


    @Ferman
    , en quoi c’est une moins bonne solution de faire du contenu embarqué?

    merci beaucoup pour vos réponses

    #2291943
    ferman
    Participant
    Maître WordPress
    6776 contributions

    D’abord une précision: j’utilise l’éditeur classique et non celui par blocs. Donc, ce que je vous ai dit implique l’emploi de cet éditeur.

    Ensuite, je ne parlais pas de contenu embarqué mais seulement de ce que j’avais essayé (avec l’éditeur classique, deux choses donc).

    1. partir d’une image mise en avant et ajouter des balises html permettant de formater avec l’aide d’un plugin .
    2. partir d’une image dans le corps de l’article et ajouter des balises html sans l’aide d’un plugin.

    Explication: Comme je le disais plus haut, dans votre thème les légendes pour les images en avant ne sont pas prévues (encore moins contenant du code html) . Par contre en travaillant en mode texte on peut inclure du html dans les légendes des images dans le corps de l’article.

    Ces balises html sont indispensables pour personnaliser comme vous le souhaitez.

    Il est mieux d’utiliser une image en avant car elle est clickable et liée à l’article correspondant, ce qui n’est pas le cas pour l’autre image.

    Bien que ce ne soit pas ma tasse de thé, j’ai quand même regardé en mode blocs. Si vous voulez personnaliser votre légende, je pense qu’il faut utiliser le bloc images qui semble offrir la possibilité d’ajouter du code html , au contraire du bloc paragraphe.

    Je n’ai pas d’opinion quant au contenu embarqué. J’ai essayé d’enlever la ligne qui vous gêne et vous passe donc trois codes à essayer; sans garantie car je n’ai pas pu enlever ces éléments dans l’éditeur de style firefox  (apparemment tout ce qui est « embed » pose problème). J’ai pu les enlever uniquement dans l’inspecteur. Ces codes sont à mettre dans vos css additionnelles .

    Désolé ne ne pas pouvoir plus vous aider plus pour le moment. Le fait que je n’utilise pas Gutenberg est bien sûr un obstacle.

    .wp-embed-site-title a {display:none;}
    .dashicons-share{display:none;}
    .wp-embed-meta{display:none;}

    • Cette réponse a été modifiée le il y a 4 années et 1 mois par ferman.
    #2292235
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    43 contributions

    merci pour vos aides.

    Je voulais utiliser le contenu embarqué mais tout ce qui est .wp-embed (le contenu embarqué ) ne « réagit » pas au modifications css…une idée de comment résoudre ça?

    Sinon pour les légendes du bloc image, est-ce que quelqu’un sait comment modifier la taille de police de certains mots uniquement (un peu comme dans le bloc paragraphe)?

     

    merci beaucoup

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