Jak dodać własny kod w WordPressie?

Jedną z największych zalet WordPressa jest możliwość modyfikowania i dostosowania stron w niemal dowolny sposób. Umożliwiają to liczne motywy, zastępy wtyczek, a także zewnętrznych integracji. Możesz jednak dodać także swój własny kod, aby stworzyć rozwiązanie idealnie dostosowane do Twoich potrzeb. W tym artykule pokażę Ci trzy proste sposoby jak dodać własny kod w WordPressie.

Trzy sposoby na dodanie własnego kodu w WordPressie

W tym artykule przedstawię trzy sprawdzone sposoby na dodanie snippetów w WordPressie. Każdy z nich ma oczywiście swoje wady i zalety. Postaram się opisać dokładnie każdy z nich, a na samym końcu podpowiedzieć, którego z nich najlepiej korzystać w zależności od umiejętności i doświadczenia z WordPressem. 

Dodawanie kodu za pomocą wtyczki

Okazuje się, że nawet jeśli chcesz dodać własną funkcjonalność i „ominąć” wtyczkę, to wciąż znajdzie się wtyczka, która to ułatwi. Wtyczek do dodawania własnego kodu w WordPressie jest całkiem sporo. Nie wszystkie są jednak warte użycia. Najważniejszym elementem, na który warto zwracać uwagę jest bezpieczeństwo takiej wtyczki. Przed instalacją koniecznie sprawdź oceny wtyczki i potencjalne zgłoszenia suportowe. Zasada ta dotyczy oczywiście wszystkich wtyczek, ale przy tego typu zadaniach, kontrola jest jeszcze bardziej wskazana.

Z dostępnych w repozytorium wtyczek, osobiście najbardziej polecam wtyczkę Code Snippets.

Wykorzystanie wtyczki z pewnością jest najłatwiejszym z prezentowanych rozwiązań. W większości przypadków wystarczy zainstalować dodatkowy plugin, wkleić kod i wszystko gotowe. Nie wymaga to żadnej znajomości kodu i poświęcania dodatkowej uwagi.  Co więcej, wszystkie wtyczki są darmowe i dostępne w repozytorium WordPressa. Jego prostota sprawia, że jest to niezwykle kuszące rozwiązanie dla początkujących użytkowników WordPressa. Warto pamiętać, że to rozwiązanie ma jednak swoje wady.

Miej na uwadze, że nie jest to najbezpieczniejsze rozwiązanie. Przez swoją specyfikę, wtyczki takie jak Code Snippets mogą stać się celem ataków na Twoją stronę. Jeśli chcesz skorzystać z tej opcji, pamiętaj, aby używać regularnie aktualizowanych wtyczek i dodatkowo zabezpieczyć swoją stronę.

Jak dodać własny kod z użyciem wtyczki Code Snippets?

Po instalacji wtyczki Code Snippets, przejdź do zakładki Snippets w menu WordPress i kliknij przycisk Add New. Możesz także użyć linku Add New bezpośrednio w menu WordPressa.

Na nowej stronie możesz dodać swój kod.

Podaj tytuł swojego kodu. Najlepiej, aby był on samoopisujący, aby można było w przyszłości łatwo określić jak działa. W polu Description możesz także dodać opis, aby podać dodatkowe informacje. Wtyczka umożliwia również dodawanie tagów oraz ustalenie priorytetu. Jeśli wszystko jest gotowe, zapisz zmiany i aktywuj własny kod. Możesz to zrobić na tej samej stronie lub na liście All Snippets.

Jeśli kod jest poprawny, Twój niestandardowy kod powinien działać dobrze i być aktywny na Twojej stronie.

Dodawanie własnego kodu w pliku functions.php w WordPressie

Jest to z pewnością najpopularniejsze rozwiązanie do dodawania niestandardowego kodu w WordPressie. W wielu artykułach czy dokumentacjach można znaleźć informację, aby dodać określony kod do pliku functions.php swojego motywu. Jak to zrobić? Postaram się pokazać, że nie jest to aż tak skomplikowane.

Pamiętaj o użyciu motywu potomnego

W przypadku dodawania kodu do pliku functions.php, zdecydowanie zalecam wykorzystanie motywu potomnego. Istnieją dwa główne powody, aby to zrobić. Przede wszystkim jeśli dodasz swój niestandardowy kod do pliku functions.php zwykłego motywu, przy każdej aktualizacji motywu wszystkie zmiany zostaną utracone. Co więcej, edytowanie pliku functions.php motywu nadrzędnego może spowodować poważne błędy na Twojej stronie, a nawet doprowadzić do błędów krytycznych. Może się tak stać w przypadku błędu w kodzie lub usunięcie ważnego elementu wcześniej dodanego kodu. W przypadku korzystania z motywu potomnego, ewentualne błędy w kodzie mają mniejsze szanse na negatywne wpłynięcie na całą stronę.

Pamiętaj, że dodanie kodu do pliku functions.php Twojego motywu (nawet potomnego) uzależni działanie kodu od samego motywu. Jeśli zdecydujesz się na zmianę motywu lub usunięcie błędu w innym motywie, dodany wcześniej kod nie będzie działał. Z tego powodu, rozwiązanie to jest najlepsze do dodawania zmian w motywie, a nie do dodawania zmian w funkcjonalności strony.

