Zapewne wielu użytkowników zauważyło, że kiedyPo otwarciu witryny w lewym rogu karty wyświetlana jest mała ikona, co jest typowe dla każdego portalu. Jednak niewiele osób wie, co to jest i jak to zmienić na swojej stronie internetowej.
Historia pojawienia się pierwszych faviconów
Mała ikona na stronie nazywa się favicon, któraoznacza „ulubioną ikonę” w języku angielskim. Pierwotnie był używany do szybkiego wyszukiwania i porządkowania zakładek w przeglądarkach IE. Następnie zaczął być wszechobecny w prawie wszystkich przeglądarkach internetowych, aby nadać witrynie specjalny styl.
Charakterystyka Favicon
Favicon to zazwyczaj zwykły obrazrozmiar 16 na 16 punktów. Do przechowywania można używać formatów ICO, PNG i GIF. Favicon jest obsługiwany przez wiele popularnych przeglądarek. Należą do nich Chrome, IE, Opera, Firefox. Niektóre mogą obsługiwać wersje animowane, inne nie.
Domyślnie przeglądarka próbuje znaleźć ikonę w katalogu głównym witryny. Możesz jednak powiedzieć mu dokładnie, gdzie ona jest. Aby to zrobić, wystarczy użyć linii w kodzie:
<link rel = "style type" type = "obraz / typ rozszerzenia" href = "/ ścieżka do nowej ikony ulubionych" />.
Tworzenie Twojej favicon
Aby stworzyć własną ikonę, wystarczyużyj jednego z edytorów online w sieci. Na przykład najsłynniejszy znajduje się na favicon.ru. Konieczne jest zaznaczenie ołówkiem punktów, które wymagają wypełnienia, a następnie zapisanie obrazu.
Jak zmienić favicon
Wielu programistów internetowych bardzo się stara podczas tworzeniasite, aby zmienić standardową ikonę CMS lub nawet jej brak na bardziej odpowiedni temat. Poniżej znajduje się lista sposobów, które opisują, jak zmienić favicon w różnych systemach zarządzania treścią lub bez nich.
Joomla 1.5 i praca z favicon
Joomla 1.5 to jedna z pierwszych stabilnych wersji systemu zarządzania treścią. Jest używany coraz rzadziej, ale wielu nadal obsługuje go w niektórych witrynach. Aby zmienić favicon w Joomla 1.5, musisz stworzyć ikonę z gotowego obrazka lub od podstaw. Następnie przejdź do folderu z szablonami Joomla, które znajdują się w katalogu szablonów i skopiuj tam ikonę ulubionych.
Joomla 3
Najnowsza z wydanych wersji tego systemu zarządzania treścią. Ulepszona funkcjonalność i dodane nowe funkcje.
Przed zmianą favicon w Joomla 3 potrzebujeszutwórz go jako pierwszy. Jak to zrobić, zostało opisane powyżej. Następnie możesz użyć jednej z dwóch metod. Pierwsza z nich jest zapożyczona z Joomla 1.5 i polega na ręcznej zamianie pliku w folderze szablonów.
Aby wdrożyć drugą metodę, jest to konieczneedytuj plik index.php znajdujący się w folderze głównym bieżącego szablonu. Jest zainteresowany tagiem <head>. Aby wszystko działało tak, jak powinno, musisz wprowadzić od tagu otwierającego do tagu zamykającego:
<link rel = "kaskadowy styl" type = "używany typ obrazu / treści" href = "/ favicon location" />.
Przejdź do indeksu.php jest możliwe po prostu przechodząc przez foldery do żądanego lub przez panel administracyjny. W panelu sterowania należy przejść do „Rozszerzeń”, a tam do „Menedżera szablonów”. Spośród dostępnych opcji należy wybrać aktualną i kliknąć „Zmień szablon strony głównej”. Otworzy się edytor kodu, w którym powyższy kod należy wstawić między tagiem otwierającym i zamykającym nagłówek.
Czasami favicon nie jest od razu wyświetlany w wyszukiwarceekstradycja. Może to wynikać z faktu, że strona nie została jeszcze zindeksowana. Warto trochę poczekać, a po kilku dniach, a może miesiącu na górze strony pojawi się nowy favicon.
Jak zmienić favicon w Bitrix
Bitrix to system zarządzania treścią, na podstawie którego można tworzyć zarówno proste strony internetowe, jak i portale korporacyjne. Opracowany przez 1C-Bitrix.
Struktura plików witryny jest nieco podobna do Joomla iproces zamiany favicon na pożądany jest dokładnie taki sam. Oznacza to, że musisz przejść do folderu z szablonem i skopiować tam żądany obraz w formacie ICO. Jeśli to nie pomoże, spróbuj dodać go również do folderu głównego projektu.
Istnieje również inna metoda, którą można połączyć z dwoma wymienionymi powyżej. Ma to na celu zarejestrowanie znanych już linii w głównym pliku:
<link rel = "styl i jego typ" type = "image / image type" href = "/ path" />.
WordPress
WordPress to jeden z najbardziej znanych systemówzarządzanie zawartością. Swoją popularność zyskał dzięki temu, że jest darmowy, łatwy do nauczenia i funkcjonalny. Jak zmienić favicon w witrynie WordPress? Ten proces w tym CMS jest prostszy niż wszyscy inni. Musisz przejść do panelu sterowania i przejść do sekcji Cherry Options, a następnie wybrać zakładkę Logo & Favicon. Istniejący plik należy usunąć za pomocą przycisku Usuń. Następnie przygotuj nową ikonę i pobierz ją na swój komputer. Teraz, korzystając z biblioteki multimediów, musisz dodać zaktualizowaną ikonę do bazy danych i zapisać zmiany.
Po wszystkich manipulacjach wystarczy przeładować stronę i zobaczyć, jak zmieniła się favicon. Możliwe, że nie pojawi się za pierwszym razem, więc musisz odświeżyć pamięć podręczną przeglądarki i spróbować ponownie.
Istnieje inny sposób zmiany ikony ulubionych wWordPress. W tym celu istnieje specjalny plik header.php, który jest odpowiedzialny za wyświetlanie nagłówka witryny. Posiada blok z główką. Właśnie między nimi musisz wstawić następujący kod:
<link rel = "nazwa ikony" type = "obraz / typ rozszerzenia" href = "/ ścieżka obrazu" />
Nagłówek.php znajduje się pod ścieżką / wp-content / themes / nazwa motywu. Warto zauważyć, że linie kodu używają rozszerzenia ICO. Jeśli jednak bieżąca ikona ulubionych ma inny typ, możesz określić tę, której potrzebujesz w kodzie.
Wniosek
W artykule szczegółowo opisano, jak zmienićfavicon w różnych systemach zarządzania treścią. Dlaczego w ogóle musisz to robić i jakie praktyczne znaczenie ma ta procedura? Najważniejszym powodem jest rozpoznawalność witryny. To po favikonie możesz rozpoznać swoją ulubioną witrynę w wynikach wyszukiwania. Ponadto dzięki dużej liczbie otwartych kart w nowoczesnej przeglądarce możesz szybko dowiedzieć się, która z nich zawiera określoną stronę.
Przed zmianą favicon musisz to zrobićprzygotować. Można to zrobić, konwertując gotowy rysunek lub logo. Lub ręcznie narysuj nowy favicon od zera. Istnieje wiele edytorów online do tego, a także konwerterów w sieci.
