[Résolu] [Theme Karma] Problème d’affichage d’une photo dans un article

  • WordPress :4.8.2
  • Statut : résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #1944658

    jergrand
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    [b]Ma configuration WP actuelle :[/b] [b]- Version de WordPress :[/b] 4.5.10 [b]- Version de PHP/MySQL :[/b] 5.5.38 / 5.5.57 [b]- Thème utilisé :[/b] Karma [b]- Thème URI :[/b] http://themeforest.net/user/TrueThemes/portfolio?ref=TrueThemes [b]- Extensions en place :[/b] All In One SEO Pack (2.3.8), AMP (0.4.2), Contact Form 7 (4.5.1), Forum_wordpress_fr (4.1), Heartbeat Control (1.0.3), Jetpack by WordPress.com (4.1.1), Karma Builder (2.2.2), Post Types Order (1.9), Slider Revolution (5.2.5.1), W3 Total Cache (0.9.5.1), WPBakery Visual Composer (4.11.2.1) [b]- Adresse du site :[/b] http://ffcatch.fr [b]- Nom de l’hébergeur :[/b] Apache

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

    Bonjour à tous, je rencontre un problème lors de la création d’un nouvel article sur le site ffcatch.fr

    Dans la rédaction de mon article, lorsque je rajoute « une image à la une », celle-ci s’affiche bien au niveau de mon article. L’article étant en visibilité public et mis en avant (voir photo 001). Par contre, lorsque je clique sur mon article, celle ci- s’affiche en forme rectangulaire et toute écrasée. J’ai donc rajouté la photo directement dans ma saisie de texte avec la commande « Ajouter un media ».

    Je souhaiterai donc pouvoir afficher cette photo avec sa taille normale dans l’article, exactement comme elle apparait sur ma page d’accueil.

    Ps: Je débute avec WordPress.

    Merci par avance de votre aide.

    Cordialement,

    Jérémy

     

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1945487

    VoVi Nam
    Participant
    Padawan WordPress
    84 contributions

    Bonjour,

    Quand tu as ajouter ton media as tu bien mis Taille original dans les options ?

     

    #1945692

    jergrand
    Participant
    Initié WordPress
    6 contributions

    Oui quand j’ai rajouté mon média, j’ai bien mis taille originale dans les options.

    Mais le soucis ne provient pas du média que j’ai rajouté, mais plutôt de « l’image à la une ». L’image à la une apparait correctement sur l’accueil du site (mis en avant), voir photo 001. Mais cette même image est déformée lorsque l’on clique sur l’article en lui-même.

    #1946689

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Bonsoir.

    C’est que ton thème est prévu pour afficher les images à la une à cette taille.

    Ce thème est payant, difficile de t’aider.

    Cherches dans le CSS si tu trouves une règle pour les thumbnails/images à la une.

    🙂

    #1946716

    Flobogo
    Modérateur
    Maître WordPress
    13618 contributions

    Bonjour,

    @vovi nam : rien à voir avec la taille des images lors de l’upload ou de l’insertion, c’est le thème qui prévoit cet affichage.

    @jergrand : 2 solutions :

    • soit vous cherchez à appliquer la règle CSS display: none; sur cette image à la une quand elle est sur l’article seul –> placez-votre souris sur l’image, faites un clic droit, et choisissez « inspecter l’élément » pour trouver le sélecteur ou la Class qui s’y applique. Ajoutez alors le display: none; et si ça fonctionne, vous pourrez reporter la règle dans le CSS supplémentaire (onglet personnalisation du thème –> Css supplémentaire)
    • soit vous trouvez le fichier PHP qui régit l’affichage de votre article (probablement single.php ou content.php) et vous supprimez la ligne qui appelle l’image à la une (qui contient get_thumbnail  ). Si ça fonctionne, créez un thème-enfant et copiez-collez dedans le fichier modifié.
    #1957519

    jergrand
    Participant
    Initié WordPress
    6 contributions

    @flobogo merci pour ton aide, par contre je suis une quiche en WordPress, je débute tout juste.

    C’est un peu du chinois tout ça pour moi…

    Peux-tu s’il te plait me guider pas à pas pour tes solutions?

    -J’ai essayé la première: j’ai fais clic droit sur mon image, puis « inspecter l’élément » (voir photo jointe)

    -Comment rajouter « le dosplaya: none »?

    Merci par avance!

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1957594

    jergrand
    Participant
    Initié WordPress
    6 contributions

    -Comment rajouter « le dosplaya: none »?

    Erreur d’écriture… « display: none ».

    #1957896

    Flobogo
    Modérateur
    Maître WordPress
    13618 contributions

    Avec inspecter l’élément, on voit donc votre image, dont la balise HTML est img  (simple, pour une image). Mais cette image n’a pas de « class » particulière.
    Par contre, juste au-dessus, on voit <div class= »img-preload »>  –> c’est là-dessus qu’on va intervenir.

    Placez votre souris sur cette balise <div …>, clic gauche, et regardez sur la droite le CSS qui s’applique. Vous pouvez aussi faire un clic droit dans la fenêtre de droite, et choisir « ajouter une nouvelle règle ».
    Écrivez alors le code suivant : (ligne par ligne)

    .img-preload {
       display: none;
    }

    Si vous avez du mal à placer ce code sur la droite, insérez le directement dans l’admin’ du site, onglet Apparence > Personnaliser, puis rubrique « CSS additionnel ». Placez le code indiqué ci-dessus à la suite de cette phrase (en-dessous) :

    /*
    Vous pouvez ajouter du CSS personnalisé ici.
    Cliquez sur l’icône d’aide ci-dessus pour en savoir plus.
    */

    N’oubliez pas d’enregistrer, puis allez vérifier sur le site.

    #1958674

    jergrand
    Participant
    Initié WordPress
    6 contributions

    @flobogo

    J’ai réussi à ajouter la nouvelle règle: l’image disparait bien dans mon article, par contre ça ne s’enregistre pas.

    J’essai donc de l’insérer via l’admin du site, onglet Apparence -> Personnaliser

    Mais à ce niveau là, je ne retrouve pas la rubrique « CSS additionnel ».

     

    J’ai essayé de rajouter la règle dans la rubrique « Modifier le CSS », mais en faisant un aperçu, rien ne change, je n’ai donc pas enregistré.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1959642

    Flobogo
    Modérateur
    Maître WordPress
    13618 contributions

    J’ai réussi à ajouter la nouvelle règle: (…) par contre ça ne s’enregistre pas.

    –> C’est normal : cet outil sert juste à tester la règle avant de la mettre en place. Donc, déjà, on sait qu’elle fonctionnera. 🙂

    je ne retrouve pas la rubrique « CSS additionnel ».

    Votre thème ne doit pas être récent. Ce n’est pas bon signe : vérifiez (auprès du site où vous l’avez acheté) si vous avez bien la dernière version, et de quand date la dernière mise à jour.

    J’ai essayé de rajouter la règle dans la rubrique « Modifier le CSS »

    C’est en effet la bonne rubrique, si on n’a pas « CSS additionnel »

    en faisant un aperçu, rien ne change, je n’ai donc pas enregistré.

    A cet endroit là, si vous n’enregistrez pas, ça ne peut pas s’appliquer 😉
    Si, même après enregistrement, ça ne s’applique toujours pas, rajoutez !important dans votre règle à la 2ème ligne : display: none !important;

     

    #1960713

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Bonjour.

    Version de WordPress : 4.5.10 – Version de PHP/MySQL : 5.5.38 / 5.5.57

    C’est normal qu’il n’y ait pas CSS additionnel, mets à jour WordPress en 4.8.3 et ton PHP en 7.0.

    🙂

    #1961000

    jergrand
    Participant
    Initié WordPress
    6 contributions

    Merci à vous deux pour votre aide.

    Alors….. J’ai mis à jour WordPress en 4.8.3 et mon PHP en 7.0 ce qui m’a permis de retrouver « CSS additionnel » dans l’onglet « Apparence » -> « Personnaliser ». J’ai donc pu rajouter le code et sauvegarder…

    Tout fonctionne, merci infiniment!!!!!!

    #1961848

    Flobogo
    Modérateur
    Maître WordPress
    13618 contributions

    Version de WordPress : 4.5.10 – Version de PHP/MySQL : 5.5.38 / 5.5.57

    @philyon : tu as l’œil, merci. Avec la disposition horizontale, ces infos ne m’ont pas sauté aux yeux … mais aux tiens, oui. 😉

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