Jak dodać przewijany ticker wiadomości w WordPress

Wiele witryn internetowych używa przewijającej się linii tekstu na górze, aby wyróżnić wiadomości, promocje lub ogłoszenia.

Ta funkcja, zwana paskiem informacyjnym, jest prostym i skutecznym sposobem na zapewnienie, że ważne aktualizacje nie zostaną przeoczone.

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

W tym przewodniku pokażemy Ci, jak dodać przewijający się pasek informacyjny do Twojej witryny WordPress.

Co to jest przewijany pasek informacyjny?

Pasek wiadomości to pojedyncza linia tekstu, która przewija się nieprzerwanie przez ekran. Zazwyczaj wyświetla aktualne wiadomości, wyniki sportowe, bieżące informacje finansowe i walutowe oraz informacje o pogodzie.

Jest to podobne do tego, jak można użyć lepki pływający pasek stopki.

Tickery to świetny sposób na wyświetlanie krótkich fragmentów informacji w przyciągający wzrok sposób. Ponieważ treść stale się przewija, możesz również używać tickerów do pokazywania dużej ilości informacji na ograniczonej przestrzeni.

Na przykład, możesz użyć tego elementu projektowania WordPress do wyświetlania najlepiej działających postów, ogłaszania nadchodzącej wyprzedaży lub udostępniania innych przydatnych informacji.

Mając to na uwadze, przyjrzyjmy się, jak dodać przewijany pasek informacyjny do Twojego bloga WordPress lub strony internetowej.

Jak dodać przewijany ticker wiadomości w WordPress

Podczas badania, jak stworzyć ticker informacyjny, odkryliśmy, że najłatwiejszym sposobem jest użycie wtyczki. Chociaż niestandardowy CSS oferuje pewien poziom personalizacji, 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 informacyjnych WordPress, jakie do tej pory znaleźliśmy.

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

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki. Więcej szczegółów znajdziesz w naszym kompletnym przewodniku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji musisz przejść do Ditty » Dodaj nowe w panelu WordPress, a następnie kliknąć przycisk „Dodaj domyślne”.

Możesz teraz utworzyć pierwszy element responsywnego paska wiadomości. W polu 'Treść' po prostu wpisz tekst, który chcesz wyświetlić na przewijanym pasku.

Tutaj możesz umieścić ogłoszenie lub udostępnić przydatne informacje, podobnie jak w przypadku banera strony internetowej. Na przykład, możesz poinformować klientów o zaplanowanej wyprzedaży lub najnowszych postach.

Możesz również dodać linki do wiadomości, aby ludzie mogli łatwo odwiedzić stronę lub wpis prezentowany w tickerze.

Aby to zrobić, po prostu dodaj adres URL do pola „Link”.

Możesz również dodać tytuł linku, oznaczyć adres URL jako nofollow i wiele więcej.

Aby w pełni wykorzystać możliwości paska informacyjnego, możesz dodać wiele wiadomości, klikając przycisk „Zaktualizuj ustawienia elementu”.

Podgląd zaktualizuje się teraz, aby pokazać utworzony właśnie element.

Aby dodać kolejny element do paska informacyjnego, kliknij przycisk „Dodaj element”.

Teraz możesz kliknąć „Dodaj domyślny” i utworzyć element, postępując zgodnie z powyższym procesem.

Po prostu powtórz te kroki, aby dodać więcej elementów do paska informacyjnego.

Gdy będziesz zadowolony ze swoich elementów, możesz chcieć zmienić kolejność, w jakiej pojawiają się na pasku. Aby to zrobić, po prostu chwyć element, który chcesz zmienić, i przeciągnij go w nowe miejsce.

Domyślnie Ditty wyświetla Twoje elementy w formie listy.

Ponieważ chcesz utworzyć przewijany pasek informacyjny, kliknij zakładkę „Wyświetl”.

Na tym ekranie kliknij link „Zmień typ”.

W wyświetlonym oknie podręcznym wybierz „Ticker” (Pasek informacyjny), a następnie kliknij „Update Type” (Zaktualizuj typ).

Możesz teraz zmienić wygląd i działanie paska informacyjnego na swojej stronie WordPress.

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

Możesz również wybierać spośród różnych stylów dla kontenera paska, elementów, tytułów i innych. Większość tych ustawień jest samoopisująca, więc warto je przejrzeć, aby zobaczyć, jakie zmiany chcesz wprowadzić.

Gdy będziesz zadowolony z konfiguracji paska informacyjnego, kliknij przycisk „Zapisz Ditty”.

Następnie możesz dodać ticker do swojej strony za pomocą krótkiego kodu. Aby uzyskać ten krótki kod, kliknij zakładkę „Ustawienia”.

Teraz skopiuj wartość z pola „Shortcode”.

Po wykonaniu tej czynności możesz dodać skrócony kod do dowolnej strony, wpisu lub obszaru gotowego na widżety. Więcej informacji o tym, jak umieścić skrócony kod, znajdziesz w naszym przewodniku jak dodać skrócony kod.

Po wykonaniu tej czynności po prostu zaktualizuj lub opublikuj swoje zmiany, aby pasek informacyjny był aktywny na Twojej stronie WordPress.

🎁 Bonus: Dodaj przyklejony pasek stopki dla maksymalnego efektu

Chociaż przewijany pasek informacyjny pomaga wyróżnić rotujące ogłoszenia, połączenie go z przyklejonym, pływającym paskiem stopki może skutecznie przyciągnąć uwagę odwiedzających w różnych celach.

Pasek stopki utrzymuje widoczne kluczowe, statyczne informacje, podczas gdy ticker wiadomości zapewnia, że aktualne informacje są na pierwszym planie.

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

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

Razem te funkcje poprawiają doświadczenie użytkownika 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 samouczkiem na temat tworzenia lepkiego pływającego paska stopki w WordPress.

Mamy nadzieję, że ten samouczek pomógł Ci nauczyć się dodawać przewijający się ticker wiadomości w WordPress. Możesz również chcieć dowiedzieć się jak wyróżniać nowe posty dla powracających odwiedzających lub zobaczyć nasze najlepsze wybory najlepszych sztuczek z paskiem bocznym WordPress, aby uzyskać maksymalne rezultaty.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.