masz problemy z edytowaniem stopki w WordPress?
twoja stopka jest częścią Twojego motywu WordPress, który wyświetla się u dołu witryny, zazwyczaj na każdej stronie.
edytowanie stopki może być trudnym tematem, ponieważ niektóre motywy robią rzeczy inaczej niż inne. Oznacza to, że sposób edycji stopki w jednym motywie może nie być taki sam, jak w innym motywie.
na szczęście jest teraz wiele podobieństw, a większość tematów zaczęła używać podobnych metod.
w tym poście pokażemy, jak edytować stopkę w WordPress za pomocą tych metod, które powinny działać dla prawie każdego nowoczesnego motywu WordPress.
a jeśli to nie wystarczy, zakończymy, idąc jeszcze dalej i pokazując, jak możesz stworzyć własną, w 100% niestandardową stopkę za pomocą wizualnego edytora przeciągnij i upuść, a także jak wstrzyknąć fragmenty kodu do stopki.
możesz Kliknąć poniżej, aby przejść od razu do określonej sekcji:
- Edytuj stopkę za pomocą Dostosowywacza WordPress most większość użytkowników powinna zacząć tutaj
- Utwórz własną niestandardową stopkę za pomocą Kreatora Stron Elementor
- wstrzyknij fragmenty kodu do stopki
jak edytować stopkę w WordPress za pomocą Dostosowywacza
w 2021 roku większość motywy używają natywnej funkcji WordPress o nazwie dostosowywanie do zarządzania dostosowaniami motywów, w tym edycji stopki.
wewnątrz modułu dostosowania istnieje kilka różnych sposobów zarządzania stopką witryny:
- widżety WordPress – wiele motywów tworzy obszary widżetów dla stopki. Zawartość stopki można edytować, edytując lub dodając widżety.
- Ustawienia motywu-wiele motywów daje również własne opcje sterowania stopką. Zazwyczaj są one bardziej skoncentrowane na Ustawieniach układu. Na przykład możesz wybrać liczbę kolumn stopki, a następnie dodać do nich zawartość za pomocą widżetów.
- menu WordPress – niektóre motywy używają wbudowanego systemu menu WordPress, aby dodać linki do stopki.
Twój motyw może używać jednej, dwóch lub wszystkich trzech z tych opcji, aby zapewnić Ci kontrolę nad stopką. Pokażemy Ci, jak działają wszystkie z nich w tej sekcji.
aby otworzyć WordPress Customizer, przejdź do Wygląd → Dostosuj na pulpicie WordPress. Powinieneś zobaczyć podgląd na żywo swojej witryny po prawej stronie, wraz z paskiem bocznym ustawień po lewej stronie.
teraz przeprowadzimy Cię przez typowe scenariusze, jak edytować stopkę w WordPress za pomocą Dostosowywacza…
widżety WordPress
w 2021 i później wiele motywów WordPress korzysta z wbudowanego systemu widżetów WordPress do kontrolowania zawartości stopki.
aby sprawdzić, czy dotyczy to Twojego motywu, Wybierz opcję widżety w Ustawieniach paska bocznego. Następnie zobaczysz listę lokalizacji widżetów w Twoim szablonie.
jeśli twój motyw obsługuje widżety stopki, powinieneś zobaczyć co najmniej jeden wpis dla lokalizacji stopki. Często można również zobaczyć wiele lokalizacji widżetów stopki. W takim przypadku każda lokalizacja widżetu zazwyczaj reprezentuje wspólną lokalizację w stopce.
na przykład motyw Twenty Twenty zawiera dwie lokalizacje widżetów stopki-każda reprezentuje jedną kolumnę dwukolumnowego układu stopki:
jeśli wybierzesz jeden z tych obszarów, możesz dodawać/usuwać/edytować widżety WordPress, aby kontrolować zawartość w tej części stopki. Podczas wprowadzania zmian powinien być automatycznie wyświetlany podgląd aktualizacji stopki na żywo:
jeśli chcesz dodać więcej opcji widżetów, możesz użyć wtyczki widżetu WordPress, aby dodać nowe typy widżetów.
gdy będziesz zadowolony z wyglądu stopki, kliknij przycisk Publikuj na górze paska bocznego, aby wprowadzić zmiany w życie.
Ustawienia motywu
niektóre motywy zawierają własne specjalne opcje dostosowywania stopki. Na przykład nasz darmowy motyw Neve zawiera własny Kreator stopek typu „przeciągnij i upuść”, który umożliwia tworzenie własnego niestandardowego układu stopki.
te ustawienia będą znajdować się gdzieś wewnątrz opcji motywu na pasku bocznym dostosowywania. Dzięki Neve dostęp do opcji stopki jest bardzo łatwy-wystarczy wybrać wybór stopki najwyższego poziomu. Jednak wiele innych motywów umieszcza swoje ustawienia stopki w podmenu innej sekcji.
dobrą sztuczką, aby szybko znaleźć te ustawienia, jest najechanie kursorem na stopkę w podglądzie na żywo. Następnie powinieneś zobaczyć niebieską ikonę ołówka-jeśli klikniesz tę ikonę, powinieneś przejść bezpośrednio do ustawień stopki:
stamtąd możesz użyć ustawień szablonu, aby dostosować stopkę. Dzięki Neve otrzymujesz ten naprawdę schludny Kreator przeciągania i upuszczania, w którym możesz kontrolować dokładny układ stopki:
Twój motyw może nie dać ci tak elastycznego narzędzia, ale powinieneś mieć przynajmniej kilka opcji.
podczas wprowadzania zmian podgląd na żywo stopki powinien być automatycznie aktualizowany.
gdy będziesz zadowolony z tego, jak to wygląda, kliknij przycisk Publikuj.
menu WordPress
niektóre motywy WordPress wykorzystują system menu WordPress do tworzenia menu stopki. Pozwala to edytować łącza wyświetlane w stopce witryny, ale nie pozwala dodawać niestandardowych treści, jak to możliwe za pomocą widżetów.
w zależności od tego, jak został zbudowany motyw, możesz użyć menu stopki, aby kontrolować tylko część stopki. Lub Twój motyw może nawet go nie mieć.
aby sprawdzić, czy Twój motyw ma tę funkcję, otwórz obszar menu w edytorze WordPress. Następnie wybierz opcję, aby wyświetlić wszystkie lokalizacje:
jeśli twój motyw ma menu stopki, powinieneś zobaczyć lokalizację o nazwie „menu stopki” lub coś podobnego. Możesz wybrać istniejące menu z witryny lub kliknąć link, aby utworzyć nowe menu:
jeśli utworzysz nowe menu, będziesz mógł dodawać elementy menu bezpośrednio w module dostosowywania. Po dodaniu nowej zawartości powinna być automatycznie wyświetlana aktualizacja podglądu na żywo:
po zakończeniu kliknij przycisk, aby opublikować swoje menu.
jak utworzyć niestandardową stopkę WordPress za pomocą przeciągania i upuszczania
jeśli nauka edytowania stopki w WordPress nie wystarczy, możesz pójść o krok dalej i stworzyć własną, całkowicie niestandardową stopkę.
nie martw się – nie potrzebujesz żadnej specjalnej wiedzy technicznej ani umiejętności kodowania, aby to zrobić. Zamiast tego możesz użyć wizualnego edytora przeciągnij i upuść, aby utworzyć idealną stopkę dla swojej witryny.
będziesz mógł w pełni kontrolować układ i kolory, a także dodawać własny tekst, obrazy, formularze, przyciski, integracje z mediami społecznościowymi i inne.
aby to osiągnąć, możesz użyć dwóch darmowych wtyczek:
- Elementor – ten popularny Kreator stron zapewnia wizualną edycję przeciągnij i upuść. Dowiedz się więcej w naszym przeglądzie Elementora.
- Elementor – Nagłówek, Stopka & blokuje szablon – Ta darmowa wtyczka pozwala użyć Elementora do zaprojektowania stopki Twojego motywu
aby rozpocząć, zainstaluj i aktywuj obie wtyczki. Następnie postępuj zgodnie z tymi instrukcjami, jak edytować stopkę w WordPress za pomocą Elementora …
Utwórz szablon stopki
gdy obie wtyczki są aktywne, przejdź do Wygląd → Stopka nagłówka & bloki w pulpicie nawigacyjnym WordPress. Następnie kliknij Dodaj nowy, aby utworzyć nowy szablon:
w obszarze rodzaj szablonu wybierz stopkę. Następnie możesz użyć innych ustawień, aby określić, gdzie ma być wyświetlana stopka i kto powinien ją zobaczyć. Aby użyć tej stopki dla każdej strony w witrynie, wybierz opcję wyświetlania na całej witrynie.
gdy będziesz zadowolony z zasad, kliknij przycisk, aby go opublikować, tak jak post na blogu:
dodaj zawartość za pomocą Elementora
następnie kliknij przycisk duża Edycja za pomocą Elementora, aby uruchomić interfejs Elementora. Teraz możesz użyć wizualnego edytora przeciągania i upuszczania, aby dostosować każdą część stopki.
aby rozpocząć, dodaj sekcję z liczbą kolumn, których chcesz użyć:
następnie możesz dodawać różne typy zawartości za pomocą wielu widżetów Elementora. Elementor-Nagłówek, Stopka & blokuje wtyczkę szablonu również dodaje kilka użytecznych widżetów, takich jak dedykowany widżet praw autorskich:
gdy będziesz zadowolony ze swojego projektu, pamiętaj, aby go zapisać. Następnie będzie on na żywo w Twojej witrynie.
aby uzyskać więcej informacji na temat korzystania z Elementora, sprawdź te posty:
- Recenzja Elementora
- jak zbudować stronę docelową za pomocą Elementora (nie jest to specyficzne dla budowania stopki, ale nauczy Cię, jak korzystać z interfejsu Elementora)
Jak dodać niestandardowy kod do stopki WordPress
czasami możesz dodać kod zaplecza do stopki witryny WordPress zamiast zmieniać jej wygląd dla odwiedzających. Często używasz tego podejścia do śledzenia skryptów, analiz, narzędzi do testowania A / B itp. Zasadniczo każda sytuacja, w której musisz dodać trochę JavaScript do stopki witryny.
aby łatwo wstrzyknąć ten kod bez potrzeby tworzenia motywu podrzędnego i ręcznej edycji szablonu stopki, możesz użyć bezpłatnej wtyczki Wstaw nagłówki i stopki z WordPress.org.
po zainstalowaniu i aktywacji możesz przejść do Ustawienia → Wstaw nagłówki i stopki oraz dodać skrypty do umieszczenia w stopce WordPress:
tak można edytować stopkę w WordPress!
podsumowując, pokazaliśmy ci kilka różnych metod, których możesz użyć do edycji stopki w WordPress.
większość ludzi powinna zacząć od dostosowywania WordPress, ponieważ tam twój motyw powinien mieć wbudowane opcje dostosowywania stopki.
w zależności od motywu możesz użyć widżetów WordPress, unikalnych ustawień motywu i/lub systemu menu WordPress.
na przykład nasz darmowy motyw Neve zawiera własny Kreator stopki w dostosowywaniu WordPress, który zawiera również widżety i menu.
jeśli twój motyw nie daje Ci wystarczającej kontroli nad stopką, inną opcją jest zbudowanie go samodzielnie za pomocą popularnej wtyczki Elementor Page builder.
na koniec, jeśli chodzi o to, co umieścić w stopce, sprawdź nasz post na trzech kluczowych elementach stopki dla wszystkich stron internetowych.