Porozmawiajmy o emoji w WordPressie. Czasami używamy ich w tekstach i mediach społecznościowych, ale nie zawsze pasują do każdej strony internetowej. Zbudowaliśmy wiele stron biznesowych, gdzie miało większy sens ich całkowite usunięcie.
Ponadto, oto coś, czego większość ludzi nie wie: WordPress ładuje skrypty emoji na każdej stronie. To dodatkowy kod, którego możesz nawet nie potrzebować!
Pomogliśmy tysiącom właścicieli stron przyspieszyć działanie ich witryn, a pozbycie się nieużywanych funkcji, takich jak emoji, często sprawia, że wszystko działa szybciej.
Pokażemy Ci najłatwiejsze sposoby na wyłączenie emoji w WordPressie już dziś. Niezależnie od tego, czy wolisz używać wtyczki, czy dodać szybki fragment kodu, przetestowaliśmy każdą metodę, abyś Ty nie musiał tego robić.
Dlaczego wyłączać emoji w WordPress?
Chociaż emoji są popularne do dodawania ekspresji do treści, często mogą wyglądać nieprofesjonalnie na stronach biznesowych. Co więcej, mogą spowolnić Twoją stronę WordPress.
Za każdym razem, gdy ktoś odwiedza Twoją witrynę, WordPress ładuje dodatkowe pliki JavaScript i CSS tylko po to, aby obsłużyć wsparcie dla emoji. Ta funkcja została dodana w WordPress 4.2, aby zapewnić poprawne wyświetlanie emoji na wszystkich przeglądarkach.
Jednak ten skrypt nie jest już tak ważny, ponieważ większość nowoczesnych przeglądarek potrafi teraz samodzielnie wyświetlać emoji.
Te dodatkowe zasoby można znaleźć, przeglądając kod źródłowy swojej witryny lub używając narzędzia Inspect tool:
Wyłączając te dodatkowe zasoby, możesz zachować bardziej profesjonalny wygląd i pomóc poprawić szybkość i wydajność Twojej witryny WordPress.
Wskazówka Pro: Nie martw się, wyłączenie skryptu emoji nie uniemożliwi Ci używania emoji na swojej stronie. Po prostu usuwa dodatkowy plik, który WordPress ładuje na każdej stronie. Większość nowoczesnych przeglądarek potrafi teraz wyświetlać emoji, więc jest to łatwy sposób na niewielkie przyspieszenie strony.
Mając to na uwadze, przyjrzyjmy się, jak łatwo wyłączyć obsługę emoji w WordPressie:
- Metoda 1: Wyłączanie emoji w WordPress za pomocą kodu
- Metoda 2. Wyłącz emotikony w WordPress za pomocą wtyczki
- Dodatkowa wskazówka: Dodaj przyciski reakcji do swoich wpisów na WordPressie
- Często zadawane pytania dotyczące wyłączania emoji
Zrób kopię zapasową swojej witryny przed wprowadzeniem zmian
Duplicator to najlepsza wtyczka do tworzenia kopii zapasowych i migracji dla WordPress. Pozwala ona na utworzenie pełnej kopii Twojej witryny w celu bezpiecznego przechowywania, zanim dodasz jakiekolwiek niestandardowe fragmenty kodu.
Daje Ci to spokój ducha, wiedząc, że możesz przywrócić swoją witrynę w ciągu kilku minut, jeśli coś pójdzie nie tak.
Metoda 1: Wyłączanie emoji w WordPress za pomocą kodu
W tej metodzie użyjemy niestandardowego fragmentu kodu, aby wyłączyć obsługę emoji w WordPress.
Możesz dodać ten fragment kodu do pliku functions.php swojego motywu WordPress. Jednak może to być ryzykowne. Mały błąd może spowodować biały ekran śmierci WordPress i zablokować Ci dostęp do Twojej strony internetowej.
Aby tego uniknąć, zalecamy użycie WPCode. Jest to najlepsza wtyczka do fragmentów kodu WordPress, która oferuje najbezpieczniejszy sposób dodawania niestandardowego kodu bez bezpośredniej edycji plików motywu.
Najpierw musisz zainstalować i aktywować wtyczkę WPCode. Więcej instrukcji znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź na stronę Fragmenty kodu » + Dodaj fragment z panelu administracyjnego WordPress. Stąd przejdź do opcji „Dodaj własny kod (nowy fragment)” i kliknij przycisk „+ Dodaj niestandardowy fragment”.
Spowoduje to przejście do strony „Utwórz niestandardowy fragment”.
Tutaj wybierz „Fragment PHP” jako „Typ kodu”.
Następnie możesz zacząć od wpisania nazwy dla swojego fragmentu kodu.
Może być czymkolwiek chcesz.
Teraz wystarczy skopiować i wkleić poniższy kod w polu „Podgląd kodu”:
/**
* Disable the emoji's
*/
function disable_emojis() {
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );
}
add_action( 'init', 'disable_emojis' );
/**
* Filter function used to remove the tinymce emoji plugin.
*
* @param array $plugins
* @return array Difference betwen the two arrays
*/
function disable_emojis_tinymce( $plugins ) {
if ( is_array( $plugins ) ) {
return array_diff( $plugins, array( 'wpemoji' ) );
} else {
return array();
}
}
/**
* Remove emoji CDN hostname from DNS prefetching hints.
*
* @param array $urls URLs to print for resource hints.
* @param string $relation_type The relation type the URLs are printed for.
* @return array Difference betwen the two arrays.
*/
function disable_emojis_remove_dns_prefetch( $urls, $relation_type ) {
if ( 'dns-prefetch' == $relation_type ) {
/** This filter is documented in wp-includes/formatting.php */
$emoji_svg_url = apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/2/svg/' );
$urls = array_diff( $urls, array( $emoji_svg_url ) );
}
return $urls;
}
Następnie przewiń w dół do sekcji „Wstawianie” i wybierz tryb „Automatyczne wstawianie”.
Kod zostanie teraz automatycznie wykonany na Twojej stronie po aktywacji.
Następnie wróć na górę i przełącz przełącznik po prawej stronie z „Nieaktywny” na „Aktywny”.
Na koniec kliknij przycisk „Zapisz fragment”, aby zachować zmiany.
To wszystko, pomyślnie wyłączyłeś emoji w WordPressie.
Metoda 2. Wyłącz emotikony w WordPress za pomocą wtyczki
Jeśli nie chcesz dodawać kodu do swojej witryny, ta metoda jest dla Ciebie. Jest to idealny wybór, jeśli szukasz najszybszego i najprostszego rozwiązania jednym kliknięciem.
Najpierw musisz zainstalować i aktywować wtyczkę Disable Emojis. Zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress, aby uzyskać więcej instrukcji.
Wtyczka działa od razu po instalacji i nie wymaga żadnych ustawień do konfiguracji.
Po aktywacji automatycznie wyłączy obsługę emoji z Twojej witryny WordPress, co poprawi prędkość ładowania strony.
Dodatkowa wskazówka: Dodaj przyciski reakcji do swoich wpisów na WordPressie
Nawet po wyłączeniu obsługi emoji możesz chcieć pozwolić użytkownikom na reagowanie na Twoje posty i dzielenie się opiniami za pomocą przycisków reakcji.
Te przyciski mogą zwiększyć zaangażowanie na Twoim blogu WordPress i zwiększyć interakcję użytkowników.
Aby to zrobić, musisz zainstalować i aktywować wtyczkę Da Reactions. Szczegółowe informacje znajdziesz w naszym przewodniku dla początkujących jak zainstalować wtyczkę WordPress.
Po aktywacji odwiedź stronę Reakcje » Menedżer reakcji z panelu administracyjnego WordPress. Tutaj znajdziesz 6 domyślnych emotikonów reakcji z ich konfigurowalnymi etykietami.
Teraz możesz zmieniać kolejność przycisków, przypisywać im etykiety, zmieniać kolor emoji, usuwać emoji i wiele więcej.
Możesz nawet dodać inne emotikony według własnego wyboru, klikając przycisk „Dodaj nowy” na końcu. Następnie wtyczka doda losową ikonę reakcji do listy.
Następnie kliknij tę ikonę, aby otworzyć panel opcji. Stąd możesz teraz wybrać nowe emoji według własnego uznania.
Po zakończeniu kliknij przycisk „Zapisz zmiany”, aby zachować swoje ustawienia.
Teraz odwiedź swoją witrynę WordPress, aby zobaczyć przyciski reakcji w akcji. Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem jak dodać przyciski reakcji w WordPress, aby zwiększyć zaangażowanie.
Często zadawane pytania dotyczące wyłączania emoji
Oto kilka pytań, które nasi czytelnicy często zadają przed wyłączeniem emotikonów na swojej stronie internetowej:
Czy wyłączenie emoji zepsuje moją stronę?
Nie, wcale nie. Wyłączenie skryptu emoji jest bezpieczną i powszechną optymalizacją. Po prostu usuwa dodatkowe pliki JavaScript i CSS, których Twoja witryna może nie potrzebować, co może pomóc w szybszym ładowaniu.
Czy nadal mogę używać emoji po wyłączeniu skryptu?
Tak, możesz. Nowoczesne przeglądarki internetowe mają wbudowane wsparcie dla emoji, więc nadal będą się poprawnie wyświetlać u Twoich odwiedzających. Wyłączenie skryptu tylko zatrzymuje WordPress przed ładowaniem własnych plików pomocniczych, które często są zbędne.
Dlaczego WordPress w ogóle ładuje skrypt emoji?
Ta funkcja została dodana w WordPress 4.2. Jej głównym celem było zapewnienie poprawnego wyświetlania emotikonów na wszystkich przeglądarkach. Jednak nie jest już tak ważna, ponieważ większość nowoczesnych przeglądarek potrafi teraz samodzielnie wyświetlać emotikony.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyłączyć emoji na swojej stronie WordPress. Możesz również zapoznać się z naszym przewodnikiem krok po kroku, jak dodać efekt paralaksy do dowolnego motywu WordPress oraz naszymi najlepszymi wyborami najlepszych wtyczek do tworzenia stron, aby dostosować swoją witrynę.
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.
Dennis Muthomi
Robiłem to wcześniej. W jednym z ostatnich projektów usunięcie skryptów emoji w połączeniu z innymi technikami optymalizacji poprawiło czas ładowania o 0,4 sekundy.
Praktyczna wskazówka: wdrażając to dla stron profesjonalnych, zawsze tłumaczę klientom, że nie zapobiega to używaniu emoji w treści – po prostu usuwa niepotrzebne narzuty kodu.
Pomaga to uzyskać szybką zgodę na optymalizację, zachowując jednocześnie elastyczność ich treści.
Natalie
Jeśli już korzystasz z wtyczki Yoast SEO, ma ona wbudowaną opcję wyłączania emoji, więc nie musisz instalować do tego innej wtyczki.
Opcja znajduje się w sekcji zaawansowane / optymalizacja indeksowania
Jiří Vaněk
Chciałbym zapytać. Czy blokowanie emoji ma naprawdę znaczący wpływ na zwiększenie prędkości strony internetowej? Pracuję nad prędkością jednej strony, ale wymaganie było, aby emoji pozostały włączone. Czy faktycznie warto wyłączyć emoji?
Wsparcie WPBeginner
Nie byłoby to znaczące zwiększenie wydajności, wpłynęłoby głównie na szybkość witryn, które chcą zmaksymalizować możliwe ulepszenia dla jak najkrótszego czasu ładowania.
Admin
Jiří Vaněk
Dziękuję za odpowiedź, tego właśnie szukaliśmy. Uzyskaj najwyższe możliwe wyniki prędkości strony. Wyłączymy emoji i zmierzymy. W każdym razie, dziękuję za radę.
Jiří Vaněk
Na początku miałem tendencję do wyłączania emoji na mojej stronie. Ponieważ używam AIO SEO, faktycznie używam emoji w SEO, ponieważ ciekawie jest zobaczyć, jak tytuł w SERP może przyciągnąć więcej uwagi na pierwszy rzut oka dzięki emoji. Polecam wypróbować emoji w ten sposób. Możesz faktycznie dość ciekawie wpłynąć na ruch organiczny.
Ivan Culic
Usunięcie emoji serwowanych przez WordPress jest rozsądną decyzją pod względem wydajności. Jednak jeśli chcesz pozbyć się wszystkich emoji z powodu niespójności projektowych, użycie omawianego wtyczki lub rozszerzenie pliku funkcji to tylko część równania. Ludzie nadal będą mogli używać znaków Emoji. To, czy są one wyświetlane poprawnie, zależy od natywnego wsparcia. Jedynym rozwiązaniem jest użycie wyrażenia regularnego dopasowującego listę emoji Unicode, a następnie zastąpienie ich własnymi dla jednolitego wyglądu (czyż WordPress nie próbuje tego zrobić?) lub całkowite usunięcie ich z ciągu znaków. Emoji zmieniły sposób, w jaki się komunikujemy, kochaj je ❤️ lub nienawidź ich
mayasl
Powiedziałbym, że znajdź jakieś kody do usunięcia emoji, zamiast instalować kolejną wtyczkę, która jest dodatkowym obciążeniem.
Harshadewa
Nie jestem pewien, czy Mark nie pominął kilku części w tym kodzie. Ten kod zadziałał dla mnie (są dwie dodatkowe linie). Powinieneś dodać go do pliku „theme” functions.php
// USUŃ WP EMOJI
remove_action(‘wp_head’, ‘print_emoji_detection_script’, 7);
remove_action(‘wp_print_styles’, ‘print_emoji_styles’);
remove_action( ‘admin_print_scripts’, ‘print_emoji_detection_script’ );
remove_action( ‘admin_print_styles’, ‘print_emoji_styles’ );
Dzięki
saeko
Ten kod nie działa na motywie mojej strony internetowej. Jak usunąć emoji z tej strony >
Matt
Zmień cudzysłowy na właściwe, a powinno zadziałać.
Serge
Mam klientów narzekających, że ikony emoji pojawiają się zamiast przycisków nawigacyjnych. Dzieje się tak, gdy przeglądają zdjęcia za pomocą lightboxa.
Therese
Miałem problemy z powolnym ładowaniem panelu administracyjnego po aktualizacji 4.2. Zainstalowałem to i problem zniknął! Hurra! Jak frustrujące!
Shamama
Dziękuję za ten post
Michael A Terndrup
Kolejny świetny artykuł, który inspiruje mnie do napisania tego samego dla mojej strony internetowej
Mikael Andersen
Poprawka do mojego pierwszego komentarza. Miałem na myśli dyskusję poniżej.
Mikael Andersen
Dziękuję
Nawet nie pomyślałem, że może to spowolnić strony internetowe w WordPressie.
Pytanie do powyższej dyskusji. Czy wtyczka zawiera tylko kod zasugerowany przez Marka i nic więcej?
Joel Libava
Dziękuję za tę informację… Muszę jednak powiedzieć, że największym problemem w najnowszym WP jest edytor linków tekstowych kotwic. Co zrobili deweloperzy? I dlaczego?
The Franchise King®
Wsparcie WPBeginner
Zgadzamy się, że była to zaskakująca zmiana, która zmartwiła wielu wydawców. Trwają prace nad wtyczkami, które rozwiążą ten problem. Jednak rdzeń nie powróci do tytułu linku.
Admin
Mark
Czy nie najlepiej jest wyłączyć go, dodając poniższy kod do functions.php, zamiast instalować kolejną wtyczkę:
remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 );
remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ );
Personel redakcyjny
Wtyczka robi właśnie to. Nie wszystkie wtyczki spowalniają witrynę, a dla początkujących łatwiej jest dodać wtyczki niż kod.
There is no difference between using the plugin or pasting the code (performance wise). Functions.php file is one giant plugin
Admin
Denver Prophit Jr.
Jaki był wzrost prędkości ładowania strony w milisekundach potrzebny do wyrenderowania emoji?
Lina
Dokładnie o tym samym pomyślałem, czytając artykuł: „Co? Zainstalować kolejny wtyczkę?”
Świetna sugestia Mark!
Arthur Rosa
WordPress to przede wszystkim wtyczki, a nie kod!
Denver Prophit Jr.
Dzięki za wskazówkę, Mark!
Antony
Tak, zgadzam się z Markiem. To jednak wpbeginner..
Johan
Dzięki Mark! Dokładnie tego szukałem. Powinno to zostać dodane do artykułu! Nie mam ochoty zaśmiecać mojej instalacji kolejnym wtyczką tylko po to, aby usunąć coś tak małego.
Chad Williams
Więc aby wyłączyć emoji, sugerujesz zainstalowanie wtyczki, która dodaje dodatkowy plik, aby to zrobić? Jestem pewien, że istnieje lepszy sposób, aby to zrobić za pomocą functions.php.
Wsparcie WPBeginner
W rzeczywistości zatrzymuje to WordPress przed dodawaniem żądań HTTP związanych z emoji dla javascript i arkuszy stylów.
Admin
Rob
Zgadzam się, dodawanie wtyczki do usuwania funkcji WordPress wydaje się przesadą. Umieść poniższy kod w pliku functions.php:
remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 );
remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ );
Personel redakcyjny
Przede wszystkim nie ma różnicy, czy aktywujesz wtyczkę z tymi liniami kodu, czy dodasz ją do pliku functions.php.
Chodzi głównie o osobiste preferencje i wygodę. Twój plik functions.php to gigantyczna wtyczka. Jeśli zamierzasz dodać kod gdzieś, powinien on znajdować się w Twojej wtyczce specyficznej dla witryny, aby nie zniknął po zmianie motywu:
https://www.wpbeginner.com/beginners-guide/what-why-and-how-tos-of-creating-a-site-specific-wordpress-plugin/
Admin