Jak dodać piękne osie czasu wydarzeń w WordPressie (2 metody)

Znasz to uczucie, gdy wchodzisz na stronę WordPress i niespodziewanie zaczynasz czytać całą historię firmy? Taka jest siła wizualnego opowiadania historii.

Osi czasu wydarzeń to fantastyczny sposób na podkreślenie Twojej historii lub zaprezentowanie kluczowych momentów w sposób, który naprawdę angażuje Twoich odbiorców.

Zamiast przeglądać ściany tekstu, odwiedzający są wciągani w wizualną podróż, która przeprowadza ich przez każdy kamień milowy.

Po przetestowaniu wielu rozwiązań do tworzenia osi czasu dla WordPress, znaleźliśmy dwa, które są łatwe w użyciu i dają profesjonalnie wyglądające wyniki. W tym przewodniku pokażemy Ci, jak tworzyć piękne osie czasu, które utrzymują zaangażowanie odwiedzających i zachęcają do przewijania. 🚀

Dlaczego warto dodać piękną oś czasu wydarzeń w WordPressie

Osi czasu wydarzeń podkreślają znaczące kamienie milowe dzięki jasnej, chronologicznej strukturze. Korzystając z niej, można wzbogacić aspekt narracyjny treści.

Oprócz kamieni milowych, osie czasu pozwalają wizualnie przedstawić postęp, fazy i wzajemne powiązania wydarzeń. Może to sprawić, że Twoje treści będą bardziej angażujące.

Jeśli chodzi o przypadki użycia, wiele stron WordPress wykorzystuje osie czasu do wyświetlania powiązanych wydarzeń w zorganizowany i atrakcyjny wizualnie sposób.

Firmy i organizacje często używają osi czasu do przedstawienia swojej historii.

Jeśli masz stronę z portfolio, taką jak portfolio fotograficzne online, możesz pokazać swoje fotografie na ładnej pionowej osi czasu, która pokazuje Twoją podróż po świecie.

Może to być bardziej angażujące niż pisanie historii i dodawanie jej do swojej witryny jako strona zwykłego tekstu.

Jak dodać oś czasu wydarzeń w WordPress

Najłatwiejszym sposobem dodania osi czasu wydarzeń w WordPressie jest użycie wtyczki Cool Timeline. Ta darmowa, przyjazna dla użytkownika wtyczka pozwala szybko i łatwo tworzyć oszałamiające osie czasu.

Po aktywacji zobaczysz nowy obszar Dodatki do osi czasu w swoim panelu WordPress.

Dzięki tej wtyczce możesz tworzyć osie czasu wydarzeń na 2 sposoby.

Pierwszy sposób polega na kliknięciu przycisku „Dodaj nowy wpis” z panelu dodatków osi czasu.

Otworzy się edytor, w którym możesz wpisać tytuł i opis, ustawić obraz wyróżniający oraz dodać inne ważne informacje.

Po dodaniu wydarzeń, Cool Timeline wyświetli wszystkie te historie wydarzeń na tej samej osi czasu. Następnie możesz dodać oś czasu do dowolnej strony lub wpisu.

Ta metoda jest idealna do wielokrotnego wyświetlania tej samej osi czasu na Twojej stronie internetowej. Pozwala jednak tylko na utworzenie jednej osi czasu.

Inną opcją jest użycie bloku Cool Timeline do zbudowania wizualnej osi czasu w edytorze bloków WordPress.

Dodanie wielu bloków Cool Timeline do Twojej strony internetowej pozwala na wyświetlanie różnych osi czasu w różnych częściach Twojej witryny.

Jednak ta metoda nie pozwala na ponowne wykorzystanie tej samej osi czasu w całej witrynie, chyba że zapiszesz ją jako wzorzec bloku.