Jak dodać własny kod do pliku functions.php w WordPressie?

Plik functions.php możesz edytować z poziomu samego WordPressa lub przez FTP.

Aby edytować go z poziomu WordPressa, przejdź do Wygląd > Edytor motywu. Upewnij się, że edytujesz motyw potomny i wybierz Funkcje motywu (functions.php).

W polu Zawartość wybranego pliku możesz wkleić własny kod.

Po wprowadzeniu kodu, zapisz zmiany przyciskiem Zaktualizuj plik.

W podobny sposób możesz aktualizować plik functions.php za pomocą klienta FTP. W tym celu przejdź do folderu z instalację Twojego WordPressa, a następnie wp-content/themes/[folder motywu].

Otwórz i edytuj plik functions.php. Przewiń w dół do końca pliku, wklej własny kod i zapisz zmiany. Ta metoda jest bezpieczniejszym rozwiązaniem niż korzystanie z panelu WordPress. W przypadku błędów w kodzie, które spowodują problemy z Twoją stroną, znacznie łatwiej będzie je odwrócić. Wystarczy ponownie edytować plik i poprawić lub usunąć wprowadzony przed chwilą wadliwy kod.

Dodawanie własnego kod za pomocą wtyczek wymuszanych

Wtyczki wymuszane (Must Use Plugins) są wtyczkami instalowanymi inaczej niż zwykłe wtyczki. Znajdują się one w specjalnym katalogu wp-content/mu-plugins. Wtyczki te nie muszą (i nie mogą) być aktywowane. Nie można ich również dezaktywować. Wtyczki są aktywne i działają tak długo, jak długo znajdują się w katalogu mu-plugins.

Takie rozwiązanie to najlepszy sposób na dodanie dodatkowych funkcji związanych z witryną, które powinny działać zawsze, nawet jeśli zmienisz motyw. Jest to również bardzo bezpieczne rozwiązanie, znacznie zmniejszające szanse na konflikty.

Jak dodać wtyczkę wymuszaną w WordPressie?

Jak zobaczysz, dodanie wtyczki wymuszanej w WordPressie nie jest takie trudne. Po pierwsze, w katalogu wp-content utwórz nowy folder mu-plugins. Możesz użyć Menedżera plików w swoim cPanelu lub klienta FTP. W nowym folderze, utwórz nowy plik z rozszerzeniem .php. Ja dodałem po prostu plik custom_code.php. Następnie utwórz plik do edycji i dodaj swój niestandardowy kod. Pamiętaj, aby zacząć od <?php, ale nie dodawaj zamykającego tagu ?>. Twój kod powinien wyglądać tak jak poniżej:

<?php
//Twój własny kod

Zapisz plik z dodanym kodem i to w zasadzie tyle. Wtyczka wymuszana powinna być już aktywna. Wtyczek wymuszanych można używać tak jak pliku functions.php. Co istotne, możesz dodać wiele snippetów w jednym pliku.

Jeśli chcesz zamieścić dodatkowe informacje o niestandardowym kodzie w WordPressie, możesz dodać komentarz na początku pliku, z informacjami o nazwie, autorze i wersji wtyczki:

/*
Plugin Name: Mój własny kod
Description: Funkcje rozszerzające możliwości mojej strony na WordPressie
Version: 1.0
Author: Bartosz Gajewski
*/

Z tym dodatkowym komentarzem, Twoja wtyczka wymuszana powinna wyglądać tak:

Którą metodę wybrać?

Powyżej przedstawiłem trzy metody na to jak dodać własny kod w WordPressie. Z pewnością zastanawiasz się teraz, którą z podanych metod wybrać. Cóż, wszystkie z nich działają, ale różnią się stopniem skomplikowania i bezpieczeństwa. Jeśli nie wiesz, którego rozwiązania użyć, przedstawiam krótkie podsumowanie z moimi osobistymi radami.

Jeśli jesteś zupełnie początkujący w WordPressie i myśl o dodawaniu niestandardowego kodu Cię przeraża, możesz wybrać metodę z wykorzystaniem wtyczki Code Snippets. Jest to najprostsze rozwiązanie, które nie wymaga żadnych umiejętności edytowania kodu. Należy jednak pamiętać, że wtyczki mogą być celem ataków na Twoją stronę.

Jeśli szukasz najbezpieczniejszego rozwiązania i nie chcesz być uzależniony od swojego motywu, wybierz wtyczki wymuszane (Must Use Plugins). Ta metoda wydaje się skomplikowana, ale jeśli nauczysz się tej funkcjonalności, dodanie kolejnego niestandardowego kodu będzie bardzo proste.

Jeśli wtyczki wymuszaną są dla ciebie trochę za trudne, możesz użyć pliku functions.php motywu potomnego. Jest to również dobre rozwiązanie, ale warto zachować ostrożność i przestrzegać kilku zasad. Przede wszystkim pamiętaj, aby koniecznie dodać swój kod do motywu potomnego.

Mam nadzieję, że bez względu na to, którą metodę dodawania niestandardowego kodu do WordPressa wybierzesz, ten artykuł będzie dla Ciebie przydatny. Sugestie przedstawione w tym artykule powinny pomóc Ci nie tylko dodać niestandardowy kod, ale także zmniejszyć ryzyko związane z jego dodawaniem. Powodzenia!