Jak utworzyć przewijany pasek aktualności w WordPress?

Wiele witryn internetowych używa przewijanego wiersza tekstu u góry, aby wyróżnić wiadomości, wyprzedaże lub ogłoszenia.

Funkcja ta, zwana paskiem aktualności, jest prostym i skutecznym sposobem na upewnienie się, że ważne aktualizacje nie zostaną przeoczone.

Używaliśmy pasków wiadomości na naszych własnych witrynach, aby wyróżnić ograniczone czasowo oferty i ogłoszenia, i pomogły nam one informować odwiedzających bez zaśmiecania strony.

W tym przewodniku pokażemy ci, jak dodać przewijany pasek wiadomości do twojej witryny WordPress.

Co to jest przewijany pasek wiadomości?

Pasek wiadomości to pojedynczy wiersz tekstu, który przewija się w sposób ciągły na ekranie. Zazwyczaj pokazuje obecne, aktualne wiadomości, wyniki sportowe, informacje finansowe i walutowe na żywo oraz informacje o pogodzie.

Jest to podobne do przypiętego pływającego paska stopki.

Paski to świetny sposób na wyświetlanie małych fragmentów kodu w przyciągający wzrok sposób. Ponieważ treść jest zawsze przewijana, można również użyć tickerów, aby pokazać wiele informacji na ograniczonej przestrzeni.

Na przykład, możesz użyć tego elementu projektu WordPress, aby wyświetlić twoje wpisy o najlepszych wynikach, ogłosić nadchodzącą wyprzedaż lub podzielić się innymi przydatnymi informacjami.

Mając to na uwadze, przyjrzyjmy się, jak dodać przewijany pasek wiadomości do twojego bloga lub witryny internetowej WordPress.

Jak utworzyć przewijany pasek aktualności w WordPress?

Kiedy zastanawialiśmy się, jak stworzyć pasek wiadomości, odkryliśmy, że najprostszym sposobem jest użycie wtyczki. Podczas gdy własny CSS oferuje pewien poziom konfiguratora, nie jest on najbardziej przyjazny dla początkujących.

A najlepszą wtyczką do tego zadania jest Ditty News Ticker. Jest to jedna z najlepszych wtyczek do wiadomości WordPress, jakie do tej pory znaleźliśmy.

Dzięki niemu możesz dodawać ruchome, przewijane i przesuwane treści do twojej witryny internetowej, a następnie zmieniać kierunek, odstępy, prędkość i styl animacji.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki. Aby uzyskać więcej informacji, zapoznaj się z naszym kompletnym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu należy przejść do zakładki Ditty ” Add New w kokpicie WordPress, a następnie kliknąć przycisk “Add Default”.

Możesz teraz utworzyć pierwszy element w responsywnym pasku wiadomości. W polu “Treść” wpisz rodzaj tekstu, który chcesz wyświetlić na przewijanym pasku.

W tym miejscu możesz zamieścić ogłoszenie lub podzielić się przydatnymi informacjami, podobnie jak w przypadku banera witryny internetowej. Na przykład, możesz poinformować kupujących o zaplanowanej wyprzedaży lub najnowszych wpisach.

Możesz także dodać odnośniki do wpisu, aby ludzie mogli łatwo przejść na stronę lub wpis, który pojawił się w pasku.

Aby to zrobić, wystarczy dodać adres URL do pola “Odnośnik”.

Można również dodać tytuł odnośnika, oznaczyć adres URL jako nofollow i nie tylko.

Aby w pełni wykorzystać możliwości paska, możesz dodać wiele utworów, klikając przycisk “Aktualizuj ustawienia pozycji”.

Podgląd zostanie teraz zaktualizowany, aby pokazać właśnie utworzony element.

Aby dodać kolejną pozycję do paska, kliknij przycisk “Dodaj pozycję”.

Możesz teraz kliknąć “Dodaj domyślny” i utworzyć element, postępując zgodnie z procesem opisanym powyżej.

Wystarczy powtórzyć te kroki, aby dodać więcej pozycji do paska.

Kiedy będziesz zadowolony z twoich elementów, możesz chcieć zmienić kolejność, w jakiej pojawiają się na pasku zadań. Aby to zrobić, po prostu chwyć element, który chcesz zmienić, a następnie przeciągnij go i upuść w nowej pozycji.

Domyślnie Ditty wyświetla twoje przedmioty na liście.

Ponieważ chcesz utworzyć przewijany pasek, kliknij kartę “Wyświetlanie”.

Na tym ekranie kliknij odnośnik “Zmień rodzaj”.

W wyświetlonym oknie wybierz “Ticker”, a następnie kliknij “Rodzaj aktualizacji”.

Teraz możesz zmienić wygląd i działanie tickera na twojej witrynie internetowej WordPress.

Obejmuje to zmianę kierunku przewijania, prędkości i odstępów między elementami paska.

Możesz także wybierać między różnymi stylami dla kontenera paska, elementów, tytułów i innych. Większość z tych ustawień nie wymaga wyjaśnień, więc warto je przejrzeć, aby zobaczyć, jakie zmiany chcesz wprowadzić.

Gdy będziesz zadowolony z konfiguracji tickera, kliknij przycisk “Save Ditty”.

Następnie możesz dodać ticker do swojej witryny za pomocą krótkiego kodu. Aby uzyskać ten krótki kod, kliknij kartę “Ustawienia”.

Teraz skopiuj wartość w polu “Krótki kod”.

Po wykonaniu tej czynności można dodać krótki kod do dowolnej strony, wpisu lub obszaru gotowego na widżet. Więcej informacji na temat umieszczania krótkiego kodu można znaleźć w naszym przewodniku na temat dodawania krótkiego kodu.

Gdy już to zrobisz, po prostu zaktualizuj lub opublikuj swoje zmiany, aby ticker działał na Twojej witrynie internetowej WordPress.

Bonus: Dodaj przypięty pasek stopki dla maksymalnego efektu

Podczas gdy przewijany pasek wiadomości pomaga wyróżnić obracające się ogłoszenia, połączenie go z przypiętym pływającym paskiem stopki może skutecznie przyciągnąć uwagę odwiedzających w różnych celach.

Pasek w stopce zapewnia widoczność najważniejszych, statycznych informacji, a pasek aktualności gwarantuje, że aktualne aktualizacje są na pierwszym planie.

Dzięki narzędziom takim jak OptinMonster możesz tworzyć atrakcyjne paski stopki i koordynować je z paskiem aktualności, aby prezentować oferty specjalne, pilne wiadomości lub popularne wpisy.

Pomyśl o stopce jako o ciągłym wezwaniu do działania, podczas gdy pasek wiadomości dostarcza krótkoterminowych, ważnych aktualizacji.

Wspólnie funkcje te poprawiają wrażenia użytkowników i mogą zwiększyć współczynniki konwersji, zachęcając do terminowego angażowania się w oferty i kluczowe treści.

Aby rozpocząć, zapoznaj się z naszym poradnikiem na temat tworzenia przypiętego pływającego paska stopki w WordPress.

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się, jak utworzyć przewijany pasek wiadomości w WordPress. Możesz również dowiedzieć się , jak wyróżnić nowe wpisy dla powracających odwiedzających lub zapoznać się z naszymi eksperckimi wyborami najlepszych trików na panelu bocznym WordPress, aby uzyskać maksymalne wyniki.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.