W tym przewodniku omówimy obie metody. Niezależnie od tego, jak zbudujesz swoją oś czasu, będziesz musiał zainstalować i aktywować wtyczkę Cool Timeline. Jeśli potrzebujesz więcej szczegółów, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po zakończeniu będziesz gotowy do tworzenia swojej osi czasu, korzystając z menu Dodatki osi czasu lub edytora bloków. Jeśli wolisz przejść bezpośrednio do konkretnej metody, możesz skorzystać z poniższych linków:

• Metoda 1. Jak zbudować wielokrotnego użytku oś czasu wydarzeń za pomocą menu dodatków do osi czasu
• Metoda 2. Jak utworzyć wiele osi czasu wydarzeń w WordPress za pomocą bloku Oś czasu
• Dodatkowa wskazówka: Dodaj schemat wydarzeń w WordPress
• FAQ: Dodaj piękną oś czasu wydarzeń do swojej witryny WordPress
• Powiązane poradniki dotyczące zarządzania wydarzeniami w WordPress

Gotowi? Zacznijmy.

Metoda 1. Jak zbudować wielokrotnego użytku oś czasu wydarzeń za pomocą menu dodatków do osi czasu

Aby utworzyć swoje pierwsze wydarzenie, możesz przejść do Dodatki do osi czasu » Dodaj nową historię z panelu administracyjnego WordPress.

Następnie możesz nadać wydarzeniu tytuł, wpisując go w polu „Dodaj tytuł”.

W głównym edytorze możesz wpisać cały tekst, który chcesz wyświetlić na swojej osi czasu. Zazwyczaj będzie to opis wydarzenia.

Gdy to zrobisz, nadszedł czas, aby kliknąć link „Ustaw obraz wyróżniający”.

Możesz teraz wybrać obraz, który będzie reprezentował wydarzenie na Twojej osi czasu. Możesz kliknąć, aby wybrać obraz z biblioteki multimediów WordPress lub przesłać nowy plik obrazu z komputera.

Następnie przewiń w dół do sekcji „Ustawienia historii osi czasu”. Tutaj możesz kliknąć pole „Data / Rok historii” i użyć podręcznego kalendarza, aby wybrać czas i datę, kiedy miało miejsce zdarzenie.

Możesz również wybrać między obrazem „Pełny” lub „Mały” dla wydarzenia.

Na poniższym obrazku możesz zobaczyć przykład obrazu w rozmiarze „Pełny”.

Większe obrazy przyciągną uwagę odwiedzających do najważniejszych wydarzeń na osi czasu. Jednak obrazy „Pełne” zajmują więcej miejsca.

Poniższy obraz pokazuje to samo wydarzenie, ale tym razem z obrazem „Mały”.

Jeśli chcesz dodać wiele różnych wydarzeń do swojej osi czasu, możesz użyć ustawienia „Małe”.

Może to pomóc zapobiec zagraceniu osi czasu.

Po wprowadzeniu tych zmian przewiń stronę do góry i kliknij przycisk „Opublikuj”.

I to wszystko – możesz teraz powtórzyć te kroki, aby utworzyć więcej wydarzeń.

Chcesz zobaczyć wszystkie utworzone do tej pory wydarzenia? W takim razie po prostu przejdź do Dodatki do osi czasu » Historie na osi czasu Cool Timeline.

Po utworzeniu wszystkich wydarzeń następnym krokiem jest dostosowanie wyglądu osi czasu na Twojej stronie internetowej.

Aby to zrobić, możesz przejść do Oś czasu Dodatki » Ustawienia osi czasu » Ustawienia ogólne.

W sekcji „Tytuł osi czasu” możesz wpisać tytuł, który pojawi się nad Twoją osią czasu.

Cool Timeline może również wyświetlać obraz nad osią czasu, na przykład logo Twojej firmy. Może to pomóc wzmocnić Twoje branding i poinformować odwiedzających, co pokazuje oś czasu.

Aby dodać ten opcjonalny obraz, kliknij przycisk „Prześlij”.

Możesz teraz wybrać obraz z biblioteki multimediów WordPress lub przesłać nowy plik z komputera.

Jeśli dodasz dużo tekstu do osi czasu, może ona wyglądać na zagraconą i odpychającą.

