Jak edytować stopkę w WordPressie (ostateczny przewodnik)

W zeszłym tygodniu pokazaliśmy, jak edytować nagłówek bloga, aby dostosować wygląd i styl witryny, dodać do niej kod śledzenia Google Analytics lub kod weryfikacyjny Google AdSense. Kolejną bardzo ważną sekcją witryny, która jest zwykle pomijana, jest stopka. Dziś pokażemy, jak w prosty sposób edytować stopkę w WordPressie.

UWAGA: Będziemy edytować pliki motywów do procesu modyfikacji. Aby zapewnić bezpieczeństwo danych, możesz wygenerować pełną kopię zapasową witryny. W ten sposób, jeśli coś pójdzie nie tak, możesz przywrócić wszystkie swoje informacje!

Po co edytować stopkę swojej witryny?

Stopka jest kluczową częścią Twojej witryny i zawiera ważne informacje, więc powinieneś ją jak najlepiej wykorzystać. Dlatego powinieneś poświęcić trochę czasu na edycję i dostosowywanie go. Możesz usuwać lub dodawać rzeczy, zmieniać ich styl, umieszczać linki do swoich zasad lub mediów społecznościowych i wiele więcej. Ponadto większość motywów WordPress zawiera 3-4 obszary widżetów w stopce, więc zaleca się ich dostosowanie i prawidłowe używanie.

Jeśli planujesz weryfikację Google Search Console, weryfikację Google AdSense lub integrację z Google Analytics, ale nie przez nagłówek, możesz dodać kody do stopki.

Jak edytować stopkę w WordPressie

Istnieje kilka sposobów edytowania stopki w WordPressie. W tym przewodniku pokażemy, jak dostosować stopkę witryny za pomocą różnych metod, jak dodać widżet i jak usunąć link „Powered by WordPress” ze stopki, aby jak najlepiej go wykorzystać.

1. Za pośrednictwem edytora motywów
2. Korzystanie z klienta FTP
3. Korzystanie z wtyczki Wstaw nagłówki i stopki
4. Jak dodać widżety do stopki WordPressa
5. Jak usunąć link „Powered by WordPress”?

1) Za pośrednictwem edytora motywów

Jest to jeden z najbardziej eleganckich sposobów edytowania stopki witryny bez korzystania z wtyczek lub usług innych firm. 1) W menu Wygląd przejdź do Edytora motywów . Zobaczysz edytor, który wygląda tak:

2) Domyślnie zostanie otwarty plik Style.css . Z sekcji plików motywów po prawej stronie wybierz plik footer.php .

3) Następnie przewiń w dół i wklej kod tuż przed tagiem </body> .

4) Zaktualizuj plik, zapisz zmiany, a zostaną one natychmiast odzwierciedlone w interfejsie użytkownika. Możesz zweryfikować dodanie, przeglądając źródło.

Ważne jest, aby pamiętać, że jeśli wybierzesz tę metodę do edycji stopki WordPress, powinieneś utworzyć motyw podrzędny i zastosować do niego zmiany, a nie bezpośrednio do plików motywu . Czemu? Ponieważ po zaktualizowaniu plików motywu nadrzędnego i zapisaniu zmian zostaną one zastosowane w tym motywie, dopóki go nie zaktualizujesz. W następnej aktualizacji pliki motywów zostaną zastąpione nowymi, więc wprowadzone zmiany zostaną utracone.

Możesz jednak tego uniknąć, wprowadzając zmiany w motywie potomnym. Istnieje kilka wtyczek do tworzenia motywów potomnych. Naszym faworytem jest Child Themify, który pozwoli Ci tworzyć motywy potomne bez dodatkowego kodowania.

2) Korzystanie z klienta FTP

Drugą metodą edycji stopki w WordPressie jest użycie klienta FTP. Edytujesz ten sam plik footer.php , co w poprzedniej metodzie, ale nie z obszaru administracyjnego WordPress. W ten sposób będziesz używać klienta FTP do modyfikowania plików witryny.

1) Przede wszystkim musisz założyć konto FTP. Jeśli korzystasz z hostingu współdzielonego, w twoim cPanel musi być opcja dotycząca kont FTP. Możesz z tego miejsca utworzyć jedno konto FTP, a następnie użyć danych uwierzytelniających do zalogowania się na serwerze. W tym przewodniku będziemy używać oprogramowania FileZilla, ale możesz użyć preferowanego.

2) Po lewej stronie zobaczysz pliki i foldery, które masz na swoim lokalnym komputerze, podczas gdy po prawej stronie zobaczysz wszystkie dane, które masz na serwerze WWW. Tutaj przejdź do aktywnego folderu motywu. Ścieżka wyglądałaby mniej więcej tak: /wp-content/themes/generatepress/ . Jednak nazwa motywu zmieni się zgodnie z twoją.

