Tworzenie paska wiadomości w WordPress: 3 proste kroki

Czy widziałeś te przesuwane paski na kanałach telewizyjnych? Podkreślają najświeższe wiadomości, trendy i ważne wydarzenia. Są one znane jako „paski informacyjne ”, które mogą również ulepszać witryny WordPress.

Dowiedz się, jak utworzyć pasek wiadomości w WordPress, korzystając z naszego przewodnika krok po kroku. Dowiedz się, jak zaimplementować dynamiczny pasek wiadomości za pomocą wtyczki ElementsKit i ulepszyć dostarczanie wiadomości w witrynie.

Zrozumienie paska wiadomości w WordPress

Paski informacyjne, zwane także paskami treści, tworzą efekt przewijania tekstu na stronie internetowej / dowolnym innym nośniku z krótkimi ogłoszeniami. Pasek pomaga w przekazywaniu informacji wrażliwych czasowo, wezwań do składania wniosków i innych wiadomości tekstowych. Te paski przyciągają uwagę, przesuwając tekst na Twojej stronie.

Paski treści mogą wyświetlać szeroki zakres treści. Należą do nich nagłówki wiadomości, ogłoszenia, promocje lub inne przewijane szczegóły. Pasek wiadomości dostarcza aktualizacje wiadomości, co czyni go wyspecjalizowanym paskiem treści.

Paski informacyjne lub kanały informacyjne są więcej niż korzystne dla kanałów informacyjnych. Są cenne przy zmienianiu tematów, takich jak wiadomości, sport, akcje i inne. Pasek wiadomości w Twojej witrynie pozwala odwiedzającym być na bieżąco. To motywuje ich do odkrywania większej ilości Twoich treści.

Jak dodać News Ticker w WordPress?

Ten przewodnik przeprowadzi Cię przez proces korzystania z paska zawartości ElementsKit w witrynie WordPress. Zanim przejdziemy do instrukcji krok po kroku, najpierw opiszmy Elementor i ElementsKit .

Elementor i ElementsKit to popularne wtyczki WordPress, idealne do tworzenia i dostosowywania stron internetowych. Elementor to wizualna wtyczka do tworzenia stron typu „przeciągnij i upuść” dla WordPress. Jest to narzędzie, które pozwala dostosować wygląd witryny WordPress bez konieczności nauki kodu.

Z drugiej strony ElementsKit to dodatek do Elementora, który jest idealnym rozwiązaniem do projektowania wszelkiego rodzaju stron internetowych od podstaw bez kodowania. Rozszerza funkcjonalność Elementora o dodatkowe elementy, widżety, szablony i funkcje w celu zwiększenia możliwości kreatora stron Elementor. Niezależnie od celu witryny, możesz ją zaprojektować, po prostu przeciągając i upuszczając gotowe szablony i widżety.

ElementsKit ma wiele zaawansowanych funkcji. Jednym z nich jest Content Ticker Widget , który pomaga tworzyć i wyświetlać ważne lub zyskujące popularność wiadomości. Jest częścią wersji ElementsKit Pro, która oferuje funkcje premium. Możesz dostosować pasek za pomocą różnych układów, obramowań, animacji i projektów.

Kluczowe cechy:

• Widżet paska zawartości dla Elementora.
• Funkcja przeciągnij i upuść dla łatwego dostosowania.
• Przyjazny dla użytkownika interfejs.
• Zaprezentuj ważne lub modne wiadomości ze stylem.
• Wiele opcji układu dla niestandardowego wyglądu.
• Obramowania, animacje i opcje projektowania zwiększające atrakcyjność wizualną.
• Szybkie tworzenie pasków treści.
• Zintegruj się ze swoją witryną opartą na Elementorze.

Przejdźmy teraz do szczegółowego przewodnika krok po kroku dotyczącego efektywnego korzystania z wtyczki ElementsKit jako paska wiadomości w WordPress.

Krok 1. Włącz widżet paska zawartości

Aby dodać pasek zawartości do swojej witryny WordPress, włącz element ElementsKit Content Ticker Widget . Następnie otwórz edytor Elementora i przeciągnij i upuść widżet na obszar projektowania.

Aby aktywować widżet Pasek zawartości:

1. Przejdź do ElementsKit > Widżety
2. Znajdź pasek zawartości na liście widżetów i włącz go.
3. Kliknij przycisk „ Zapisz zmiany ”.

Krok 2. Dostosuj ustawienia paska zawartości w Elementorze

Tytuł giełdowy

1. Pokaż Tytuł. Aktywuj funkcję tytułu giełdowego, aby odblokować dodatkowe opcje dostosowywania.
2. Styl tytułu. Wybierz styl tytułu paska spośród dostępnych opcji.
3. Tekst tytułu. Wprowadź żądany tekst tytułu.
4. Włącz wskaźnik. Możesz wyświetlić wskaźnik obok tytułu paska.
5. Ikona. Alternatywnie możesz wyświetlić ikonę obok tytułu.
6. Pozycja. Wybierz „ Przed ” lub „ Po ” jako żądane położenie.
7. Włącz separator. Masz możliwość wyświetlenia separatora wraz z tytułem paska.