Mając to na uwadze, możesz ustawić maksymalną liczbę słów wyświetlanych na osi czasu. Aby ustawić maksymalny limit słów, po prostu wpisz liczbę w polu „Długość treści”.

Jeśli ustawisz limit, dobrym pomysłem jest dodanie linków „Czytaj dalej” do swojej osi czasu. Cool Timeline doda następnie ten link do wszelkich opisów, które są dłuższe niż Twój limit słów.

Aby dodać ten link, znajdź sekcję „Wyświetl więcej?” i kliknij przycisk „Tak”.

Możesz teraz zdecydować, czy kliknięcie linku „Czytaj więcej” wyświetli resztę tekstu w tej samej karcie, czy w nowej karcie przeglądarki. Aby dokonać tego wyboru, po prostu kliknij przycisk opcji „Ta sama karta” lub „Nowa karta”.

Domyślnie oś czasu pokazuje rok, w którym miało miejsce każde wydarzenie. Jednak nie zawsze musisz pokazywać te informacje. Na przykład, jeśli wszystkie wydarzenia miały miejsce w tym samym roku.

Aby ukryć etykietę roku, po prostu kliknij suwak „Etykieta roku”, aby zmienić go z „Pokaż” na „Ukryj”.

Domyślnie pierwsze wydarzenie na osi czasu będzie wyświetlane po prawej stronie pionowej linii osi czasu.

Chcesz, aby to wydarzenie wyświetlało się po lewej stronie osi czasu? W takim razie po prostu kliknij przycisk „Lewo” obok opcji „Oś czasu pionowa zaczyna się od”.

Gdy będziesz zadowolony ze zmian, kliknij przycisk „Zapisz”, aby je zapisać.

Teraz możesz przejść do zakładki „Ustawienia stylu”.

Domyślnie oś czasu nie ma tła.

Jeśli chcesz, możesz dodać kolorowe tło do swojej osi czasu, klikając suwak „Kolor tła osi czasu”, aby zmienić go z „Nie” na „Tak”.

Następnie kliknij przycisk obok „Kolor tła historii”.

Powinieneś teraz móc wybrać kolor tła za pomocą ustawień selektora kolorów.

Ten ekran zawiera również podobne ustawienia kolorów dla wszystkich różnych części osi czasu, w tym linii pionowej i tytułów wydarzeń. Aby zmienić którykolwiek z tych domyślnych kolorów, po prostu kliknij przycisk sekcji, a następnie użyj selektora kolorów, który się pojawi.

Kiedy będziesz zadowolony z dokonanych zmian, nie zapomnij kliknąć przycisku „Zapisz”.

Następnie możesz przejść do zakładki „Ustawienia typografii”. Tutaj możesz zmienić czcionkę i dostosować rozmiar różnych treści na osi czasu, takich jak tytuł osi czasu i tytuł historii.

Jeśli zmienisz domyślne ustawienia typografii, nie zapomnij zapisać zmian, klikając przycisk „Zapisz”.

Po zakończeniu dostosowywania osi czasu możesz dodać ją do swojej witryny. Po prostu otwórz stronę lub wpis, w którym chcesz ją wyświetlić, a następnie kliknij przycisk „+”.

Teraz wpisz „Cool Timeline” w pasku wyszukiwania. Ten wtyczka ma kilka różnych bloków, więc upewnij się, że klikniesz „Cool Timeline Shortcode Block”.

Możesz teraz zaktualizować lub opublikować swoją stronę jak zwykle.

Teraz, jeśli odwiedzisz swoją stronę internetową, zobaczysz oś czasu na żywo.

Metoda 2. Jak utworzyć wiele osi czasu wydarzeń w WordPress za pomocą bloku Oś czasu

Możesz również zbudować piękną oś czasu wydarzeń w WordPressie, korzystając z edytora bloków i „Cool Timeline Block”.

