• Bonjour,

    Je suis en formation développeur web, et j’ai vu un peu comment créer un plugin wordpress (une page), et je cherche comment mettre une image.

    En html, c’est <img src="le chemin de l'image" />. Par contre je n’ai pas trouver de documentation à ce sujet pour les plugins WP. Voici le lien du projet : https://github.com/NetHeberg/wp-welcome/blob/main/NetHeberg.php et j’ai cherché et testé différentes solutions que j’ai pu trouvé, hors cela ne fonctionne pas.

    Et dans la documentation de WP, rien ne répond à mon problème. Merci de votre aide.

    • This topic was modified 3 years, 10 months ago by valentindu62.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator bcworkz

    (@bcworkz)

    Have you tried get_image_tag()? It returns a full img tag with the file’s full URL, given an attachment ID and some other data. All you need to do is echo out the return.

    Thread Starter valentindu62

    (@valentindu62)

    Désolé, je n’ai pas essayé, je débute, et je n’ai pas forcément vu cela en formation.

    Et comme le code (sur github) mis à disposition, j’ai en fait mis le code HTML dans une seule balise echo comme ceci :

    echo "<style>body{margin-top: 20px; background-color: darkgreen !important; color: white !important;}
        </style>
            <center><h1>Merci d'avoir choisi NetHeberg pour votre site !</h1></center><br>
            <br><center>
                  <div class=\"akismet-masthead__logo-container\">
    				<img class=\"balimgbr\" src=\"?php echo esc_url( plugins_url( '/assets/img/logo_netheberg.png', __FILE__ ) ); ?>\" alt=\"logo NetHeberg\" />
    			  </div></center>
            <br>
            <br>
            <h2>Nous retrouver !</h2>
            <p></p>
                <ul><li>Site internet : <a href='https://www.netheberg.fr'>NetHeberg.fr</a></li>
                    <li>Serveur Discord : <a href='https://discord.gg/j5yjUsKVWC'>https://discord.gg/j5yjUsKVWC</a></li></ul>
            <br><br><br><br>
            <div align=\"right\">Version 0.0.2</div>
        ";

    Et je ne vois pas trop comment je pourrais utiliser le get_image_tag().

    Moderator bcworkz

    (@bcworkz)

    Désolé from me as well. I think I gave bad advice. get_image_tag() would be for images the user uploads. If you want the path to a logo image file that’s part of your plugin, it of course depends on where the file resides. As an example, let’s say it’s images/logo.png, relative to your plugin’s root folder. Where ever you need the image’s URL as a src attribute value, add this:

    <?php echo plugin_dir_url( __FILE__ ).'images/logo.png';
     ?>

    This will output something like `https://exampe.info/wp-content/plugins/my-plugin/images/logo.php.
    Ref: https://developer.www.ads-software.com/reference/functions/plugin_dir_url/

    Thread Starter valentindu62

    (@valentindu62)

    Je viens de tester, et cela ne fonctionne pas, voici ce qu’il m’affiche à la place de l’image :

    plugin_dir_url( __FILE__ ).’assets/img/logo_netheberg.png’;

    j’avais juste mis cela, car le echo était déjà. comme vous pouvez le voir sur le git (mis à jour).

    Maintenant, voici ce que j’ai : https://prntscr.com/xq1arm (capture écran)

    Moderator bcworkz

    (@bcworkz)

    Oh, I see now, you’re outputting an entire HTML block. You have to assign the URL to a variable before the echo starts:
    $img_url = plugin_dir_url( __FILE__ ).'assets/img/logo_netheberg.png';

    Then use the variable in the echoed HTML:

    <div class=\"akismet-masthead__logo-container\">
       <img src=\"$img_url\" alt=\"logo du site\"/>
    </div>
    Thread Starter valentindu62

    (@valentindu62)

    Merci, je viens seulement de le tester, et cela fonctionne bien, mais petit bémol, la solution que j’ai trouvé, c’est en hébergeant d’abord son images. Comme ceci :

    <div class=\"akismet-masthead__logo-container\">
       <img src=URL de l'image hébergée" alt=\"logo du site\"/>
    </div>
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Chemin d’une image dans un plugin’ is closed to new replies.