Jak w prosty sposób dodać własny kod w WordPress?

Niestandardowe fragmenty kodu to małe fragmenty kodu, które można dodać do witryny WordPress, aby zmienić jej wygląd lub funkcjonalność. Są one również przydatne do dodawania funkcji, które nie są dostępne w motywie lub wtyczkach.

Możesz na przykład użyć niestandardowych fragmentów kodu, aby zmienić kolor tła witryny, dodać nowy obszar widżetów, utworzyć formularz kontaktowy itp.Jednak dodawanie niestandardowego kodu w WordPress może być trudne, jeśli nie wiesz, co robisz. Jeśli popełnisz błąd, możesz zepsuć swoją witrynę lub spowodować problemy z bezpieczeństwem. Dlatego należy zachować ostrożność i przestrzegać kilku najlepszych praktyk podczas dodawania niestandardowych fragmentów kodu w WordPress.

W tym wpisie na blogu omówimy kompletne wytyczne krok po kroku, jak łatwo dodać niestandardowy kod w WordPress bez awarii witryny. Więc zacznij czytać już teraz!

Jeśli interesuje Cię temat generowania kodów do wordpressa to polecam także artykuł opisujący narzędzie AI CodeWP: Top 11 najlepszych narzędzi ai dla biznesu wykorzystujących sztuczną inteligencję w 2023 r / 2024 r

Kluczowy problem z niestandardowym kodem w WordPress i jak go naprawić:

Czasami chcesz dodać kilka fajnych funkcji do swojej witryny WordPress. W Internecie można znaleźć samouczki, które mówią, jak skopiować i wkleić kod do pliku functions.php motywu lub wtyczki specyficznej dla witryny.

Jest z tym jednak duży problem. Jeśli popełnisz nawet niewielki błąd w kodzie, możesz zepsuć swoją witrynę i sprawić, że przestanie działać.

Ponadto aktualizacja motywu spowoduje utratę wszystkich wprowadzonych zmian. Innym problemem jest to, że jeśli dodasz zbyt wiele fragmentów kodu w jednej wtyczce, może być trudno je śledzić.

Ale nie martw się, istnieje łatwiejszy sposób dodawania i zarządzania niestandardowymi fragmentami kodu w WordPress.

WPCode to wtyczka, która pozwala dodawać niestandardowe fragmenty kodu w WordPress bez ingerowania w plik functions.php motywu.

WPCode pomaga również dodawać kody śledzenia dla Google Analytics, Facebook Pixel, Google AdSense i innych do nagłówka i stopki witryny.

Nie musisz martwić się o uszkodzenie witryny, ponieważ WPCode sprawdza kod pod kątem błędów i ostrzega przed jego zapisaniem.

WPCode ma również bibliotekę gotowych fragmentów kodu, których można używać do typowych zadań WordPress, takich jak wyłączanie REST API, wyłączanie komentarzy, wyłączanie edytora Gutenberg, zezwalanie na przesyłanie plików SVG i wiele innych. W ten sposób nie trzeba instalować oddzielnych wtyczek dla każdej funkcji.

Jedną z funkcjonalności najbardziej ułatwiających pracę jest to, że możesz zobaczyć wszystkie swoje fragmenty kodu w jednym miejscu i odpowiednio dodać tagi, aby je uporządkować. Możesz korzystać z WPCode za darmo i uzyskać wszystkie podstawowe funkcje potrzebne do dodawania niestandardowego kodu w WordPress.

Zobaczmy teraz, jak używać WPCode do dodawania niestandardowych fragmentów kodu w WordPress.

Jak w prosty sposób dodać własny kod w WordPress? [Step-By-Step Guidelines]

Teraz porozmawiamy o tym, jak po prostu dodać niestandardowy kod w WordPress, postępując zgodnie z instrukcjami krok po kroku.
Zaczynajmy!

Krok #1: Instalacja i aktywacja wtyczki WPCode:

