Jak łatwo dodać favicon WordPress?

Chcesz dowiedzieć się, jak łatwo dodać favicon WordPressa? Dowiedz się, postępując zgodnie z tym samouczkiem

Favikona to mała kwadratowa ikona reprezentująca Twoją witrynę. Zwykle pojawia się obok tytułu strony w zakładce przeglądarki. Favicon pojawia się również w historii przeglądarki, zakładkach i wszędzie tam, gdzie Twoja witryna potrzebuje identyfikacji wizualnej.

Ten mały szczegół jest niezbędny dla Twojej tożsamości online. Omówimy favicon WordPress i jak dodać go do swojej witryny WordPress.

Ale zanim zaczniemy, jeśli nigdy nie instalowałeś WordPressa, dowiedz się Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Dlaczego dodanie favicony do Twojej witryny jest ważne

Favicon to w zasadzie identyfikator Twojej witryny; w związku z tym Twoje logo będzie bardziej prawdopodobne, że pojawi się tam. Ignorowanie jego obecności na Twojej stronie jest rzeczywiście błędem.

Oto kilka powodów, dla których favicon jest niezbędny dla Twojej witryny.

• Wyróżnia się jako uznanie znak
  Większość użytkowników ma tendencję do otwierania wielu kart w przeglądarce. Bez favikony możesz zobaczyć tylko nazwę strony lub posta w zakładce przeglądarki. Ponadto, jeśli otworzysz więcej niż 20 kart, stają się one krótsze i trudno jest określić, która karta reprezentuje którą witrynę.
  Posiadanie favikony pomaga użytkownikom łatwiej dostrzec każdą kartę. Jeśli Twoja favikona się wyróżnia, nie tylko poprawi to Twoją widoczność, ale także doświadczenie użytkownika.
• Budować zaufanie
  Jeśli nie masz favicony, zrobisz złe pierwsze wrażenie na swoich użytkownikach. Strona bez favikony nie wygląda profesjonalnie.
  Jeśli tworzysz witrynę tylko do codziennego blogowania, brak favicony może być nieistotny. Ale staje się to niezbędne, gdy zarządzasz witryną biznesową lub sklepem internetowym.
  swój odwiedzający nie zaufa żadnej transakcji na stronie internetowej, która nie wygląda profesjonalnie.
• Poprawa doświadczenia mobilnego
  To era mobilnego doświadczenia. Posiadanie responsywnej strony internetowej może nie wystarczyć, aby zachwycić użytkowników mobilnych, głównie dlatego, że aplikacje internetowe są obecnie na fali.
  Użytkownicy mogą po prostu dodać witrynę do zakładek na ekranie głównym swojego telefonu. Nigdy więcej wpisywania adresów URL!
  W tej sytuacji posiadanie dobrze wykonanej favikony będzie Ci służyć na dwa różne sposoby. Po pierwsze, favicon będzie używany jako ikona aplikacji, a po drugie, osoby korzystające z Twojej aplikacji internetowej będą ją pamiętać. Dlatego Twoja favicon zostanie powiązana z Twoją witryną.

Tworzenie favicon dla WordPress

Zazwyczaj Twoją favicon jest logo Twojej marki. W przypadku obrazu WordPress zaleca również użycie kwadratu 512px x 512px.

Możesz użyć większego obrazu, ale WordPress najprawdopodobniej będzie wymagał przycięcia go, aby pasował do rozmiaru.

Aby utworzyć obraz o dokładnym rozmiarze 512 pikseli x 512 pikseli, możesz użyć dowolnego oprogramowania do edycji obrazu, takiego jak niż Adobe Photoshop (płatne) i żyłka (bezpłatnie) lub generatory favicon

Chociaż możesz wybrać kolor tła dla favicon WordPress, preferowana jest przezroczystość. Możesz użyć formatów . Jpeg,.ico, . Gif ou . PNG (tylko upewnij się, że używasz formatu . PNG jeśli używasz przezroczystego tła).

Gdy obraz będzie gotowy, możesz dodać go do swojej witryny WordPress, korzystając z jednej z tych trzech metod:

1. Dodawanie faviconu WordPress za pomocą narzędzia WordPress Customizer

Z wersji WordPress 4.3, możesz po prostu dodać favicon WordPress z obszaru administracyjnego. Aby to zrobić, wykonaj poniższe czynności:

