Jak dodać kod nagłówka i stopki w WordPressie?

Czy znasz sytuację, w której musisz dodać fragmenty kodu do nagłówka i stopki WordPressa?

Dzieje się tak często, gdy próbujesz zintegrować usługi, takie jak Google AdSense, Google Analytics i Google Search Console w swojej witrynie.

Domyślnie WordPress nie oferuje opcji dodawania kodu do nagłówka i stopki. Ale na szczęście istnieją inne proste sposoby dla początkujących.

W tym przewodniku wyjaśnimy dwie różne metody dodawania kodu nagłówka i stopki w WordPressie . Najprostszą metodą jest użycie wtyczki WordPress. W następnej metodzie możesz dodać fragmenty kodu do pliku PHP motywu.

Przejdźmy więc do szczegółów!

Dodawanie kodu nagłówka i stopki w WordPress – 2 proste metody

Jak wspomniano powyżej, możesz użyć wtyczki lub ręcznie dodać kod do nagłówka i stopki WordPress. Zalecamy użycie prostej wtyczki, ponieważ jest znacznie łatwiejsza i bezpieczniejsza w porównaniu z metodą ręczną.

Oto kilka korzyści płynących z używania wtyczki do dodawania kodu w nagłówku i stopce WordPress:

• Łatwy, szybki i zorganizowany: korzystanie z wtyczki jest znacznie łatwiejsze i szybsze w porównaniu z podejściem ręcznym. Ponadto użycie wtyczki pozwala uporządkować zadanie i umożliwia przechowywanie kodów nagłówka i stopki w jednym miejscu.

• Zapobiega błędom: Wtyczki są łatwe w użyciu i przyjazne dla początkujących. Nie musisz modyfikować niestandardowych kodów, aby używać ich w swojej witrynie. W ten sposób zapobiega możliwym błędom.

• Zmiany pozostają nienaruszone: Wtyczka zapisuje kod nagłówka i stopki w oddzielnym bezpiecznym miejscu. Dlatego nawet jeśli zaktualizujesz lub zmodyfikujesz swój motyw, ustawienia pozostaną nienaruszone.

To powiedziawszy, przyjrzyjmy się krok po kroku procesowi dodawania kodu nagłówka i stopki w WordPress przy użyciu obu tych metod.

Ale najpierw upewnij się, że wykonałeś kopię zapasową plików WordPress na wypadek, gdyby coś poszło nie tak lub chcesz wrócić do poprzednich ustawień.

Metoda 1: Dodawanie kodu do nagłówka i stopki WordPress za pomocą wtyczki

Istnieje wiele wtyczek WordPress do dodawania kodu nagłówka i stopki w WordPressie. Zalecamy jednak korzystanie z wtyczki Insert Headers and Footers. Ta wtyczka ma prosty interfejs i wbudowane funkcje, które umożliwiają łatwe dodawanie kodów do pliku nagłówka i pliku stopki.

Oto jak dodać kod nagłówka i stopki w WordPressie za pomocą tej wtyczki:

• Przejdź do Wtyczki> Dodaj nowy na pulpicie WordPress.
• Wyszukaj wtyczkę Wstaw nagłówki i stopki.
• Zainstaluj i aktywuj.

• Po aktywacji przejdź do Ustawień na pulpicie nawigacyjnym. Następnie kliknij opcję Wstaw nagłówek i stopki .

• Możesz zobaczyć pola, w których możesz dodać fragment kodu dla nagłówka, treści i stopki.

• Możesz po prostu dodać swoje kody w polach nagłówka i stopki.
• Po zakończeniu kliknij przycisk Zapisz .

Teraz wtyczka automatycznie ładuje kody dodane w odpowiednich lokalizacjach Twojej witryny. Aby edytować lub usunąć kod, wróć do tych pól nagłówka i stopki i usuń kod. W końcu zapisz zmiany, aby kontynuować.

Notatka:

