W WPBeginner często publikujemy samouczki z prośbą o dodanie fragmentów kodu do WordPressa. Kopiowanie i wklejanie kodu w plikach motywów WordPress może wydawać się łatwe dla doświadczonych użytkowników, ale jest to dość żmudne i zastraszające dla początkujących. Ze względu na nieznajomość kodowania początkujący mogą popełnić błąd, który może spowodować awarię ich strony internetowej. W tym przewodniku krok po kroku pokażemy, jak skopiować i wkleić fragmenty kodu z sieci do WordPress.

How to safely copy and paste code snippets in WordPress

Po co dodawać fragmenty kodu do witryny WordPress?

WordPress jest najlepszym kreatorem stron internetowych na świecie ze względu na elastyczność, którą oferuje. Dodawanie nowych funkcji i funkcjonalności do witryny WordPress jest bardzo łatwe.

Witryny z zasobami WordPress, takie jak WPBeginner, dzielą się wskazówkami i hackami, które możesz dodać, aby poprawić swoją witrynę. Chociaż dodawanie niestandardowych fragmentów kodu do witryny jest opcjonalne i często można znaleźć wtyczki do tego samego zadania, czasami prosty fragment jest bardziej wydajny.

Niektóre fragmenty kodu mogą być bardzo przydatne i mogą pomóc naprawić wiele typowych błędów WordPress, poprawić bezpieczeństwo WordPress, a nawet dodać nowe funkcje do swojej witryny.

Mając to na uwadze, przyjrzyjmy się, jak bezpiecznie dodać fragmenty kodu do swojej witryny WordPress.

Jakie są najlepsze sposoby dodawania fragmentów kodu w WordPress

Pierwszą rzeczą, którą musisz zrobić na każdej stronie WordPress, jest zainstalowanie wtyczki do tworzenia kopii zapasowych WordPress. Dzięki temu Twoja witryna WordPress jest bezpieczna i zawsze możesz ją przywrócić z kopii zapasowej na wypadek, gdyby coś poszło nie tak.

Czasami możesz znaleźć instrukcje dodawania fragmentów kodu w szablonach motywów WordPress, takich jak indeks.php, single.php, header.php i nie tylko. Te fragmenty kodu są przydatne tylko w tych konkretnych szablonach, więc będziesz musiał dodać je bezpośrednio do plików motywu lub utworzyć motyw potomny.

Jednak większość niestandardowych fragmentów kodu jest dodawana do funkcji motywu WordPress.plik php. Podczas gdy samouczek może zalecić dodanie go do funkcji motywu.plik php, istnieje znacznie lepsza alternatywa, która działa tak samo jak plik funkcji.

Przyjrzyjmy się niektórym sposobom dodawania niestandardowych fragmentów kodu w WordPress.

1. Użyj Wtyczki Code Snippets WordPress

Code Snippets plugin

Jest to najbezpieczniejsza i najbardziej zalecana metoda dla początkujących. Fragmenty kodu to wtyczka WordPress, która pozwala łatwo dodawać i zarządzać niestandardowymi fragmentami kodu na swojej stronie internetowej.

Jest wyposażony w przełącznik fail-safe, który natychmiast dezaktywuje fragment kodu, jeśli spowoduje błąd. Chroni to przed utratą dostępu do witryny podczas dodawania niestandardowego fragmentu kodu.

Aby uzyskać szczegółowe instrukcje, zobacz nasz przewodnik na temat łatwego dodawania niestandardowych fragmentów kodu w WordPress.

Uwaga: metoda urywków kodu jest przydatna w przypadku urywków, które należy dodać do pliku funkcji. Jeśli zostaniesz poproszony o dodanie fragmentu kodu w innych plikach motywów, ta metoda nie będzie działać.

2. Utwórz motyw potomny, aby zapisać niestandardowy kod

Using child theme to add custom code snippets in WordPress

