wp_enqueue
to funkcja WordPress, która umożliwia programistom zapisywanie w kolejce skryptów (plików JavaScript) i stylów (plików CSS).
Oznacza to, że programiści mogą powiedzieć WordPressowi, jakich skryptów i stylów chcą używać na danej stronie, a WordPress będzie je automatycznie wczytywał.
Pomaga to upewnić się, że twoje strony wczytują się szybko i wydajnie, a także może pomóc w zapobieganiu konfliktom między różnymi skryptami i stylami.
Dzięki odpowiedniemu kolejkowaniu skryptów, programiści mogą tworzyć wtyczki, motywy i witryny internetowe, które są wydajne, łatwe w utrzymaniu i zgodne [mogą być też „kompatybilne”].

Kiedy należy enqueue JavaScript i CSS w WordPress?
Możesz użyć kodu JavaScript i CSS, aby dostosować własną witrynę internetową WordPress, a programiści używają tych języków podczas tworzenia wtyczek i motywów WordPress.
- JavaScript działa w przeglądarce użytkownika i jest używany do dodawania interaktywnych elementów do twojej witryny internetowej, takich jak pokazy slajdów, alerty, przyciski, wyskakujące okienka i inne.
- CSS (Cascading Style Sheets) służy do definiowania wizualnego wyglądu twojej witryny, takiego jak wielkość i kolor czcionek, kolor tła i szerokość strony.
Jeśli jesteś właścicielem witryny internetowej i chcesz dodać JavaScript i CSS do określonych wpisów i stron, nie musisz używać wp_enqueue
. Zamiast tego zalecamy użycie wtyczki fragmentów kodu WPCode, ponieważ jest to najbezpieczniejszy sposób dodawania kodu do witryny internetowej WordPress.
Możesz dowiedzieć się więcej z naszych przewodników o tym, jak łatwo dodać JavaScript i jak łatwo dodać własny CSS do twojej witryny WordPress.
Jeśli jednak jesteś programistą lub uczysz się tworzyć wtyczki i motywy WordPress, to będziesz musiał odpowiednio enkodować pliki JavaScript i arkusze stylów CSS do swoich projektów.
Jak działa system WordPress Enqueue?
Nowi programiści mogą popełnić błąd polegający na bezpośrednim wywoływaniu skryptów i arkuszy stylów w swoich wtyczkach i motywach. Może to prowadzić do konfliktów i negatywnie wpływać na wydajność WordPressa.
Aby uniknąć tych problemów, WordPress zapewnia system enqueue. Daje to programistom sposób na wczytywanie skryptów i arkuszy stylów, aby wszystko działało poprawnie i bez konfliktów.
Oto jak działa system enqueue:
- Najpierw należy zarejestrować skrypt lub arkusz stylów za pomocą funkcji
wp_register
, aby WordPress wiedział, że istnieje i gdzie go znaleźć. - Następnie ustawiasz skrypty i arkusze stylów w kolejce za pomocą funkcji wp_enqueue, dzięki czemu WordPress wie, że chcesz je wczytywać.
- Następnie, gdy strona zostanie załadowana, WordPress będzie wczytywał wszelkie zapisane w kolejce skrypty w odpowiedniej kolejności, aby upewnić się, że wszystko działa poprawnie.
Możesz dowiedzieć się więcej w naszym przewodniku na temat prawidłowego dodawania JavaScript i stylów w WordPress.
Przykłady kodu
Możesz użyć funkcji wp_enqueue_script
i wp_enqueue_style
, aby powiedzieć WordPressowi, kiedy wczytywać plik, gdzie go znaleźć i jakie są jego zależności.
Możesz zobaczyć kilka pomocnych przykładów kodu, które pokazują, jak korzystać z systemu enqueue WordPress.
Oto przykładowy kod, który możesz wkleić do plików wtyczek lub plikufunctions.
php twojego motywu, aby poprawnie wczytywać skrypty w WordPressie:
1 2 3 4 5 6 7 8 9 10 | ?php function wpb_adding_scripts() { wp_register_script( 'my_amazing_script' , plugins_url( 'amazing_script.js' , __FILE__ ), array ( 'jquery' ), '1.1' , true); wp_enqueue_script( 'my_amazing_script' ); } add_action( 'wp_enqueue_scripts' , 'wpb_adding_scripts' ); ?> |
A oto przykład enqueue twoich arkuszy stylów:
1 2 3 4 5 6 7 | <?php function wpb_adding_styles() { wp_register_style( 'my_stylesheet' , plugins_url( 'my-stylesheet.css' , __FILE__ )); wp_enqueue_style( 'my_stylesheet' ); } add_action( 'wp_enqueue_scripts' , 'wpb_adding_styles' ); ?> |
Aby uzyskać pełne wyjaśnienia tych przykładów kodu, zapoznaj się z naszym przewodnikiem na temat prawidłowego dodawania JavaScript i stylów w WordPress.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się więcej o wp_enqueue
w WordPress. Możesz również zapoznać się z naszą listą dodatkowych lektur poniżej, aby znaleźć powiązane artykuły na temat przydatnych wskazówek, sztuczek i pomysłów WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.