[Résolu] Afficher une image ACF

  • WordPress :5.2
  • Statut : résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2277866
    Julie MFV
    Participant
    Initié WordPress
    16 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.0
    • Thème utilisé : Business center
    • Extensions en place : ACF, CPT ui, Yoast SEO
    • Nom de l’hébergeur : OVH
    • Adresse du site : https://www.cercleceltiquevannes.fr/

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

    Bonjour à tous,

    Pour un site client, nous avons créé des pictos qui viendront remplacer les icônes traditionnels proposés par la bibliothèque fa-icon de WP.

    J’ai bien trouvé le fichier et la ligne de code où devait se faire la modification mais je ne parviens pas à intégrer la boucle php adéquate pour afficher ces pictos personnalisés.

    Pour résumé, ma page d’accueil contient une section où remontent 5 blocs correspondants à 5 pages du site.
    Le titre de la page et l’icone WP correspondant s’affichent bien.
    J’ai mis en place ACF pour pouvoir attribué à chaque page un nouveau picto.
    Jusque là, ça va. Mais si je fais une boucle simple avec un <?php the_field(‘picto’); ?> rien ne se passe.
    J’ai tenté une loop dans la boucle déjà en place, mais ça ne fonctionne pas plus.
    Evidemment je met une simple ligne de code html avec l’url de l’image en direct, elle s’affiche bien mais j’ai besoin que chaque blocs affichent son propre picto personnalisé…

    Bref, je galère… Je sens que je ne suis pas loin, mais je n’y suis pas ;-P

    Merci d’avance à ceux qui pourront m’aider.

    • Ce sujet a été modifié le il y a 3 weeks et 6 jours par  Julie MFV.
    #2277893
    PhiLyon
    Modérateur
    Maître WordPress
    23781 contributions

    Bonjour.

    Je me suis cassé la tête pour pas grand-chose, c’est tout bête :

    Tu mets dans les champs FA Icon 1, 2, 3, 4, 5 une icône quelconque, une différente à chaque fois et dans le CSS personnalisé tu colles ce code en mettant l’url de ton image (à la bonne taille) à faire pour chaque icône bien-sûr.

    .fa-archive::before {
        content: url('http://tests-forum-wpfr.local/wp-content/uploads/2018/10/cropped-wpfr-logo-couleur-petit-12.png');
    }
    
    .fa-search::before {
        content: url('http://tests-forum-wpfr.local/wp-content/uploads/2018/10/cropped-wpfr-logo-couleur-petit-12.png');
    }
    
    /* Etc */

    🙂

     

    #2277903
    PhiLyon
    Modérateur
    Maître WordPress
    23781 contributions

    Rien à voir, mais pour info sur la home du site julie-viguie.fr certaines images ne sont pas en https, ce qui fait qu’il y a une alerte sur le cadenas dans la barre d’url de Firefox.

    🙂

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2277947
    Julie MFV
    Participant
    Initié WordPress
    16 contributions

    Merci PhiLyon pour ce retour : j’étais au courant. Ce site va “disparaître” d’ici peu, je ne m’en suis donc pas occupé… Mais merci à toi.

    Je teste ta solution et te tiens au courant. Merci !

    • Cette réponse a été modifiée le il y a 3 weeks et 6 jours par  Julie MFV.
    #2277949
    PhiLyon
    Modérateur
    Maître WordPress
    23781 contributions

    Bonjour.

    Et tu as testé le code pour “détourner” les icônes ?

    🙂

    #2277962
    Julie MFV
    Participant
    Initié WordPress
    16 contributions

    ça fonctionne ! Merci PhiLyon.

    Et oui, j’avais testé le code en long en large en travers mais je devais ou mal m’y prendre ou il y avait une erreur car ça ne fonctionnait pas (et j’ai cherché compliqué finalement, sans même pensé un instant à ta solution : mille merci à toi).

    #2277963
    PhiLyon
    Modérateur
    Maître WordPress
    23781 contributions

    Vides ton cache parce que sur le site ce sont toujours les mêmes images.

    🙂

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