W artykule:
Czy chcesz dodać niestandardowe widżety po wpisie w WordPress?
Widżety po wpisie umożliwiają wyświetlanie różnych elementów na końcu postów lub stron bloga. Na przykład możesz dodać formularz rejestracji do newslettera, pokazać powiązane posty, wyświetlić najnowsze artykuły lub popularne produkty.
W tym artykule pokażemy, jak łatwo dodać niestandardowe widżety po wpisie w WordPress, aby utrzymać zaangażowanie użytkowników i spędzać więcej czasu na swojej stronie.
Po co dodawać niestandardowe widżety po wpisie w WordPress
Być może widziałeś wezwanie do działania na końcu artykułu na wielu popularnych stronach internetowych. Dzieje się tak dlatego, że jeśli użytkownik przewija w dół do końca artykułu, jest już uzależniony i bardziej skłonny do zaangażowania się w Twoją ofertę.
Ta przestrzeń może być wykorzystana do umieszczenia formularza rejestracji e-mail, formularza generowania leadów lub zwiększenia zaangażowania użytkowników w powiązane posty, popularne posty i inne funkcje wykrywania treści.
Podobnie, jeśli prowadzisz sklep internetowy, możesz chcieć pokazać powiązane produkty lub promować sprzedaż, oferując rabat.
Są na to różne sposoby. Możesz użyć wtyczek, takich jak MonsterInsights popular posts addon, który pozwala automatycznie dodawać popularne posty lub popularne produkty po treści postu.
Możesz dodać tę zawartość po poście ręcznie podczas pisania postów za pomocą edytora bloków.
Jest to dużo pracy, a problem z tą metodą polega na tym, że jeśli chcesz coś zmienić, musisz to zrobić ręcznie.
Tu pojawiają się widgety.
W terminologii tworzenia stron internetowych widżety są blokami bez treści, które można dodać do różnych obszarów witryny oddzielonych od głównego obszaru treści.
WordPress jest wyposażony w zestaw wbudowanych widżetów, które możesz dodać do dowolnych obszarów gotowych do widżetów dostarczonych przez Twój motyw WordPress.
Wszystkie popularne motywy WordPress mają wspólne obszary gotowe do widgetów, takie jak paski boczne, stopka, obszary widgetów nagłówka. Jednak bardzo niewiele motywów WordPress zawiera obszar widżetu po poście.
Mając to na uwadze, przyjrzyjmy się, w jaki sposób możesz łatwo dodawać widżety po postach w WordPress, niezależnie od tego, którego motywu WordPress używasz.
Metoda 1. Dodawanie po treści posta za pomocą wtyczki
Ta metoda jest nieco ograniczona, ale łatwiejsza i działa ze wszystkimi typami widżetów WordPress. Opiera się trochę na Twoim motywie WordPress do stylizacji, ale działa dobrze dla większości użytkowników.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować Add Widget After content plugin. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do Wygląd ” Widgety strona i tam zauważysz nowy obszar widżetu o nazwie „po treści”.
Teraz możesz po prostu dodać dowolny widżet z kolumny dostępne widżety do obszaru po treści. Na przykład tutaj dodaliśmy Ostatnie posty i widżet formularza rejestracji do newslettera, który stworzyliśmy za pomocą WPForms.
Możesz edytować każde ustawienie widżetu tak, jak zwykle i nie zapomnij zapisać zmian.
Po zakończeniu możesz odwiedzić swoją witrynę, aby zobaczyć widżety treści po wpisie w akcji. Tak to wyglądało na naszej stronie demo.
W zależności od tego, ile widżetów próbujesz dodać i motyw WordPress, Twoje widżety mogą wydawać się nieco zbalansowane.
Domyślnie wtyczka dodaje widżety jeden po drugim, więc jeśli chcesz pokazać je obok siebie, musisz użyć niestandardowego CSS. Możesz także zmienić kolor tła, dodać wypełnienie, zmienić kolor tekstu i nie tylko.
Po prostu przejdź do Wygląd ” Dostosuj strony i przełącz na dodatkową kartę CSS. Możesz zacząć od dodania tego niestandardowego CSS jako punktu wyjścia.
.awac.widget {
Szerokość: 50%;
wyświetlacz: inline-block;
float: left;
padding: 20px;
background-color: # fff8e9;
border :1px dashed # fde2a9;
min-height: 400px;
}
.awac.widget h4 {
font-size: 18px;
kolor: # 666;
}
.awac.widget li{
font-size: 16px;
}
W tym niestandardowym kodzie CSS zmieniliśmy szerokość widżetu, aby wyświetlić dwa widżety obok siebie. Zmieniliśmy również kolor tła i rozmiary czcionek. Możesz dostosować CSS do swoich wymagań.
Nie zapomnij kliknąć przycisku Publikuj, aby zapisać zmiany.
Tak to wyglądało na naszej stronie demo.
Nie chcesz używać niestandardowego CSS? Wypróbuj wtyczkę CSS Hero. Pozwala dostosować wszystkie obszary witryny bez wiedzy CSS.
Pokaż lub Ukryj po widżetach Post
Domyślnie wtyczka wyświetli widżety po wpisie na wszystkich postach i stronach. Pozwala również ukryć go w miejscach, w których nie chcesz wyświetlać widżetów treści.
Na przykład możesz nie chcieć wyświetlać widżetów po postach na stronach statycznych.
Po prostu przejdź do Wygląd ” Widget Po Treści strona. Stąd możesz wybrać, które Kategorie lub typy postów nie będą wyświetlać widżetu po treści.
Nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać swoje ustawienia.
Możesz także ukryć obszar widżetu po treści dla poszczególnych postów i stron. Po prostu Edytuj post strony, na której nie chcesz wyświetlać widżetów po wpisie i przewiń w dół do pola „widżet po treści” na dole.
Następnie zaznacz pole, aby ukryć obszar widżetu, a następnie zapisz swój post lub stronę. Wtyczka przestanie teraz pokazywać obszar widżetu dla tego konkretnego postu / strony.
Metoda 2. Dodawanie treści po wpisie za pomocą OptinMonster
Ta metoda jest ładniejsza i bardziej wydajna, ale nie używa domyślnych widżetów WordPress. Zamiast tego pozwala dodawać dowolną treść z pięknymi wzorami i szablonami do wyboru.
Kolejną zaletą tej metody jest to, że daje mnóstwo opcji kierowania. Na przykład możesz wyświetlać spersonalizowaną zawartość różnym użytkownikom, zmieniać zawartość w zależności od tego, co użytkownicy aktualnie przeglądają, lub używać retargetingu na stronie, aby uzyskać większy wpływ.
Do tej metody będziesz potrzebował OptinMonster. Jest to najlepsze oprogramowanie do generowania leadów i optymalizacji konwersji na rynku i pozwala konwertować odwiedzających witrynę na subskrybentów i klientów.
Najpierw musisz zarejestrować konto OptinMonster.
Po zarejestrowaniu się Przejdź na swoją stronę WordPress, aby zainstalować i aktywować wtyczkę OptinMonster. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Ta wtyczka działa jako łącznik między witryną WordPress a kontem OptinMonster.
Po aktywacji musisz odwiedzić OptinMonster ” Ustawienia stronę i kliknij przycisk „Połącz istniejące konto”.
Spowoduje to wyświetlenie okienka, w którym możesz zalogować się i połączyć swoją witrynę WordPress z kontem OptinMonster.
Teraz, gdy Twoja witryna WordPress jest połączona, jesteś gotowy do stworzenia pierwszej kampanii geotargetowanej. Przejdź do OptinMonster ” Kampanie stronę i kliknij przycisk „Dodaj nowy”.
Najpierw musisz wybrać typ kampanii. OptinMonster obsługuje wyskakujące okienka lightbox, paski pływające, opcje wbudowane, kampanie pełnoekranowe, wsuwane i gamifikowane.
Ze względu na ten samouczek wybierzemy kampanię inline, która pozwoli nam automatycznie wyświetlać naszą kampanię po treści.
Poniżej możesz wybrać szablon kampanii, klikając na niego.
Następnie musisz wprowadzić nazwę swojej kampanii. Możesz tu wpisać dowolną nazwę, a następnie kliknąć przycisk „Rozpocznij budowę”.
Spowoduje to uruchomienie interfejsu konstruktora kampanii OptinMonster z podglądem kampanii na żywo w prawym panelu.
Możesz po prostu wskazać i kliknąć dowolny element w podglądzie, aby go edytować, przenieść lub usunąć. Możesz również dodawać nowe elementy, klikając przycisk Dodaj bloki u góry.
Stąd możesz wybrać bardziej zaawansowane elementy niedostępne w domyślnych widżetach WordPress. Na przykład możesz dodać liczniki odliczające, przyciski, chatboty i kolumny.
Po zaprojektowaniu kampanii after post przejdź do zakładki Publikuj i zmień status kampanii na „Publikuj”.
Następnie kliknij przycisk Zapisz, aby zapisać ustawienia i zamknąć Kreator kampanii.
OptinMonster przeniesie cię teraz na stronę ustawień wyjściowych. Stąd możesz wybrać, gdzie chcesz wyświetlić zawartość po poście.
Po prostu wybierz opcję Automatyczny, a następnie możesz wybrać wyświetlanie kampanii wewnątrz, pod lub przed publikacją treści.
Ze względu na ten samouczek, wybierzemy poniżej opcję post content. Następnie zmień status widoczności na opublikowany i kliknij przycisk Zapisz, aby aktywować kampanię.
Możesz teraz odwiedzić swoją witrynę, aby zobaczyć swój niestandardowy widżet po poście w akcji.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać niestandardowe widżety po wpisie w WordPress.
Chcesz zobaczyć, jak użytkownicy wchodzą w interakcję z widżetami po poście? Zobacz nasz samouczek na temat śledzenia zaangażowania użytkowników w WordPress, a następnie wypróbuj te wskazówki, aby łatwo zwiększyć ruch w witrynie.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
