Jak łatwo dodawać niestandardowy kod w WordPress (bez psucia witryny)

Kiedy po raz pierwszy zacząłem dostosowywać swoją własną stronę WordPress, panicznie bałem się dodawać niestandardowy kod. Jeden źle umieszczony średnik w pliku functions.php mógł zrujnować całą moją witrynę. Sama myśl przyprawiała mnie o panikę.

Więc kiedy natknąłem się na samouczki WordPress, podobnie jak wiele naszych własnych tutaj na WPBeginner, które mówiły mi, abym wkleił fragmenty do mojego motywu lub wtyczki specyficznej dla witryny, pomysł wydawał się jeszcze bardziej onieśmielający.

Oto jednak dobra wiadomość. Istnieje darmowa wtyczka, która pozwala bezpiecznie dodawać niestandardowy kod bez ryzyka uszkodzenia strony.

W tym artykule pokażę Ci tę prostą metodę bezpiecznego dodawania niestandardowego kodu w WordPressie. To podejście doskonale sprawdza się zarówno dla początkujących, jak i doświadczonych użytkowników, którzy chcą dostosować swoje witryny bez stresu.

Problem z niestandardowymi fragmentami kodu (i jak go naprawić)

Jak wspomniałem wcześniej, często w samouczkach WordPressa znajdziesz fragmenty kodu z instrukcjami, aby dodać je do pliku functions.php swojego motywu lub do wtyczki specyficznej dla witryny.

Największym problemem jest to, że nawet najmniejszy błąd w niestandardowym fragmencie kodu może zepsuć Twoją witrynę WordPress i uczynić ją niedostępną.

Nie wspominając o tym, że jeśli zaktualizujesz lub zmienisz swój motyw WordPress, wszystkie Twoje dostosowania zostaną usunięte.

Innym problemem jest to, że jeśli dodasz wiele fragmentów kodu do wtyczki specyficznej dla witryny, zarządzanie plikiem może stać się trudne.

Na szczęście istnieje łatwiejszy sposób dla użytkowników na dodawanie i zarządzanie niestandardowymi fragmentami kodu w WordPress.

WPCode to najpopularniejsza wtyczka do fragmentów kodu, używana przez ponad 2 miliony stron internetowych WordPress. Ułatwia dodawanie fragmentów kodu w WordPress bez konieczności edycji pliku functions.php motywu.

WPCode ułatwia również dodawanie kodów śledzenia dla Google Analytics, Facebook Pixel, Google AdSense i innych do obszarów nagłówka i stopki Twojej witryny.

Nigdy nie będziesz musiał martwić się o zepsucie swojej witryny, ponieważ inteligentna walidacja fragmentów kodu pomaga zapobiegać typowym błędom kodu.

Ponadto WPCode zawiera wbudowaną bibliotekę fragmentów, w której można znaleźć wszystkie najpopularniejsze fragmenty kodu WordPress, takie jak zezwolenie na przesyłanie plików SVG, wyłączenie REST API, wyłączenie komentarzy, wyłączenie Gutenberga i wiele więcej.

Eliminuje to potrzebę instalowania oddzielnych wtyczek dla każdego zgłoszenia funkcji.

Najlepsze jest to, że możesz zarządzać wszystkimi swoimi fragmentami kodu z jednego centralnego ekranu i dodawać tagi, aby je organizować.

Istnieje również darmowa wersja WPCode, która zawiera wszystkie podstawowe funkcje potrzebne do dodawania niestandardowego kodu w WordPress, w tym obsługę 6 typów kodu, inteligentną logikę warunkową i inne.

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodawać niestandardowe fragmenty kodu w WordPress za pomocą WPCode.

• Dodawanie niestandardowych fragmentów kodu w WordPress
• Obsługa błędów w niestandardowym kodzie
• Zarządzanie fragmentami niestandardowego kodu
• Bonus: Generate Custom Code Snippets with AI

Dodawanie niestandardowych fragmentów kodu w WordPress

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować darmową wtyczkę WPCode na swojej stronie internetowej. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka doda nowy element menu o nazwie „Fragmenty kodu” do paska administracyjnego WordPress. Kliknięcie go wyświetli listę wszystkich niestandardowych fragmentów kodu, które zapisałeś na swojej stronie.

