Udostępnij za pośrednictwem


Dodawanie ikony favicon

W tym artykule opisano sposób dodawania ikony favicon do witryny.

Favicon jest małym plikiem graficznym wyświetlanym na karcie przeglądarki sieci Web, na pasku adresu, w historii przeglądania oraz w zakładkach lub ulubionych i w innych miejscach. Zaleca się dodanie favicon do witryny, ponieważ reprezentuje ona i wzmacnia daną markę oraz pomaga odróżnić witrynę od innych odwiedzanych przez odbiorców witryn sieci Web.

Chociaż do witryny można dodać wiele favicons różnych rozmiarów i typów plików, w tym artykule przedstawiono sposób dodawania jednego favicon. Jednak ten sam proces i lokalizacja są używane do dodawania kolejnych favicons.

Przekaż favicon do kolekcji składników majątku w witrynie

Aby przekazać favicon do kolekcji składników majątku w witrynie wykonaj procedurę opisaną w następujących krokach:

  1. W okienku nawigacji po lewej stronie wybierz Biblioteka multimediów.

  2. Na pasku poleceń wybierz Przekaż > Przekaż elementy multimedialne.

  3. W oknie Eksploratora plików przejdź do pliku obrazu favicon, który chcesz przekazać, zaznacz go, a następnie wybierz Otwórz.

  4. W oknie dialogowym Przekaż elementy multimedialne wprowadź wymagany tytuł i tekst alternatywny.

  5. Jeśli chcesz opublikować obraz natychmiast po przekazaniu, zaznacz pole wyboru Publikuj elementy multimedialne po ich przekazaniu.

    Uwaga

    Jeśli nie zaznaczysz pola wyboru Publikuj elementy multimedialne po ich przekazaniu, musisz później wrócić do strony Elementy multimedialne i ręcznie opublikować ikonę favicon.

  6. Wybierz OK.

  7. W okienku właściwości po prawej stronie Skopiuj publiczny adres URL favicon. Ten adres URL będzie używany później.

Tworzenie kodu HTML dla pliku favicon

Aby utworzyć kod HTML dla ikony favicon, należy skorzystać z poniższego kodu HTML. Dla atrybutu href zamień wartość Public_URL_for_your_favicon na skopiowany wcześniej, publiczny adres URL.

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

Tworzenie fragmentu zawierającego metatag dla ikony favicon

Aby utworzyć fragment zawierający metatag dla ikony favicon, wykonaj poniższe kroki.

  1. Przejdź do Fragmenty, a następnie wybierz pozycję Nowy.
  2. W oknie dialogowym Nowy fragment wybierz pozycję Znaczniki meta jako moduł, na którym oparty jest fragment.
  3. Wprowadź nazwę fragmentu, a następnie wybierz OK.
  4. W drzewku hierarchii fragmentów wybierz element podrzędny Domyślne metatagi.
  5. W prawym okienku pod Znaczniki meta wybierz Dodaj, a następnie wprowadź kod HTML utworzony wcześniej dla ikony favicon. 
  6. Wybierz Zakończ edycję, a następnie Publikuj, aby opublikować fragment.

Dodawanie fragmentu metatagów do sekcji nagłówka kodu HTML stron

Aby dodać fragment z metatagiem do sekcji nagłówka w kodzie HTML stron, wykonaj następujące kroki.

  1. Przejdź do Szablony, otwórz szablon stron, do których chcesz dodać ikonę favicon, a następnie wybierz Edytuj.
  2. W drzewku hierarchii szablonów wybierz przycisk wielokropka (...) znajdujący się po prawej stronie kontenera nagłówek HTML, a następnie wybierz Dodaj fragment.
  3. W oknie dialogowym Wybierz fragment wybierz utworzony wcześniej fragment z metatagiem, a następnie wybierz OK.
  4. Wybierz Zakończ edycję, a następnie Publikuj, aby opublikować szablon.

Uwaga

Jeśli witryna używa więcej niż jednego szablonu, musisz dodać fragment z metatagiem do wszystkich tych szablonów.

Podczas wyświetlania podglądu stron opartych na szablonie, do którego dodano fragment metatagów, ikona favicon powinna być teraz widoczna na karcie przeglądarki.

Dodatkowe zasoby

Dodawanie logo

Wybór motywu witryny

Praca z plikami zastępowania CSS

Dodawanie powiadomienia o prawach autorskich

Dodawanie języków do witryny

Dodawanie kodu skryptu do stron witryny w celu obsługi telemetrii