Widget Ticker treści ElementsKit dla Elementora pozwala w stylowy sposób wyświetlać najnowsze posty, najnowsze wiadomości i nie tylko. Widżet umożliwia wyświetlanie na pasku informacyjnym wpisów z witryny internetowej lub treści niestandardowych.

Przeczytaj tę dokumentację, aby dowiedzieć się, jak używać widżetu Elementor Content Ticker w ElementsKit.

Krok 1: Pobierz pasek treści w Elementorze #

Aby wyświetlić pasek treści w witrynie WordPress, najpierw włącz widżet Pasek treści ElementsKit, następnie otwórz edytor Elementor i przeciągnij i upuść widżet do obszaru projektu.

Włącz widżet Tier treści #

Aby włączyć widżet Tier treści:

1. Nawigować do ElementsKit > Widżety.
2. Znaleźć Pasek treści z listy i włącz widget.
3. Kliknij na ZAPISZ ZMIANY.

Przeciągnij i upuść widżet #

Następnie przeciągnij i upuść ElementsKit Pasek treści widget do edytora Elementora.

Krok 2: Skonfiguruj znacznik treści w Elementorze #

Teraz możesz skonfigurować tytuł paska, treść i ustawienia paska widżetu.

Tytuł biletu #

1. Pokaż Tytuł: Najpierw włącz tytuł tickera. Będziesz wtedy mieć dostęp do innych opcji dostosowania tytułu.
2. Styl tytułu: Wybierz styl tytułu tickera spośród podanych opcji.

3. Tekst tytułu: Wpisz tekst tytułu.
4. Włącz wskaźnik: Możesz wyświetlić wskaźnik wraz z tytułem tickera.
5. Ikona: Możesz też wyświetlić ikonę obok tytułu.

[Uwaga: Wskaźnik i ikona to opcje alternatywne. Po włączeniu wskaźnika ikona nie będzie dostępna i odwrotnie.]

6. Pozycja: Ustaw położenie wskaźnika/ikony. Możesz ustawić pozycję „Przed” lub „Po” wskaźniku/ikonie.
7. Włącz separator: Możesz także wyświetlić separator z tytułem tickera.

Treść/zapytanie Tickera #

W tej sekcji przejdziesz do opcji Wybierz typ zawartości.

• Typ zawartości: Post

Aby wyświetlić posty z Twojej witryny na pasku informacyjnym.

1. Wybierz zawartość: Ustaw na „Opublikuj”.
2. Liczba treści: Ustaw liczbę postów do wyświetlenia.
3. Przytnij tytuł: Ogranicz liczbę znaków tekstu w tytule posta wyświetlanych w tickerze.
4. Opis wykończenia: Ogranicz liczbę znaków tekstu w opisie postu wyświetlanych w tickerze. (opis można włączyć w Ustawieniach).
5. Wybierz treść według: Możesz wyświetlić post w następujący sposób:
   • Ostatni post: Pokaż najnowsze wpisy na swojej stronie.
   • Wybrany wpis: Pokaż wybrany post. Możesz wybrać posty w polu „Wyszukaj i wybierz”.
   • Kategoria wpisu: Pokaż posty według kategorii. Dodaj kategorie w polu „Wybierz kategorie”.
6. Zamówienie: Ustaw kolejność treści na malejącą (DESC) lub rosnącą (ASC).

• Typ zawartości: niestandardowy

Aby wyświetlić niestandardową treść na pasku informacyjnym.

1. Wybierz zawartość: Ustaw na „Niestandardowy”.
2. DODAJ PRZEDMIOT: Możesz dodać elementy treści.

3. Tytuł treści: Wprowadź tytuł treści paska informacyjnego.
4. Opis zawartości: Dodaj opis zawartości tickera.
5. Wybierz obraz: Dodaj obraz, który będzie wyświetlany w treści paska informacyjnego.
6. Połączyć: Wprowadź adres URL, aby połączyć dowolną stronę internetową z treścią.

Ustawienia #

W tej sekcji możesz skonfigurować ustawienia tickera.

1. Pokaż obraz: Zdecyduj, czy chcesz wyświetlić obraz charakterystyczny treści na tickerze.
2. Rozmiar obrazu: Możesz zmienić rozmiar obrazu w treści paska informacyjnego.
3. Włącz cień: Możesz włączyć cień wyświetlany po lewej i prawej stronie treści paska.
4. Pokaż opis: Możesz wyświetlić opis treści w tickerze.

5. Efekt: Wybierz styl efektu animacji spośród następujących opcji: Domyślny, Zanikanie, Zaznaczanie i Pisanie.

Po wybraniu efektu Marquee zalecamy zwiększenie szybkości animacji w celu uzyskania lepszej widoczności.

6. Kierunek: Ustaw kierunek na i. Przewijanie poziome lub ii. Przewijanie pionowe.

