wp_enqueue to funkcja WordPressa, która pozwala programistom dodawać do kolejki skrypty (pliki JavaScript) i style (pliki CSS).
Oznacza to, że programiści mogą wskazać WordPressowi, jakich skryptów i stylów chcą użyć na danej stronie, a WordPress załaduje je automatycznie.
Pomaga to zapewnić szybkie i wydajne ładowanie stron, a także może zapobiegać konfliktom między różnymi skryptami i stylami.
Dzięki prawidłowemu kolejkowaniu skryptów, programiści mogą tworzyć wtyczki, motywy i strony internetowe, które są wydajne, łatwe w utrzymaniu i kompatybilne.
Kiedy należy dodawać JavaScript i CSS do kolejki w WordPressie?
Możesz używać kodu JavaScript i CSS do personalizacji swojej witryny 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 służy do dodawania interaktywnych elementów do Twojej witryny, takich jak suwaki, alerty, przyciski, wyskakujące okienka i inne.
- CSS (Cascading Style Sheets) służy do definiowania wyglądu Twojej witryny, takiego jak rozmiar i kolor czcionek, kolor tła i szerokość strony.
Jeśli jesteś właścicielem witryny i chcesz dodać JavaScript i CSS do określonych wpisów i stron, nie będziesz musiał używać wp_enqueue. Zamiast tego zalecamy użycie wtyczki fragmentów kodu WPCode, ponieważ jest to najbezpieczniejszy sposób dodawania kodu do witryny WordPress.
Więcej informacji znajdziesz w naszych poradnikach na temat łatwego dodawania JavaScript i łatwego dodawania niestandardowego CSS do swojej witryny WordPress.
Jednak jeśli jesteś programistą lub uczysz się tworzyć wtyczki i motywy WordPress, będziesz musiał poprawnie dodać pliki JavaScript i arkusze stylów CSS do swoich projektów.
Jak działa system kolejkowania WordPressa?
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ść WordPress.
Aby uniknąć tych problemów, WordPress udostępnia system dodawania. Daje to programistom sposób na ładowanie skryptów i arkuszy stylów, dzięki czemu wszystko działa poprawnie i bez konfliktów.
Oto jak działa system dodawania:
- Najpierw musisz zarejestrować skrypt lub arkusz stylów za pomocą funkcji
wp_register, aby WordPress wiedział, że istnieje i gdzie go znaleźć. - Następnie dodajesz skrypty i arkusze stylów do kolejki za pomocą funkcji wp_enqueue, co informuje WordPressa, że chcesz je załadować.
- Następnie, po załadowaniu strony, WordPress załaduje wszystkie dodane do kolejki skrypty w odpowiedniej kolejności, aby upewnić się, że wszystko działa poprawnie.
Więcej informacji znajdziesz w naszym poradniku 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 poinformować WordPress, kiedy załadować plik, gdzie go znaleźć i jakie są jego zależności.
Możesz chcieć zobaczyć kilka pomocnych przykładów kodu, które pokazują, jak używać systemu dodawania WordPress.
Oto przykładowy kod, który możesz wkleić do plików wtyczki lub pliku motywu functions.php w celu prawidłowego ładowania skryptów w WordPress:
?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, jak dodać swoje arkusze 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' );
?>
Pełne wyjaśnienia tych przykładów kodu znajdziesz w naszym poradniku 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 WordPressie. Możesz również zapoznać się z naszą listą Dodatkowej Lektury poniżej, aby znaleźć powiązane artykuły z użytecznymi wskazówkami, sztuczkami i pomysłami dotyczącymi WordPressa.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