Drugim podejściem jest stworzenie motywu potomnego. Korzystanie z motywu podrzędnego zachowa zmiany w stanie nienaruszonym podczas aktualizacji motywu. Pozwoli to również na dodawanie kodu do innych plików motywów w razie potrzeby bez martwienia się o aktualizacje cofające zmiany.

Aby uzyskać więcej informacji, zobacz nasz przewodnik dotyczący tworzenia motywu podrzędnego w WordPress.

Uwaga: ta metoda będzie również działać dla fragmentów kodu, które należy dodać w innych szablonach motywów.

3. Użyj wtyczki specyficznej dla witryny dla niestandardowego kodu

Inną elastyczną opcją jest użycie wtyczki WordPress specyficznej dla witryny. Jest to niestandardowa wtyczka, którą możesz utworzyć na własnej stronie internetowej i użyć jej do zapisania całego niestandardowego kodu.

Zaletą tej metody jest to, że kod nie jest zależny od motywu i pozostanie aktywny nawet po zmianie motywu. Nie ma również wpływu na żadne aktualizacje WordPress w Twojej witrynie.

Zobacz nasz przewodnik, jak zrobić wtyczkę dla witryny, aby uzyskać szczegółowe instrukcje.

Uwaga: ta metoda ma zastosowanie tylko do fragmentów kodu, które należy dodać do pliku funkcji.

4. Dodaj Kod Bezpośrednio Do Pliku Funkcji

Można dodawać fragmenty kodu w funkcjach szablonu.plik php. Są jednak pewne wady.

  • Twoje zmiany zostaną usunięte po zaktualizowaniu motywu WordPress
  • Twój kod będzie działał tylko wtedy, gdy używasz tego konkretnego motywu

Mając to na uwadze, przyjrzyjmy się, jak poprawnie skopiować i wkleić fragmenty kodu i uniknąć złamania witryny.

Jak edytować pliki WordPress?

Istnieją różne sposoby edycji plików WordPress w zależności od wybranej metody dodawania niestandardowych fragmentów kodu w witrynie.

1. Dodawanie niestandardowego kodu we wtyczce urywki kodu

Jeśli używasz wtyczki urywki kodu, możesz łatwo dodać urywki kodu z obszaru administratora WordPress. Po prostu przejdź do Snippets ” Dodaj Nowy strona, aby dodać swój własny kod.

Adding a new snippet in Code Snippets plugin

2. Dodawanie niestandardowego kodu w specyficznej dla witryny wtyczce WordPress

Jeśli dodajesz niestandardowy kod w wtyczce specyficznej dla witryny, możesz użyć wbudowanego edytora wtyczek WordPress, aby dodać niestandardowy kod.

Editing a site specific plugin using the WordPress plugin editor

Najpierw wybierz wtyczkę specyficzną dla witryny z rozwijanego menu oznaczonego “wybierz wtyczkę do edycji”. Edytor załaduje plik wtyczki i będzie można dodać do niego fragmenty kodu.

Po zakończeniu kliknij przycisk “Zaktualizuj plik”, aby zapisać zmiany.

Jeśli czegoś brakuje w kodzie lub może to spowodować uszkodzenie witryny, edytor wtyczek automatycznie cofnie twoje zmiany.

Inną metodą dodawania niestandardowego kodu w wtyczce specyficznej dla witryny jest użycie FTP.

Po prostu przejdź do folderu wtyczek za pomocą klienta FTP. Kliknij prawym przyciskiem myszy plik wtyczki, a następnie wybierz opcję Wyświetl / Edytuj plik.

Edit site-specific WordPress plugin using FTP

3. Dodawanie niestandardowego kodu do funkcji.php lub inne szablony motywów

Jeśli dodajesz fragmenty kodu do funkcji motywu.plik php lub dowolny inny szablon, następnie możesz dodać kod bezpośrednio odwiedzając Wygląd ” Edytor. Możesz wybrać plik, w którym chcesz dodać kod z prawej kolumny.

