Top 5 wtyczek WordPress do wstawiania kodu do nagłówków i stopek

Opublikowany: 2019-04-06

Domyślnie WordPress nie ma wbudowanego rozwiązania do dodawania fragmentów kodu do obszaru nagłówka i stopki witryny WordPress. Jest to jednak bardzo prosty problem, który można łatwo rozwiązać za pomocą wtyczki WordPress. Dlatego na potrzeby tego artykułu przyjrzymy się 5 najlepszym wtyczkom WordPress, które pomogą Ci wstawić kod do nagłówków i stopek w Twojej witrynie.

Ale najpierw,

Dlaczego miałbym wstawiać kod do nagłówków i stopek mojej witryny WordPress?

Wiele narzędzi i skryptów śledzących działa tylko wtedy, gdy dodasz odpowiedni fragment kodu do obszaru nagłówka lub stopki witryny WordPress; Google Analytics jest doskonałym przykładem takich usług. Ponieważ WordPress nie ma żadnego natywnego rozwiązania, które pomogłoby Ci dodać fragmenty kodu, musisz zainstalować te wtyczki, aby wykonać zadanie.

Warto wspomnieć, że istnieje alternatywna metoda wstawiania kodu do nagłówka i stopki witryny WordPress, polegająca na bezpośrednim wprowadzeniu poprawek do podstawowego pliku functions.php. Ta metoda może być nieco kłopotliwa dla początkujących i nieznających się na technologii użytkowników. Natomiast korzystanie z wtyczki jest znacznie prostszym i lepszym sposobem obsługi zadania.

Teraz, po uzyskaniu odpowiedzi na wszystkie pytania, przejdźmy do naszej pełnej listy 5 najlepszych wtyczek WordPress do wstawiania kodu do nagłówków i stopek:

Najlepsze wtyczki do wstawiania kodu do nagłówków i stopek

1. Wstaw nagłówki i stopki

Ściągnij

Wstaw wtyczkę nagłówków i stopek do wordpress

W przypadku pierwszej wtyczki na twojej liście mamy Wstaw nagłówek i stopkę dla WordPress od osób z WPBeginner. Jest to bardzo prosta i przyjazna dla użytkownika wtyczka, która umożliwia łatwe wstawianie fragmentów kodu w celu integracji usług, takich jak Google Analytics, Facebook Pixel, a nawet niestandardowy CSS.

Po aktywacji wtyczki w witrynie WordPress utworzy ona sekcję w backendzie witryny z dedykowanymi obszarami na nagłówek i stopkę. Możesz wstawić swój fragment kodu w tym obszarze, kliknąć Zapisz, a zostanie on automatycznie zaktualizowany w sekcjach <head> i <body> Twojej witryny.

Cechy:

  • Lekki z super prostym interfejsem.
  • Integruje sekcję backendu, aby wstawić kod do nagłówków i stopek.
  • Kompatybilny ze wszystkimi motywami WordPress.
  • Umożliwia dodawanie fragmentów kodu dla Google Analytics i Facebook Pixel.
  • Możesz także dodać niestandardowe skrypty dla HTML, CSS i JavaScript.

2. Fragmenty reklam drzewiastych

Ściągnij

Wtyczka Woody Ad Snippets w wordpressie

Wtyczka Woody Ad Snippets WordPress pomaga dodać specjalną bibliotekę dostępną z paska bocznego administratora. Tutaj możesz tworzyć i przechowywać fragmenty kodu, a nawet zduplikowany tekst. Wtyczka ma wbudowaną obsługę skrótów, aby dodawać fragmenty kodu prawie w dowolnym miejscu w witrynie. Możesz nawet dodać je automatycznie, używając nagłówka, stopki i wstrzyknięć postów.

Wtyczka dodaje niestandardowy typ posta Woody Snippets. Możesz teraz uzyskać do niego dostęp w podobny sposób, jak uzyskujesz dostęp do stron i postów w swojej witrynie. Opcja „Dodaj nowy” Woody Snippet otworzy edytor WordPress, w którym możesz wkleić kod, którego zamierzasz użyć w swojej witrynie. Istnieje również dedykowana sekcja, która pozwala określić, gdzie chcesz uruchomić kod.

