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 dodać oś czasu w stylu Facebooka w WordPress

Tworzenie osi czasu w stylu Facebooka na swojej stronie internetowej może być atrakcyjne wizualnie i wciągające. Pozwala to zaprezentować swoją życiową podróż, kamienie milowe biznesu lub historię projektu na stronie WordPress.

Tworzenie niestandardowych stron lub postów zazwyczaj wymaga zatrudnienia programisty lub skorzystania z narzędzia do tworzenia witryn. Może to być czasochłonne i kosztowne, zwłaszcza dla małych firm. Na szczęście istnieje prostszy sposób: skorzystanie z darmowej wtyczki.

W WPBeginner pomogliśmy tysiącom użytkowników zaprojektować ich witryny WordPress. Wypróbowaliśmy wiele wtyczek, aby znaleźć odpowiednie rozwiązanie dla Ciebie. Na podstawie naszych testów zalecamy korzystanie z darmowej wtyczki Timeline Block For Gutenberg.

W tym artykule pokażemy, jak dodać oś czasu w stylu Facebooka do WordPressa bez zmiany motywu.

How to add a Facebook style timeline in WordPress

Uwaga: Ten poradnik wyjaśnia, jak dodać wizualną oś czasu do witryny z własnymi informacjami. Jeśli szukasz sposobu na utworzenie osi czasu mediów społecznościowych dla wielu użytkowników, zapoznaj się z naszym przewodnikiem na temat tworzenia witryny mediów społecznościowych.

Dlaczego warto dodać oś czasu w stylu Facebooka w WordPress?

Niezależnie od tego, czy jesteś właścicielem firmy, blogerem, czy osobą prywatną, wizualna oś czasu może być cennym narzędziem do podniesienia poziomu Twojej witryny WordPress

Oś czasu w stylu Facebooka może znacznie poprawić komfort korzystania z witryny. Pozwalając odwiedzającym na eksplorowanie osi czasu we własnym tempie, możesz stworzyć bardziej interaktywną i przyjazną dla użytkownika witrynę.

Dodanie osi czasu pomaga w opowiadaniu historii podczas tworzenia treści. Na przykład, możesz wizualnie przedstawić historię swojej marki, premiery produktów lub osobiste kamienie milowe w urzekającym i łatwym do naśladowania formacie.

Oś czasu w stylu Facebooka pomaga również dzielić się relacją marki w kreatywny i zapadający w pamięć sposób, łącząc się z odbiorcami na poziomie emocjonalnym.

Kolejną korzyścią jest to, że pomaga zaangażować użytkowników i zapewnia odwiedzającym interesujące i pouczające treści, aby zachęcić ich do spędzenia większej ilości czasu na Twojej stronie.

Przyjrzyjmy się zatem, w jaki sposób można łatwo dodać oś czasu w stylu Facebooka do swojej witryny.

Dodawanie osi czasu w stylu Facebooka w WordPress

Najprostszym sposobem na utworzenie osi czasu w witrynie WordPress jest użycie wtyczki Timeline Block For Gutenberg. Ta darmowa wtyczka WordPress jest bardzo prosta w użyciu. Nie ma żadnych skomplikowanych konfiguracji, a wszystkie dostosowania można wykonać w edytorze treści.

Najpierw należy zainstalować i aktywować wtyczkę Timeline Block For Gutenberg. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po aktywacji możesz po prostu przejść do strony lub postu, do którego chcesz dodać oś czasu w stylu Facebooka.

Gdy jesteś w edytorze treści, po prostu kliknij znak „+” i dodaj „Blok osi czasu”.

Add timeline block

Następnie do edytora zawartości zostanie dodany szablon osi czasu.

Z tego miejsca można zmienić układ i wygląd osi czasu w panelu ustawień po prawej stronie.

Wtyczka pozwala na przykład zmienić układ z pionowego na poziomy i wybrać, czy oś czasu ma być wyświetlana po obu stronach, czy tylko po jednej.

Change timeline settings

Jeśli przejdziesz do karty „Styl” w panelu ustawień, otrzymasz opcje zmiany wyglądu osi czasu.

Dostępne są na przykład opcje edycji typografii, koloru tekstu i odstępów na dole nagłówka i opisu relacji.

Change the style of timeline

Więcej opcji dostosowywania można również znaleźć na karcie „Zaawansowane”.

Wtyczka umożliwia zmianę koloru linii, koloru ikony, tła ikony, odstępów między elementami, rozmiaru pola ikony, wypełnienia kontenera i wiele więcej.

Change advanced settings for timeline

Następnie można edytować tekst i zdjęcia na osi czasu.

Domyślnie wtyczka doda fikcyjny tekst i obrazy. Wystarczy je kliknąć, aby rozpocząć edycję.

Na przykład, jeśli chcesz zmienić obraz, po prostu zaznacz go, a następnie kliknij opcję „Zamień”. Możesz przesłać nowy obraz lub wybrać istniejący.

Change the image and text in the timeline

Możesz także kliknąć tekst i zastąpić go własną treścią na osi czasu.

Następnie, jeśli chcesz dodać więcej relacji do swojej osi czasu, możesz po prostu kliknąć przycisk „+ Dodaj relację” i wprowadzić obraz oraz tekst.

Add more story and publish

Po zakończeniu kliknij przycisk „Opublikuj”.

Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć oś czasu w stylu Facebooka w działaniu.

Timeline preview

Dodatkowe zasoby dotyczące tworzenia osi czasu w WordPress

Oto kilka bardziej pomocnych przewodników na temat tworzenia różnych typów osi czasu i poprawy komfortu korzystania z witryny:

Mamy nadzieję, że ten artykuł pomógł Ci dodać oś czasu w stylu Facebooka do Twojej witryny WordPress. Warto również zapoznać się z naszym przewodnikiem na temat tworzenia niszowych witryn z recenzjami w WordPressie i naszym wyborem najlepszych wtyczek do portfolio WordPress dla projektantów i fotografów.

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

2 komentarzeZostaw odpowiedź

  1. Preetam Kumar Patel

    How to add data in timeline from front end .Means data will be enter from a webpage (like result of a student) and it will be shown in the the time line in defferent page.

  2. Steve

    Why can I not comment or see comments of those who go to our site? Also, why are the pictures not showing up by my posts?

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