Theme editor

Instrukcje, które wykonujesz, powiedzą ci, gdzie wkleić kod, ale jeśli nie, musisz dodać kod na dole pliku.

Lepszym alternatywnym sposobem byłoby użycie FTP do dodawania niestandardowego kodu w plikach motywów. Po prostu podłącz klienta FTP do swojej witryny i przejdź do /wp-content/themes/your-theme-folder/ i kliknij prawym przyciskiem myszy plik, który wymaga edycji.

Edit theme files via FTP
Wybierz opcję Wyświetl / Edytuj plik, aby otworzyć plik w edytorze tekstu.

Rozwiązywanie błędów PHP podczas dodawania niestandardowego kodu

Istnieje kilka typowych błędów, które popełniają początkujący podczas dodawania niestandardowych fragmentów kodu do swoich stron internetowych. Rzućmy okiem na niektóre z nich i jak ich uniknąć

1. Nieprawidłowe użycie znaczników początku i końca PHP

WordPress jest napisany głównie w języku programowania PHP, który ma określoną składnię, która mówi serwerowi, że poniższy kod musi być przetworzony przez PHP. Oto jak wygląda typowy fragment kodu PHP:

// Tag Begin PHP
<?php

// Reszta kodu idzie tutaj

// PHP End Tag
?>

Cały Twój kod PHP musi być wewnątrz <?php oraz ?> tagi.

Znacznik końcowy PHP staje się ważniejszy w plikach, które przełączają się tam iz powrotem w HTML. Obejmuje to większość plików motywów WordPress, które używają tagów PHP obok HTML.

Musisz upewnić się, że jeśli wklejasz kod w miejscu, w którym tag startowy PHP nie jest zamknięty, musisz dodać kod bez początkowego tagu PHP.

<?php 
// Jakiś wcześniej istniejący kod

// Twój własny kod

?> 

Jeśli wklejasz niestandardowy kod poza lub po znaczniku końcowym PHP, musisz również dodać znacznik początkowy PHP.

<?php 
// Jakiś wcześniej istniejący kod 
?> 

// Twój własny fragment kodu
<?php 

?>

Prawie 90% wszystkich błędów jest spowodowanych nieprawidłowym umieszczeniem znaczników końca lub początku PHP. Studiowanie kodu pozwoli Ci zrozumieć, czy musisz dodać znaczniki początku lub końca PHP do niestandardowego fragmentu kodu.

Wiele plików motywów WordPress szczególnie funkcje.plik php może nie mieć znacznika końcowego PHP. Oznacza to, że możesz dodać KOD u dołu pliku bez znaczników początkowych i końcowych.

