Jak dodać przewijany ticker wiadomości w WordPress

Wiele stron internetowych używa przewijającej się linii tekstu na górze strony, aby zwrócić uwagę na ważne aktualizacje, takie jak promocje, ogłoszenia lub najnowsze wiadomości.

Ta funkcja, często nazywana news tickerem, to łatwy sposób na zapewnienie, że kluczowe komunikaty zostaną zauważone, nie dominując nad układem strony ani nie rozpraszając odwiedzających.

Używaliśmy news tickerów na naszych własnych stronach WordPress, aby promować oferty ograniczone czasowo i udostępniać ważne aktualizacje, i działają one szczególnie dobrze, gdy chcesz coś podkreślić bez przeprojektowywania strony głównej.

W tym przewodniku pokażemy Ci, jak krok po kroku dodać przewijający się news ticker do Twojej strony WordPress.

Co to jest przewijany pasek informacyjny?

News ticker to pojedyncza linia tekstu, która przewija się ciągle przez ekran.

To świetny sposób na wyświetlanie małych fragmentów informacji w przyciągający wzrok sposób. Ponieważ treść ciągle się przewija, możesz pokazać dużo informacji w ograniczonej przestrzeni.

Tickery są zazwyczaj używane do wyświetlania:

• Aktualne wiadomości
• Wyniki sportowe
• Informacje finansowe na żywo
• Informacje o pogodzie
• Progi darmowej wysyłki
• Kody kuponów i ogłoszenia o wyprzedażach

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

Przyjrzyjmy się, jak dodać przewijający się news ticker do Twojego bloga lub strony internetowej WordPress.

Jak dodać przewijany ticker wiadomości w WordPress

Najprostszym sposobem na stworzenie news tickera jest użycie wtyczki. Chociaż niestandardowy CSS oferuje pewne możliwości dostosowania, nie jest przyjazny dla początkujących.

Polecamy Ditty (dawniej Ditty News Ticker). Jest to jedna z najlepszych wtyczek do wiadomości WordPress na rynku.

Dzięki tej wtyczce możesz dodawać ruchome, przewijane i przesuwane treści do swojej witryny. Możesz również zmieniać kierunek, odstępy, prędkość i styl animacji.

Najpierw musisz zainstalować i aktywować wtyczkę. Więcej szczegółów znajdziesz w naszym kompletnym przewodniku jak zainstalować wtyczkę WordPress.

Po aktywacji musisz przejść do Ditty » Dodaj nowe w panelu administracyjnym WordPress. Następnie kliknij przycisk „Dodaj domyślne”.

Teraz możesz utworzyć pierwszy element dla paska. W polu „Treść” wpisz tekst, który chcesz wyświetlić.

Możesz zrobić ogłoszenie lub podzielić się przydatnymi informacjami. Na przykład, możesz poinformować kupujących o zaplanowanej wyprzedaży lub ostatnich postach.

Możesz również dodawać linki do elementu wiadomości. Pozwala to użytkownikom łatwo odwiedzić stronę lub post wyświetlany na pasku.

Aby to zrobić, 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, możesz dodać wiele elementów wiadomości. Kliknij przycisk „Zaktualizuj ustawienia elementu”, aby zapisać zmiany.

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

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

Następnie możesz powtórzyć powyższe kroki, aby dodać tyle elementów wiadomości, ile potrzebujesz.

Gdy będziesz zadowolony z elementów, możesz chcieć zmienić ich kolejność. Po prostu chwyć element, który chcesz przenieść, 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 samo-wyjaśniająca, więc warto je zbadać, aby zobaczyć, jakie zmiany chcesz wprowadzić.

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

Po tym będziesz gotowy do dodania paska do swojej witryny za pomocą krótkiego kodu. Aby uzyskać ten krótki kod, kliknij zakładkę „Ustawienia”.

Teraz skopiuj wartość z pola „Shortcode”.

Krótki kod możesz dodać do dowolnej strony, wpisu lub obszaru gotowego na widżety. Jednak paski są najskuteczniejsze, gdy są umieszczone w nagłówku witryny lub na górze strony głównej.

Więcej informacji na temat umieszczania krótkiego kodu znajdziesz w naszym przewodniku jak dodać krótki 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

Pasek przewijanych wiadomości pomaga wyróżnić rotujące ogłoszenia. Jednak 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 niezbędne, statyczne informacje. Pasek 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.

Najczęściej zadawane pytania dotyczące pasków przewijanych wiadomości

Oto kilka pytań, które nasi czytelnicy często zadawali na temat dodawania pasków przewijanych wiadomości w WordPress:

Jak dodać przewijane wiadomości w WordPress?

Najlepszym sposobem na dodanie przewijanych wiadomości jest użycie specjalistycznego wtyczki, takiej jak Ditty. Możesz zainstalować wtyczkę, utworzyć nowy element paska i użyć wygenerowanego krótkiego kodu, aby wyświetlić kanał wiadomości na swoich wpisach, stronach lub w pasku bocznym.

Jak dodać przewijany tekst w WordPress?

Powinieneś użyć wtyczki do dodania przewijanego tekstu, aby zapewnić jego działanie na urządzeniach mobilnych. Zalecamy unikanie starego tagu HTML <marquee>, ponieważ jest on przestarzały i może nie wyświetlać się poprawnie w nowoczesnych przeglądarkach internetowych.

Jak dodać pasek przewijania w WordPress?

Jeśli chcesz dodać do swojej witryny przewijany pasek tekstu (ticker), możesz użyć wtyczki Ditty, tak jak pokazano w tym przewodniku. Jeśli chcesz dodać niestandardową paskę przewijania do nawigacji lub paskę postępu czytania, prawdopodobnie będziesz potrzebować innej wtyczki, takiej jak Worth The Read.

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.