Cechy:

  • Potężny menedżer kodu Header Footer.
  • Twórz i przechowuj potencjalnie nieograniczoną liczbę fragmentów kodu.
  • Integruje przyjazny dla użytkownika edytor kodu z obsługą podświetlania składni.
  • Możliwość tworzenia sformatowanych reklam tekstowych za pomocą edytora TinyMCE WordPress.
  • Zawiera również specjalne bloki, które pomagają dodawać fragmenty kodu za pomocą edytora Gutenberg.
  • Opcja pokazywania lub ukrywania fragmentów kodu na podstawie logiki warunkowej.
  • Pomaga wstawić kod do nagłówków i stopek za pomocą skrótów.

I wiele więcej.

3. Wstaw kod autorstwa Angie Makes

Ściągnij

Wstaw kod autorstwa Angie Makes

Podobnie jak niektóre inne wtyczki WordPress na liście, Insert Code autorstwa Angie Makes integruje również dedykowaną sekcję w Twoim zapleczu WordPress do kopiowania i wklejania fragmentów kodu. Otrzymasz wydzielony obszar do wpisania kodu nagłówka, a następnie wydzielony obszar do wpisania kodu stopki. Po wstawieniu kliknij Zapisz, a kod zostanie zastosowany w Twojej witrynie WordPress.

Poza tym wtyczka umożliwia również dodanie obsługi różnych motywów w witrynie, aby pomóc w wstawieniu niestandardowego kodu, w tym HTML, JavaScript i CSS, dla wszystkich żądanych poprawek. Otrzymasz również pomoc w dodawaniu kodu u góry stron, nad nagłówkiem, pod nagłówkiem, nad treścią lub pod treścią.

Uwaga Cechy:

  • Prosty i łatwy w użyciu.
  • Umożliwia wstawianie niestandardowych fragmentów kodu, w tym HTML, CSS i JavaScript.
  • Możliwość dodania obsługi motywu, aby umożliwić wstawianie kodu w różnych częściach motywu.

4. Skrypty nagłówka i stopki

Ściągnij

Wtyczka Skrypty nagłówka i stopki w wordpressie

Wtyczka WordPress Skrypty nagłówka i stopki umożliwia wstawianie i zapisywanie kodów jako niestandardowych typów postów w Twojej witrynie. Możesz praktycznie wstawić dowolny rodzaj kodu z Google Analytics do niestandardowych arkuszy stylów CSS.

Będziesz jednak musiał dodać odpowiedni tag HTML do kodu, aby działał poprawnie.

Cechy:

  • Umożliwia wstawianie dowolnego rodzaju kodu jako niestandardowych typów postów w Twojej witrynie.

5. Kod nagłówka i stopki AddFunc

Ściągnij

Wtyczka AddFunc Head _ Footer Code w wordpressie

A teraz ostatnia wtyczka na naszej liście, która pomaga wstawiać kod do nagłówków i stopek w WordPress, mamy AddFunc Head & Footer Code. Wtyczka ma prosty i intuicyjny interfejs użytkownika z dedykowanymi polami do dodawania fragmentów kodu do Twojej witryny. Możesz dodać kod do nagłówka, stopki, poszczególnych postów, a nawet w całej witrynie.

Jako taki zapewnia również nieco większą elastyczność w porównaniu do innych wtyczek pod względem opcji wstawiania kodu. Wtyczka doskonale nadaje się do dodawania do witryny kodu śledzenia konwersji Google Analytics lub dowolnego kodu JavaScript specyficznego dla strony.

Cechy:

  • Prosty i łatwy w użyciu interfejs użytkownika.
  • Daje możliwość dodawania fragmentów kodu do nagłówków, stopek, poszczególnych witryn, a nawet całej witryny.

Na zakończenie

To były nasze typy 5 najlepszych wtyczek WordPress do wstawiania kodu do nagłówków i stopek. Jak widać, wszystkie wtyczki mają super intuicyjny układ, który pozwala łatwo dodawać fragmenty kodu do obszaru nagłówka i stopki. Nawet jeśli jesteś początkującym bez doświadczenia w kodowaniu, wtyczka może zaoferować ogromną pomoc i sprawić, że Twoja praca będzie tak prosta, jak proste kopiowanie i wklejanie.

Teraz możesz już wstawiać fragmenty kodu PHP do swojej witryny WordPress bez kodowania.