Wie lade ich JS und CSS nur auf bestimmten Seiten mit is_page ()?

Ich erstelle mein erstes WP-Plugin. Es sollte einige JS- und CSS-Dateien nur auf bestimmten Seiten laden, die über ein Formular ausgewählt wurden, das im Plugin-Admin-Bereich verfügbar ist. Nach der Auswahl im Formular wird der Seitentitel in der Tabelle DB wp_options gespeichert und die Daten werden in einer Variablen mit dem Namen $ page_selected zurückgezogen. Um JS- und CSS-Dateien nur auf den im Formular ausgewählten Seiten zu laden, wollte ich die Funktion is_page () verwenden und die Variable $ page_selected als Parameter übergeben.

 function my_custom_tooltip() {
    if (  is_page($page_selected) ) {
        wp_enqueue_style( 'custom_tooltip_frontend_css', plugins_url('custom-image-tooltip/custom-image-tooltip.css') );
        wp_enqueue_script( 'custom_tooltip_frontend_js', plugins_url('custom-image-tooltip/custom-image-tooltip.js'), array('jquery'), '', true );
    }
} add_action('wp_enqueue_scripts', 'my_custom_tooltip');

Leider funktioniert diese bedingte Anweisung in meinem Fall nicht richtig. Gibt es eine Möglichkeit, dasselbe Ergebnis zu erzielen, indem die vom Benutzer im Formular ausgewählte Seite mit der aktuell angezeigten Seite abgeglichen wird?

Wenn $page_selectedeine Zeichenfolge mit dem Seitentitel zurückgegeben wird, sollte dies einwandfrei funktionieren. Ich habe es getestet und is_page()akzeptiere den Seitentitel, die Seiten-ID und den Slug.

Wenn Sie auf Probleme stoßen, ist es besser, die Seiten-ID in der Datenbank zu speichern und mit zu verwenden is_page()

Weitere Informationen zu den möglichen Argumenten, die an diese bedingte Anweisung übergeben werden können, finden Sie unter https://codex.wordpress.org/Function_Reference/is_page .

Ich mache einige hübsche Änderungen und hoffe, dass dies Ihnen gut hilft. Versuchen Sie den folgenden Code:

function my_custom_tooltip() {
  wp_enqueue_style( 'custom_tooltip_frontend_css', plugins_url('custom-image-tooltip/custom-image-tooltip.css') );
  wp_enqueue_script( 'custom_tooltip_frontend_js', plugins_url('custom-image-tooltip/custom-image-tooltip.js'), array('jquery'), '', true );
} 

if(is_page($page_selected)){
    add_action('wp_enqueue_scripts', 'my_custom_tooltip');
}

Hier stellen Sie sicher $page_selected.

HINWEIS: Sie sollten Ihre Skripte immer in die Datei functions.php eines Themes einreihen - nicht in eine Vorlagendatei. Vorlagendateien sind in 99,9% der Fälle einfach nicht der richtige Ort .

Sie können is_page()in mehreren Formen verwenden wie:

// When any single Page is being displayed.
is_page();

// When Page 42 (ID) is being displayed.
is_page( 42 );

// When the Page with a post_title of "Contact" is being displayed.
is_page( 'Contact' );

// When the Page with a post_name (slug) of "about-me" is being displayed.
is_page( 'about-me' );

// Returns true when the Pages displayed is either post ID 42, or post_name "about-me", or post_title "Contact".  
is_page( array( 42, 'about-me', 'Contact' ) );

Hinweis: Die Array-Fähigkeit wurde in Version 2.5 hinzugefügt.

Wenn Sie diesen Code in einer Vorlagendatei ausführen, funktioniert er einwandfrei. Wenn sich dieser Code jedoch in functions.php oder in einer Plugin-Datei befindet, wird der folgende Fehler ausgelöst debug.log:

PHP Hinweis: is_page wurde falsch aufgerufen . Bedingte Abfragetags funktionieren nicht, bevor die Abfrage ausgeführt wird. Vorher geben sie immer false zurück.

In diesem Fall können Sie den hiertemplate_redirect erläuterten Aktions-Hook verwenden .

Ungetestet ... aber so etwas sollte funktionieren, um den Namen (dh den Slug) der aktuell angezeigten Seite zu erhalten:

function my_custom_tooltip() {
    global $post;
    if ( is_object( $post ) && $post->post_type=='page' ) {
        if ( $post->post_name == $page_selected ) {
            wp_enqueue_style( 'custom_tooltip_frontend_css', plugins_url('custom-image-tooltip/custom-image-tooltip.css') );
            wp_enqueue_script( 'custom_tooltip_frontend_js', plugins_url('custom-image-tooltip/custom-image-tooltip.js'), array('jquery'), '', true );
        }
    }
}

Der Vergleich mit $page_selectederwartet natürlich, dass er auch im "Slug" -Format vorliegt ... oder wenn Sie ihn mit dem Seitentitel vergleichen, können Sie ihn $post->post_titlestattdessen verwenden $post->post_name.

Beachten Sie, dass dies ein Beispiel ist, in dem die Verwendung von PHP-Klassen hilfreich ist, um zu vermeiden, dass in $page_selecteddieser Funktion eine globale Variable ( ) verwendet werden muss ...