web-dev-qa-db-fra.com

Comment donner une source d'image dans l'éditeur de pages wordpress?

J'ai un fichier image stocké dans le répertoire du thème appelé site.

Maintenant, dans ma page d’accueil avec l’éditeur de page wordpress, j’ai mis le code suivant, mais il n’affichait pas d’image, il semble que l’emplacement est erroné.

<img src="site/images/footLogo.png" style="padding: 0px!important; color:white">

laissez-moi savoir quel problème?

imagespageshomepagefilesystem
4
Oludare Fajimolu

Vous pouvez définir une constante dans le fichier de fonction de thème comme suit:

if( !defined(THEME_IMG_PATH)){
   define( 'THEME_IMG_PATH', get_stylesheet_directory_uri() . '/site/images' );
  }

et alors vous pouvez utiliser img tag comme

 <img src="<?php echo THEME_IMG_PATH; ?>/footLogo.png" style="padding: 0px!important; color:white">
1
Muhammad Muazzam

Vous ne pouvez pas utiliser PHP dans l'éditeur de contenu, écrivez simplement le chemin d'accès complet à votre image.

<img src="/css/_include/img/slider-images/1.jpg" alt="Image" data-fullwidthcentering="on">
1
Savan Dholu

Vous devrez copier le chemin complet vers l'image de la manière suivante:
http://www.your-site-name.extension/wp-content/themes/site/images/footLogo.png dans votre <img src="">.

WordPress fonctionne avec des URL absolues.

1
Samuel Asor

URL absolues

Comme d'autres l'ont déjà dit, vous devez utiliser l'URL complète pour votre attribut d'image src, sinon le navigateur ne pourra pas le trouver.

WordPress fournit la fonction get_template_directory_uri() qui renvoie l'URL complète à votre chemin de thème.

Donc, en faisant:

<?php
$img_src = get_template_directory_uri() . '/site/images/footLogo.png';
?>

<img src="<?php echo $img_src ?>" style="padding: 0px!important; color:white">

votre image sera affichée, en supposant que le chemin est correct et que le fichier est là.

Fonction d'assistance

Si vous avez plus d'images et que vous souhaitez faciliter le processus de sortie dans les modèles, vous pouvez créer une fonction personnalisée qui enveloppe get_template_directory_uri().

Par exemple:

function theme_image( $image ) {
  return get_template_directory_uri() . '/site/images/' . $image;
}

puis dans les modèles, faites:

<img src="<?php echo theme_image('footLogo.png') ?>" 
     style="padding: 0px!important; color:white">

WordPress 4.7+ et "repli du thème parent"

Si vous utilisez le code WP 4.7+, vous aurez accès à la nouvelle fonction get_theme_file_uri().

L’avantage de cette fonction sur get_template_directory_uri() est qu’elle charge automatiquement le fichier à partir du thème enfant, le cas échéant.

Ainsi, par exemple, si vous modifiez la fonction theme_image() en:

function theme_image( $image ) {
  return get_theme_file_uri( '/site/images/' . $image );
}

lorsque vous faites theme_image('footLogo.png'), l'image 'footLogo.png' sera chargée à partir du thème enfant, si le thème enfant est utilisé et que le fichier y est disponible, sinon il sera chargé à partir du thème parent.

Cette nouvelle fonctionnalité fournit une "solution de secours pour le thème parent" qui se combine avec la "solution de remplacement pour le thème parent modèle" qui existe depuis WP 3.0 via des fonctions telles que get_template_part().

1
gmazzap