[Uwaga: kierunek to Niedostępne dla markizy efekt]

7. Prędkość animacji: Możesz zmieniać i dostosowywać prędkość efektu animacji.

[Uwaga: Szybkość animacji wynosi Niedostępne do pisania efekt]

8. Automatyczne odtwarzanie: Możesz włączyć automatyczne odtwarzanie paska treści. 

Jeśli jest włączona, ustaw Oferta czas (odstęp między zmianami treści).

[Notatka: Autoodtwarzanie jest Niedostępne dla markizy efekt]

9. Odwrotny kierunek: Jeśli włączysz tę opcję, pasek będzie przewijany w kierunku od lewej do prawej. W przeciwnym razie kierunek giełdowy jest od prawej do lewej.

10. Chwyć kursor: Użytkownicy mogą przesuwać treść paska, chwytając go kursorem myszy.

[Notatka: Chwyć kursor Niedostępne dla markizy efekt]

11. Pokaż strzałkę: Włącz strzałkę, aby ręcznie poruszać się po treści paska. Jeśli wyświetlasz strzałki, wybierz ikonę strzałki w lewo i ikonę strzałki w prawo.

Krok 3: Dostosuj styl paska treści #

Możesz dostosować pasek zawartości Elementora na karcie stylu.

Obwoluta #

1. Kierunek: Wybierz położenie tytułu giełdowego i strzałek.
   1. Normalny: tytuł giełdowy znajduje się po lewej stronie, a strzałka po prawej.
   2. Rewers: Tytuł giełdowy znajduje się po prawej stronie, a strzałka po lewej stronie.

2. Wyściółka opakowania: Możesz dostosować górne i dolne wypełnienie całej sekcji paska treści.

Tytuł tickera #

1. Szerokość: Dostosuj szerokość sekcji tytułu tickera.
2. Wyrównanie: Wybierz wyrównanie ikony i tekstu w tytule tickera.
3. Opcje wskaźnika/opcja ikony: Możesz zmienić rozmiar, odstęp między tytułem a wskaźnikiem/ikoną oraz kolor wskaźnika/ikony.

4. Typografia: Wybierz typografię tekstu tytułu.
5. Wyściółka: Dostosuj dopełnienie tytułu tickera.
6. Promień granicy: Dostosuj promień obramowania tytułu paska informacyjnego.
7. Kolor tekstu: Wybierz kolor tekstu.
8. Tło: Wybierz tytuł tickera Tło.
9. Ikona: Wybierz ikonę tytułu tickera.

[Uwaga: możesz wybrać osobne kolory tekstu, kolory tła i kolory ikon dla stanów normalnego i najechania.]

10.  Opcja separatora: Jeśli włączysz separator tytułu giełdowego, możesz zmienić jego styl, np. Szerokość, Wysokość i Kolor.

Treść Tickera #

1. Wyrównanie: Wybierz Wyrównanie zawartości tickera.
2. Margines: Dostosuj prawy i lewy margines zawartości tickera.
3. Wyściółka: Dostosuj dopełnienie treści.
4. Kolor tytułu: Wybierz kolor tytułu dla treści paska.
5. Kolor dymku tytułowego: Wybierz kolor, który będzie wyświetlany po najechaniu myszką na tytuł treści.
6. Typografia tytułu: Ustaw typografię tekstu tytułu treści.
7. Opis Kolor: Zmieniasz kolor opisu treści.
8. Opis Typografia: Ustaw typografię tekstu opisu.

Obraz #

Jeśli włączysz opcję „Pokaż obraz” w sekcji Ustawienia, obraz pojawi się wraz z zawartością.

1. Poprawić Szerokość I Wysokość obrazu.
2. Wybierz Typ obramowania dla obrazu.
3. Poprawić Promień granicy.
4. Ustaw Margines dla obrazu treści.

Strzałka #

Jeśli włączysz funkcję „Pokaż strzałki”, na pasku będą pojawiać się strzałki.

1. Pozycja strzałki: Ustaw pozycję strzałki po lewej lub prawej stronie tickera.
2. Szerokość: Dostosuj szerokość strzałek.
3. Wysokość: Dostosuj wysokość strzałek.
4. Przestrzeń pomiędzy: Dostosuj odstęp między dwiema strzałkami.
5. Kolor ikony: Możesz wybrać kolor ikony strzałki.
6. Kolor tła: Wybierz kolor tła strzałki.
7. Typ obramowania: Wybierz typ obramowania. Można także wybrać szerokość I kolor granicy.
8. Promień granicy: Dostosuj promień obramowania strzałek.

Podobnie jak widżet Ticker treści, ElementsKit zawiera setki zaawansowanych elementów dla Elementora. Pobierz ElementsKit i wykorzystaj te elementy do tworzenia witryn WordPress z pełnymi funkcjami.