✅ Nowości, motywy, wtyczki WEB i WordPress. Tutaj dzielimy się wskazówkami i najlepszymi rozwiązaniami dla stron internetowych.

Jak edytować kod HTML w WordPressie: bezstresowe rozwiązanie

293

Istnieje wiele powodów, dla których WordPress jest popularny; jest łatwy w użyciu i zawiera szeroką gamę wtyczek, takich jak wpDataTables, które oferują zaawansowaną funkcjonalność przy bardzo prostej konfiguracji. Jednak są sytuacje, w których musisz wiedzieć, jak edytować HTML w WordPressie.

Jednak od czasu do czasu musisz uzyskać dostęp do kodu źródłowego swojej witryny. Na przykład, gdy Twoja witryna zostanie zaatakowana przez złośliwe oprogramowanie, może spowodować awarię całej witryny i nie ma innego sposobu na naprawienie tego, poza zabawą z kodem.

Z drugiej strony mogą wystąpić sytuacje, w których po prostu chcesz wprowadzić zaawansowane, niestandardowe zmiany i musisz wiedzieć, jak edytować HTML w WordPress.

Wiedz, co chcesz zmienić

Jak edytować kod HTML w WordPressie: bezstresowe rozwiązanie

Zanim zaczniesz edytować kod HTML witryny, powinieneś wiedzieć, co dokładnie chcesz zmienić. Zdecyduj, jakie wyniki chcesz uzyskać, dowiedz się, jak dostosować motyw WordPress, jak przesłać plik HTML do WordPress, jak skomentować CSS itp.

Może po prostu chcesz poeksperymentować, aby dowiedzieć się więcej, a może po prostu chcesz zmienić tekst lub edytować układ witryny. Jednak bez względu na to, jaki jest twój cel, dokładnie wiedz, co chcesz zrobić, zanim zaczniesz edytować kod.

Nie zapomnij też zadać sobie pytania, czy naprawdę warto poświęcić na to czas. Jeśli nie masz ochoty spędzać dużo cennego czasu na edycję kodu HTML, rozważ zatrudnienie profesjonalisty, który zajmie się tym za Ciebie.

Zbierz swoje narzędzia

Dobrą wiadomością jest to, że nie ma wielu narzędzi, których potrzebujesz, aby móc edytować HTML WordPress. Możesz je wszystkie znaleźć poniżej, a żeby było jeszcze lepiej, wszystkie są bezpłatne.

  • Klient FTP, taki jak Filezilla lub WinSCP, aby uzyskać bezpośredni dostęp do plików na serwerze WWW; aby je łatwo pobierać i przesyłać.
  • Edytor do  wprowadzania zmian w pobranym pliku, taki jak Notepad ++, który jest bezpłatny i ma podświetlanie składni dla najpopularniejszych języków programowania.

Twórz kopie zapasowe

Zanim zaczniesz mieszać się z kodem źródłowym HTML, upewnij się, że wiesz, gdzie znajdują się kopie zapasowe i jak je natychmiast przywrócić, jeśli to konieczne. Możesz tworzyć pliki kopii zapasowych za pomocą cPanel dostawcy hostingu, jeśli nie lubisz tworzyć własnych kopii zapasowych.

Zmiana zwykłego posta lub strony WordPress

Jak edytować kod HTML w WordPressie: bezstresowe rozwiązanie

Jeśli chcesz zmienić kod źródłowy HTML na zwykłej stronie WordPress, wystarczy użyć edytora HTML WordPress. Zmiana kodu WordPress w ten sposób jest w rzeczywistości dość łatwa. Po prostu edytuj stronę, a zauważysz, że kliknięcie  zakładki Tekst  pokaże Ci kod HTML za tym, co pojawia się w tej zakładce Wizualizacja.

Edycja HTML w WordPress

Aby wyjaśnić, jak edytować HTML w WordPressie, najpierw musimy wiedzieć, jak uzyskać do niego dostęp.

Będziesz musiał uzyskać dostęp do kodu źródłowego witryny przed przejściem do edytora HTML WordPress.

Ale jak edytować HTML WordPress na swojej stronie głównej?