Pierwszą i najważniejszą rzeczą jest zainstalowanie, a następnie aktywowanie darmowej wtyczki WPCode na swojej stronie WordPress. Jeśli nie wiesz, jak zainstalować wtyczkę, zapoznaj się z poniższymi wskazówkami dotyczącymi instalacji wtyczki WordPress.

Przede wszystkim przejdź do pulpitu nawigacyjnego WordPress. Kliknij sekcję "Wtyczki" i wybierz "Dodaj nową".

Następnie wpisz "WP Code" w prawym górnym pasku wyszukiwania. Kliknij przycisk "Zainstaluj teraz".

Spójrz na poniższy obrazek. Instalacja wtyczki WordPress zajmie trochę czasu.

Teraz kliknij niebieski przycisk "Aktywuj".

Wreszcie, wtyczka WP Code została pomyślnie aktywowana w Twojej witrynie.

Po aktywacji wtyczki na pulpicie nawigacyjnym WordPress pojawi się nowa pozycja menu o nazwie "Code Snippets".

Krok #2: Kliknięcie na Code Snippets, a następnie wybranie opcji "Add New":

Teraz kliknij sekcję "All Snippets" (fragmenty kodu), a funkcja ta wyświetli wszystkie niestandardowe fragmenty kodu, które zapisałeś w swojej witrynie. Ponieważ jest to pierwsze użycie wtyczki, lista może być pusta.

Aby dodać nowy fragment kodu, kliknij przycisk "Add new" (dodaj nowy).

Krok #3: Wybór przycisku "Use Snippet", aby dodać niestandardowy kod:

Spowoduje to przejście do strony "Dodaj fragment". Tutaj możesz wybrać fragment kodu z biblioteki lub dodać własny kod. Aby dodać własny kod, kliknij przycisk "Use Snippet” (Użyj fragmentu) pod opcją “Add Your Custom Code” ("Dodaj własny kod”; Nowy fragment).

Krok #4: Tworzenie niestandardowego fragmentu kodu:

W polu tytułu należy podać nazwę niestandardowego fragmentu kodu. Powinno to być coś, co pomoże ci zapamiętać, co robi kod.

Następnie możesz skopiować i wkleić swój kod do pola „Code Preview” (podglądu kodu). Upewnij się, że wybrałeś odpowiedni typ kodu z rozwijanego menu po prawej stronie.

Na potrzeby samouczka dodaliśmy niestandardowy fragment kodu, aby usunąć numer wersji WordPress z naszej testowej strony internetowej. Spójrz na poniższy obrazek, aby to zrozumieć.

Krok #5: Wstawianie preferowanego fragmentu kodu:

Poniżej pola kodu zobaczysz kilka opcji wstawiania fragmentu kodu. Dostępne są głównie dwie opcje: „Auto insert” (automatyczne wstawianie) i Shortcode (domyślnie).

W przypadku opcji "Shortcode " fragment kodu nie będzie wyświetlany automatycznie. Najpierw musisz zapisać fragment kodu, a następnie otrzymasz specjalny kod, którego możesz użyć w dowolnym miejscu na swojej stronie internetowej.

Teraz, jeśli wybierzesz opcję "Auto Insert", fragment kodu zostanie dodany automatycznie i uruchomiony na twojej stronie internetowej.

W związku z tym możesz wybrać, gdzie chcesz, aby snippet był wyświetlany w Twojej witrynie. Może działać tylko wtedy, gdy jesteś w obszarze administracyjnym WordPress, tylko wtedy, gdy ludzie odwiedzają Twoją witrynę, lub w obu przypadkach. Możesz także wybrać konkretne miejsce w witrynie, w którym chcesz, aby fragment był wyświetlany, na przykład przed lub po postach albo w treści postów.

Jeśli nie wiesz, co wybrać, po prostu wybierz domyślną opcję “Run snippet everywhere" (“uruchom snippet wszędzie").

Krok #6: Korzystanie z sekcji "Inteligentna logika warunkowa":

