WordPress-Plugin-Entwicklung – Bilder verwenden – Pfad nicht gefunden

Ich schreibe ein Plugin für WordPress und habe Probleme mit Bildern. Wenn ich mein Plugin in wp-content/plugins/my-plugin/ und dort einen Ordner images/test.png habe – wie verweise ich auf dieses Bild in meinem Code? Ich möchte die Bilder nicht in das Thema einfügen müssen, da das Bild nicht funktioniert, wenn andere Benutzer kommen, um mein Plugin zu erhalten!

So ist meine Struktur

myplugin/plugin.php (which includes several files...)
myplugin/pluginstyle.css
myplugin/includes/page.php
myplugin/images/test.png

Ich habe das Stylesheet, das gut funktioniert, aber wenn ich versuche, ein Bild als Hintergrund für ein Element zu verwenden, funktioniert es nicht.

Wie referenziere ich das Bild in meinem Plugin?

Testausgabe von page.php

<div class="test"><p>hello</p></div>

css

.test { background: url(../images/test.png) repeat-x; }

wo gehe ich falsch? Gibt es eine Methode, die ich verwenden sollte? Danke für jede Hilfe!

Die PHP-Konstante von WordPress WP_PLUGIN_URL enthält die absolute URL zu Ihrem Plugins-Ordner. Um also die URL zu erhalten, verwenden Sie WP_PLUGIN_URL . '/myplugin/images/test.png'. Im Stylesheet sind Bildpfade immer relativ zum Stylesheet selbst. verwenden

.test { background: url(images/test.png); }

sollte funktionieren, solange es sich in einem externen Stylesheet befindet. Wenn es sich um eine Inline handelt, sollten Sie die absolute URL verwenden.

Eine Möglichkeit, dies zu tun, ist:

plugins_url('images/test.png', __FILE__)

… was Ihnen die korrekte URL liefert, auch wenn der Benutzer den Namen des übergeordneten Verzeichnisses geändert hat.

Ich habe Collins Antwort so verwendet:

    <img src="https://stackoverflow.com/questions/3053112/<?php echo plugins_url("images/test.png', __FILE__ ); ?>" border="0" />