JavaScript function in shortcode ausführen

Schakron

Hallo zusammen,

Ich bin neu hier im Forum und grüße euch.
Ich bin auch neu in der Wordpress Entwicklung.

Ich möchte gerne einen ShortCode entwickeln, der eine bestimmte Javascript Funktion mit Parametern ausführt.
Dazu habe ich bereits in der Main PHP-Datei meines Plugins das dazu benötigte Script eingebunden:

Code

function wptuts_scripts_basic()
{
    wp_register_script( 'custom-script', plugins_url( '/components/script.js', __FILE__ , array('jquery'),'',true) );
    wp_register_script( 'custom-script', get_template_directory_uri() . '/components/script.js', array('jquery'),'',true );
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'wptuts_scripts_basic' );

Dieses Script beinhaltet eine Funktion, die ich nun ausführen möchte, sobald mein ShortCode verwendet wird.
An dieser Stelle komme ich nicht weiter. Wie gehe ich dazu am besten vor?

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

danielgoehr

Du registrierst zwei Scripte mit identischem Namen/Bezeichner. Welches der beiden soll den eingebunden werden? Das aus dem Plugin-Verzeichnis oder das aus dem Theme-Verzeichnis?

Wenn ich das richtig sehe, fehlt der Shortcode insgesamt auch noch. Den erstellst du mit add_shortcode:
https://codex.wordpress.org/Function_Reference/add_shortcode

Um eine JavaScript-Funktion per Shortcode auszuführen, musst du die Funktion* (innerhalb von Script-Tags) als Return-Wert zurückgeben.

Edit:
* Natürlich nicht die ganze Funktion, sondern den Aufruf der Funktion. Sorry, war etwas ungenau ausgedrückt...

SirEctor

Hier mal auf die Schnelle, wie die Funktion für den Shortcode aussehen könnte
// Add Shortcode

PHP

function my_shortcode_function( $atts ) {


    // Attributes
    $atts = shortcode_atts(
        array(
            'my_attribute' => 'default value',
        ),
        $atts
    );


    $my_function = "insert your code with your $atts['my_attribute']";
    return $my_function;


}
add_shortcode( 'my_shortcode', 'my_shortcode_function' );

Alles anzeigen

Also Shortcode selber schreibst du dann [my_shortcode my_attribute="irgendwas halt"]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

JavaScript function in shortcode ausführen

Jetzt mitmachen!