Ponieważ właśnie zainstalowałeś wtyczkę, Twoja lista będzie pusta.

Kliknij przycisk „Dodaj nowy”, aby dodać swój pierwszy niestandardowy fragment kodu w WordPressie.

Spowoduje to przejście do strony „Dodaj fragment”. Tutaj możesz wybrać fragment kodu z gotowej biblioteki lub dodać własny kod.

Aby dodać niestandardowy kod, kliknij przycisk „+ Dodaj niestandardowy fragment” pod opcją „Dodaj swój niestandardowy kod (nowy fragment)”.

Następnie wybierz typ kodu z listy dostępnych opcji, które pojawią się na ekranie.

W tym samouczku klikniemy opcję „Fragment PHP”.

Zostaniesz teraz przeniesiony na stronę Tworzenie niestandardowego fragmentu kodu.

Możesz zacząć od wprowadzenia tytułu dla swojego niestandardowego fragmentu kodu. Może to być cokolwiek, co pomoże Ci zidentyfikować kod.

Następnie możesz skopiować i wkleić swój fragment kodu do pola „Podgląd kodu”.

Na powyższym zrzucie ekranu dodałem niestandardowy fragment kodu, aby usunąć numer wersji WordPress z mojej strony testowej.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Poniżej pola kodu zobaczysz opcje wstawiania. Istnieją dwie główne opcje wstawiania: Automatyczne wstawianie i Krótki kod.

Jeśli wybrałeś metodę „Automatyczne wstawianie”, fragment zostanie automatycznie wstawiony i wykonany na Twojej stronie.

Możesz automatycznie uruchomić fragment kodu tylko w obszarze administracyjnym WordPressa, na froncie Twojej witryny lub wszędzie. Możesz nawet wybrać wstawienie fragmentu kodu w określonych lokalizacjach strony, takich jak przed lub po postach lub w treści posta.

Jeśli nie masz pewności, wybierz domyślną opcję „Uruchom fragment wszędzie”.

W metodzie „Krótki kod” fragment nie jest automatycznie wstawiany. Po zapisaniu fragmentu otrzymasz krótki kod specyficzny dla fragmentu, którego możesz używać w dowolnym miejscu na swojej stronie.

Przewijając dalej w dół, możesz ograniczyć miejsce, w którym fragment ma być ładowany, według typu urządzenia. Domyślnie fragmenty są ładowane na wszystkich typach urządzeń, ale możesz również ustawić je tak, aby ładowały się tylko na komputerach stacjonarnych lub tylko na urządzeniach mobilnych.

Następnie możesz użyć potężnej sekcji „Inteligentna logika warunkowa”, aby pokazać lub ukryć automatycznie wstawiane fragmenty na podstawie zestawu reguł.

Na przykład możesz wyświetlać fragmenty kodu tylko zalogowanym użytkownikom, ładować fragmenty kodu tylko na określonych adresach URL stron i nie tylko.

Na koniec zobaczysz obszar „Podstawowe informacje”. Możesz tutaj dodać wszystko, co pomoże Ci zrozumieć, co robi ten kod, skąd go wziąłeś i dlaczego dodajesz go do swojej witryny.

Możesz również przypisać tagi do swojego fragmentu kodu. Pomoże Ci to sortować fragmenty kodu według tematu i funkcjonalności.

Pole priorytetu pozwala kontrolować kolejność wykonywania fragmentów kodu, gdy chcesz wyświetlić wiele fragmentów w tym samym miejscu. Domyślnie wszystkie fragmenty kodu mają priorytet 10. Jeśli chcesz, aby fragment kodu wyświetlił się wcześniej niż inne, po prostu ustaw priorytet fragmentu na niższą liczbę, na przykład 5.

Po zakończeniu wybierania opcji przełącz przełącznik z „Nieaktywny” na „Aktywny” w prawym górnym rogu, a następnie kliknij przycisk „Zapisz fragment”.

Jeśli chcesz zapisać fragment kodu i nie aktywować go, po prostu kliknij przycisk „Zapisz fragment”.

