it-swarm.com.de

Wie gebe ich Bildquelle in WordPress-Seiteneditor?

Ich habe eine Bilddatei im Themenverzeichnis namens site gespeichert.

Jetzt habe ich auf meiner Homepage mit dem WordPress-Seiteneditor den folgenden Code eingegeben, aber es wurde kein Bild angezeigt. Die Position ist anscheinend falsch.

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

lassen Sie mich wissen, welches Problem?

4

Sie können die Konstante in der Designfunktionsdatei wie folgt definieren:

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

und dann kannst du img tag als benutzen

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

Sie können PHP im Inhaltseditor nicht verwenden, schreiben Sie einfach den vollständigen Pfad zu Ihrem Bild.

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

Sie müssen den vollständigen Pfad zum Bild folgendermaßen kopieren:
http://www.your-site-name.extension/wp-content/themes/site/images/footLogo.png in Ihrem <img src="">.

WordPress arbeitet mit absoluten URLs.

1
Samuel Asor

Absolute URLs

Wie bereits erwähnt, müssen Sie die vollständige URL für Ihr Attribut image src verwenden, da der Browser sie sonst nicht finden kann.

WordPress bietet die Funktion get_template_directory_uri(), die die vollständige URL zu Ihrem Themenpfad zurückgibt.

Also, indem Sie:

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

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

ihr Bild wird angezeigt, sofern der Pfad korrekt ist und die Datei vorhanden ist.

Hilfsfunktion

Wenn Sie mehr Bilder haben und die Ausgabe in Vorlagen vereinfachen möchten, können Sie eine benutzerdefinierte Funktion erstellen, die get_template_directory_uri() umschließt.

Zum Beispiel:

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

und dann in Vorlagen machen Sie:

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

WordPress 4.7+ und "Parent Theme Fallback"

Wenn Sie WP 4.7+ Code verwenden, haben Sie Zugriff auf die neue Funktion get_theme_file_uri().

Der Vorteil dieser Funktion gegenüber get_template_directory_uri() besteht darin, dass die Datei automatisch aus dem untergeordneten Design geladen wird, sofern verfügbar.

Wenn Sie also beispielsweise die Funktion theme_image() folgendermaßen ändern:

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

wenn Sie theme_image('footLogo.png') ausführen, wird das Bild 'footLogo.png' aus dem untergeordneten Design geladen, wenn das untergeordnete Design verwendet wird und die Datei dort verfügbar ist. Andernfalls wird das übergeordnete Design geladen.

Diese neue Funktion bietet einen "Parent Theme Fallback", der mit dem "Template Parent Theme Fallback" von Parent- zu Child-Themes kombiniert wird, das seit WP 3.0 durch Funktionen wie get_template_part() vorhanden ist.

1
gmazzap