Jak dodać niestandardowe fragmenty kodu w WordPress (najłatwiejsza metoda)

Szukasz łatwego i prostego sposobu na dodanie fragmentów kodu WordPress do swojej witryny?

Nauka WordPressa to nie tylko motywy i narzędzia. Czasami to subtelna moc fragmentów kodu nadaje witrynie niepowtarzalny charakter.

Idealne dostosowanie, którego szukasz? Jest to możliwe dzięki odpowiedniemu kodowi, problem jednak w tym, że nawet najmniejszy błąd może zepsuć Twoją witrynę.

W tym artykule pokażemy, jak łatwo dodawać niestandardowe fragmenty kodu w WordPressie bez psucia witryny.

Jakie są fragmenty kodu w WordPress?

Pod przyjaznym dla użytkownika interfejsem WordPressa kryje się świat kodu, który napędza każdy jego ruch.

Te małe fragmenty kodu, zwane fragmentami kodu, to niewielkie, ale potężne narzędzia, które instruują WordPress o określonych funkcjach.

Wykorzystanie mocy tych fragmentów może sprawić różnicę między ogólną witryną WordPress a witryną dostosowaną do Twoich dokładnych wymagań.

Potraktuj je jako odpowiednik zaklęć w WordPressie, które odpowiednio rzucone mogą przynieść doskonałe rezultaty na froncie.

Jak dodać niestandardowe fragmenty kodu w WordPress

Aby dodać niestandardowe fragmenty kodu w WordPress, możesz polegać na prostocie i funkcjonalności WPCode. Aby rozpocząć, wykonaj poniższe czynności.

1. Zainstaluj i aktywuj wtyczkę WPCode

WPCode to najlepszy sposób dla użytkowników WordPressa na dodawanie niestandardowych fragmentów kodu do swoich witryn bez konieczności majstrowania przy functions.php lub martwienia się o uszkodzenie witryny przez najmniejszy błąd.

Wtyczka fragmentów kodu ułatwia dodawanie fragmentów do dowolnej części witryny WordPress, w tym do stopki i nagłówka. Możesz wstawić dowolny niestandardowy kod bezpośrednio ze swojego pulpitu nawigacyjnego, zamiast bezpośrednio edytować plik functions.php .

Aby rozpocząć, musisz zainstalować i aktywować wtyczkę WordPress na swojej stronie internetowej. Spowoduje to dodanie wtyczki do lewego panelu menu pulpitu nawigacyjnego WordPress, skąd możesz szybko rozpocząć dodawanie niestandardowych kodów.

2. Utwórz niestandardowy kod (PHP, CSS, HTML)

Jeśli masz już gotowy kod niestandardowy, pomiń ten krok i przejdź do następnego. Dla tych, którzy tworzą niestandardowy kod od podstaw, oto przykład.

Na potrzeby tego przewodnika utworzymy niestandardowy kod, który zapobiegnie konfliktom motywów powodującym nieprawidłowe wyświetlanie wartości Radio i Checkbox w WPForms.

.wpforms-container input[type=radio] {
	-webkit-appearance: radio !important;
	-moz-appearance: radio !important;
	appearance: radio !important;
}

.wpforms-container input[type=checkbox] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
}

.wpforms-container input[type=radio]:checked:before,
.wpforms-container input[type=radio]:before,
.wpforms-container input[type=checkbox]:checked:before,
.wpforms-container input[type=checkbox]:before,
.wpforms-container input[type=radio]:checked:after,
.wpforms-container input[type=radio]:after,
.wpforms-container input[type=checkbox]:checked:after,
.wpforms-container input[type=checkbox]:after {
	display: none !important;
}

Powyższy kod wykorzystuje CSS, aby rozwiązać problem konfliktu motywów, ale jak wspomniano wcześniej, możesz utworzyć kod również w PHP i HTML.

3. Dodaj swój kod niestandardowy (nowy fragment)

Na pasku menu administratora WordPress kliknij opcję Fragmenty kodu , a następnie przycisk Dodaj nowy . Ponieważ właśnie zainstalowałeś wtyczkę, Twoja lista będzie pusta.

Następnie zostaniesz przekierowany na stronę Dodaj fragment . Tutaj możesz dodać własny, unikalny kod lub wybrać fragment kodu z gotowej biblioteki.

Kliknij przycisk Użyj fragmentu obok opcji Dodaj swój kod niestandardowy (nowy fragment), aby wstawić nowy kod.

Teraz wszystko, co musisz zrobić, to nadać fragmentowi nazwę i po prostu skopiować i wkleić utworzony niestandardowy kod w obszarze podglądu kodu we wtyczce WPCode.

Ponieważ utworzyliśmy kod w CSS, w menu rozwijanym Typ kodu wybraliśmy Fragment CSS . Możesz to zmienić na podstawie utworzonego kodu.

Następnie przewiń w dół do karty Wstawianie . Teraz wybierz opcję Wstaw automatycznie i z listy rozwijanej Lokalizacja wybierz opcję Nagłówek całej witryny .