3) Tam wybierz plik footer.php . Kliknij plik prawym przyciskiem myszy i wybierz opcję Wyświetl/edytuj . Przykładowa kopia pliku zostanie pobrana na Twój komputer.

4) Następnie będziesz potrzebować edytora tekstu, takiego jak NotePad lub NotePad++, aby zmodyfikować plik.

5) Teraz dodaj kod tuż przed tagiem </body> i zapisz plik. Następnie prześlij go z powrotem na serwer.

6) Pomyślnie edytowałeś stopkę WordPressa! Zawsze dobrze jest zweryfikować frontend strony i sprawdzić źródło, aby upewnić się, że nie ma problemów.

Jak widać na powyższym obrazku, wszystko jest w porządku! Przejdźmy teraz do następnej metody.

3) Korzystanie z wtyczki Wstaw nagłówki i stopki

Innym prostym sposobem edycji stopki WordPress jest użycie Wstaw nagłówków i stopek. Jest to darmowa wtyczka, której możesz używać do wprowadzania zmian zarówno w nagłówku, jak i stopce. To narzędzie ma ponad 900 000 aktywnych instalacji i jest jednym z najlepszych na rynku.

1) Przede wszystkim musisz zainstalować wtyczkę. Przejdź do sekcji Dodaj nowe wtyczki i wyszukaj „Wstaw nagłówki i stopki”. Po znalezieniu wyniku wyszukiwania kliknij Zainstaluj teraz .

2) Następnie aktywuj go.

3) Po pomyślnej aktywacji zobaczysz ustawienia wtyczki w sekcji Ustawienia WordPress.

4) Tutaj zaczyna się zabawna część. Najlepszą częścią wstawiania nagłówków i stopek jest to, że dostosowywanie stopki WordPressa jest bardzo proste. Zobaczysz trzy główne opcje dostosowywania.

• nagłówek
• Ciało
• Stopka

5) W takim przypadku wystarczy edytować stopkę. Modyfikacje zostaną odzwierciedlone tuż przed tagiem </body> . Po prostu skopiuj kod, który chcesz wkleić w sekcji stopki swojej witryny, a następnie wklej go w ustawieniach wtyczki i zapisz zmiany. W naszym przypadku zamierzamy dodać do stopki przykładowy kod Google Analytics.

6) Następnie możesz sprawdzić, czy wszystko jest w porządku w interfejsie użytkownika, sprawdzając źródło. Z drugiej strony, jeśli planujesz zweryfikować usługę Google Analytics lub Google Search Console, na stronie usługi będziesz mieć możliwość potwierdzenia weryfikacji. Tutaj sprawdziliśmy źródło i stwierdziliśmy, że nasz kod został pomyślnie umieszczony w stopce.

Jak widać, jest to bardzo prosty sposób na dodanie kodu do stopki. Jeśli nie chcesz modyfikować plików motywu w celu edycji stopki WordPress, zalecamy tę metodę wtyczki.

4) Jak dodać widżety do stopki WordPress?

Oprócz zmiany kodu, możesz również dodawać widżety do stopki swojego bloga. Aby to zrobić, masz dwie możliwości:

• Z ustawień widżetów WordPress
• Poprzez Customizer

W tym przewodniku opiszemy obie metody.

Ustawienia widżetów WordPress

Możesz zobaczyć ustawienia widżetów w menu Wygląd. Jeśli wybierzesz tę opcję, zobaczysz wszystkie dostępne widżety.

A także obszary widżetów.

Niektóre motywy WordPress zawierają niestandardowe widżety, a także obszary widżetów. Ponadto, przy odrobinie kodowania i stylizacji, będziesz mógł również tworzyć obszary widżetów dla swoich stron internetowych. W tej witrynie demonstracyjnej używamy bezpłatnej wersji motywu GeneratePress WordPress, która zawiera:

• 2 obszary widżetów paska bocznego
• 2 obszary widżetów nagłówka
• 6 obszarów widżetów w stopce

Jeśli więc chcesz dodać widżet do stopki, po prostu przeciągnij widżet z lewej strony i upuść go w obszarze stopki.

Tutaj dodałem widżet tekstowy do widżetu stopki 1. Po wprowadzeniu żądanych zmian kliknij „ Zapisz ”. Następnie sprawdzasz frontend strony i widzisz widżet.

Jedną z wad tej metody jest to, że musisz sprawdzać frontend za każdym razem, gdy dodajesz widżet do stopki. Jeśli jednak wolisz wygodniejszy sposób, zalecamy wstawianie i edytowanie widżetów z konfiguratora.

Konfigurator

