Inline-JavaScript in WordPress-Child-Themes

Wenn Sie mit einem untergeordneten Thema in WordPress arbeiten, möchten Sie möglicherweise Inline-JavaScript verwenden, um Anpassungen vorzunehmen. Dies kann durch Hinzufügen des Inline-JavaScripts zur Datei functions.php Ihres untergeordneten Designs erfolgen. Beim Hinzufügen von Inline-JavaScript zu einem untergeordneten WordPress-Theme sind einige Dinge zu beachten. Stellen Sie zunächst sicher, dass das Inline-JavaScript innerhalb der Tags in Ihrer Datei functions.php hinzugefügt wird. Als Nächstes müssen Sie das Inline-JavaScript in Ihr untergeordnetes Design einreihen. Dies kann durch Hinzufügen des folgenden Codes zur Datei functions.php Ihres untergeordneten Designs erfolgen: function my_inline_script () { wp_enqueue_script( 'my-inline-script', get_stylesheet_directory_uri() . ' /js/my-inline-script.js', array(), '1.0', wahr ); } add_action( 'wp_enqueue_scripts', 'my_inline_script' ); Nachdem Sie den Code zur Datei functions.php Ihres Child-Themes hinzugefügt haben, müssen Sie eine neue Datei mit dem Namen my-inline-script.js erstellen und sie dem Verzeichnis /js/ Ihres Child-Themes hinzufügen. Innerhalb dieser Datei können Sie Ihr Inline-JavaScript hinzufügen.

Kann man Javascript in WordPress einbetten?

Benutzerdefiniertes JavaScript kann auf zwei Arten zu Ihrer WordPress-Site hinzugefügt werden: mithilfe eines Plugins oder durch Bearbeiten des Codes Ihres Designs oder untergeordneten Designs. Wenn Sie Ihre Quelldateien nicht ändern möchten, stellt die Verwendung eines Plugins sicher, dass Ihre benutzerdefinierten Skripts korrekt geladen werden, indem sichergestellt wird, dass die Quelldateien korrekt geladen werden.

WordPress-Plugin und Theme-Hooks zum Laden von Skripten

Wenn Ihr Plugin keinen Skriptlader unterstützt, können Sie das Skript mit den Hooks WP_head oder WP_footer laden. Wenn Sie eine separate JavaScript-Datei verwenden, können Sie dies mit dem Skript-Loader tun. Mit einem Plugin können Sie auch Kopf- und Fußzeilenskripte hinzufügen.

Wie fügt man einem WordPress-Skript eine Inline hinzu?

Um einem WordPress-Skript ein Inline hinzuzufügen, müssen Sie den Code des Skripts selbst bearbeiten. Im Code müssen Sie den Abschnitt finden, zu dem Sie die Inline hinzufügen möchten, und dann den Code für die Inline hinzufügen. Sobald Sie den Code für das Inline hinzugefügt haben, müssen Sie das Skript speichern und es dann auf Ihre WordPress-Site hochladen.

Mit Inline-Skripten können Sie ansprechende und funktionale WordPress-Websites erstellen. In diesem Blogbeitrag wird beschrieben, wie Sie Inline-Skripte in WordPress erstellen. In vielen Fällen erscheinen bei der Verwendung von JS- oder CSS-Dateien mit WP_print_scripts Text-Tags im Kopf eines Dokuments. Mit der Funktion WordPress_add_inline_script() können Sie Ihrer WordPress-Site Inline-Zeichen hinzufügen. Sie können Änderungen an Ihrer Website in Echtzeit vornehmen, ohne FTP oder ein Plugin verwenden zu müssen. Die meisten WordPress-Entwickler verwenden diese Funktion, um Inline-Zeichen hinzuzufügen, aber es gibt einige Vor- und Nachteile. Die Verwendung von Inline-Skripten ist eine einfache Möglichkeit, Ihrer WordPress-Website Funktionen hinzuzufügen. In JavaScript geschriebene Inline-Skripte können erstellt werden, die alle Aktionen auf der Seite ausführen, ohne dass zusätzliche Plugins oder Code erforderlich sind. Das Ziel dieses Tutorials ist es, eine Schritt-für-Schritt-Erklärung der effektivsten Methoden zum Hinzufügen von Inline-Skripten zu WordPress bereitzustellen.

