Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć przewijany pasek aktualności w WordPress?

Czy chcesz dodać przewijany pasek wiadomości do twojej witryny WordPress?

Sieci telewizyjne często używają pasków wiadomości, aby importować ważne relacje. Jest to świetny sposób na przyciągnięcie uwagi odwiedzających, więc możesz chcieć utworzyć pasek wiadomości na swojej witrynie internetowej, a następnie wyróżnić specjalne oferty, popularne wpisy i inne ważne treści.

W tym artykule pokażemy, jak dodać przewijany pasek wiadomości w WordPress.

How to Add a Scrolling News Ticker in 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ć paska aktualności, 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?

Najlepszym sposobem na utworzenie przewijanego paska wiadomości na twojej witrynie internetowej jest użycie Ditty, jednej z najlepszych wtyczek do WordPressa. Wtyczka ta umożliwia dodawanie ruchomych, przewijanych i przesuwanych treści do twojej witryny internetowej, a następnie zmianę kierunku animacji, odstępów, prędkości i stylizacji.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki Ditty. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

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

Adding a ticker to your WordPress website

Możesz teraz utworzyć pierwszy element w pasku. W polu „Treść” wystarczy wpisać rodzaj tekstu, który ma być wyświetlany 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.

Adding content to an online ticker

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”.

Adding links to a website ticker

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”.

Adding a scrolling news ticker to WordPress

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

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

Adding items to a scrolling news ticker

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.

Changing the order of ticker items in a scrolling newsfeed

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

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

Creating an animated ticker in WordPress

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

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

How to create a scrolling ticker in WordPress

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.

Customizing an animated ticker

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”.

Saving the ticker settings in WordPress

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”.

Adding a ticker to a website using shortcode

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.

News Ticker Preview

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 naszą ekspercką listą najlepszych sztuczek z panelem 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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

15 komentarzyZostaw odpowiedź

  1. Lin

    I have two websites. Can I add a ticker on one site that will reflect the other site?

    • WPBeginner Support

      While the ticker would not transmit the information to your other site, you can certainly add the same information in the ticker.

      Administrator

  2. karbhari

    How do i add the Latest News: title to the scrolling news, after header in main page it shows on my site.

  3. Anna Sue

    Where do you enter the text for your ticker? My install doesn’t show some of the items you have in your screenshots.

  4. Anna Sue

    I this may be the ticker I want but, as in many online videos about plugins, you talked and moved so fast I could get the instructions.

  5. H.M.Mohiuddin

    how can i add a news ticker without using plugin

  6. felix

    How do i add the Latest News: title to the scrolling news, it shows on my site, but i didnt see where to add if its lastest news or latest update etc

  7. hosam abdallah

    very good plugin but i have aquestion
    i use artisteer to make my themes can you tell me where can i add php function to widget
    in this or from where can i add to my themes

  8. Abdulmumin

    Hello, Please how can I add the direct function, kindly provide the ste by step instruction in adding the direct funtction.

    I added the shortcode in my about page and it worked but i added it on my home page but it didnt work…..kindly advice

    • WPBeginner Support

      Simply copy the Direct function as shown in the last screenshot of the article and paste in your theme’s home.php or header.php. Paste it at the location where you would like your news ticker to appear.

      Administrator

  9. Sujani

    hey,
    thanks for giving the instructions clearly.. i had a a question where should we put the shortcode and direct function?
    do we place it in the post/page?

    Thanks,
    Sujani

    • WPBeginner Support

      shortcode for posts/pages/widgets and direct function if you want to hard code it in your theme’s template files.

      Administrator

  10. Peter Johnson

    It seems a great theme, as I am not a PHP developer but I want to use this theme and integrate this theme on my wordpress blog. I just want you to describe ho can I use this theme in my Blog so my latest news can be shown on top of my menu or below my main menu like a slide shown on Television. Please I need a procedure.

    Thanks

  11. Mackenzie

    Thanks, really nice tut.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.