Wie fügen Sie benutzerdefinierte css/js zu nur einer Seite in WordPress hinzu?

Question

Ich habe eine separate HTML-Datei mit benutzerdefinierten CSS-und JS-Dateien. Ich möchte es in eine Wordpress-Site integrieren. Ich kann den Körperteil des HTML kopieren und einfügen, aber ich weiß nicht, wie man css und js Dateien richtig hinzufügt. Wenn ich die header.php ändere, fügt sie diese Dateien zu allen Seiten hinzu und ich will das nicht. Was ist die Lösung?

Answer 1

Wenn Sie die Seite aus dem WordPress Backend hinzufügen, Pages->Add new aus dem Menü verwenden, müssen Sie einen Titel geben und die Verwendung dieser Titel (auch möglich, Slug und id verwenden) Sie is_page('page title here') überprüfen und dann JavaScript hinzufügen und css Dateien, wie

add_action('wp_enqueue_scripts', 'addcssAndScripts'); 
function addcssAndScripts() 
{ 
    if (is_page('page-title')) 
    { 
     wp_enqueue_script('your_script'); 
     wp_enqueue_style('your-style'); 
    } 
} 

Fügen Sie diesen Code in Ihre functions.php und überprüfen wp_enqueue_style und wp_enqueue_script für ein besseres Verständnis dieser Funktionen und Verwendung auch is_page und wp_enqueue_scripts, wenn nötig.