Treść Tickera / Zapytanie

W tej sekcji możesz wybrać rodzaj treści i dostosować jej ustawienia zgodnie z własnymi preferencjami.

Typ zawartości: Post

Ten wybór umożliwia wyświetlanie postów z Twojej witryny na pasku.

Typ zawartości: niestandardowy

Aby wyświetlić niestandardową treść na pasku, wykonaj następujące kroki:

1. Wybór zawartości: Ustaw na „ Niestandardowy ”.
2. Dodaj element: Możesz dodawać elementy zawartości.
3. Tytuł zawartości: Wprowadź tytuł zawartości paska zadań.
4. Opis zawartości: Wprowadź opis zawartości paska zadań.
5. Wybierz obraz: Dołącz obraz, który będzie wyświetlany w treści paska.
6. Link: Wprowadź adres URL, aby połączyć zawartość ze stroną internetową.

Ustawienia

W tej sekcji możesz dostosować ustawienia paska.

1. Pokaż obraz: Wybierz, czy wyświetlać wyróżniony obraz zawartości na pasku informacyjnym.
2. Rozmiar obrazu: Zmodyfikuj rozmiar obrazu w treści paska.
3. Włącz cień: Aktywuj cień na lewym i prawym końcu zawartości paska.
4. Pokaż opis: Zdecyduj, czy dołączyć opis treści do paska zadań.
5. Efekt: Wybierz żądany styl efektu animacji spośród opcji: Domyślny, Zanikanie, Zaznaczanie i Pisanie. Wskazówka: jeśli zdecydujesz się na efekt markizy, zwiększ prędkość animacji, aby uzyskać lepszą widoczność.

6. Kierunek: Określ kolejność przewijania jako i. Przewijanie w poziomie lub ii. Przewijanie pionowe. Uwaga: Ustawienie kierunku nie ma zastosowania do efektu markizy.

7. Szybkość animacji: Możesz modyfikować i dostosowywać szybkość efektu animacji. Uwaga: Ustawienie kierunku nie ma zastosowania do efektu markizy.
8. Autoodtwarzanie: masz możliwość włączenia autoodtwarzania paska zawartości. Jeśli ta opcja jest włączona, możesz ustawić czas opóźnienia między zmianami treści. Uwaga: ustawienie autoodtwarzania nie ma zastosowania do efektu markizy.
9. Odwróć kierunek: Domyślnie pasek przewija się od prawej do lewej. Ale możesz także wybrać kierunek przewijania paska od lewej do prawej.

• Grab Cursor: Użytkownicy mogą przesuwać zawartość paska, po prostu chwytając ją kursorem myszy. Uwaga: Ustawienie Chwyć kursor nie ma zastosowania do efektu Markiza.

• Pokaż strzałkę: Włącz funkcję strzałki, aby ręcznie nawigować po zawartości paska. Jeśli zdecydujesz się wyświetlić strzałki, wybierz ikonę strzałki w lewo i ikonę strzałki w prawo.

Krok 3: Dostosuj styl paska zawartości

Na karcie stylu w Elementorze możesz dostosować pasek zawartości do swoich preferencji.

Obwoluta

1. Kierunek: Wybierz położenie tytułu paska i strzałek.

• Normalny: Tytuł paska znajduje się po lewej stronie, a strzałka po prawej.

• Rewers: Tytuł giełdowy znajduje się po prawej stronie, a strzałka po lewej stronie.

2. Wrapper Padding : Dostosuj górne i dolne wypełnienie dla całej sekcji paska zawartości zgodnie z własnymi preferencjami.

Tytuł giełdowy

1. Szerokość: zmodyfikuj szerokość sekcji tytułu paska, aby uzyskać pożądany wygląd.
2. Wyrównanie: wybierz wyrównanie ikony i tekstu w tytule paska.
3. Opcje wskaźnika/opcja ikony: Dostosuj rozmiar, odstęp między tytułem a wskaźnikiem/ikoną oraz kolor wskaźnika/ikony.

4. Typografia: Wybierz żądaną typografię tekstu tytułu.
5. Dopełnienie: Dostosuj dopełnienie tytułu paska.
6. Promień obramowania: edytuj promień obramowania tytułu paska.
7. Kolor tekstu: Wybierz kolor tekstu.
8. Tło: Wybierz tło dla tytułu giełdowego.
9. Ikona: Wybierz ikonę, która pojawi się w tytule giełdy.
10. Opcja separatora: po włączeniu możesz dostosować jego styl, dostosowując właściwości, takie jak szerokość, wysokość i kolor.

Zawartość paska

1. Wyrównanie: Wybierz wyrównanie zawartości paska.
2. Margines: Ustaw prawy i lewy margines zawartości paska.
3. Dopełnienie: Dostosuj wypełnienie treści.
4. Kolor tytułu: Wybierz kolor tytułu zawartości paska.
5. Kolor po najechaniu na tytuł: Wybierz kolor, który ma być wyświetlany po najechaniu kursorem na tytuł treści.
6. Typografia tytułu: Ustaw typografię tekstu tytułu treści.
7. Kolor opisu: Zmodyfikuj kolor opisu zawartości.
8. Typografia opisu: Zdefiniuj typografię tekstu opisu.

Obraz

Włączając opcję „ Pokaż obraz ” w sekcji Ustawienia, zawartość będzie obejmować wyświetlanie obrazu.

1. Dostosuj szerokość i wysokość obrazu do swoich preferencji.
2. Wybierz typ obramowania.
3. Dostosuj promień obramowania.
4. Ustaw margines obrazu treści.

Strzałka

Po aktywowaniu funkcji „ Pokaż strzałki ” strzałki będą widoczne na pasku.

1. Pozycja strzałki: Ustaw pozycję strzałki po lewej lub prawej stronie paska.
2. Szerokość: Dostosuj szerokość strzałek.
3. Wysokość: Dostosuj rozmiar strzałek.
4. Odstęp między: Zmodyfikuj odstęp między dwiema strzałkami.
5. Kolor ikony: Wybierz kolor ikon strzałek.
6. Kolor tła: Wybierz kolor tła dla strzałek.
7. Typ obramowania: Wybierz typ obramowania i dostosuj szerokość i kolor obramowania.
8. Promień obramowania: Dostosuj promień obramowania.

Najlepsze praktyki dotyczące treści paska wiadomości w WordPress

Aby w pełni wykorzystać pasek wiadomości w WordPress, ważne jest, aby postępować zgodnie z najlepszymi praktykami dotyczącymi treści. Starannie dobierając i prezentując informacje, możesz skutecznie zaangażować odbiorców.

• Pozostań aktualny

Upewnij się, że zawartość paska wiadomości jest aktualna i odpowiednia dla odbiorców. Regularnie aktualizuj zawartość, aby zachować jej świeżość i atrakcyjność.

• Nadaj priorytet czytelności

Wybierz style, rozmiary i kolory czcionek, które są przyjemne dla oka. Unikaj stosowania skomplikowanych animacji lub projektów, które mogłyby utrudniać czytelność treści.

• Zoptymalizuj prędkość i czas trwania

Dostosuj prędkość paska, aby dać użytkownikom czas na przeczytanie i zrozumienie treści. Unikaj ustawiania go zbyt szybko lub wolno, co może zaszkodzić wygodzie użytkownika.

• Ogranicz liczbę przedmiotów

Zaleca się utrzymywanie rozsądnej liczby elementów, aby zapewnić bezproblemową obsługę.

• Używaj zwięzłego i jasnego tekstu

Postaraj się, aby tekst w pasku wiadomości był zwięzły i skoncentrowany. Pozwól użytkownikom szybko zrozumieć główną ideę każdego elementu.

• Dołącz odpowiednie linki

Dołącz hiperłącza do tekstu w pasku wiadomości. Łączy użytkowników z odpowiednimi stronami w Twojej witrynie. Pasek przekształca się w cenne narzędzie nawigacyjne, które prowadzi użytkowników do treści.

• Sprawdź responsywność na różnych urządzeniach

Przetestuj pasek wiadomości na różnych urządzeniach, rozmiarach ekranu i rozdzielczościach. Upewnij się, że zapewnia spójne wrażenia użytkownika na wszystkich platformach.

• Monitoruj i optymalizuj wydajność

Stale oceniaj wydajność paska wiadomości. Wprowadź niezbędne zmiany, aby poprawić wrażenia użytkowników i wskaźniki zaangażowania.

Zakończyć

Możesz ulepszyć swoją witrynę za pomocą paska wiadomości w WordPress. Może prezentować najświeższe wiadomości, trendy i najważniejsze aktualizacje. Upewnij się, że treść paska wiadomości jest odpowiednia, czytelna i zoptymalizowana pod kątem szybkości. Używaj zwięzłego tekstu, trafnych linków i testuj responsywność na różnych urządzeniach, aby poprawić wrażenia użytkowników.

Wybierz wtyczkę, która nie tylko działa jako automatycznie przewijany pasek wiadomości w WordPress, ale także zapewnia wszechstronność. Dobry wybór wtyczki paska wiadomości może wyświetlać nagłówki wiadomości, ogłoszenia, promocje lub dowolny inny rodzaj przewijanych informacji. To jest wygoda, jaką nasz element ElementsKit Content Ticker Widget może zapewnić Twojej witrynie.

Pozwól swojej wtyczce zrobić to za Ciebie. Zainstaluj i aktywuj naszą wtyczkę ElementsKit, aby utworzyć pasek wiadomości z konfigurowalnymi ustawieniami. Z łatwością zintegruj go, postępując zgodnie z instrukcjami i wykorzystując jego potencjał w swojej witrynie WordPress.

Być może zainteresują Cię najlepsze narzędzia SEO dla WordPress, które musisz wypróbować, co poprawi Twoje wrażenia z blogowania i zwiększy wydajność Twojej witryny.