Ten blok zawiera wiele przykładowej zawartości. Aby zbudować swoją oś czasu, wystarczy zastąpić każdy element zastępczy własnym tekstem i obrazami. Pozwala to na bardziej wizualne budowanie osi czasu.

Aby rozpocząć, po prostu otwórz stronę lub wpis, do której chcesz dodać oś czasu.

Następnie możesz kliknąć ikonę „+” i wpisać „Cool Timeline Block”. Gdy ten blok się pojawi, kliknij, aby dodać go do strony lub wpisu.

Blok Cool Timeline zawiera 4 przykładowe wydarzenia. Możesz zacząć je edytować jedno po drugim, klikając pierwsze wydarzenie na osi czasu.

W menu po prawej stronie po prostu zastąp symbol zastępczy „Nagłówek historii” nagłówkiem, którego chcesz użyć dla tego wydarzenia.

Następnie możesz dodać opis do pola „Opis historii”.

Następnie znajdź pole „Etykieta główna (Data/Kroki)”. Tutaj wpisz datę, kiedy to wydarzenie miało miejsce.

Domyślnie blok Cool Timeline wyświetla pierwsze wydarzenie po prawej stronie osi czasu.

Jeśli wolisz wyświetlać wydarzenie po lewej stronie linii pionowej, kliknij przycisk opcji „Lewo”.

Teraz blok Oś czasu Cool ma obraz zastępczy dla każdego wydarzenia. Aby zastąpić ten obraz zastępczy własnym obrazem, po prostu kliknij przycisk „Usuń”.

Po wykonaniu tej czynności kliknij przycisk „Prześlij/Wybierz obraz”.

Następnie możesz wybrać obraz z biblioteki multimediów WordPress lub przesłać nowy plik z komputera.

Blok Cool Timeline wyświetli każde zdjęcie w pełnym rozmiarze. Aby zamiast tego pokazać mniejsze zdjęcie, otwórz menu rozwijane „Rozmiar obrazu” i wybierz „Średni” lub „Miniatura”.

Gdy klikniesz na jeden z różnych rozmiarów obrazów, blok zaktualizuje się, aby wyświetlić nowy obraz. Pozwala to wypróbować różne rozmiary, aby zobaczyć, co najlepiej wygląda na Twojej stronie internetowej.

Domyślnie oś czasu zaznacza każde wydarzenie na pionowej linii kropką. Możesz chcieć zastąpić tę zwykłą kropkę niestandardową ikoną.

Na przykład możesz użyć różnych ikon dla różnych typów wydarzeń. Następnie możesz przeglądać różne niestandardowe ikony, których możesz użyć dla swojej osi czasu, klikając przycisk radiowy „Niestandardowe (ikona Font Awesome)”.

Po wykonaniu tej czynności pojawi się rozwijane menu ze strzałką. Będziesz chciał je rozwinąć, aby przewinąć wszystkie dostępne ikony.

Kiedy znajdziesz idealną ikonę do użycia dla swojego wydarzenia, możesz ją kliknąć.

Możesz teraz dostosować pozostałe zdarzenia zastępcze, postępując zgodnie z tym samym procesem opisanym powyżej.

Jeśli chcesz dodać więcej wydarzeń do osi czasu, po prostu kliknij ikonę „Dodaj historię”. Spowoduje to dodanie nowego wydarzenia zastępczego, które jest gotowe do dostosowania.

Kiedy będziesz zadowolony z wyglądu osi czasu, możesz zaktualizować lub opublikować stronę jak zwykle. Po zakończeniu oś czasu będzie dostępna na Twojej stronie WordPress.

Dodatkowa wskazówka: Dodaj schemat zdarzeń w WordPress

Po zbudowaniu pięknej osi czasu prezentującej Twoje wydarzenia lub kamienie milowe, możesz pójść o krok dalej, pomagając wyszukiwarkom zrozumieć, czego dotyczą.

Właśnie tutaj przydaje się znaczniki schematu zdarzeń.

Schemat zdarzenia to specjalny rodzaj kodu, który działa w tle. Zapewnia Google jasne podsumowanie kluczowych szczegółów Twojego wydarzenia, takich jak data, godzina, lokalizacja i być może informacje o biletach, w ustrukturyzowanym formacie, który Google może łatwo odczytać.

Ponadto dodanie schematu zdarzeń może pomóc Twoim treściom pojawić się w bogatych fragmentach lub listach wydarzeń Google. Niezależnie od tego, czy udostępniasz nadchodzące wydarzenia, czy historię firmy, pomaga to właściwym osobom znaleźć Cię, gdy szukają powiązanych działań lub kamieni milowych.

Jednym z najprostszych sposobów na zrobienie tego jest użycie AIOSEO, najlepszej wtyczki SEO dla WordPressa. Obsługuje ona wiele typów schematów, w tym Wydarzenie, aby pomóc wyszukiwarkom lepiej zrozumieć i wyróżnić Twoje treści.

Szczegółowe informacje znajdziesz w naszym przewodniku jak dodać schemat zdarzeń w WordPress.

FAQ: Dodaj piękną oś czasu wydarzeń do swojej witryny WordPress

Masz pytania dotyczące prezentowania wydarzeń w formacie osi czasu na WordPressie? Oto kilka szybkich odpowiedzi, które pomogą Ci zacząć.

Czy WordPress ma wbudowaną funkcję kalendarza lub osi czasu?

WordPress domyślnie nie zawiera wbudowanej funkcji kalendarza ani osi czasu. Możesz jednak łatwo dodać jedną za pomocą wtyczek, takich jak Cool Timeline lub The Events Calendar.

Czy wtyczka Cool Timeline jest darmowa?

Cool Timeline oferuje darmową wersję w repozytorium wtyczek WordPress. Zawiera podstawowe funkcje, takie jak osie czasu pionowe i poziome. Aby uzyskać zaawansowane opcje dostosowywania i dodatkowe układy, możesz przejść na wersję premium.

Jak utworzyć oś czasu wydarzeń w WordPressie?

Najprostszym sposobem jest użycie wtyczki takiej jak Cool Timeline. Po zainstalowaniu możesz dodawać wydarzenia lub kamienie milowe jako historie na osi czasu, dostosowywać układ i wyświetlać je za pomocą krótkiego kodu lub bloku.

Czy mogę dodać widok kalendarza obok osi czasu?

Tak, możesz. Chociaż wtyczka Cool Timeline skupia się na wizualnych osiach czasu, nie oferuje tradycyjnego widoku kalendarza. Jeśli chcesz wyświetlać swoje wydarzenia w formacie miesięcznego lub dziennego kalendarza, zalecamy użycie wtyczki kalendarza, takiej jak Sugar Calendar lub The Events Calendar.

Szybki samouczek znajdziesz w naszym przewodniku jak stworzyć prosty kalendarz wydarzeń z Sugar Calendar. Lub zapoznaj się z naszym pełnym porównaniem najlepszych wtyczek kalendarza WordPress, aby znaleźć tę, która odpowiada Twoim potrzebom.

Jak wyświetlić dzisiejszą datę w WordPress?

Możesz użyć krótkiego kodu, widżetu lub niestandardowego kodu, aby wyświetlić dzisiejszą datę. Niektóre widżety kreatora stron i motywy również mają tę funkcję wbudowaną.

Powiązane poradniki dotyczące zarządzania wydarzeniami w WordPress

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać piękną oś czasu wydarzeń do swojej witryny WordPress. Jeśli uznałeś to za pomocne, możesz również zapoznać się z naszymi przewodnikami na temat:

• Jak stworzyć prosty kalendarz wydarzeń
• Jak wyświetlać nadchodzące wydarzenia w WordPress
• Jak prowadzić wydarzenia tylko dla członków w WordPress
• Jak utworzyć stronę rejestracji wydarzeń w WordPress
• Jak dodać widżet odliczania w WordPress
• Najlepsze wtyczki kalendarza WordPress

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.