Welche Datei erzeugt das HTML für Bilderdarstellung im Artikel?

markus021169

Hallo,

ich suche die Datei, welche das HTML erzeugt, mit der Bilder in Artikeln dargestellt werden. Diese möchte ich nämlich dahingehend abändern, dass direkt vor dem img-Tag generell ein <span></span> eingefügt wird.

Hintergrund: Das brauche ich, um Bildhintergründe im Stile dieses Tutorials zu verwenden.

Weiß jemand, wo genau in WP ich den php-Code dazu finde?
Vielen Dank im voraus!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

cebito

Warum nimmst dafür nicht das im Tut gepostete jQuery-Script?

PHP

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){


  //prepend span tag
  $(".photo a").prepend("<span></span>");


});
</script>

Alles anzeigen

markus021169

Habe ich schon versucht, aber damit komme ich leider gar nicht klar.

da jquery schon anderweitig vorhanden ist, habe ich es wie folgt versucht:

//prepend span tag
$(".photo a").prepend("<span></span>");

});
</script>

cebito

Poste mal nen Link zu deinem Versuch.

markus021169

http://www.markusvallen.de/

(sorry wegen der Unordnung dort, bin noch beim Anstreichen)

Man muss z.Zt. ein wenig runter scrollen, bis Bilder kommen.

Gerade merke ich auch, dass dieses Javascript in meiner ansonsten laut HTML-Validator fehlerfreien Seite einen Error verursacht.

cebito

Da ist ja nix mit der Klasse photo, schreib mal die prepend-Zeile so um.

PHP

$('<span></span>').insertBefore('.entry p a img');

Und die jQuery.js brauchst nur einmal einbinden.

cebito

Beachte mal die Reihenfolge. Du musst zuerst die jQuery.js laden, sonst wird das Script nicht ausgeführt.

markus021169

leider negativ. Mit der Klassenangabe "alignleft" geht es auch nicht.
Ist aber kein Beinbruch. Sicher kommt mir noch die nötige Eingebung.
Danke für die prompte Hilfe!

markus021169

Zitat von cebito

Beachte mal die Reihenfolge. Du musst zuerst die jQuery.js laden, sonst wird das Script nicht ausgeführt.

geschieht das denn nicht durch die Notierung an erster Stelle in dem o.a. Script? Da jquery.js in dem Script davor schon benutzt wird, sollte dieses doch sogar im Cache vorhanden sein.

cebito

Räum mal auf bei dir. Wenn ich recht sehe, bindest du 3 mal jQuery ein. Ist ja das reinste Scriptchaos...

markus021169

Zitat

Wenn ich recht sehe, bindest du 3 mal jQuery ein.

Das bin nicht ich, das machen die Plug-Ins ;-)
Und weil ich von JS keine Ahnung habe, lehne ich mich da gerne an Dieter Nuhr an: Einfach mal die Finger von lassen...
Denkanstöße nehme ich jedoch immer gerne an.

markus021169

Habe mal ein BU vom Header gemacht und mit dem Aufräumen angefangen.
Und die Seite läuft noch. Bin nun aber für heute afk.
Danke noch mal!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Welche Datei erzeugt das HTML für Bilderdarstellung im Artikel?

Jetzt mitmachen!