Jak wyświetlać polecane posty na pasku bocznym w WordPress

Muneeb Poradniki WordPress Oct 31, 2021

Jeśli jesteś właścicielem witryny WordPress, być może chciałbyś wyróżnić niektóre z twoich pionierskich blogów/produktów, aby zwiększyć na nich ruch. Świetnym sposobem na to jest umieszczanie postów na pasku bocznym witryny.

Paski boczne to wolne od treści obszary strony, które można wykorzystać na wiele sposobów, na przykład wyświetlać banery reklamowe, przyciski mediów społecznościowych lub formularze biuletynów.

Umieszczanie postów na pasku bocznym to kolejny właściwy sposób na wykorzystanie miejsca. Przejdźmy dalej i zrozummy, jak prezentujesz swoje posty na pasku bocznym w WordPressie.

Jak wyświetlać polecane posty za pomocą miniatur

W przypadku tej konkretnej metody użyjemy bezpłatnej wtyczki WordPress Display Posts , która pozwala nam wyświetlać listę polecanych postów wraz z miniaturami.

Twórz niesamowite strony internetowe

Z najlepszym darmowym kreatorem stron Elementor

Zacząć teraz

Display Posts używa skrótów i umożliwia skonfigurowanie niestandardowego zapytania z różnymi parametrami, a następnie możesz wyświetlić dowolny post w dowolnym miejscu na swojej witrynie WordPress.

Po zainstalowaniu i aktywacji wtyczki przejdź do Wygląd, a następnie Widgety . Następnie dodaj widżet tekstowy do paska bocznego i dodaj następujący kod w obszarze tekstowym.

[display-posts id="1,1178,1177,1176,1174,1173,1016,1011," image_size="thumbnail" include_excerpt="true" excerpt_length="10"]

Zastąp wartości identyfikatorów identyfikatorami postów, które chcesz wyświetlić, a następnie Zapisz ustawienia widżetu.

Możesz zobaczyć posty wyświetlane na pasku bocznym, ale mogą nie wyglądać tak konwencjonalnie. Jednocześnie możesz łatwo dostosować, aby wyglądał bardziej profesjonalnie.

Przejdź do Wygląd, a następnie Dostosuj, a następnie naciśnij kartę Dodatkowy CSS , aby dodać niestandardowy CSS.

Teraz możesz wkleić następujący kod w tym polu.

ul.display-posts-listing img { 
max-height:50px;
max-width:50px; 
float:left;
padding-right:4px;
}
ul.display-posts-listing li { 
margin-bottom:20px;
font-size:11px;
display:inline-block; 
}

Gdy skończysz, zapisz niestandardowy CSS, naciskając przycisk Opublikuj u góry, a następnie będziesz mógł zobaczyć polecane posty z miniaturami.

Jak wyświetlać polecane posty na pasku bocznym

Ta metoda nie wymaga żadnej wtyczki i jest dość prosta.

Przejdź do Wygląd, a następnie Widgety, aby dodać widżet tekstowy do paska bocznego WordPress.

Teraz możesz dodać tytuły postów jako listę punktowaną, a następnie wkleić adresy URL, wybierając tytuł posta i klikając Dodaj link .

Zapisz zmiany, a teraz możesz zobaczyć swoje posty na pasku bocznym.

Jak wyświetlić polecane posty za pomocą menu

Ta metoda pozwala mieć znacznie większą kontrolę nad polecanymi postami. Zamiast korzystać z widżetu tekstowego, stworzymy menu nawigacyjne, a następnie wyświetlimy je na pasku bocznym.

Udaj się do Wygląd , a następnie Menu , a następnie utwórz nowe menu .

Wpisz nazwę nowego menu, a następnie naciśnij przycisk Utwórz menu .

Zostanie utworzone puste menu. Następnie naciśnij Posty w lewej kolumnie, aby ją rozwinąć, i wybierz posty, które chcesz dodać do menu .

Wybrane posty zostaną dodane do menu. Możesz zmieniać tytuły postów i zmieniać ich kolejność, przeciągając w górę lub w dół.

Po uzyskaniu żądanych wyników naciśnij przycisk Zapisz menu , a Twoje menu będzie gotowe.

Teraz musisz wyświetlić to menu na pasku bocznym, a następnie przejść do Wygląd, a następnie Widgety, aby dodać Menu nawigacyjne na pasku bocznym.

Z menu rozwijanego wybierz menu Polecane posty i wpisz tytuł menu paska bocznego. Następnie naciśnij Zapisz, aby zapisać wszystkie ustawienia.

Jak wyświetlać polecane posty za pomocą Gutenberga

Jeśli chcesz polecać posty z postem na WordPressie lub jeśli używasz motywu, który nie ma paska bocznego, również znajdziesz tutaj.

W przypadku tej metody edytuj post lub stronę, na której chcesz promować swoje posty. Następnie naciśnij przycisk + na górze i dodaj blok listy .

Wpisz tytuł posta, który chcesz wyróżnić, a następnie wybierz tytuł i wklej link do posta.

Możesz również dodać ten blok do dalszego użytku, klikając ikonę z trzema kropkami i wybierając opcję Dodaj do bloku wielokrotnego użytku .

Wybierz odpowiednią nazwę dla swojego bloku, a następnie Zapisz .

W ten sposób możesz wyróżnić swoje posty na pasku bocznym. Mamy nadzieję, że ten artykuł okazał się pomocny. Daj nam znać, która metoda jest dla Ciebie najbardziej odpowiednia. Jeśli podobał Ci się ten post, proponujemy dołączyć do nas na Facebooku i Twitterze, aby otrzymywać powiadomienia o naszych publikacjach.

Divi WordPress Theme