Wbudowany JavaScript w motywach potomnych WordPress

Jeśli pracujesz z motywem podrzędnym w WordPress, możesz użyć wbudowanego JavaScript, aby dokonać dostosowań. Można to zrobić, dodając wbudowany kod JavaScript do pliku functions.php motywu potomnego. Dodając wbudowany kod JavaScript do motywu potomnego WordPress, należy pamiętać o kilku rzeczach. Najpierw upewnij się, że wbudowany kod JavaScript jest dodany w tagach w pliku functions.php. Następnie musisz umieścić w kolejce wbudowany kod JavaScript w motywie potomnym. Można to zrobić, dodając następujący kod do pliku functions.php motywu potomnego: function my_inline_script () { wp_enqueue_script( 'my-inline-script', get_stylesheet_directory_uri() . ' /js/my-inline-script.js', tablica(), '1.0', prawda ); } add_action( 'wp_enqueue_scripts', 'my_inline_script' ); Po dodaniu kodu do pliku functions.php motywu potomnego, musisz utworzyć nowy plik o nazwie my-inline-script.js i dodać go do katalogu /js/ motywu potomnego. W tym pliku możesz dodać swój wbudowany JavaScript.

Czy możesz osadzić JavaScript w WordPressie?

Niestandardowy kod JavaScript można dodać do witryny WordPress na dwa sposoby: za pomocą wtyczki lub edytując kod motywu lub motywu podrzędnego. Jeśli nie chcesz zmieniać plików źródłowych, użycie wtyczki zapewnia prawidłowe ładowanie skryptów niestandardowych, zapewniając prawidłowe ładowanie plików źródłowych.

Wtyczka WordPress i haki motywów do ładowania skryptów

Jeśli twoja wtyczka nie obsługuje modułu ładującego skrypty, możesz załadować skrypt za pomocą zaczepów WP_head lub WP_footer. Jeśli używasz oddzielnego pliku JavaScript, ładowacz skryptów jest na to sposobem. Za pomocą wtyczki możesz także dodawać skrypty nagłówka i stopki.

Jak dodać wbudowany skrypt do skryptu WordPress?

Aby dodać inline do skryptu wordpress, musisz edytować kod samego skryptu. W kodzie musisz znaleźć sekcję, do której chcesz dodać element wbudowany, a następnie dodać kod elementu wbudowanego. Po dodaniu kodu wbudowanego musisz zapisać skrypt, a następnie przesłać go do swojej witryny Wordpress.

Korzystając ze skryptów wbudowanych, możesz tworzyć atrakcyjne i funkcjonalne witryny WordPress. W tym poście na blogu omówimy tworzenie skryptów wbudowanych w WordPress. W wielu przypadkach podczas korzystania z plików JS lub CSS z WP_print_scripts w nagłówku dokumentu pojawiają się znaczniki tekstowe. Funkcja WordPress_add_inline_script() umożliwia dodawanie znaków wbudowanych do witryny WordPress. Możesz wprowadzać zmiany w swojej witrynie w czasie rzeczywistym bez konieczności korzystania z FTP lub wtyczki. Większość programistów WordPress używa tej funkcji do dodawania znaków wbudowanych, ale ma to pewne zalety i wady. Korzystanie ze skryptów wbudowanych to prosty sposób na dodanie funkcjonalności do witryny WordPress. Można tworzyć skrypty inline napisane w JavaScript, które wykonują wszystkie czynności na stronie bez konieczności stosowania dodatkowych wtyczek lub kodu. Celem tego samouczka jest wyjaśnienie krok po kroku najskuteczniejszych metod dodawania skryptów wbudowanych do WordPressa.

Skrypty wbudowane w WordPress

Skrypty wbudowane PHP należy zainstalować w WordPressie, korzystając z instrukcji instalacji skryptów wbudowanych WordPress. Poniżej przedstawiono metodę konfigurowania nagłówka WP_print_scripts: * INCLUDE dowolny kod. Metoda WordPress_localize_script() umożliwia dodawanie dowolnych zmiennych JS do dowolnego zarejestrowanego skryptu. Ta opcja umożliwia dodanie dowolnego kodu JS do tworzonego skryptu. Używanie wbudowanego JavaScript jest tak proste, jak użycie tagu Script w treści HTML, ale zamiast określać źródło(src=”…”) pliku JavaScript w tagu Script, musimy zdefiniować cały kod JavaScript w tagu Script . Skrypt wbudowany to taki, który nie zawiera asrc, który jest rodzajem tagu skryptu. Skrypt jest domyślnie dostarczany szybciej, ponieważ przeglądarka nie musi żądać go od serwera.

Czy możemy dodać wbudowany JavaScript?

Adres URL może być wbudowanym kodem JavaScript za pomocą tagu Script w treści kodu HTML, ale zamiast określać źródło pliku JavaScript w tagu Script, musimy zadeklarować cały kod JavaScript w adresie URL.

Funkcja wbudowana jest zdefiniowana jako zmienna zawierająca funkcję wbudowaną. Ta funkcja, w przeciwieństwie do zwykłej funkcji, jest zdefiniowana w osobnym pliku i jest dostępna tylko po jej wywołaniu. Jeśli chcesz dołączyć funkcję jako część kodu bez uwzględniania całej definicji funkcji, funkcje wbudowane są doskonałym wyborem. Aby utworzyć funkcję inline, po słowie kluczowym function musi następować nazwa funkcji. Nie są wymagane dla tego typu wiadomości; możesz je również dołączyć, jeśli chcesz. W poniższym przykładzie pokażę, jak utworzyć funkcję inline o nazwie myFunction. Nazwa funkcji to myFunction(); to nazwa funkcji. W poprzednim przykładzie myFunction jest zdefiniowana jako funkcja wbudowana. Funkcję wbudowaną można również wywołać z poziomu innej funkcji. Funkcja myFunction2(), jak pokazano na rysunku 1. function('myFunction')); moja funkcja MyFunction2 w tym przykładzie jest funkcją, która odwołuje się do myFunction.

Wp_add_inline_script

Jeśli potrzebujesz dodać dodatkowy JavaScript do swojej witryny, możesz użyć funkcji wp_add_inline_script(). Ta funkcja umożliwia dodanie kodu JavaScript do nagłówka lub stopki witryny. Możesz użyć tej funkcji, aby dodać kod, który będzie używany przez Twój motyw lub wtyczkę, lub dodać kod, który będzie używany przez odwiedzających Twoją witrynę.

Dodaj wbudowany skrypt HTML

Skrypty wbudowane są zapisywane bezpośrednio w kodzie HTML strony internetowej, między tagami. Zwykle służą do dodawania do strony niewielkich ilości kodu, takiego jak fragment kodu lub kod śledzenia. Skrypty wbudowane są wykonywane natychmiast, bez konieczności ładowania z pliku zewnętrznego, dzięki czemu są szybsze niż skrypty zewnętrzne. Mogą jednak również utrudnić czytanie i konserwację kodu HTML.

Plusy i minusy skryptów wbudowanych

Jeśli zamierzasz umieścić swój skrypt w tym samym pliku co HTML, dobrym rozwiązaniem jest tworzenie skryptów wbudowanych w HTML. W przypadku skryptów, które nie są przeznaczone do użytku w dokumentach HTML, nie zaleca się tworzenia skryptów wbudowanych. Odczytywanie i utrzymywanie zawartości HTML może być trudne, jeśli style i skrypty wbudowane są pomieszane.