Jak tworzyć i edytować stopkę w Elementorze

Stopka witryny to obszar, który pojawia się na dole strony, pod zawartością witryny. Ta sekcja strony internetowej zazwyczaj zawiera logo witryny, menu nawigacyjne, formularz subskrypcji, mapę, łącza do sieci społecznościowych oraz informacje kontaktowe firmy lub organizacji. Stopki mogą się znacznie różnić rozmiarem, zawartością i stylem w zależności od ich przeznaczenia i rodzaju witryny, na której są obecne.

Jeśli używasz Elementora do projektowania swojej witryny, możesz łatwo utworzyć stopkę witryny w kilka minut za pomocą przydatnych widżetów lub gotowych bloków stopki. Poza tym masz wiele opcji dostosowywania, aby wyświetlać przydatne informacje dla odwiedzających.

Na tym blogu pokażemy, jak edytować stopkę w Elementorze na dwa proste sposoby. Ponadto podzielimy się częścią bonusową. Nie przegap tego, jeśli chcesz używać bezpłatnych bloków w stopce na swojej stronie internetowej.

Zanurzmy się w przewodniku.

2 Różne metody edycji stopki w Elementorze

Nagłówek i stopka to wspólne elementy witryny, które ma każda witryna. Możesz łatwo zaprojektować i dostosować nagłówek swojej witryny za pomocą Elementora. Ale tutaj skupiamy się na tym, jak zaprojektować stopkę za pomocą Elementora.

Jeśli chcesz zaprojektować niestandardowy nagłówek za pomocą Elementora, możesz skorzystać z poniższych przydatnych samouczków.

• Jak zaprojektować niestandardowy nagłówek elementu Elementor w 2 minuty?
• Jak edytować nagłówek WordPress za pomocą Elementora

W tej sekcji pokażemy, jak edytować stopkę na 2 możliwe sposoby za pomocą Elementora.

Metoda 1: Edytuj stopkę za pomocą widżetów Elementor
Metoda 2: Edytuj stopkę za pomocą kreatora motywów Elementor

Wybierz metodę, która Ci odpowiada.

Zacznijmy:

Metoda 1: Edytuj stopkę za pomocą widżetów Elementor

Tutaj dowiesz się, jak zaprojektować i dostosować stopkę od podstaw za pomocą widżetów Elementor.

Krok 1: Ustaw strukturę stopki

Najpierw musimy dodać strukturę, aby zaprojektować naszą stopkę. Możesz to zrobić, klikając ikonę ( + ). Postępuj zgodnie z poniższym obrazem. tutaj dodaliśmy trzy kolumny.

Po dodaniu struktury stopki czas zmienić sekcję Układ i dodać Kolor tła .

Krok 2: Dodaj widżet nagłówka

Planujemy dodać trzy różne treści do trzech różnych kolumn. Dodajmy.

Najpierw znajdź widżet Nagłówek z galerii widżetów Elementor. Następnie przeciągnij i upuść widżet do kolumny po lewej stronie.

W obszarze Treść możesz zarządzać treścią nagłówka. Tutaj możesz zarządzać tytułem, łączem, rozmiarem, znacznikiem HTML i wyrównaniem nagłówka.

Możesz dostosować projekt nagłówka, przechodząc do sekcji Styl . Możesz zmienić kolor tekstu, typografię, obrys tekstu, cień tekstu i tryb mieszania nagłówka.

Dodaliśmy również kolejny nagłówek pod nagłówkiem „ Lokalizacja ”, aby wpisać adres firmy zgodnie z powyższym procesem. Podobnie możesz zarządzać i stylizować nagłówek na swój własny sposób.

Dodaliśmy również treść do pozostałych dwóch kolumn. Oto aktualny wygląd stopki.

Krok 3: Dodaj kolejną sekcję

Chcemy dodać nasze ikony społecznościowe do obszaru stopki. Dodaliśmy kolejną sekcję i ustawiliśmy jej układ i styl . Możesz postępować zgodnie z poniższym obrazkiem, aby poznać proces.

Krok 4: Dodaj widżet ikon społecznościowych

Najpierw znajdź widżet ikon społecznościowych . Następnie przeciągnij i upuść widżet do sekcji.

W obszarze Treść możesz zarządzać zawartością ikon społecznościowych. Tutaj możesz dodać lub usunąć element oraz ustawić kształt, kolumnę i wyrównanie ikony społecznościowej.

Przejdź do sekcji Styl , aby dostosować ikony we własnym stylu.

Ostateczny podgląd

Dodaliśmy trochę treści do strony. Przyjrzyjmy się aktualnemu projektowi stopki.

Metoda 2: Edytuj stopkę za pomocą kreatora motywów Elementor

W tej chwili nauczyłeś się projektować i dostosowywać stopkę za pomocą widżetów Elementor. Teraz zademonstrujemy, jak używać Kreatora motywów Elementor do tworzenia stopki. Upewnij się, że zainstalowałeś i aktywowałeś wersję Elementor pro.

Zanurzmy się w to.

Najpierw przejdź do obszaru Szablony->Konstruktor motywów .

Następnie otrzymasz opcję dodania stopki. Tutaj musisz wybrać Części witryny->Stopka z lewego paska bocznego. Następnie kliknij przycisk Dodaj nowy .

W następnym wyskakującym okienku zobaczysz wszystkie bloki stopki . Wybierz odpowiedni i kliknij przycisk Instaluj , aby zainstalować blok na swojej stronie internetowej.

Otóż ​​to.

Dowiedz się również, jak zaprojektować niestandardowy nagłówek elementu Elementor .

Bonus: używaj bezpłatnych bloków stopki Happy Addons do swojej witryny

Happy Addons to jeden z popularnych, szybko rozwijających się dodatków do Elementora, które zawierają gotowe szablony i bloki do projektowania Twojej witryny. Dzięki Happy Addons możesz łatwo dodać stopkę do swojej witryny z bezpłatnymi blokami.

Przeczytaj ten przydatny artykuł i dowiedz się, jak prawidłowo korzystać z biblioteki szablonów Happy Addons.

Często zadawane pytania dotyczące edytowania stopki w Elementorze

Mimo to możesz mieć pytania w swoim umyśle. W tej sekcji odpowiedzieliśmy na kilka typowych pytań dotyczących stopki Elementora.

Czy jesteś gotowy, aby zaprojektować stopkę swojej witryny?

W tym samouczkowym blogu pokazaliśmy, jak zaprojektować i edytować stopkę witryny za pomocą Elementora. Wprowadziliśmy również darmowe bloki w stopce Happy Addons.

Poza tym odpowiedzieliśmy na kilka typowych pytań w stopce Elementora. Jeśli nadal utknąłeś i potrzebujesz dodatkowej pomocy, możesz zadać pytanie w polu komentarza poniżej.

Jeśli podoba Ci się ten blog, udostępnij go na swoich kanałach społecznościowych. Nie zapomnij zapisać się do naszego newslettera. Jest wolne.