Inline-Skripte in WordPress

PHP-Inline-Skripte sollten in WordPress mithilfe der Installationsanweisungen für WordPress-Inline-Skripte installiert werden. Das Folgende ist eine Methode zum Konfigurieren des Headers von WP_print_scripts: *INCLUDE any code. Mit der Methode WordPress_localize_script() können Sie beliebige JS-Variablen zu jedem registrierten Skript hinzufügen. Mit dieser Option können Sie einem Skript, das Sie erstellen, beliebigen JS-Code hinzufügen. Die Verwendung von Inline-JavaScript ist so einfach wie die Verwendung des Script-Tags im HTML-Text, aber anstatt die Quelle (src=“…“) der JavaScript-Datei im Script-Tag anzugeben, müssen wir den gesamten JavaScript-Code im Script-Tag definieren . Ein Inline-Skript ist eines ohne asrc, was eine Art Skript-Tag ist. Das Skript wird standardmäßig schneller ausgeliefert, da der Browser es nicht vom Server anfordern muss.

Können wir Inline-Javascript hinzufügen?

Die URL kann Inline-JavaScript sein, indem das Script-Tag im HTML-Text verwendet wird, aber anstatt die Quelle der JavaScript-Datei im Script-Tag anzugeben, müssen wir den gesamten JavaScript-Code innerhalb der URL deklarieren.

Eine Inline-Funktion ist als eine Variable definiert, die eine Inline-Funktion enthält. Diese Funktion ist im Gegensatz zu einer regulären Funktion in einer separaten Datei definiert und wird nur aufgerufen, wenn sie aufgerufen wird. Wenn Sie eine Funktion als Teil Ihres Codes einschließen möchten, ohne die gesamte Funktionsdefinition einzuschließen, sind Inline-Funktionen eine gute Wahl. Um eine Inline-Funktion zu erstellen, muss dem Funktionsschlüsselwort der Funktionsname folgen. Sie sind für diesen Nachrichtentyp nicht erforderlich; Sie können sie auch einbeziehen, wenn Sie dies wünschen. Im folgenden Beispiel zeige ich Ihnen, wie Sie eine Inline-Funktion namens myFunction erstellen. Der Name der Funktion ist myFunction(); es ist der Name der Funktion. Im vorherigen Beispiel ist myFunction als Inline-Funktion definiert. Die Inline-Funktion kann auch innerhalb einer anderen Funktion aufgerufen werden. Die Funktion myFunction2(), wie in Abbildung 1 gezeigt. function('myFunction')); my function MyFunction2 in diesem Beispiel ist eine Funktion, die auf myFunction verweist.

Wp_add_inline_script

Wenn Sie Ihrer Website zusätzliches JavaScript hinzufügen müssen, können Sie die Funktion wp_add_inline_script() verwenden. Mit dieser Funktion können Sie JavaScript-Code in die Kopf- oder Fußzeile Ihrer Website einfügen. Sie können diese Funktion verwenden, um Code hinzuzufügen, der von Ihrem Design oder Plugin verwendet wird, oder um Code hinzuzufügen, der von den Besuchern Ihrer Website verwendet wird.

Fügen Sie Inline-Skript-HTML hinzu

Inline-Skripte werden direkt in den HTML-Code einer Webseite zwischen die Tags geschrieben. Sie werden im Allgemeinen verwendet, um einer Seite kleine Codemengen hinzuzufügen, z. B. ein Code-Snippet oder einen Tracking-Code. Inline-Skripte werden sofort ausgeführt, ohne dass sie aus einer externen Datei geladen werden müssen, wodurch sie schneller als externe Skripte sind. Allerdings können sie auch die Lesbarkeit und Wartung des HTML-Codes erschweren.

Die Vor- und Nachteile von Inline-Scripting

Wenn Sie beabsichtigen, Ihr Skript in dieselbe Datei wie Ihren HTML-Code einzufügen, ist Inline-Skripting in HTML eine gute Option. Für Skripte, die nicht für die Verwendung in HTML-Dokumenten vorgesehen sind, wird Inline-Skripting nicht empfohlen. Es kann schwierig sein, HTML-Inhalte zu lesen und zu pflegen, wenn die Inline-Stile und -Skripte durcheinander sind.