Font Awesome to czcionka obrazkowa. Jeśli myślisz, że się z nią nie spotkałeś, muszę wyprowadzić Cię z błędu. Ikony Font Awesome są wszechobecne w internecie. Skąd taka popularność? Przede wszystkim mimo, iż wyglądem przypominają zwykłe obrazki, są tak naprawdę fontami. Można edytować je jak każdą inną czcionkę i w ławy sposób ustawić, np. rozmiar, kolor lub podświetlenie przy użyciu CSS-a.
 |
Jak dodać takie ikony do naszego bloga? Krok pierwszy to odwiedzenie strony głównej Font Awesome. W zakładce Get Started umieszczony jest kod, który musimy dodać do naszego szablonu. Kod to arkusz stylów, który wygląda w ten sposób:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
Co jakiś czas wersja zmienia się, pamiętajcie o sprawdzeniu na oficjalnej stronie aktualnego kodu. Krok drugi to umieszczenie naszego kodu w szablonie w sekcji <head>. W tym celu wchodzimy w Szablon, zapisujemy kopię zapasową i klikamy Edytuj kod HTML:
Klikamy w dowolnym miejscu, wciskamy Ctr+F, pojawia się okienko wyszukiwania. Wklejamy nasz kod nad </head> i zapisujemy.
Jak dodać ikonki Font Awesome na bloga? Wystarczy wejść na stronę główną programu w zakładkę Icons i wybrać interesujący nas font.
 |
Wygenerowany kod dodajemy na bloga. Wchodzimy w:
Układ > Dodaj gadżet >HTML/Java Script
 |
Ikony możemy wstawiać również we wpisie na etapie tworzenia nowego posta w HTML. Jeśli chcemy aby były one odnośnikiem do konkretnego miejsca w sieci, np naszego facebooka uzupełniamy poniższy kod:
<a href="ADRES WASZEJ STRONY"><i class="fa fa-facebook-square"></i></a>
Bardzo łatwo możemy wygenerować w ten sposób wszystkie ikonki mediów społecznościowych i powiązać naszego bloga z Instagramem, Facebookiem czy Youtube. Możliwości jest naprawdę dużo.
Brak komentarzy :
Prześlij komentarz