W zależności od rodzaju tworzonego kodu możesz nawet dodać go jako [/] krótki kod do swoich stron/postów.

Jeśli chcesz przypisać tagi do fragmentu kodu, przewiń w dół do sekcji Informacje podstawowe . Pomoże Ci to w kategoryzowaniu próbek kodu według tematu i funkcji.

Jeśli chcesz wyświetlić wiele fragmentów w tym samym miejscu, parametr Priorytet pozwala wybrać kolejność ich przetwarzania.

Następnie zaawansowana funkcja inteligentnej logiki warunkowej umożliwia ujawnianie lub ukrywanie automatycznie wstawianych fragmentów w oparciu o zestaw kryteriów.

Na koniec wszystko, co musisz zrobić, to zaznaczyć opcję Aktywne i nacisnąć przycisk Zapisz fragment , zanim opuścisz wtyczkę!

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

Literówka we wtyczce lub pliku motywu specyficznej dla witryny może natychmiast spowodować, że witryna będzie niedostępna dla odwiedzających, jeśli użyjesz fragmentów kodu.

W Twojej witrynie pojawiłby się błąd składniowy lub wewnętrzny błąd serwera 500. Aby ręcznie cofnąć zmiany, konieczne będzie użycie klienta FTP.

Unikalną cechą wtyczki WPCode jest to, że automatycznie identyfikuje i wyłącza wszelkie przypadki błędów składniowych w kodzie.

Wyświetlony zostanie pomocny komunikat o błędzie, który można wykorzystać podczas debugowania błędów. Gdy dodasz swój niestandardowy kod, sprytna walidacja fragmentu kodu WPCode wykryje wszelkie błędy.

Po najechaniu myszką na problem pojawi się wyskakujące okienko z instrukcjami, jak go rozwiązać.

5. Zarządzanie niestandardowymi fragmentami kodu

Jeśli masz wiele fragmentów kodu, WPCode niezwykle ułatwia zarządzanie nimi za pomocą przyjaznego dla użytkownika interfejsu i biblioteki fragmentów.

Fragmenty kodu mogą być zapisywane bez aktywacji w Twojej witrynie, a później możesz aktywować lub dezaktywować fragment kodu w dowolnym momencie.

Dodatkowo możesz używać tagów do kategoryzowania fragmentów kodu i filtrowania ich na podstawie rodzaju i lokalizacji.

Masz także możliwość wyeksportowania poszczególnych fragmentów kodu lub wyeksportowania ich wszystkich zbiorczo. Po prostu przejdź do Fragmenty kodu » Narzędzia i wybierz opcję Eksportuj .

Wtyczka umożliwia także importowanie fragmentów w przypadku przenoszenia witryny na nowy serwer. Przejdź do Fragmenty kodu » Narzędzia » Zaimportuj i prześlij plik eksportu.

Często zadawane pytania dotyczące niestandardowych fragmentów kodu

Dodawanie niestandardowych fragmentów kodu jest popularnym tematem użyteczności wśród naszych czytelników. Oto kilka krótkich odpowiedzi na kilka najczęściej zadawanych pytań:

Jaki jest najlepszy menedżer fragmentów kodu dla WordPress?

WPCode to najlepszy wybór do zarządzania i uruchamiania fragmentów kodu w WordPress, oferujący usprawnioną organizację i możliwości płynnej integracji.

Jak dodać CSS do fragmentu kodu w WordPress?

W WPCode po prostu przejdź do sekcji + Dodaj nowy , wprowadź żądany CSS i upewnij się, że wybrałeś typ CSS przed zapisaniem i aktywacją.

Jak dodać niestandardowy kod do WordPress bez wtyczek?

Możesz wprowadzić niestandardowy kod bezpośrednio do functions.php motywu. Jednak dedykowane narzędzie, takie jak WPCode, zapewnia bezpieczniejsze i bardziej zorganizowane zarządzanie fragmentami.

Jak dodać niestandardowy kod PHP do WordPress?

W przypadku PHP przejdź do interfejsu WPCode, wybierz + Dodaj nowy , wklej swój kod PHP, a następnie zapisz. Zawsze upewnij się, że najpierw został on przetestowany na tymczasowej witrynie z motywem podrzędnym.

Następnie dowiedz się, jak wymagać adresu e-mail do pobierania plików

Czy nie byłoby wspaniale, gdyby użytkownicy WordPressa musieli podać swój adres e-mail, zanim będą mogli pobrać plik? Dowiedz się, jak nakłonić odwiedzających Twoją witrynę WordPress do udostępnienia swoich adresów e-mail, aby mogli pobrać plik.

Utwórz teraz formularz WordPress

Gotowy do zbudowania formularza? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera wiele bezpłatnych szablonów i oferuje 14-dniową gwarancję zwrotu pieniędzy.

Jeśli ten artykuł Ci pomógł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków i przewodników WordPress.