Jak osadzić Font Awesome w WordPressie za pomocą CDN
Objaśnienie
Aby dodać ikony Font Awesome do swojej strony WordPress za pomocą CDN, możesz użyć prostej funkcji w pliku functions.php swojego motywu. Ta metoda zapewnia, że ikony są ładowane efektywnie z zewnętrznego źródła, co może pomóc przyspieszyć działanie Twojej strony.
Oto szybkie podsumowanie, co robi ten kod:
- Tworzenie funkcji: Tworzona jest funkcja o nazwie wp_dudecom_enqueue_font_awesome, która obsługuje ładowanie Font Awesome.
- Sprawdzenie przed ładowaniem: Najpierw sprawdza, czy Font Awesome jest już załadowany, aby uniknąć wielokrotnego ładowania, co może spowolnić działanie Twojej strony.
- Enqueue Style: Jeśli nie jest jeszcze załadowany, dodaje arkusz stylów Font Awesome z CDN. Oznacza to, że informuje WordPress, aby załadował arkusz stylów z zewnętrznego serwera.
- Podpięcie funkcji: Funkcja jest podpięta do WordPressa za pomocą add_action, celując w akcję wp_enqueue_scripts. To zapewnia, że arkusz stylów jest ładowany w odpowiednim czasie, gdy WordPress przygotowuje się do wyjścia skryptów i stylów.
Korzystając z tego podejścia, możesz łatwo zintegrować ikony Font Awesome z swoją stroną WordPress bez konieczności pobierania i hostowania plików samodzielnie. Upewnij się tylko, że umieszczasz ten kod w pliku functions.php swojego motywu, a wszystko będzie działać!
Kod
<?php
// Function to enqueue Font Awesome from CDN
function wp_dudecom_enqueue_font_awesome() {
// Check if Font Awesome is not already enqueued
if ( ! wp_style_is( 'font-awesome', 'enqueued' ) ) {
// Enqueue Font Awesome from CDN
wp_enqueue_style( 'font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css', array(), '6.0.0-beta3' );
}
}
// Hook the function into WordPress
add_action( 'wp_enqueue_scripts', 'wp_dudecom_enqueue_font_awesome' );
?>Instrukcja
Aby osadzić ikony Font Awesome na swojej stronie WordPress za pomocą CDN, wykonaj następujące kroki:
Lokalizacja pliku: functions.php w katalogu aktywnego motywu.
Wymagania wstępne: Brak.
Kroki wdrożenia:
- Uzyskaj dostęp do plików swojej strony WordPress za pomocą FTP lub menedżera plików udostępnionego przez usługodawcę hostingowego.
- Przejdź do
wp-content/themes/twoj-aktywny-motyw/. - Znajdź i otwórz plik
functions.phpw edytorze tekstu. - Skopiuj i wklej podany fragment kodu na końcu pliku
functions.php. - Zapisz zmiany w pliku
functions.php. - Odwiedź swoją stronę WordPress, aby upewnić się, że ikony Font Awesome ładują się poprawnie.
Postępując zgodnie z tymi krokami, ikony Font Awesome będą efektywnie ładowane z CDN, co poprawi wydajność Twojej strony. Jeśli potrzebujesz dalszej pomocy lub chcesz odkryć bardziej zaawansowane funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy w zakresie WordPressa.