w naszym poprzednim artykule pokazaliśmy dwa bogate w funkcje narzędzia, które wyróżniają się w edycji HTML WordPress dla poszczególnych stron i postów. Teraz przejdźmy do następnej sekcji edycji HTML, która obejmuje kod źródłowy WordPress.
ponieważ ingerencja w kod źródłowy może narazić Twoją witrynę na ryzyko, wybierz tę metodę tylko wtedy, gdy jesteś pewny swojej wiedzy o kodzie.
jesteś? Więc zaczynajmy!
Dlaczego Warto Wiedzieć, Jak edytować kod źródłowy HTML
WordPress ma na celu pomóc użytkownikom uniknąć dotykania linii kodu w jak największym stopniu. Nie trzeba dodawać, że jest to przyjazna i łatwa w użyciu platforma, która zapewnia wiele wbudowanych funkcji i wtyczek, aby pomóc użytkownikom spełnić większość ich potrzeb.
na przykład, jeśli chodzi o dostosowywanie witryny WordPress, dostępnych jest wiele wtyczek i motywów, które pomogą Ci załatwić sprawy. Instalując je i aktywując, możesz bez problemu dostosować lub w pełni dostosować swoją witrynę. Innymi słowy, dla podstawowych potrzeb WordPress pozwala robić wszystko bez ingerencji w kod źródłowy witryny.
jednak przychodzi czas, kiedy chcesz mieć większą kontrolę nad swoją witryną, np. wykonać zaawansowane dostosowywanie. Nawet w najgorszym scenariuszu witryna ulega awarii lub występuje błąd, który uniemożliwia dostęp do pulpitu administratora.
w takich okolicznościach edytowanie kodu źródłowego HTML WordPress może być biletem. W związku z tym pomoże Ci rozwiązać problemy.
ten post pokaże ci pełny przewodnik po edycji kodu źródłowego HTML w WordPress. W związku z tym możesz wybrać najbardziej odpowiednie rozwiązanie w zależności od konkretnych potrzeb.
- edytuj kod źródłowy HTML za pomocą Edytora motywów WordPress
- edytuj kod źródłowy HTML za pomocą FTP (File Transfer Protocol)
- edytuj kod źródłowy HTML za pomocą cPanel
edytuj kod źródłowy HTML za pomocą Edytora motywów WordPress
Korzystanie z edytora motywów WordPress na pulpicie nawigacyjnym jest prostą metodą. Oznacza to, że nie musisz używać żadnej wtyczki lub platformy innej firmy do edycji kodu źródłowego HTML.
po prostu wykonaj poniższe czynności.
Krok 1: Przejdź do edytora motywów wygląd >.
Krok 2: pojawi się komunikat ostrzegawczy potwierdzający zrozumienie edytowania HTML przed rozpoczęciem. Kliknij rozumiem, aby uruchomić piłkę.
Krok 3: Wybierz motyw do edycji w rozwijanym menu w prawym rogu. Załóżmy, że zamierzamy edytować motyw Storefront.
Krok 4: wyświetla się nowy ekran. Na liście po prawej stronie wybierz określony plik motywu, który chcesz edytować.
zwróć uwagę, że pliki są wyświetlane w zależności od motywu. To powiedziawszy, we wszystkich tematach są punkty wspólne. Na przykład:
- indeks.PHP
- nagłówek.PHP
- Stopka.php
- Style.funkcja css
- .PHP
Krok 4: Wprowadź zmiany w HTML. Pamiętaj, aby postępować ostrożnie, ponieważ nawet niewłaściwy przecinek lub kropka może uszkodzić twoją witrynę.
Krok 5: Naciśnij plik aktualizacji, aby zapisać zmiany.
warto zauważyć, że WordPress uniemożliwi zapisanie edytowanego kodu HTML w przypadku wykrycia błędów. W takim przypadku sprawdź ponownie kod HTML i zapisz go ponownie.
z tego powodu ta metoda jest uważana za bezpieczniejszą niż pozostałe 2 metody, które zostaną przedstawione poniżej.
edytuj kod źródłowy HTML za pomocą FTP
FTP oznacza File Transfer Protocol. Jeśli jesteś techiem, edytowanie kodu źródłowego HTML WordPress za pomocą klienta FTP nie będzie dla ciebie nauką. W tym artykule zajmiemy się Filezillą, która jest uważana za najbezpieczniejszego i najbardziej przyjaznego dla użytkownika klienta FTP spośród kilku.
zaczynajmy!
Krok 1: Pobierz FileZilla i zainstaluj go na swoim lokalnym.
Krok 2: po zakończeniu otwórzmy FileZilla.
wymaga to wprowadzenia poświadczeń FTP, takich jak nazwa użytkownika, hasło i nazwa hosta, które można łatwo znaleźć na koncie hostingowym.
naciśnij QuickConnect, aby połączyć się z serwerem.
Krok 3: Następnie powinieneś zobaczyć listę plików swojej witryny w prawym panelu.
Otwórz folder public_html. To tam znajdują się Twoje pliki i foldery.
Krok 4: w folderze Public_html wyszukaj folder wp-content, w którym znajdują się wszystkie zainstalowane motywy witryny. Przewiń w dół, aby to zobaczyć.
Krok 5: w folderze wp-content wybierz Motywy.
tutaj możesz pobrać i edytować motywy, które chcesz dostosować.
na przykład, jak widać na zrzucie ekranu poniżej, mamy motyw o nazwie twentytwentyone.
Krok 6: Otwórz folder motywów, a zobaczysz listę plików HTML. Aby go edytować, kliknij go prawym przyciskiem myszy i wybierz opcję Wyświetl / edytuj.
w związku z tym Plik zostanie pobrany do twojego lokalnego.
Krok 7: Edytuj pliki motywów za pomocą własnego kodu fragmentu.
Krok 8: Prześlij plik z powrotem do tego samego folderu. Odpowiednio, nowy plik nadpisze stare.
to jest to! Możesz wrócić do swojej publicznej strony i sprawdzić wynik.
edytuj kod źródłowy HTML za pomocą cPanel
inną godną zaufania metodą modyfikowania kodu źródłowego HTML WordPress jest użycie cPanel.
za pomocą cPanel możesz zarządzać swoimi witrynami WordPress, kontami e-mail, nazwami domen, połączeniem z bazą danych itp. bez żadnej wiedzy technicznej.
teraz zbadajmy, jak możesz edytować źródło HTML WordPress za pomocą cPanel.
Krok 1: Zaloguj się na swoje konto hostingowe, aby uzyskać dostęp do cPanel.
Krok 2: Przejdź do menedżera plików i wyszukaj folder public_html.
Krok 3: w folderze wp-content powinieneś być w stanie znaleźć folder themes.
Krok 4: w folderze motywy wybierz bieżący motyw i edytuj go.
spowoduje to otwarcie pliku w edytorze tekstu, w którym można go dostosować. Po wprowadzeniu zmian nie zapomnij zapisać pliku.
Uwaga Podczas edycji kodu źródłowego HTML WordPress
jak stwierdzono, wszelkie zmiany w źródle WordPress mogą narazić Twoją witrynę na ryzyko. Dlatego proszę być ostrożnym i wziąć naszą radę pod uwagę przed rozpoczęciem rzeczy.
Utwórz kopię zapasową swoich danych
dzięki temu masz zaktualizowany katalog danych do przesłania z powrotem do zaplecza w przypadku, gdy wszystko zostanie pomieszane podczas edycji kodu źródłowego HTML.
upewnij się, że przechowujesz pliki kopii zapasowej w bezpiecznym miejscu, aby nieupoważnione osoby nie miały dostępu do cennych danych i nie mogły ich wykraść.
Utwórz motyw potomny
jeśli planujesz bezpośrednio edytować dowolny kod w plikach motywu, powinieneś użyć motywu potomnego zamiast bezpośrednio edytować motyw nadrzędny. W przeciwnym razie zmiany zostaną utracone po zaktualizowaniu motywu nadrzędnego.
czy jesteś gotowy do edycji kodu źródłowego HTML WordPress?
dzięki naszym dwóm artykułom uzbroiłeś się w solidną wiedzę na temat edycji HTML na swojej stronie WordPress, w tym poszczególnych stron, postów i kodu źródłowego.