Wordpress Daten an Javascript übergeben

dyed

Hallo Leute,
ich suche eine Möglichkeit, wie ich ein Artikelbild an eine Javascript Methode übergeben kann.

PHP

<?php 
if ( has_post_thumbnail() ) { 
  the_post_thumbnail();
} 
?>

Das ist der PHP-Code für ein Titelbild, aber ich keine Ahnung, wie ich nun das Bild in eine Methde übergeben bekomme.

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

formateins

Öhm, genauso wie bei einer PHP-Funktion? :roll:

deineJSFunktion(<?=the_post_thumbnail?>);

Ansonsten beschreib kurz, was Du vor hast...

dyed

Ich will 5 neusten Titelbilder in einen Array Laden.
Es soll wie eine Art Slider sein, nur rechts sind 5 Buttons und jeder Button steht für einen Beitrag.
Wenn ich über den ersten Button gehe, soll das erste Bild angezeigt werden und dann immer so weiter.
Verstanden was ich meine?

formateins

Yap. Schreib Dir eine entsprechende Funktion in JavaScript, inkludier sie im Header (vorzugsweise im Footer) und ruf die Funktion entsprechend im Theme auf (im loop). Da kannste dann Pfade + Bilder an das Skript übergeben. Dank vorhandenem jQuery ist das auch recht einfach zu lösen. Slider gibt's aber auch wie Sand am Meer, gell...

Kann übrigens alles direkt im Theme erledigt werden.

dyed

Ja es soll ja kein Slider werden :P
Aber trotzdem danke!

formateins

Keine Ursache. Die Funktion musst Du nicht im Seitenheader anlegen. Hab grad etwas ähnliches gemacht...

Pauschal reicht es, wenn Du direkt alles im Loop generierst. Gib den Buttons/Links eine nummerierte ID und verknüpf sie mit einem hover-Event (https://api.jquery.com/hover/) . Wenn das nicht im loop läuft, musst Du Dir die letzten 5 posts selber aus der Datenbank holen (https://codex.wordpress.org/Function_Refer…et_recent_posts).

mensmaximus

Der saubere Weg ist mittels wp_localize_script

PHP

<?php




$scriptdata = array( 
	'id1' => ... ,
	'id2' => ... ,
);




wp_register_script( 'my_js', 'path/js/my.js', array( 'jquery' ), '1.0', true);
wp_localize_script( 'my_js', 'myjs', $scriptdata ); 
wp_enqueue_script( 'my_js' );




?>

Alles anzeigen

Im jQuery Script greifst Du dann auf myjs.id1, myjs.id2 usw. zu.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wordpress Daten an Javascript übergeben

Jetzt mitmachen!