Po zapisaniu i aktywowaniu fragmentu kodu zostanie on automatycznie dodany do Twojej strony, jeśli wybrałeś taką metodę wstawienia, lub wyświetlony jako krótki kod.

Obsługa błędów w niestandardowym kodzie

Często, jeśli popełnisz błąd podczas dodawania niestandardowego kodu w pliku wtyczki lub motywu specyficznej dla danej strony, natychmiast uniemożliwi to dostęp do Twojej strony.

Zaczniesz widzieć na swojej stronie błąd składni lub błąd wewnętrznego serwera 500. Aby to naprawić, będziesz musiał ręcznie cofnąć swój kod za pomocą klienta FTP.

Fajną rzeczą w wtyczce WPCode jest to, że automatycznie wykryje błąd składni w kodzie i natychmiast go dezaktywuje.

Wyświetli również pomocny komunikat o błędzie, dzięki czemu możesz debugować błąd.

Inteligentna walidacja fragmentów kodu WPCode wykryje również wszelkie błędy podczas dodawania niestandardowego kodu.

Najedź kursorem na błąd, aby wyświetlić instrukcje, które pomogą Ci go naprawić.

Zarządzanie fragmentami niestandardowego kodu

Wtyczka WPCode zapewnia łatwy interfejs użytkownika do zarządzania niestandardowymi fragmentami kodu w WordPress.

Możesz zapisywać fragmenty kodu bez ich aktywowania na swojej stronie, a następnie aktywować lub dezaktywować fragment w dowolnym momencie. Możliwe jest również filtrowanie fragmentów kodu według typu i lokalizacji, a także używanie tagów do łatwej organizacji fragmentów kodu.

Możesz również wyeksportować poszczególne fragmenty kodu lub wyeksportować wszystkie jednocześnie.

Po prostu przejdź do Fragmenty kodu » Narzędzia i kliknij zakładkę „Eksportuj”.

Jeśli przenosisz strony na inny serwer, możesz łatwo zaimportować swoje fragmenty kodu na nową stronę.

Po prostu odwiedź stronę Code Snippets » Tools » Import i prześlij plik eksportu.

Bonus: Generuj niestandardowe fragmenty kodu za pomocą AI

Nawet jeśli nie wiesz, jak kodować, możesz łatwo tworzyć niestandardowe fragmenty kodu dla swojej witryny WordPress za pomocą generatora fragmentów kodu AI WPCode. Zamiast więc zmagać się z PHP, HTML lub CSS, możesz opisać, czego chcesz dla swojej witryny, prostym angielskim.

Na stronie „Dodaj fragment” najedź kursorem na opcję „Wygeneruj fragment za pomocą AI”. Następnie kliknij przycisk „+ Wygeneruj fragment”.

Następnie pojawi się pole tekstowe, w którym możesz opisać, co chcesz, aby Twój fragment kodu robił. Staraj się być konkretny, ale nie przesadzaj z długością, zawsze możesz użyć funkcji AI Improve, aby wprowadzić dodatkowe zmiany później.

Po wpisaniu zapytania kliknij przycisk „Wygeneruj”.

Sztuczna inteligencja napisze teraz Twój nowy fragment kodu, a także wybierze lokalizację automatycznego wstawiania i ustawi logikę warunkową, jeśli będzie to konieczne.

Jeśli chcesz dostosować swój nowy fragment, możesz kliknąć przycisk „Popraw za pomocą AI”, który pozwoli Ci opisać zmiany, które chcesz wprowadzić.

Możesz również użyć funkcji AI Improve, aby ulepszyć dowolne z istniejących fragmentów kodu.

Samouczek wideo

Jeśli nie lubisz pisemnych instrukcji, możesz skorzystać z naszego samouczka wideo na temat tego, jak łatwo dodawać niestandardowy kod w WordPress:

Mam nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo dodawać niestandardowy kod w WordPress. Chcesz poeksperymentować z fragmentami kodu na swojej stronie? Sprawdź naszą listę niezwykle przydatnych sztuczek dla pliku funkcji WordPress i nie zapomnij zapoznać się z naszym ostatecznym przewodnikiem po przyspieszaniu Twojej witryny WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.