Instrukcja dla tych, co nie lubią grzebania w kodzie. Pokażę Wam jak dodać łatwo ikonki społecznościowe do naszego menu/stron za pomocą Font Awesome. Wszystko będzie odbywało się w układzie naszego bloga, po za jednym elementem, który będziemy musieli wrzucić w kod, ale, ale nie będziemy musieli grzebać w szablonie, bo wszystko będzie ma wyciągnięcie ręki.
1. Przechodzimy do szablon - edytuj kod HTML - i NAD <head> wklejamy:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
2. Przechodzimy na stronę Font Awesome (KLIK) i wybieramy nasze ikonki społecznościowe (otwórz je w oddzielnych kartach)
3.Przechodzimy do układ - dodaj gadżet - strony lub jeśli mamy już gadżet strony klikamy edytuj.
4. Pojawi nam się nowe okno. Teraz musimy wybrać dodaj link zewnętrzny.
Otworzy nam się kolejne okno, które musimy uzupełnić w następujący sposób:
a. Przechodzimy do strony Font Awesome
Na koniec zapisujemy nasz gadżet. Efekt końcowy:
Oj, okropnie nie lubię grzebania w kodach. W ogóle nie mam do tego głowy. Przyda mi się do remontu bloga, który już niedługo :)
OdpowiedzUsuńsuper! w wolnym czasie wypróbuję ten kod u siebie. Pozdrawiam :-)
OdpowiedzUsuńPrzyznam, że swojego czasu męczyłam się z tym niesamowicie. Będę wiedziała gdzie wracać :)
OdpowiedzUsuńAaaa więc to tak się to robi :D Przydatne info :)
OdpowiedzUsuńA jak zrobić, żeby ikonki były po prawej stronie i nie było między nimi dużej przerwy ? :)
OdpowiedzUsuńW tym wypadku, nie da się tego zrobić
OdpowiedzUsuńLinki działają, ale obrazki są niewidoczne :(. No szkoda.
OdpowiedzUsuńPomoże ktoś totalnie nie wiem jak to sie robi :(
OdpowiedzUsuńRobię wszystko według instrukcji i mam kwadraciki. Czy komuś z Was też tak się zrobiło?
OdpowiedzUsuńKwadraciki będą, ponieważ instrukcja jest oparta na starej wersji Font Awesome, wpis zostanie zaktualizowanych, ale niestety, bloga prowadzę sama i nie dam rady w ciągu jednego dnia zaktualizować ok. 100 wpisów z instrukcjami ;)
OdpowiedzUsuń