Jeśli nie wiesz, jak edytować stronę główną WordPressa, nie martw się. Zwykle możesz to zrobić w obszarze Wygląd > Widżety, gdzie możesz po prostu dostosować zawartość w poszczególnych obszarach widżetów.

Jednak w niektórych przypadkach zauważysz, że strona główna działa jako osobna strona i nie będziesz mógł jej edytować w obszarze Widżety. Jeśli tak się stanie, możesz znaleźć zawartość strony głównej w sekcji Strony lub kliknąć opcję Edytuj stronę na górnym pasku administracyjnym na stronie głównej.

Jeśli te dwie opcje nie działają dla Ciebie, istnieje szansa, że ​​używasz kreatora stron lub motywu z wbudowanym edytorem strony głównej. W takim przypadku możesz edytować kod HTML w sposób określony w dokumentacji dostarczonej z programem budującym strony lub odpowiednim motywem.

Jak edytować motywy WordPress

Jak edytować kod HTML w WordPressie: bezstresowe rozwiązanie

Teraz wyjaśnimy, jak dostosować motyw WP. Po prostu przejdź do Wygląd → Edytor na pulpicie WordPress i znajdź odpowiedni motyw.

Nie daj się zwieść, jeśli widzisz tylko jeden lub dwa pliki; zazwyczaj style.css i functions.php. Nie ma w tym nic niezwykłego, nie martw się.

Niestety zmiana pliku szablonu nie jest czymś, co możesz zrobić z edytora pulpitu nawigacyjnego. Musisz skopiować plik do motywu potomnego za pomocą aplikacji FTP.

Na przykład, jeśli chcesz edytować plik HTML w motywie Twenty Eighteen, powiedzmy, stopce, musisz najpierw skopiować plik footer.php do naszego motywu potomnego za pomocą aplikacji FTP.

Po prostu skopiuj go na swój komputer, a następnie skopiuj ponownie do folderu motywu. Gdy to zrobisz, przejdź do Wygląd → Edytor na pulpicie WordPress, wybierz motyw podrzędny i nazwę pliku footer.php na prawym pasku bocznym.

Zaktualizuj swój kod, a następnie kliknij duży niebieski  przycisk Aktualizuj plik pod edytorem.

W niektórych przypadkach przycisk Aktualizuj plik nie będzie od razu widoczny. Jeśli tak jest, prawdopodobnie będziesz musiał zmienić uprawnienia do pliku za pomocą aplikacji FTP. Po prostu kliknij prawym przyciskiem myszy nazwę pliku w aplikacji FTP i wybierz opcję zmiany uprawnień.

Test

Teraz, gdy wiesz, jak edytować WordPress, możesz przetestować zmiany wprowadzone w przeglądarce, ponownie ładując witrynę (naciśnij F5 ). Jeśli wszystko działa płynnie, wykonałeś świetną robotę przy edycji swoich kodów HTML.

Jeśli rzeczy nie są dokładnie takie, jakich się spodziewałeś, nie martw się. Zawsze możesz cofnąć zmiany lub po prostu ponownie zainstalować kopię zapasową i spróbować ponownie.

Końcowe myśli o tym, jak edytować HTML w WordPressie

Nauka kodowania HTML nie jest łatwa, ale nauka edycji HTML w WordPressie nie jest taka zła, prawda?

W tym samouczku omówiliśmy niektóre z najbardziej podstawowych zmian, które są świetnym początkiem, jeśli dopiero uczysz się korzystać z HTML. Umiejętność kodowania własnej witryny może być bardzo przydatna, ale nie musisz być ekspertem od kodowania, aby samodzielnie wprowadzić kilka prostych zmian.

Pamiętaj, że jeśli coś nie pójdzie zgodnie z planem, zawsze możesz cofnąć zmiany lub ponownie zainstalować kopię zapasową.

Jeśli podobał Ci się ten artykuł o tym, jak edytować HTML w WordPressie, powinieneś zapoznać się z tym, jak zresetować WordPress.

Pisaliśmy również o kilku powiązanych tematach, takich jak jak osadzić wideo w WordPressie, jak zmienić adres URL WordPressa, jak dodać JavaScript do WordPressa, jak zduplikować stronę w WordPressie, jak edytować role użytkowników WordPress i jak dodać polecany obraz WordPress.

Źródło nagrywania: wpdatatables.com

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów