Jak bezpiecznie dodać niestandardowy kod do witryn WordPress

Użytkownicy często szukają sposobów na ulepszenie swoich stron internetowych, wtyczek i motywów lub na dodanie pewnych modyfikacji do istniejącej funkcjonalności. W większości tych przypadków możesz to zrobić, dodając niestandardowy kod do swojej witryny WordPress.

Nie ma nic złego w dodawaniu niestandardowego kodu do Twojej witryny. Jest jednak kilka rzeczy, na które należy zwrócić uwagę podczas wprowadzania tych zmian w witrynie WordPress.

W tym artykule podkreślono, na co należy zwrócić uwagę, oraz najlepsze praktyki dodawania niestandardowego kodu do witryny WordPress.

Na co zwrócić uwagę przed dodaniem niestandardowych fragmentów kodu w WordPress

Najłatwiejszym sposobem dodania fragmentów kodu sugerowanych przez autorów w ich samouczkach jest dodanie fragmentu kodu do pliku functions.php motywu. Istnieje jednak szereg ograniczeń i wad związanych z dodawaniem fragmentów kodu do pliku functions.php motywu.

Za każdym razem, gdy uaktualnisz motyw, niestandardowe fragmenty kodu dodane do pliku functions.php zostaną zastąpione, chyba że ręcznie uaktualnisz motyw lub ręcznie skopiujesz fragmenty kodu z jednego pliku functions.php do drugiego. Mając na uwadze, że większość programistów dość często publikuje aktualizacje, zwłaszcza w przypadku korzystania z motywów premium, dodawanie fragmentów kodu do pliku functions.php motywu staje się bardzo trudne w utrzymaniu.

Ponadto, jeśli chcesz zmienić motyw, musisz również przeprowadzić migrację kodu, co zdecydowanie nie jest dobre na dłuższą metę.

Inną wadą jest to, że pliki motywów są wykonywane na każdej stronie, a dodanie fragmentów kodu do pliku functions.php motywu zwiększa ryzyko uszkodzenia całej witryny.

Zapoznajmy się z najlepszymi praktykami dotyczącymi dodawania niestandardowych fragmentów kodu do witryny WordPress, aby nie martwić się o brak niektórych fragmentów kodu, zapomnienie o migracji lub zepsucie funkcji podczas uaktualniania motywu.

Dodawanie niestandardowych fragmentów kodu do witryn WordPress

Kod niestandardowy można dodać za pomocą jednej z następujących metod:

• Korzystanie z wtyczki (zapoznaj się z naszym wprowadzeniem do wtyczek WordPress, aby dowiedzieć się więcej o tym, czym są wtyczki WordPress)
• Tworzenie niestandardowej wtyczki
• Tworzenie motywu potomnego

Omówmy teraz szczegółowo każdą z metod.

1. Korzystanie z wtyczki fragmentów kodu

Fragmenty kodu ¹ wtyczka to świetny sposób na dodanie niestandardowego kodu do witryny WordPress, a jeśli nie jesteś fanem samodzielnego pisania kodu, ten sposób jest łatwiejszy niż tworzenie własnej wtyczki.

Po zainstalowaniu wtyczki do menu WordPressa dodawana jest nowa sekcja Snippets , która umożliwia dodawanie nowych snippets. W każdym fragmencie będzie miejsce na kod i opis z dodatkowymi informacjami na temat działania kodu.

Wskazówka: jeśli używasz przydatnego fragmentu kodu z witryny, dodaj adres URL w opisie, aby zapamiętać, skąd pochodzi kod.

Podobnie jak wtyczki, możesz włączać i wyłączać niestandardowe fragmenty kodu, a także eksportować je do plików PHP. W niektórych przypadkach niestandardowe fragmenty powodują konflikty z innymi wtyczkami lub motywami, więc dezaktywacja całego niestandardowego kodu jest przydatna w przypadku problemów z kierowaniem.

2. Tworzenie własnej wtyczki specyficznej dla witryny

Stworzenie własnej niestandardowej wtyczki specyficznej dla witryny to najlepszy sposób na dodanie niestandardowego kodu do witryn WordPress, ponieważ masz całkowitą kontrolę nad kodem.

Co to jest wtyczka WordPress specyficzna dla witryny?

Wtyczka WordPress specyficzna dla witryny służy do dodawania kodu dostosowywania do witryny, która nie jest zależna od motywu. Oznacza to, że bez względu na to, jakiego motywu używasz lub jeśli przełączasz się między motywami, niestandardowy kod Twojej wtyczki będzie zawsze działał, oczywiście tak długo, jak wtyczka jest aktywna.

Dlaczego lepiej jest utworzyć wtyczkę WordPress dla konkretnej witryny?

Jeśli dodasz niestandardowy kod do pliku funkcji motywu, zniknie on, jeśli zaktualizujesz lub zmienisz motyw.

Wtyczka WordPress specyficzna dla witryny umożliwia łatwe dodawanie niestandardowych fragmentów kodu do witryny WordPress i zapewnia, że ​​są one niezależne od motywu. Jest to samodzielna wtyczka WordPress, co oznacza, że ​​nie zależy od Twojego motywu, co oznacza, że ​​możesz swobodnie aktualizować lub zmieniać motyw bez utraty niestandardowego kodu.

Nie musisz być guru PHP, aby utworzyć wtyczkę WordPress dla danej witryny. Wystarczy wykonać poniższe proste kroki.

1. Utwórz katalog wtyczek

Najpierw musisz utworzyć katalog dla wtyczki i nazwać go. Może to być dowolna nazwa, np. strona internetowa witryny. Katalog wtyczki powinien zostać utworzony w katalogu /wp-content/plugins/ w Twojej witrynie. W tym przykładzie nazywamy wtyczkę wpwhitesecurity-shortcodes . Uwaga: w nazwach katalogów zawsze używaj myślników, a nie spacji.

2. Utwórz plik wtyczki

Następnie będziesz potrzebować głównego pliku dla swojej wtyczki. Chociaż nie ma żadnych zasad dotyczących tego, jaka powinna być nazwa pliku, najlepszą praktyką jest, aby nazwa pliku była taka sama jak nazwa wtyczki. W naszym przykładzie nazwa pliku wtyczki to wpwhitesecurity-shortcodes.php .

Ten plik powinien zawierać przynajmniej tytuł i opis.

Utwórz ten plik za pomocą edytora tekstu, takiego jak NotePad ++ lub TextEdit. Nie używaj programu Microsoft Word ani podobnych edytorów, ponieważ dodaje dane formatowania do tekstu i może zepsuć plik. Wszyscy wymienieni powyżej redaktorzy są za darmo.

Oto wszystko, co musisz dodać do pliku:

<?php
/*
* Plugin Name: WP White Security Shortcodes
* Plugin URL: https://www.wpwhitesecurity.com
* Description: Site-specific plugin for custom code snippets in wpwhitesecurity.com
*/

To wszystko. Teraz nadszedł czas na dodanie niestandardowego kodu.

3. Dodaj niestandardowe fragmenty kodu

Teraz możesz skopiować i wkleić fragmenty kodu z samouczków itp. do tego pliku. Jeśli utworzyłeś plik wtyczki w trybie offline, skompresuj folder wtyczki jako plik .zip i prześlij do swojej witryny z pulpitu nawigacyjnego WordPress.

Od teraz nie musisz się martwić, że pominiesz jakiś fragment kodu, zapomnisz go migrować lub zepsujesz niektóre funkcje podczas uaktualniania motywu lub WordPressa. Następnym razem, gdy napotkasz fragment kodu WordPress i zechcesz dodać go do swojej witryny, dodaj go do pliku wtyczki specyficznej dla witryny.

4. Dodaj plik index.php (opcjonalnie)

Jest to krok opcjonalny. Aby uniknąć wyświetlania katalogu, powinieneś dodać plik indeksu w katalogu wtyczek. Wszystko, co musisz zrobić, to:

Utwórz plik o nazwie index.php
Dodaj do niego następującą treść:

<?php
/**
* Nothing to see here.

3. Użyj motywu potomnego functions.php

Wcześniej powiedzieliśmy, aby nie używać pliku functions.php motywu. Jest to jednak dobra alternatywa dla pewnych zmian, na przykład dla zmian związanych z tematem. W ten sposób kod niestandardowy specyficzny dla motywu jest dostępny, gdy motyw jest dostępny, ponieważ nie będzie już potrzebny.

Niemniej jednak zmiany motywu powinny być zawsze dodawane do motywu potomnego, a nie do motywu nadrzędnego, aby można było go zaktualizować.

Jeśli dodajesz kod do pliku functions.php , zawsze upewnij się, że szukasz zamykających tagów PHP. Tak wyglądają: ?> . Jeśli twój plik motywu kończy się na jednym z nich, powinieneś umieścić kod niestandardowy powyżej tego.

Wniosek

Jak właśnie widzieliśmy, istnieje kilka różnych sposobów dodawania niestandardowego kodu do witryny WordPress, ale nie wszystkie z nich są dobre na dłuższą metę. Jednak niektóre z nich są lepsze od innych w konkretnych sprawach. Na przykład, aby wprowadzić zmiany związane z motywem (wygląd i styl witryny), dodaj niestandardowy kod do pliku functions.php . W przypadku wszelkich innych zmian najlepiej byłoby utworzyć niestandardową wtyczkę specyficzną dla witryny

Upewnij się tylko, że dodajesz niestandardowy kod do WordPressa w sposób bezpieczny i ułatwiający debugowanie, jeśli coś pójdzie nie tak.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo dodawać niestandardowe fragmenty kodu w witrynach WordPress.