Włącz łatwe przesyłanie 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.phplub 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/pluginsi otwórz go do edycji.
- Jeśli używasz
- 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.phplub w pliku własnej wtyczki.
- Zapisz zmiany w pliku
- 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.