1. Dostęp do projekt panel administracyjny
2. Najedź kursorem myszy Wygląd -> Dostosuj
3. wybierać tożsamość witryny
4. Kliknij przycisk Wybierz przycisk zdjęcie pod sekcja Ikona na stronie
5. Prześlij swoją faviconę, która została przygotowana
6. Kliknij przycisk Opublikuj aby zapisać zmianę.

Jeśli wykonasz ten proces poprawnie, Twoja favicon pojawi się obok tytułu Twojej witryny. Aby skonfigurować to na urządzeniu mobilnym, przejdź do swojej witryny z telefonu i wybierz Dodaj do ekranu głównego.

Twoja favikona pojawi się teraz na ekranie głównym.

2. Dodaj favicon do strony z wtyczką WordPress

Możesz także dodać favicon do WordPressa za pomocą wtyczki o nazwie Favicon przez RealFaviconGenerator. Jest łatwy w użyciu i oferuje więcej funkcji. Oto wymagane kroki:

1. Uzyskaj dostęp do swojego panel administracyjny
2. Wybierać Rozszerzenia -> Dodaj
3. typ Favicon przez RealFaviconGenerator w polu wyszukiwania
4. Zainstaluj i aktywuj WordPress Plugin
5. Po aktywacji przejdź do Wygląd -> Favicon
6. Prześlij obraz, który chcesz ustawić jako favicon. Nie musisz edytować obrazu za pomocą oprogramowania do edycji obrazu. Wtyczka zrobi to za Ciebie. Tylko upewnij się, że Twój obraz ma co najmniej rozmiar 70 x 70px. Jeszcze lepiej, jeśli jest większe niż 260 260 x px.
7. Po przesłaniu obrazu naciśnij przycisk Generuj favicon.
8. Po kliknięciu przycisku wtyczka przeniesie Cię na stronę Generator RealFavicon.
9. Na stronie znajdź i kliknij Wygeneruj swoje favicony i kod HTML.
10. Wtyczka przeniesie Cię z powrotem do Twojej witryny. Otrzymasz powiadomienie, że Twoja favicon została skonfigurowana.
11. Sprawdź, jak wygląda Twoja favicon w przeglądarce i urządzeniu mobilnym.

3. Ręcznie dodaj favicon WordPress do strony internetowej

Zalecamy przetestowanie tego w lokalnej witrynie deweloperskiej przed uruchomieniem.

1. Uzyskaj dostęp do plików motywów za pośrednictwem klienta FTP lub menedżer plików
2. Znajdź folder /wp-content/themes/votre-theme
3. Prześlij favicon do folderu motywu. Zaleca się pobranie go w podfolderze, takim jak Aktywa
4. Zapamiętaj tę ścieżkę pliku
5. Poszukaj pliku o nazwie functions.php i dodaj następujący kod:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');

6. Linia po href="'.get_template_directory_uri() musi być drogą do twojej favicon. Upewnij się również, że masz poprawną nazwę pliku. Jeśli używasz formatu plik .ico, będzie to:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

Posiadanie favikony jest koniecznością! Zwłaszcza, gdy tak łatwo jest stworzyć. Favikona reprezentuje tożsamość Twojej witryny. Może zajmować tylko niewielką ilość miejsca w Twojej witrynie, ale ten drobny szczegół ma szczególną rolę w poprawie rozpoznawalności Twojej marki i doświadczenia użytkownika.

Inne zalecane zasoby

Zapraszamy również do zapoznania się z Zasoby poniżej, aby przejąć większą własność i kontrolę nad swoją witryną i blogiem.

• Jak dodać uwierzytelniania Gmail na WordPressie
• Jak usunąć motyw WordPress ze strony internetowej
• Jak ustawić swoją stronę główną w WordPress
• Elementor: Jak dodać efekt dźwiękowy przycisku
• Jak tworzyć niestandardowe szablony na WordPressie

Wnioski

To wszystko w tym samouczku, który wyjaśnia, jak dodać favicon do WordPressa. Jeśli masz jakiekolwiek wątpliwości lub sugestie, daj nam znać w ciągu commentaires.

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Tymczasem udostępnij ten artykuł w różnych sieciach społecznościowych.   

...