• Musisz mieć tę wtyczkę zainstalowaną i aktywowaną przez cały czas. Jeśli dezaktywujesz wtyczkę, WordPress przestanie dodawać kody do Twojej witryny.
• Po zapisaniu zmian musisz wyczyścić pamięć podręczną WordPressa . W ten sposób upewnisz się, że zmiany są poprawnie widoczne w interfejsie Twojej witryny.

Metoda 2: Ręczne dodawanie kodu nagłówka i stopki w WordPressie

Metoda ręczna jest nieco bardziej techniczna niż pierwsza. Musisz przygotować swój fragment kodu, a następnie dodać go do pliku functions.php WordPressa. Przed dokonaniem jakichkolwiek modyfikacji, upewnij się, że utworzyłeś kopię zapasową WordPress .

Zalecamy również używanie motywu potomnego podczas edycji, ponieważ kody zostają nadpisane po zaktualizowaniu motywu nadrzędnego. Instalując i edytując pliki motywów podrzędnych, nie stracisz później tych ustawień.

Wielu programistów oferuje motywy potomne dla określonych motywów WordPress. Jeśli jednak nie masz takiego, sprawdź Jak zainstalować motyw podrzędny w WordPress .

Teraz, po utworzeniu kopii zapasowej WordPress i zainstalowaniu motywu potomnego, wykonaj poniższe czynności, aby ręcznie dodać kod nagłówka i stopki:

Krok 1: Przygotowywanie fragmentów kodu

W nagłówku i stopce możesz użyć następującej struktury fragmentów kodu:

Fragment kodu dla nagłówka

 /* Describe the code snippet for your header */ add_action('wp_head', 'your_function_name'); function your_function_name(){ ?> PASTE HEADER CODE HERE <?php };

Fragment kodu dla stopki

 * Describe the code snippet for your footer*/ add_action('wp_footer', 'your_function_name'); function your_function_name(){ ?> PASTE FOOTER CODE HERE <?php };

W przypadku każdego z tych fragmentów pamiętaj o wprowadzeniu własnych zmian:

• „Opisz fragment kodu dla nagłówka/stopki”
• „Twoja _nazwa_funkcji()”
• „Wklej tutaj kod nagłówka/stopki”

Krok 2: Dodawanie fragmentów kodu do pliku functions.php motywu podrzędnego

Po przygotowaniu fragmentów kodu dla nagłówka i stopki, musisz dodać te kody do pliku functions.php twojego motywu.

Oto jak możesz to zrobić:

• Przejdź do Wygląd > Edytor motywów z panelu administracyjnego WordPress.

• Kliknij plik „ functions.php ”.
• Teraz wklej swój kod na końcu pliku.
• Kliknij przycisk Aktualizuj plik , aby zapisać ustawienia.

Jeśli chcesz dodać kod do określonej strony lub postu, możesz dodać oświadczenie „ if ” w następujący sposób:

Dla nagłówka :

 /* Describe the code snippet for your header */ add_action('wp_head', 'your_function_name'); function your_function_name(){ if(is_single(73790)) { ?> PASTE HEADER CODE HERE <?php };

Dla stopki:

 /* Describe the code snippet for your footer*/ add_action('wp_footer', 'your_function_name'); function your_function_name(){ if(is_single(73790)) { ?> PASTE FOOTER CODE HERE <?php };

Uwaga : pamiętaj, aby zastąpić numer „ 73790 ” identyfikatorem swojej strony lub posta.

Wniosek

Głównym powodem dodawania kodu nagłówka i stopki w WordPressie jest korzystanie z usług innych firm, takich jak Google AdSense, Google Analytics, Facebook Pixel i innych narzędzi. Jednak mogą być też różne przyczyny.

Bez względu na przyczynę, możesz dodać kod do nagłówka i stopki za pomocą wtyczki lub dodając kod do pliku functions.php. Chociaż obie te metody są skuteczne, jeśli jesteś początkującym, powinieneś wybrać pierwszą i naszą preferowaną metodę. Łatwiej i bezpieczniej.

Jeśli masz dalsze pytania lub wątpliwości, podziel się nimi z nami w sekcji komentarzy poniżej.