Możesz użyć niesamowitego segmentu "Smart Conditional Logic", aby pokazać lub ukryć fragmenty, które są “auto-inserted” (automatycznie wstawiane) w zależności od pewnych reguł.

Po zapisaniu i aktywowaniu fragmentu kodu zostanie on automatycznie wstawiony do witryny, jeśli tak zdecydujesz, lub wyświetlony jako shortcode.

Teraz włącz niebieski przycisk, aby włączyć logikę (enable logic). Następnie kliknij przycisk “Ad new group” (Dodaj nową grupę), aby ustawić preferowane warunki.

Można na przykład wyświetlać/ukrywać fragmenty kodu tylko dla zalogowanych użytkowników, ładować fragmenty kodu tylko na określonych adresach URL stron itd. Aby to zrozumieć, zobacz poniższy zrzut ekranu.

Po przewinięciu w dół zauważysz część “Basic Info” ("Podstawowe informacje"). Możesz tu wpisać wszystko, co pomoże ci zapamiętać, co robi ten kod, skąd go masz i dlaczego dodajesz go do swojej witryny WordPress.

Możesz także dodać kilka tagów do swojego fragmentu kodu. Pomoże to znaleźć fragmenty kodu według funkcji i tematu.

Arena priorytetów pozwala kontrolować kolejność fragmentów, gdy chcesz wyświetlić więcej niż jeden fragment w tym samym miejscu. Domyślnie wszystkie fragmenty mają priorytet 10. Jeśli chcesz, aby fragment był wyświetlany przed innymi, po prostu ustaw priorytet na niższą cyfrę, na przykład 5.

Po zakończeniu wybierania opcji przełącz się z "Inactive" na "Active" w prawym górnym rogu. Następnie kliknij opcję "Save Snippet".

Jeśli chcesz zapisać "fragment kodu" i nie aktywować go, po prostu kliknij opcję "Zapisz fragment".

Spójrz na poniższy zrzut ekranu. Twój niestandardowy fragment kodu w WordPress został pomyślnie utworzony i zapisany. Gratulacje!

Krok #7: Zarządzanie niestandardowymi fragmentami kodu:

Wtyczka WPCode ułatwia prawidłowe zarządzanie niestandardowymi fragmentami kodu w WordPress.

Możesz szybko zapisać "fragmenty kodu" bez aktywowania ich na swojej stronie WordPress. Następnie można je aktywować lub dezaktywować w dowolnym momencie. Fragmenty kodu można filtrować według lokalizacji i typu. Możesz także użyć tagów, aby po prostu połączyć fragmenty kodu.

Co więcej, można wyeksportować niektóre lub wszystkie fragmenty kodu. Wystarczy przejść do Code Snippets » Tools i kliknąć opcję"Export".

Jeśli chcesz przenieść witrynę na inny serwer, możesz bez wysiłku zaimportować swoje "fragmenty kodu" do nowej witryny. Wystarczy przejść do strony Code Snippets » Tools » Import. Następnie prześlij wyeksportowany plik. To wszystko. Gotowe!

Uwagi końcowe dotyczące prostego dodawania niestandardowego kodu w WordPress:

Mamy nadzieję, że po przeczytaniu tego wpisu na blogu nauczyłeś się krok po kroku, jak dodawać niestandardowy kod w WordPress bez utrudniania działania Twojej witryny.

Krótko mówiąc, niestandardowy kod w WordPress jest jak sekretny składnik, który można dodać do swojej witryny, aby ją ulepszyć. Można go użyć do zmiany kolorów, czcionek, układu lub funkcji witryny. Możesz go również użyć do dodania nowych rzeczy, których nie ma twój motyw lub wtyczki.

Ale niestandardowy kod może być również ryzykowny, jeśli nie zostanie odpowiednio skonfigurowany. Dlatego powinieneś dowiedzieć się, jak bezpiecznie dodawać niestandardowy kod w WordPressie bez uszkadzania swojej witryny.

Masz pytania dotyczące dodawania niestandardowego kodu w WordPress? Prosimy o pozostawienie komentarza poniżej.