web-dev-qa-db-fra.com

Comment utiliser get_template_directory_uri () pour charger une image située dans un sous-dossier de mon thème?

Je suis assez nouveau dans WordPress et j’ai le doute suivant sur la manière d’insérer dans ma page d’accueil un immage qui se trouve dans un sous-dossier de mon répertoire de thèmes.

J'ai donc la situation suivante: Dans mon répertoire de thème personnalisé, j'ai le dossier suivant qui contient un jpg immage: /assets/img/flexslider/flex-1.jpg

Maintenant, dans mon header.php file, j'ai quelque chose comme ceci:

   <li>
       <img src="assets/img/flexslider/flex-1.jpg">
       <div class="flex-caption">
           <p class="flex-caption-text">
               <span>Lorem ipsum</span><br>
               <span>sit dolor</span><br>
               <span>adipiscing elitur</span>
           </p>
       </div>
   </li>

Évidemment, lorsque je charge la page, le fichier immage flex-1.jpg n’est pas chargé car il n’ya pas le bon chemin (en fait, avec FireBug, j’obtiens qu’il essaie de charger le assets/img/flexslider/flex -1.jpg immage) donc je pense que je pourrais utiliser le chemin absolu mais c'est assez orrible !!!

Donc, je pense utiliser la fonction get_template_directory_uri () fournie par WP et j'ai essayé de modifier le code précédent de cette façon:

   <li>
       <img src=<?php get_template_directory_uri().'/assets/img/flexslider/flex-1.jpg' ?>>
       <div class="flex-caption">
           <p class="flex-caption-text">
               <span>Lorem ipsum</span><br>
               <span>sit dolor</span><br>
               <span>adipiscing elitur</span>
           </p>
       </div>

Mais ne travaillez pas et utilisez FireBug Je peux voir que rien ne se charge, en fait dans le code source de mon navigateur:

<img src="">

Pourquoi ne travaille pas? Qu'est-ce que je rate?

Tnx

Andrea

1
AndreaNobili

Vous devriez y faire écho et vous fermez mal votre balise php. Voir le code source généré pour avoir une idée

<img src="<?php echo get_template_directory_uri(); ?>/assets/img/flexslider/flex-1.jpg"/>

ou vous pouvez utiliser bloginfo qui est plus facile à mémoriser et à utiliser (vous n'avez pas besoin d'écho)

<img src="<?php bloginfo('template_url'); ?>/assets/img/flexslider/flex-1.jpg"/>
2
Raja67