W artykule:
Szukasz łatwego sposobu edycji HTML na swojej stronie WordPress?
HyperText Markup Language lub HTML to kod, który mówi przeglądarce internetowej, jak wyświetlić zawartość na stronach internetowych. Edycja HTML jest przydatna do zaawansowanego dostosowywania i rozwiązywania problemów.
W tym artykule pokażemy, jak edytować kod HTML w edytorze kodu WordPress przy użyciu różnych metod.
Dlaczego warto edytować HTML w WordPress?
WordPress oferuje tysiące motywów i wtyczek do zmiany wyglądu witryny i dostosowywania różnych elementów bez dotykania pojedynczej linii kodu.
Jednak wtyczki i motywy mają swoje ograniczenia i mogą nie oferować dokładnych funkcji, których szukasz. W rezultacie możesz nie być w stanie wystylizować swojej witryny tak, jak chcesz.
To tutaj edycja HTML jest naprawdę przydatna. Możesz łatwo wykonać zaawansowane dostosowywanie za pomocą kodu HTML. Zapewnia dużą elastyczność i kontrolę nad tym, jak twoja strona będzie wyglądać i funkcjonować.
Ponadto nauka edycji HTML może również pomóc zidentyfikować i naprawić błędy w witrynie WordPress, gdy nie masz dostępu do Pulpitu nawigacyjnego.
Uwaga: Jeśli nie chcesz edytować HTML, ale nadal chcesz pełnych opcji dostosowywania, zalecamy użycie narzędzia do przeciągania i upuszczania WordPress page builder, takiego jak SeedProd.
Mając to na uwadze, przyjrzyjmy się różnym sposobom edycji HTML w witrynie WordPress.
Omówimy, jak edytować kod HTML za pomocą edytora bloków i edytora klasycznego, a także pokażemy łatwy sposób dodawania kodu do witryny. Możesz kliknąć poniższe linki, aby przejść do preferowanej sekcji.
- Jak edytować HTML w edytorze bloków WordPress
- Jak edytować HTML w WordPress Classic Editor
- Jak edytować HTML w widżetach WordPress
- Jak edytować HTML w edytorze motywów WordPress
- Jak edytować HTML w WordPress za pomocą FTP
- Łatwy sposób dodawania kodu w WordPress
Jak edytować HTML w edytorze bloków WordPress
W edytorze bloków WordPress istnieje wiele sposobów edycji kodu HTML Twojego postu lub strony.
Po pierwsze, możesz użyć niestandardowego bloku HTML w treści, aby dodać kod HTML.
Aby rozpocząć, przejdź do pulpitu WordPress, a następnie dodaj nowy post/stronę lub edytuj istniejący artykuł. Następnie kliknij znak plus (+) w lewym górnym rogu i Dodaj blok „Niestandardowy HTML”.
Następnie wprowadź niestandardowy kod HTML w bloku. Możesz także kliknąć opcję „Podgląd”, aby sprawdzić, czy kod HTML działa poprawnie i jak twoja zawartość będzie wyglądać na twojej stronie internetowej.
Innym sposobem dodawania lub zmiany kodu HTML w edytorze bloków WordPress jest edycja kodu HTML określonego bloku.
Aby to zrobić, po prostu wybierz istniejący blok w treści, a następnie kliknij menu z trzema kropkami. Następnie kliknij opcję „Edytuj jako HTML”.
Zobaczysz teraz kod HTML pojedynczego bloku. Śmiało edytuj kod HTML swojej treści. Na przykład możesz dodać link nofollow, zmienić styl tekstu lub dodać inny kod.
Jeśli chcesz edytować kod HTML całego postu, możesz użyć „edytora kodu” w edytorze bloków WordPress.
Możesz uzyskać dostęp do edytora kodu, klikając opcję z trzema kropkami w prawym górnym rogu. Następnie wybierz „Edytor kodu”z opcji rozwijanych.
Jak edytować HTML w WordPress Classic Editor
Jeśli używasz klasycznego edytora WordPress, możesz łatwo edytować kod HTML w widoku tekstowym.
Aby uzyskać dostęp do widoku tekstowego, po prostu Edytuj post na blogu lub Dodaj nowy. Gdy znajdziesz się w klasycznym edytorze, kliknij kartę „Tekst”, aby zobaczyć kod HTML swojego artykułu.
Następnie możesz edytować kod HTML swojej zawartości. Możesz na przykład pogrubić różne słowa, aby je wyróżnić, użyć stylu kursywy w tekście, utworzyć listy, dodać spis treści i nie tylko.
Jak edytować HTML w widżetach WordPress
Czy wiesz, że możesz dodawać i edytować kod HTML w obszarze widgetów witryny?
W WordPress Korzystanie z niestandardowego widżetu HTML może pomóc w dostosowaniu paska bocznego, stopki i innych obszarów widżetów. Możesz na przykład osadzić formularze kontaktowe, mapy Google, przyciski wezwania do działania (CTA) i inne treści.
Możesz zacząć od przejścia do panelu administracyjnego WordPress, a następnie przejść do Wygląd ” Widgety. Następnie dodaj Niestandardowy widżet HTML, klikając przycisk „Dodaj”.
Następnie musisz wybrać miejsce, w którym chcesz dodać niestandardowy widżet HTML i wybrać pozycję. Obszar widżetu zależy od używanego motywu WordPress. Na przykład możesz dodać go do stopki, nagłówka lub innych obszarów.
Po wybraniu obszaru i pozycji widżetu kliknij przycisk „Zapisz widżet”.
Następnie możesz kliknąć Niestandardowy widżet HTML, wprowadzić kod HTML, a następnie kliknąć przycisk „Zapisz”.
Możesz teraz odwiedzić swoją witrynę, aby zobaczyć Niestandardowy widżet HTML w akcji.
Jak edytować HTML w edytorze motywów WordPress
Innym sposobem edycji kodu HTML witryny jest edytor motywów WordPress (edytor kodu).
Nie zalecamy jednak bezpośredniej edycji kodu w edytorze motywów. Najmniejszy błąd podczas wprowadzania kodu może złamać Twoją witrynę i zablokować dostęp do pulpitu WordPress.
Ponadto, jeśli zaktualizujesz swój motyw, wszystkie zmiany zostaną utracone.
To powiedziawszy, jeśli rozważasz edycję HTML za pomocą edytora motywów, dobrym pomysłem jest utworzenie kopii zapasowej witryny przed wprowadzeniem jakichkolwiek zmian.
Następnie udaj się do Wygląd ” Edytor Motywów z pulpitu WordPress. Pojawi się teraz komunikat ostrzegawczy dotyczący bezpośredniej edycji plików motywów.
Po kliknięciu przycisku „Rozumiem” zobaczysz pliki motywów i Kod. W tym miejscu możesz wybrać plik, który chcesz edytować i wprowadzić zmiany.
Jak edytować HTML w WordPress za pomocą FTP
Inną alternatywną metodą edycji HTML w plikach motywów WordPress jest użycie FTP znanego również jako file transfer protocol service.
Jest to standardowa funkcja, która jest dostarczana ze wszystkimi kontami hostingowymi WordPress.
Zaletą korzystania z FTP zamiast edytora kodu jest to, że można łatwo rozwiązać problemy za pomocą klienta FTP. W ten sposób nie zostaniesz zablokowany z pulpitu WordPress, jeśli coś się zepsuje podczas edycji HTML.
Aby rozpocząć, musisz najpierw wybrać oprogramowanie FTP. W tym samouczku będziemy używać Filezilli, ponieważ jest to darmowy i przyjazny dla użytkownika klient FTP dla Systemów Windows, Mac i Linux.
Po wybraniu klienta FTP musisz się zalogować na serwerze FTP swojej witryny. Dane logowania można znaleźć na pulpicie Panelu sterowania dostawcy usług hostingowych.
Po zalogowaniu w kolumnie „strona zdalna” zobaczysz różne foldery i pliki swojej witryny. Przejdź do plików motywów, przechodząc do wp-content ” theme.
Teraz zobaczysz różne motywy na swojej stronie internetowej. Wybierz motyw, który chcesz edytować.
Następnie możesz kliknąć prawym przyciskiem myszy plik motywu, aby edytować kod HTML. Na przykład, jeśli chcesz wprowadzić zmiany w stopce, kliknij ją prawym przyciskiem myszy.plik php.
Wiele klientów FTP umożliwia przeglądanie i edytowanie pliku oraz automatyczne przesyłanie go po wprowadzeniu zmian. W Filezilli możesz to zrobić, klikając opcję „Wyświetl / edytuj”.
Zalecamy jednak pobranie pliku, który chcesz edytować na pulpit przed dokonaniem jakichkolwiek zmian.
Po edycji HTML możesz zastąpić oryginalny plik. Aby uzyskać więcej informacji, zalecamy skorzystanie z naszego przewodnika na temat korzystania z FTP do przesyłania plików w WordPress.
Łatwy sposób dodawania kodu w WordPress
Najprostszym sposobem na dodanie kodu do WordPressa jest użycie wtyczki Wstaw nagłówki i stopki WordPress.
Zespół WPBeginner zaprojektował tę wtyczkę, dzięki czemu możesz łatwo dodać kod do swojej witryny w ciągu kilku minut, a my zrobiliśmy to w 100% za darmo.
Pomaga również uporządkować Kod, ponieważ jest przechowywany w jednym miejscu. Ponadto zapobiega błędom, które mogą być spowodowane podczas ręcznej edycji kodu.
Kolejną korzyścią jest to, że nie musisz się martwić o to, że Twój kod zostanie usunięty, jeśli zdecydujesz się zaktualizować lub zmienić swój motyw.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Wstaw nagłówki i stopki na swojej stronie internetowej. Aby uzyskać więcej informacji, możesz skorzystać z naszego szczegółowego samouczka na temat instalacji wtyczki WordPress.
Gdy wtyczka jest aktywna, możesz udać się do Ustawienie ” Wstaw nagłówki i stopki z panelu administracyjnego.
Następnie możesz dodać kod HTML do swojej witryny w polach nagłówek, treść i stopka.
Załóżmy na przykład, że chcesz wyświetlić pasek alertów w swojej witrynie. Możesz po prostu wprowadzić kod HTML w polu „Skrypty w treści”i kliknąć przycisk Zapisz.
Poza tym możesz dodać kod śledzenia Google Analytics i piksel Facebooka w nagłówku lub dodać przycisk Pinteresta w stopce witryny za pomocą wtyczki.
Aby uzyskać więcej informacji, możesz zobaczyć nasz przewodnik, Jak dodać kod nagłówka i stopki w WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się edytować kod HTML w edytorze kodu WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tego, ile naprawdę kosztuje zbudowanie witryny WordPress, lub zobaczyć najważniejsze powody, dla których powinieneś używać WordPress dla swojej witryny.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
