Domyślny szablon Cassiopeia w Joomla 4 nie ma opcji w ustawieniach stylu, aby zmienić favicon. Ponieważ od czasu Joomla 3 trochę się zmieniło, a dokumentacja jeszcze nie jest pełna to przedstawie wam dwa sposoby na zmianę favicon w domyślnym szablonie, jakim jest Cassiopeia w Joomla 4. Dla szybkiego przypomnienia favicon to ikona reprezentująca logo lub charakterystyczny znak w przeglądarkach internetowych tak, aby użytkownicy szybciej mogli identyfikować stronę www.
Spis Treści
Czym jest Favicon i do czego służy
Favicon, czyli skrót od "favorite icon", to mały graficzny element, który znajduje się zazwyczaj w górnym lewym rogu przeglądarki internetowej, obok adresu strony. Ma on formę małej ikony lub loga, które reprezentuje daną witrynę. Favicony są używane od czasów wczesnego internetu i mają ważną rolę w przeglądaniu stron internetowych.
Historia faviconów sięga lat 90. XX wieku, gdy internet był w pełnym rozkwicie. Początkowo favicony były wykorzystywane w przeglądarkach jako sposób na oznaczenie ulubionych stron użytkowników. Miały za zadanie pomóc w szybkim rozpoznawaniu stron internetowych na liście ulubionych lub w zakładkach. Początkowo favicony były tworzone jako małe grafiki o rozmiarze 16x16 pikseli, jednak obecnie mogą mieć większą rozdzielczość, zazwyczaj 32x32 piksele lub nawet większą 512x512
Dzisiaj favicony mają także inne funkcje. Gdy otwierasz stronę w przeglądarce, favicon jest wyświetlany na karcie, co ułatwia identyfikację witryny wśród wielu otwartych kart. To pomaga w szybkim odnalezieniu strony wśród innych zapisanych stron. Favicony mogą być również używane przez witryny internetowe w innych kontekstach. Na przykład, gdy zapisujesz stronę na pulpicie jako skrót, favicon staje się ikoną dla tego skrótu. Może być także wykorzystywany w historii przeglądania lub w wynikach wyszukiwania jako sposób wyróżnienia witryny. Warto wspomnieć, że favicony nie są obowiązkowe, ale są ważnym elementem brandingowym i identyfikacyjnym dla stron internetowych. Dodanie favicona pomaga w budowaniu rozpoznawalności marki, a także sprawia, że strona wydaje się bardziej profesjonalna i schludna.
Podsumowując, favicon to mały graficzny element, który reprezentuje stronę internetową i jest wyświetlany w przeglądarce w różnych miejscach, takich jak karty, zakładki czy skróty na pulpicie. Jego główne zadanie to pomóc użytkownikom w rozpoznawaniu i identyfikacji stron internetowych oraz w budowaniu rozpoznawalności marki.
Formaty favicon obecnie stosowane to .png .ico oraz svg
Jak zmienić favicon w szablonie Cassiopeia
Pierwszy sposób to zwykłe zastąpienie pliku favicon.ico który znajduje się w lokalizacji: media/system/images
Najszybciej będzie jak połączysz się ze stroną poprzez FTP, ponieważ nie możesz dostać się do folderu szablonów ze wbudowanego menedżera multimediów Joomla.
Możesz także zmienić menedżera multimediów, aby wskazywał katalog główny, ale nie polecałbym tego ze względów bezpieczeństwa.
Jeśli jednak chcesz w pełni zmienić favicon, musisz wykonać jeszcze kilka kroków.
Obecnie ico powinien być plikiem SVG (wektorowym). Cassiopeia wyróżnia trzy pliki favicon.
- favicon.ico
- joomla-favicon.svg
- joomla-favicon-pinned.svg
Początkowo pobierane są obrazy z katalogu media/system/images. Jeśli umieścisz te same pliki media/templates/site/cassiopeia/images Pliki będą pobierane z powyższego zamiast katalogu systemowego.
Więc jeśli chcesz w pełni zastąpić wszystkie trzy pliki, musisz umieścić swój favicon.ico w media/system/images, jak omówiono wcześniej.
Jak konwertować pliki do svg jeśli mam tylko np png lub inny format.
Można wykorzystać taką na przykład stronę, która spróbuje utworzyć plik wektorowy z twojego pliku.
Pamiętaj, aby zawsze zweryfikować wygląd takiego pliku po konwersji do innego formatu.
Użycie rozszerzenia, które wykona za nas podmianę. Phoca Favicon
Phoca Favicon to darmowe rozszerzenie, które możesz zainstalować, co ułatwia zmianę favicon za pomocą dowolnego szablonu. Ponieważ Cassiopeia nie zapewnia łatwo tej funkcjonalności w swoich ustawieniach, jest to prawdopodobnie najłatwiejszy sposób na osiągnięcie tego.
W Phoca Favicon wystarczy zainstalować.
- Następnie odszukanie go w komponentach.
- Wybrać utworzenie favicon.
- Wybrać szablon Cassiopeia
- Załadować obrazek i gotowe. Resztę za nas zrobi rozszerzenie.
Link: https://www.phoca.cz/phocafavicon
Podsumowanie
Ponieważ Cassiopeia jako domyślny szablon niema prawie żadnych opcji dodatkowych trzeba radzić sobie inaczej. Jest to bardzo duże niedopatrzenie ze strony organizacji, ale na szczęście są programiści, którzy potrafią załatać tą lukę. Przedstawione sposoby są dla osób bardziej zaawansowanych, jak i dla totalnie nowych osób, które średnio się poruszają po ekosystemie i mają początkowy zakres wiedzy.
