DC Posts Carousel – Wyświetlaj posty Wordpress w interaktywny slider'ze - karuzeli

Wyświetlaj posty w interaktywnym sliderze z wtyczką DC Posts Carousel dla Wordpress

DC Posts Carousel to profesjonalna wtyczka stworzona przez zespół Design Cart – ekspertów od nowoczesnych rozwiązań e‑commerce i WordPress.

To kompleksowe narzędzie zaprojektowane z myślą o stronach internetowych, które chcą w estetyczny i dynamiczny sposób prezentować wpisy blogowe, recenzje, opinie klientów lub aktualności. Dzięki pełnej integracji z edytorem Gutenberg, konfiguracja karuzeli jest szybka, intuicyjna i nie wymaga znajomości kodowania.

Każdy element modułu można dostosować do własnych potrzeb – od liczby wyświetlanych postów, przez układ treści, po kolory i zachowanie slidera. Dzięki temu DC Posts Carousel doskonale sprawdza się zarówno na prostych landing page’ach, jak i w rozbudowanych serwisach firmowych, blogach czy sklepach internetowych.

Wtyczka oferuje dziesiątki opcji konfiguracyjnych, które dają pełną kontrolę nad wyglądem, treścią i funkcjonalnością karuzeli. Wbudowana responsywność, zaawansowane ustawienia kolorów, możliwość filtrowania postów według kategorii i niezależna kontrola nad każdym elementem slajdu sprawiają, że jest to narzędzie uniwersalne, solidne i gotowe na każde wyzwanie projektowe.

Pobierz z Design Cart

Takie rozwiązania powstają jako element szerszego podejścia do Tworzenia sklepów internetowych i serwisów WordPress, w których liczy się nie tylko funkcjonalność, ale też spójność wizualna i wygoda zarządzania treścią.

 

🔧 Pełna kontrola nad nagłówkiem

W sekcji „Header Settings” możesz zdefiniować modułowy nagłówek, który zostanie wyświetlony nad karuzelą. To świetne miejsce na przyciągający uwagę tytuł sekcji, np. „Opinie naszych klientów”, „Blog firmowy” czy „Zobacz, co nowego u nas słychać”. Dodatkowy opis pozwala rozwinąć kontekst, np. w kilku zdaniach zachęcić do przeglądania opinii lub nowości.

Ustawienia nagłówka

Możesz też przypisać unikalny identyfikator HTML (Custom ID) – przydatny, jeśli chcesz linkować bezpośrednio do sekcji z poziomu menu lub przycisków CTA.

 

🧩 Elastyczne wyświetlanie postów

„Post Display Settings” to zestaw przełączników i ustawień, które pozwalają precyzyjnie określić, jakie elementy posta mają się wyświetlać, w jakiej formie i z jaką funkcjonalnością.

Ustawienia wyświetlania elementów

  • Disable Links – idealne do karuzeli z opiniami klientów lub cytatami, gdzie kliknięcie nie jest potrzebne.

  • Center Content Horizontally – automatyczne wyśrodkowanie zawartości karty, przydatne szczególnie przy krótkich treściach.

  • Show Title, Show Date, Show Excerpt, Show More Button – możesz włączyć lub wyłączyć każdy z tych elementów niezależnie. Dzięki temu stworzysz zarówno minimalistyczną karuzelę opinii, jak i pełnoprawny slider blogowy.

  • More Button Text – ustaw dowolny tekst przycisku, np. „Czytaj więcej”, „Zobacz opinię” albo „Więcej…”.

Masz także do wyboru dwa warianty prezentacji miniatur: prostokątne (Rectangle) lub okrągłe (Circle). Okrągły kształt świetnie sprawdza się w przypadku zdjęć klientów lub avatarów, natomiast prostokątny pasuje do blogów i grafik.

 

📂 Zarządzanie źródłem treści

Wtyczka umożliwia wybranie konkretnej kategorii postów, z której mają być pobierane treści. To ważne, gdy chcesz stworzyć osobne karuzele np. dla opinii, nowości lub poradników.

Możesz też określić dokładną liczbę wpisów do pobrania – nie musisz więc wyświetlać całego archiwum, a jedynie najnowsze lub wybrane treści.

Ustawienia źródła treści

 

📱 W pełni responsywna karuzela

W sekcji Carousel Settings masz możliwość szczegółowego dostosowania wyglądu karuzeli na różnych urządzeniach. Wtyczka nie korzysta z jednego ogólnego breakpointa – zamiast tego pozwala zdefiniować:

  • ile slajdów ma być widocznych jednocześnie na desktopie,

  • ile na tabletach,

  • ile na urządzeniach mobilnych.

Dzięki temu karuzela zachowuje idealną czytelność i proporcje niezależnie od ekranu. Wtyczka obsługuje również tryby Autoplay i Loop. Autoplay uruchamia automatyczne przewijanie karuzeli, a Loop zapewnia płynne zapętlenie – idealne dla stron głównych, które mają przyciągać uwagę użytkownika.

 

