W artykule:
Czy chcesz wyświetlać posty WordPress w układzie siatki? Większość motywów WordPress nie ma wyświetlacza układu siatki dla Twoich postów. W tym artykule pokażemy, jak wyświetlać posty WordPress w układzie siatki na dowolnym motywie bez pisania jednej linii kodu.
Kiedy potrzebujesz układu siatki dla WordPress?
Tradycyjny układ pionowy wyświetlania postów działa dobrze dla większości stron internetowych. Jednak ten układ może zająć dużo miejsca, szczególnie jeśli chcesz wyświetlić dużą liczbę postów.
Jeśli używasz niestandardowej strony głównej dla swojej witryny WordPress, możesz użyć układu opartego na siatce, aby wyświetlić ostatnie posty.
Pozwoli to zaoszczędzić miejsce, dzięki czemu można dodać inne elementy na stronie głównej. Wygląda również bardziej wizualnie przyjemnie ze względu na wyraźnie wyświetlane polecane obrazy.
Motywy WordPress zaprojektowane dla witryn z czasopismami lub fotografiami wykorzystują już układ oparty na siatce do wyświetlania postów. Jeśli jednak używasz motywu, który go nie obsługuje, musisz stworzyć własny szablon. Wymagałoby to Nauki PHP, HTML, CSS itp.
Zobaczmy, jak możesz pokazać posty WordPress w układzie siatki na dowolnym motywie bez konieczności pisania kodu.
Wyświetlanie postów WordPress w układzie siatki
Aby to ułatwić, stworzyliśmy samouczek wideo na temat wyświetlania postów WordPress w układzie siatki, który możesz obejrzeć poniżej.
Jeśli jednak chcesz po prostu postępować zgodnie z instrukcjami tekstowymi, możesz postępować zgodnie z naszym samouczkiem krok po kroku, jak wyświetlać posty WordPress w układzie siatki.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Post Grid. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Post Grid ” Nowa Siatka Postów strona do tworzenia siatki postów.
Strona siatki postów jest podzielona na różne sekcje prezentowane przez Zakładki w górnym wierszu. Najpierw musisz kliknąć kartę „Query Post”.
W tym miejscu zdefiniujesz, w jaki sposób chcesz, aby wtyczka pobierała posty do wyświetlenia.
Możesz wybrać typ postu, który chcesz wyświetlić. Domyślnie wyświetli „posty”, ale możesz wybrać strony, jeśli chcesz, lub wybrać dowolny niestandardowy typ postu.
Następnie musisz kliknąć kartę Układ. Tutaj możesz wybrać sposób wyświetlania siatki.
Możesz wybrać układ zawartości. Wtyczka ma kilka opcji, takich jak płaskie, płaskie centrum, płaskie prawo itp. Możesz również kliknąć przycisk Edytuj, a to otworzy Edytor układów, w którym możesz tworzyć własne układy.
Możesz wybrać jedną z 5 dostępnych skórek. Niektóre skórki mają fajne efekty wizualne, które odwracają lub obracają obraz, gdy użytkownik przesuwa kursor myszy na miniaturę.
Teraz musisz kliknąć kartę „Ustawienia układu”. Ustawienia powinny działać na większości witryn internetowych, ale jeśli układ siatki nie pasuje do strony, to tutaj możesz to naprawić.
Na koniec kliknij kartę nawigacja i wybierz swój styl stronicowania.
Po zakończeniu kliknij przycisk Publikuj. Dzięki temu siatka postów będzie dostępna i możesz dodać ją do strony, na której chcesz wyświetlić siatkę postów.
Dodawanie siatki postów na stronie WordPress
W edytorze siatki postów zobaczysz zakładkę shortcodes. Kliknięcie na niego spowoduje wyświetlenie krótkiego kodu.
Skopiuj shortcode i Edytuj stronę WordPress, na której chcesz wyświetlić siatkę postów. Wklej skrócony kod w obszarze zawartości, w którym ma być wyświetlana siatka.
Następnie zapisz swoją stronę, klikając przycisk Aktualizuj. Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć siatkę postów w akcji.
Możesz również użyć kodu PHP, jeśli chcesz dodać siatkę postów bezpośrednio do plików motywów WordPress.
To wszystko, mamy nadzieję, że ten artykuł pomógł Ci wyświetlić posty WordPress w układzie siatki. Możesz również zobaczyć nasz przewodnik na temat dodawania treści wielokolumnowych w postach WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