<?php
// Dużo kodu w pliku funkcji motywu
//
//
// Twój własny kod
function custom_loginlogo () {
echo '< style type = "text / css">
h1 a {background-image: url (".get_bloginfo('template_directory').'/images / login_logo.png)!ważne;}
< / style>";
}
add_action ('login_head', 'custom_loginlogo');

Pamiętaj, że autorzy tutorialu mogą kiedyś założyć, że wiesz już, jak używać znaczników początkowych i końcowych PHP. Mogą po prostu pokazać ci fragment kodu bez tych tagów.

function custom_loginlogo () {
echo '< style type = "text / css">
h1 a {background-image: url (".get_bloginfo('template_directory').'/images / login_logo.png)!ważne;}
< / style>";
}
add_action ('login_head', 'custom_loginlogo');

Ponieważ autor samouczka nie wie, gdzie będziesz dodawać ten kod, pominął znaczniki końca i początku PHP. Teraz, gdy dodajesz taki fragment kodu do swoich plików motywów, musisz upewnić się, że znajduje się on wewnątrz znaczników PHP.

2. Nieprawidłowe Błędy Zagnieżdżania

PHP ma szczególną składnię dla funkcji, logiki warunkowej i pętli. Składnia ta zależy od nawiasów klamrowych, które wskazują, kiedy funkcja zaczyna się i kiedy kończy.

Na przykład, tutaj jest prosta funkcja PHP:

<?php 
function wpbeginner_tutorial () { 
echo " Hello World!"; 
} 
?>

Teraz, jeśli chcesz dodać własny fragment kodu, który nie ma nic wspólnego z tą funkcją, musisz umieścić go poza tą funkcją w ten sposób:

// Pre-existing code in your theme file
<?php
function wpbeginner_tutorial () { 
echo " Hello World!"; 
} 
// Twój własny kod 
function custom_loginlogo () {
echo '< style type = "text / css">
h1 a {background-image: url (".get_bloginfo('template_directory').'/images / login_logo.png)!ważne;}
< / style>";
}
?>

Jeśli pominiesz początkowy lub końcowy nawias klamrowy, spowoduje to złamanie kodu i skończy się strona błędu.

Zrozumienie błędów PHP w WordPress

Błędy spowodowane dodaniem niestandardowego kodu w WordPress często skutkują szczegółowym Komunikatem o błędzie. Większość z nich to Błędy składniowe, Błędy analizy lub błędy krytyczne spowodowane nieoczekiwanymi znakami.

Dobre jest to, że te błędy powiedzą, która linia w kodzie spowodowała błąd.

PHP error message

Następnie możesz przejść do dokładnej linii, aby przejrzeć kod i dowiedzieć się, co przegapiłeś. W tym celu zalecamy użycie odpowiedniego edytora tekstu do edycji kodu, ponieważ mają one numery wierszy i podświetlanie składni, które mogą pomóc w łatwym rozwiązaniu problemu.

Co zrobić, gdy Twoja witryna WordPress jest niedostępna?

Po pierwsze, nie panikuj. Po prostu połącz się ze swoją witryną za pomocą klienta FTP lub aplikacji menedżera plików w cPanel. Następnie znajdź plik, w którym dodano kod powodujący błąd i edytuj go.

Możesz spróbować rozwiązać problemy z fragmentem kodu. Jeśli nie możesz rozwiązać tych problemów, Usuń kod i zapisz zmiany.

Twoja strona powinna wrócić do normy. Jeśli nadal pokazuje jakiś błąd, Pobierz świeżą kopię swojego motywu WordPress i rozpakuj plik zip na swój komputer.

Prześlij plik, w którym wprowadzono zmiany, z komputera do witryny, nadpisując stary plik.

Aby uzyskać więcej sposobów rozwiązania tych problemów, zobacz nasz przewodnik na temat najczęstszych błędów WordPress i jak je naprawić. Jeśli to nie pomoże, postępuj zgodnie z naszym przewodnikiem rozwiązywania problemów WordPress, aby wykonać diagnozę krok po kroku.

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się wklejać fragmenty kodu z sieci do WordPress. Potrzebujesz fragmentów kodu, które możesz wypróbować na swojej stronie? Zobacz naszą listę niezwykle przydatnych sztuczek dla pliku funkcji WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

14 Najlepsze wtyczki WordPress SEO i narzędzia, których powinieneś używać

W artykule: Rzeczy, które musisz wiedzieć o wtyczkach i narzędziach WordPress SEO1.…

Jak dodać nagłówki bezpieczeństwa HTTP w WordPress (Przewodnik dla początkujących)

W artykule: Czym są nagłówki bezpieczeństwa HTTP?Dodawanie nagłówków bezpieczeństwa HTTP w WordPress1.…

Czeka nas rozwój sportów motorowych

W artykule: Jaki jest związek między popularyzacją sportów motorowych a poprawą kultury…

Jak sprawdzić ruch w witrynie dla dowolnej witryny (Najlepsze Narzędzia 7)

W artykule: Dlaczego Warto Sprawdzić Ruch W Witrynie?Dlaczego warto sprawdzić ruch na…