Jeśli masz witrynę na platformie Wordpress, prawdopodobnie wiesz, że szablon na Twoim blogu można zmieniać w nieskończoność, ponieważ nie ma ograniczeń co do perfekcji. Platforma ta stała się szybko uczonym narzędziem dla webmastera, zwłaszcza że skórkę można edytować za pomocą konwencjonalnych programów.
Niezbędny
- Oprogramowanie:
- - przeglądarka internetowa Firefox;
- - dodatek Firebug.
Instrukcje
Krok 1
Wielu webmasterów twierdzi, że idealną przeglądarką do surfowania i tworzenia witryn jest produkt Mozilli. Firefox to prawdopodobnie jedyny program, który obsługuje tak wiele aplikacji i dodatków. Aby edytować szablony na dowolnej platformie, potrzebujesz dodatku Firebug, który pozwala wyświetlać i edytować dowolne parametry szablonu na stronie.
Krok 2
Aby go zainstalować, kliknij górne menu „Narzędzia” przeglądarki i wybierz element „Dodatki” lub naciśnij kombinację klawiszy Ctrl + Shift + A. W oknie, które się otworzy, nie czekaj na pobranie zalecane aplikacje dla Firefoksa, należy umieścić kursor w polu z tekstem „Szukaj wśród dostępnych dodatków”i wprowadzić Firebuga.
Krok 3
Na liście wyników wyszukiwania kliknij przycisk obok elementu Firebug. Po pobraniu tego dodatku przycisk Uruchom ponownie teraz stanie się aktywny. Kliknij go, aby zastosować zmiany. Jeśli z jakiegoś powodu ta aplikacja nie pojawia się w wynikach wyszukiwania, przejdź na oficjalną stronę Mozilli i zainstaluj Firebug z następującego linku
Krok 4
Po zainstalowaniu tego dodatku na dole okna przeglądarki pojawi się mała ikona z wizerunkiem chrząszcza, kliknij ją - dodatek stanie się aktywny. Na przykład, jeśli chcesz zmienić sposób wyświetlania linków na stronie głównej swojej witryny, aby znaleźć kod dla tego elementu w oknie "błąd", które jest podzielone na 2 części, musisz na przemian wybrać Html i Styl. Teraz w jednej części okna zostanie wyświetlony kod html, w innej części będzie widoczny kod z plików style.css.
Krok 5
W bloku html poruszaj się po pliku, okresowo klikając bloki, zobaczysz, że po kliknięciu jednego z bloków w "błędzie" na stronie pojawi się wybór tego samego bloku. W ten sposób dość łatwo jest znaleźć edytowalny element, którego kodu nie znasz.
Krok 6
Po znalezieniu żądanego bloku kodu przesuń kursor do sąsiedniego okna (Styl). Tutaj zobaczysz wszystkie opcje wyświetlania dla danego bloku, na przykład rozmiar czcionki to nic innego jak element rozmiaru czcionki. Jeśli chcesz ją zwiększyć, dodaj kilka jednostek do już istniejącej wartości. Należy pamiętać, że wystarczy zmienić numer, skrótu px nie należy dotykać (oznaczenie piksela).
Krok 7
W tym samym bloku zwróć uwagę na wszystkie elementy, wśród nich może być dopełnienie, margines itp. Aby zrozumieć nazwy elementów nieznanych, zaleca się skorzystanie ze specjalistycznego podręcznika poleceń online - https://htmlbook.ru. Kliknij ten link, w prawym górnym rogu znajduje się pole „Site Search”. Wpisz polecenie, którego szukasz i naciśnij klawisz Enter.
Krok 8
W wynikach wyszukiwania zobaczysz odmiany tego elementu. Na przykład zastanawiasz się, co oznacza element margin. Wpisz to słowo w polu wyszukiwania i naciśnij Enter. Z wyników wyszukiwania wybierz pierwszy link CSS - margines. Po kliknięciu tego linku będziesz mógł zapoznać się z tym poleceniem i dowiedzieć się wszystkiego o jego zastosowaniu.
