Włącz łatwe przesyłanie obrazów w formacie WebP w WordPressie

Jak włączyć webp w WordPressiePrześlij obrazy webp do WordPressaWsparcie dla obrazów webp w WordPressieWłącz przesyłanie webp w WordPressieWtyczka webp do WordPressaZezwól na obrazy webp w WordPressieUżyj obrazów webp w WordPressiePrzesyłanie obrazów webp w WordPressieFormat obrazu webp w WordPressieUstawienia obrazów webp w WordPressie

Objaśnienie

Aby umożliwić przesyłanie obrazów w formacie WebP w WordPressie, musisz wprowadzić kilka zmian w ustawieniach swojej witryny. Ten fragment kodu pomoże Ci to osiągnąć, dodając wsparcie dla WebP.

Zezwól na przesyłanie WebP: Pierwsza część kodu dodaje WebP do listy typów plików, które możesz przesyłać. Oznacza to, że teraz możesz przesyłać obrazy WebP tak samo, jak każdy inny format obrazów.
Wyświetlanie WebP w bibliotece mediów: Druga funkcja zapewnia, że obrazy WebP są poprawnie wyświetlane w Twojej bibliotece mediów. Sprawdza, czy plik jest obrazem WebP i ustawia odpowiednie właściwości, aby był wyświetlany prawidłowo.
Dodaj wsparcie dla WebP: Na koniec kod dodaje WebP do listy formatów obrazów, które WordPress może obsługiwać. Oznacza to, że WordPress może przetwarzać obrazy WebP tak samo jak pliki JPEG lub PNG.

Korzystając z tego kodu, możesz bezproblemowo zintegrować obrazy WebP w swojej witrynie WordPress, co przyspieszy ładowanie obrazów i zaoszczędzi pasmo.

Kod
<?php
// Enable WebP image uploads in WordPress

// Allow WebP image uploads by adding the MIME type to the allowed file types
function wp_dudecom_allow_webp_uploads($mime_types) {
    // Add WebP MIME type
    $mime_types['webp'] = 'image/webp';
    return $mime_types;
}
add_filter('mime_types', 'wp_dudecom_allow_webp_uploads');

// Ensure WebP images are displayed correctly in the media library
function wp_dudecom_display_webp_in_media_library($result, $path) {
    // Check if the file is a WebP image
    if (strpos($path, '.webp') !== false) {
        $result['ext'] = 'webp';
        $result['type'] = 'image/webp';
        $result['proper_filename'] = $result['file'];
    }
    return $result;
}
add_filter('file_is_displayable_image', 'wp_dudecom_display_webp_in_media_library', 10, 2);

// Add WebP support to the list of image formats WordPress can process
function wp_dudecom_add_webp_support($extensions) {
    // Add WebP extension
    $extensions[] = 'webp';
    return $extensions;
}
add_filter('wp_image_editors', 'wp_dudecom_add_webp_support');
?>

Instrukcja

Aby włączyć przesyłanie obrazów WebP w WordPressie, wykonaj następujące kroki:

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do plików motywu WordPress lub możliwość stworzenia własnej wtyczki.

Kroki wdrożenia:

Dostęp do plików WordPress:
- Zaloguj się do panelu administracyjnego WordPress.
- Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php.
- Alternatywnie, użyj klienta FTP lub menedżera plików swojego hostingu, aby uzyskać dostęp do plików WordPress.
Edytuj plik functions.php lub stwórz wtyczkę:
- Jeśli używasz functions.php, znajdź i otwórz plik do edycji.
- Jeśli tworzysz wtyczkę, stwórz nowy plik PHP w katalogu wp-content/plugins i otwórz go do edycji.
Dodaj kod:
- Skopiuj i wklej podany fragment kodu do pliku.
- Upewnij się, że kod znajduje się w znacznikach PHP, jeśli edytujesz nowy plik wtyczki.
Zapisz zmiany:
- Zapisz zmiany w pliku functions.php lub w pliku własnej wtyczki.
Zweryfikuj funkcjonalność:
- Przejdź do panelu administracyjnego WordPress.
- Przejdź do Media > Dodaj nowe i spróbuj przesłać obraz WebP.
- Upewnij się, że obraz przesyła się pomyślnie i wyświetla poprawnie w bibliotece mediów.

Postępując zgodnie z tymi krokami, możesz włączyć przesyłanie obrazów WebP na swojej stronie WordPress, poprawiając wydajność obrazów i zmniejszając zużycie pasma.

Jeśli potrzebujesz pomocy przy wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.