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

Hinzufügen einer Timeline im Facebook-Stil in WordPress

Die Erstellung einer Zeitleiste im Facebook-Stil auf Ihrer Website kann optisch ansprechend und ansprechend sein. Damit können Sie Ihren Lebensweg, geschäftliche Meilensteine oder die Projektgeschichte auf Ihrer WordPress-Website präsentieren.

Um benutzerdefinierte Seiten oder Beiträge zu erstellen, muss man normalerweise einen Entwickler beauftragen oder einen Website-Builder verwenden. Dies kann zeitaufwändig und teuer sein, insbesondere für kleine Unternehmen. Zum Glück gibt es einen einfacheren Weg: die Verwendung eines kostenlosen Plugins.

Bei WPBeginner haben wir Tausenden von Nutzern bei der Gestaltung ihrer WordPress-Seiten geholfen. Und wir haben mehrere Plugins ausprobiert, um die richtige Lösung für Sie zu finden. Basierend auf unseren Tests empfehlen wir die Verwendung des kostenlosen Plugins Timeline Block For Gutenberg.

In diesem Artikel zeigen wir Ihnen, wie Sie eine Zeitleiste im Facebook-Stil zu WordPress hinzufügen können, ohne Ihr Theme zu ändern.

How to add a Facebook style timeline in WordPress

Hinweis: In diesem Tutorial wird erklärt, wie Sie Ihrer Website eine visuelle Zeitleiste mit Ihren eigenen Informationen hinzufügen können. Wenn Sie nach einer Möglichkeit suchen, eine Social-Media-Zeitleiste für mehrere Nutzer zu erstellen, lesen Sie bitte unsere Anleitung zur Erstellung einer Social-Media-Website.

Warum eine Timeline im Facebook-Stil in WordPress hinzufügen?

Egal ob Sie Unternehmer, Blogger oder Privatperson sind, eine visuelle Zeitleiste kann ein wertvolles Werkzeug sein, um Ihre WordPress-Website aufzuwerten.

Eine Zeitleiste im Facebook-Stil kann das Nutzererlebnis auf Ihrer Website erheblich verbessern. Indem Sie Ihren Besuchern erlauben, Ihre Zeitleiste in ihrem eigenen Tempo zu erkunden, können Sie eine interaktivere und benutzerfreundlichere Website erstellen.

Das Hinzufügen einer Zeitleiste hilft bei der Erstellung von Inhalten beim Geschichtenerzählen. So können Sie beispielsweise die Geschichte Ihrer Marke, Produkteinführungen oder persönliche Meilensteine in einem fesselnden und leicht nachvollziehbaren Format visuell darstellen.

Eine Zeitleiste im Facebook-Stil hilft auch, die Geschichte Ihrer Marke auf kreative und einprägsame Weise zu erzählen und Ihr Publikum auf einer emotionalen Ebene anzusprechen.

Ein weiterer Vorteil besteht darin, dass es das Engagement der Nutzer fördert und die Besucher mit interessanten und informativen Inhalten versorgt, die sie dazu anregen, mehr Zeit auf Ihrer Website zu verbringen.

Sehen wir uns also an, wie Sie Ihrer Website ganz einfach eine Zeitleiste im Stil von Facebook hinzufügen können.

Hinzufügen einer Timeline im Facebook-Stil in WordPress

Der einfachste Weg, eine Zeitleiste auf Ihrer WordPress-Website zu erstellen, ist die Verwendung des Plugins Timeline Block For Gutenberg. Dieses kostenlose WordPress-Plugin ist super einfach zu verwenden. Es gibt keine komplexen Konfigurationen, und Sie können alle Anpassungen im Inhaltseditor vornehmen.

Zunächst müssen Sie das Plugin Timeline Block For Gutenberg installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung können Sie einfach zu der Seite oder dem Beitrag gehen, zu dem Sie die Zeitleiste im Facebook-Stil hinzufügen möchten.

Wenn Sie sich im Inhaltseditor befinden, klicken Sie einfach auf das „+“-Zeichen und fügen Sie einen „Zeitleistenblock“ hinzu.

Add timeline block

Als Nächstes wird dem Inhaltseditor eine Zeitleistenvorlage hinzugefügt.

Von hier aus können Sie das Layout und Design der Zeitleiste über das Einstellungsfeld auf der rechten Seite ändern.

Mit dem Plugin können Sie zum Beispiel das Layout von vertikal auf horizontal ändern und wählen, ob Sie die Zeitleiste auf beiden Seiten oder nur auf einer Seite anzeigen möchten.

Change timeline settings

Wenn Sie im Einstellungsfenster auf die Registerkarte „Stil“ wechseln, erhalten Sie Optionen zum Ändern des Erscheinungsbilds Ihrer Zeitleiste.

So gibt es beispielsweise Optionen zur Bearbeitung der Typografie, der Textfarbe und des unteren Abstands für die Überschrift und die Beschreibung des Beitrags.

Change the style of timeline

Weitere Anpassungsmöglichkeiten finden Sie auf der Registerkarte „Erweitert“.

Mit dem Plugin können Sie die Linienfarbe, die Farbe des Symbols, den Hintergrund des Symbols, den Abstand zwischen den Elementen, die Größe des Symbolfelds, die Polsterung des Containers und vieles mehr ändern.

Change advanced settings for timeline

Anschließend können Sie den Text und die Bilder in der Zeitleiste bearbeiten.

Standardmäßig fügt das Plugin Blindtext und -bilder hinzu. Sie können einfach auf sie klicken, um mit der Bearbeitung zu beginnen.

Wenn Sie zum Beispiel das Bild ändern möchten, wählen Sie es einfach aus und klicken Sie dann auf die Option „Ersetzen“. Sie können ein neues Bild hochladen oder ein vorhandenes Bild auswählen.

Change the image and text in the timeline

Ebenso können Sie auf den Text klicken und ihn durch Ihren Inhalt in der Zeitleiste ersetzen.

Wenn Sie weitere Geschichten zu Ihrer Zeitleiste hinzufügen möchten, klicken Sie einfach auf die Schaltfläche „+ Geschichte hinzufügen“ und geben Sie ein Bild und einen Text ein.

Add more story and publish

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Veröffentlichen“.

Jetzt können Sie Ihre Website besuchen, um die Zeitleiste im Facebook-Stil in Aktion zu sehen.

Timeline preview

Zusätzliche Ressourcen zur Erstellung von Zeitleisten in WordPress

Hier finden Sie einige weitere hilfreiche Anleitungen zur Erstellung verschiedener Arten von Zeitleisten und zur Verbesserung der Benutzerfreundlichkeit Ihrer Website:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, eine Facebook-ähnliche Zeitleiste zu Ihrer WordPress-Website hinzuzufügen. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Erstellung einer Nischenbewertungsseite in WordPress und unsere Expertenauswahl der besten WordPress-Portfolio-Plugins für Designer und Fotografen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

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.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

2 KommentareEine Antwort hinterlassen

  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?

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.