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 dostosowywania swojej witryny WordPress, a programiści używają tych języków podczas tworzenia wtyczek i motywów WordPressa.
- JavaScript działa w przeglądarce użytkownika i jest używany do dodawania interaktywnych elementów do Twojej witryny, takich jak slajdery, alerty, przyciski, wyskakujące okienka i inne.
- CSS (Cascading Style Sheets) jest używany do definiowania wyglądu wizualnego Twojej witryny, takiego jak rozmiar i kolor czcionek, kolor tła i szerokość strony.
Jeśli jesteś właścicielem strony internetowej i chcesz dodać JavaScript i CSS do konkretnych postó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 strony WordPress.
Więcej informacji znajdziesz w naszych poradnikach na temat jak łatwo dodać JavaScript oraz jak łatwo dodać niestandardowy kod 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, bezpośrednio wywołując skrypty i arkusze stylów w swoich wtyczkach i motywach. Może to prowadzić do konfliktów i zaszkodzić wydajności WordPressa.
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 przewodniku jak prawidłowo dodawać JavaScript i style 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 swojej wtyczki lub do pliku functions.php swojego motywu, aby poprawnie ładować skrypty 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 jak prawidłowo dodawać skrypty JavaScript i style 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.