🎨 Zaawansowane ustawienia kolorystyczne

Moduł DC Posts Carousel daje ogromną swobodę w doborze kolorów. Dzięki dedykowanym panelom możesz precyzyjnie dostosować wygląd wszystkich elementów karuzeli do identyfikacji wizualnej swojej marki:

Ustawienia kolorystykiUstawienia kolorystyki posta

Panel Colors:

  • kolor tła całego posta (Post background)

Text Colors:

  • kolor tytułu,

  • kolor opisu.

Navigation Buttons:

  • kolor tła przycisków nawigacji (strzałki w lewo/prawo),

  • kolor ikon strzałek – osobno dla „poprzedni” i „następny”.

Post Colors:

  • kolor tytułu posta,

  • kolor daty,

  • kolor fragmentu treści,

  • kolor tła całego wpisu,

  • kolor tekstu,

  • kolor tła przy hoverze,

  • kolor tekstu przy hoverze.

To daje łącznie ponad 15 niezależnych opcji kolorystycznych, co pozwala idealnie zintegrować karuzelę z Twoją stroną.

 

✅ Przykładowe zastosowania

  • Karuzela opinii klientów – z wyłączonymi linkami i zdjęciami w formie avatarów.

  • Slider z najnowszymi wpisami bloga – pełne tytuły, daty, fragmenty i przycisk „Więcej…”.

  • Sekcja aktualności lub inspiracji – z dynamicznym autoplay i tłem dostosowanym do brandu.

  • Przegląd recenzji lub case studies – z zaznaczoną kategorią np. „Opinie”.

 

🔧 Instrukcja instalacji wtyczki DC Posts Carousel

Instalacja i aktywacja wtyczki DC Posts Carousel jest prosta i nie wymaga wiedzy technicznej. Wtyczka działa z edytorem Gutenberg i jest w pełni zgodna z WordPressem w wersji 5.8 lub wyższej.

✅ Wymagania wstępne

  • WordPress w wersji 5.8 lub nowszej

  • PHP 7.4 lub wyższy

  • Gutenberg aktywny jako edytor (standardowo domyślny)

  • (Opcjonalnie) WooCommerce – jeśli chcesz łączyć karuzelę z treściami z bloga sklepowego

 

🔽 Krok po kroku – instalacja wtyczki

1. Pobierz wtyczkę

  • Jeśli masz dostęp do paczki .zip, pobierz ją ze strony designcart.pl lub z repozytorium GitHub.

  • Nazwa pliku to: dc-posts-carousel.zip

 

2. Zainstaluj wtyczkę w WordPressie

  1. Zaloguj się do swojego panelu WordPress.

  2. Przejdź do Wtyczki → Dodaj nową.

  3. Kliknij przycisk Wyślij wtyczkę na serwer.

  4. Wybierz wcześniej pobrany plik .zip i kliknij Zainstaluj teraz.

  5. Po zakończeniu instalacji kliknij Aktywuj wtyczkę.

 

🧱 Dodanie karuzeli na stronie

Po aktywacji wtyczki możesz od razu dodać karuzelę do dowolnej strony lub wpisu:

  1. Otwórz stronę lub wpis w edytorze Gutenberg.

  2. Kliknij + Dodaj blok i wyszukaj DC Posts Carousel.

  3. Dodaj blok do treści.

  4. Skonfiguruj wygląd i działanie karuzeli, korzystając z dostępnych zakładek:

    • Header Settings

    • Post Display Settings

    • Carousel Settings

    • Color Settings

  5. Zapisz lub zaktualizuj stronę.

 

🧪 Testowanie działania

Po zapisaniu strony z karuzelą przejdź na frontend (widok użytkownika) i sprawdź, czy wszystko działa poprawnie:

  • Czy karuzela wyświetla posty z wybranej kategorii?

  • Czy wygląd (kolory, liczba slajdów, tło) odpowiada konfiguracji?

  • Czy działa na wszystkich urządzeniach (desktop, tablet, mobile)?

  • Czy przewijanie (ręczne lub autoplay) działa płynnie?

 

ℹ️ Wsparcie i aktualizacje

Wtyczka DC Posts Carousel jest rozwijana i wspierana przez zespół Design Cart. W przypadku pytań, błędów lub sugestii nowych funkcji:

  • odwiedź stronę designcart.pl/lab

  • napisz do nas bezpośrednio na Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript.

 

📦 Podsumowanie

DC Posts Carousel to więcej niż tylko karuzela postów – to pełnoprawne narzędzie do tworzenia nowoczesnych, interaktywnych sekcji treści, które angażują użytkownika i poprawiają UX strony. Niezależnie od tego, czy tworzysz landing page, stronę firmową, blog, czy sklep WooCommerce – ten moduł zapewni Ci pełną kontrolę i profesjonalny wygląd bez potrzeby pisania ani jednej linijki kodu.