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:
?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:
<?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.