Na pulpicie WordPress przejdź do Wygląd > Dostosuj . Wybierz opcję Widgety z konfiguratora.

Tam zobaczysz wszystkie dostępne obszary na ekranie.

Następnie wybierz obszar, w którym chcesz dodać widżet. W tym przypadku wybierzemy widżet stopki 2 . Gdy to zrobisz, dodaj dowolny widżet do pola.

Dodaj zawartość do widżetu.

Najlepsze jest to, że w trybie podglądu zmiany zobaczysz po kilku sekundach.

Gdy będziesz zadowolony ze zmian, po prostu je opublikuj. Jeśli chcesz coś zmienić, możesz usunąć/zmodyfikować dodane widżety, a następnie ponownie zapisać konfigurację.

5) Jak usunąć link „Powered by WordPress”?

Domyślnie większość motywów WordPress zawiera w stopce link „Proudly powered by WordPress”. A tekst będzie zawierał link do WordPressa z własnym hostingiem. Jeśli jednak nie chcesz go pokazywać, istnieją proste sposoby na jego usunięcie. W tej sekcji pokażemy, jak usunąć link ze stopki bez edytowania plików motywu. Zamiast edytować pliki motywów, użyjesz Remove Footer Credit, darmowego narzędzia dostępnego w repozytorium wtyczek WordPress.

Najpierw zainstaluj i aktywuj wtyczkę w swojej witrynie.

W sekcji narzędzi zobaczysz ustawienia wtyczki.

Tam zobaczysz dwie główne sekcje dostosowywania.

W kroku 1 wpisz tekst lub kod HTML, który chcesz usunąć ze stopki WordPressa.

W kroku 2 możesz dodać niestandardowy link do stopki. Jeśli nie chcesz niczego dodawać, możesz po prostu zostawić to pole puste. Tutaj pokażemy, jak dodać niestandardową stopkę. Po prostu dodaj żądany tekst, łącze, czcionkę i styl, a następnie kliknij Zapisz .

Nowy tekst i link będą widoczne, jak pokazano poniżej. Jeśli nie chcesz pokazywać niczego w tym obszarze, po prostu usuń kod i zapisz go ponownie.

Wyniki zobaczysz przy następnym załadowaniu strony.

Niektóre motywy, takie jak Divi i Avada, mają w swoim panelu motywów funkcję, która umożliwia dodanie dowolnego kodu do nagłówka/stopki WordPress.

Co dodać w stopce?

Teraz, gdy wiesz, jak edytować stopkę na swoim blogu WordPress, zastanawiasz się, co dodać w sekcji stopki? To zależy od Twojej branży i Twojej witryny, ale oto kilka pomysłów. Załóżmy, że prowadzisz bloga do zarabiania pieniędzy online za pomocą Google AdSense, marketingu afiliacyjnego i powiązanych metod zarabiania. Dodanie najpopularniejszych widżetów postów do stopki pomoże Ci zwiększyć liczbę wyświetleń strony i czasu spędzonego w witrynie.

Jeśli prowadzisz blog modowy, możesz chcieć pokazać zdjęcia z oficjalnego konta na Instagramie. Wtyczka taka jak Instagram Feed Gallery zajmie się tym, obsłuży pobieranie obrazu, osadzanie i tak dalej. Jeśli zintegrujesz Kalendarz Google ze swoją witryną, możesz pokazywać odwiedzającym nadchodzące wydarzenia. Jak widać, istnieje wiele opcji ulepszenia witryny za pomocą sprytnego korzystania ze stopki.

Jak edytować stopkę w WordPressie – Podsumowanie

Podsumowując, edycja stopki w WordPressie jest dość prosta. Jeśli zastanawiasz się, która metoda jest najlepsza, zależy to od Twoich umiejętności i potrzeb. Jeśli jesteś początkującym i nie masz umiejętności kodowania, polecamy metodę wtyczek. Jest to najprostszy sposób, zapewnia kilka opcji dostosowywania i nie musisz się martwić tworzeniem motywu potomnego, jeśli nie chcesz utracić swoich dostosowań podczas aktualizacji motywu nadrzędnego.

Dodatkowo, jeśli nie zamierzasz zmieniać motywu, dobrym rozwiązaniem jest metoda edycji footer.php . Upewnij się jednak, że używasz motywu podrzędnego i wprowadzasz w nim zmiany zamiast edytować motyw nadrzędny.

Jeśli szukasz wskazówek, jak dostosować stopkę w określonych motywach, zapoznaj się z następującymi postami:

• Jak zmienić stopkę w StoreFront
• Jak ukryć i usunąć stopkę w Divi

Którą metodę wolisz edytować stopkę w WordPressie? Podziel się z nami swoimi doświadczeniami w sekcji komentarzy poniżej!