Favicon na WordPress na własnym hostingu
by taktyczny
Rozpisałem się o tworzeniu i umieszczaniu favicon tak, że główny temat poprzedniego posta “Favicon na Bloggerze” zaginął pośród innych bezcennych rad. Dlatego tamten przydługawy wpis już w pół godziny po opublikowaniu zdecydowałem się rozbić na dwa, o czym z bólem informuję. Tutaj przeniosłem swoje rady jak WYGENEROWAĆ FAVICON i wykorzystać go na własnej stronce.
Favicon to IKONA, która pojawia się przed adresem strony w polu adresowym przeglądarki oraz w panelach (kartach, zakładkach) przed nazwą strony. W tym przypadku ikona ma postać obrazka 16×16 pikseli, który jest zapisany w formacie .ico .
Ikonę generujemy za darmo w ciągu kilku sekund na jednym z GENERATORÓW FAVICON on-line. Gdzie, to można wybrać chociażby w tym artykule bloga CSS Juice (cały blog to może być gratka dla dłubaczy w CSS).
Ja dla swoich innych stron korzystałem z favicon.cc . Ma on rozrysowane wszystkie 16×16 pikseli przyszłej ikony, dzięki czemu możemy podejrzeć w jakim stopniu nasz projekt jest upraszczany przy generowaniu favicony i gdzie pójdą jakie barwy. Można wtedy wrócić do podstawowego projektu i wiadomo jakie wprowadzić poprawki zwiększające czytelność maleńkiego w końcu obrazka, lub co jeszcze ciekawsze, RETUSZOWAĆ go na bieżąco na stronie i dopiero zapisać do siebie. Druga ciekawa funkcja, to możliwość wyboru favicony nie tylko standardowo kwadratowej, ale też utworzonej z zachowaniem proporcji.
Klikamy: Import Image – Przeglądaj – znajdujemy u siebie wybrany obrazek i Zaznaczamy go – potem Otwórz – wybieramy proporcje – Upload. Za chwilę mamy efekt – rozkład kolorów na pikselach, a poniżej prezentację wyglądu ikony w pasku przeglądarki. Oglądamy, czy nam pasuje, ewentualnie wprowadzamy retusz (instrukcja po angielsku jest po prawej, ale kilka śmiałych prób i sami wiemy o co chodzi), potem klikamy Download Favicon i ładujemy na swój komputer. Mamy już ikonę.
Jeśli mamy DOSTĘP DO KATALOGU GŁÓWNEGO STRONY, trzymamy na wykupionym hostingu np. wordpress, ale też każdy inny kod, np inne silniki blogowe, forum, stronę statyczną itd. wtedy możemy albo używać hostingu favicon jak to opisałem w poprzednim wpisie, albo umieszczamy faviconę na swoim serwerze. Wówczas wrzucamy ją do katalogu głównego naszej strony, a w kodzie html wklejamy typowy link do niej prowadzący. Na przytoczonej powyżej stronie ‘CSS Juice’ jest dokładny opis, jak to zrobić oraz możemy skopiować kod takiego linku. Można też korzystać z możliwości jakie daje w tym zakresie The Favicon Labs, także opisany w poprzednim razem. Wykorzystujemy wtedy link znajdujący się pod ‘Direct Download’.
Jak zaznaczyłem, taki sposób publikowania favicon jest nie do zrobienia dla blogerów korzystających z platform.
prosciej jest sciagnac moralnego do domu i niech zrobi co trzeba dostanie za to obiad:)z podziwem za wklad pracy, slawkas:)
@beata: nowatorskie spojrzenie:), idę o zakład, że takiego tipsa nie było nawet na ProBlogger.net ;)
Pierwsza rzecz, jaka mi się rzuciła w oczy, to ta favicona. Miałem nawet o to zapytać, a tu wchodzę i widzę, że temat szeroko opisany. :)
@romanjas: to znaczy, że favicona faktycznie spełnia swoje zadanie:) Ja zaś widzę, że Ty nowocześnie logujesz się z wykorzystaniem OpenId:) To kolejna korzyść z WrodPress czy rejestrowałeś się osobno? Ja zarejestrowałem się tam jakiś czas temu, muszę dalej podjąć ten temat.