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

Så här addar du en Facebook Style Timeline i WordPress

Att skapa en tidslinje i Facebook-stil på din webbplats kan vara visuellt tilltalande och engagerande. Det gör att du kan visa upp ditt livs resa, milstolpar i ditt företag eller projekthistorik på din WordPress-webbplats.

För att skapa anpassade sidor eller inlägg krävs vanligtvis att man anlitar en utvecklare eller använder en webbplatsbyggare. Detta kan vara tidskrävande och dyrt, särskilt för småföretag. Lyckligtvis finns det ett enklare sätt att göra saker på: att använda ett gratis plugin.

På WPBeginner har vi hjälpt tusentals användare att designa sina WordPress-webbplatser. Och vi har testat flera plugins för att hitta rätt lösning för dig. Baserat på våra tester rekommenderar vi att du använder det kostnadsfria pluginet Timeline Block For Gutenberg.

I den här artikeln visar vi dig hur du lägger till en tidslinje i Facebook-stil i WordPress utan att ändra ditt tema.

How to add a Facebook style timeline in WordPress

Obs: Den här poradniken förklarar hur du lägger till en visuell tidslinje på din webbplats med din egen information. Om du letar efter ett sätt att skapa en tidslinje för sociala medier för flera användare kan du läsa vår przewodnik om hur du skapar en webbplats för sociala medier.

Varför lägga till en tidslinje i Facebook-stil i WordPress?

Oavsett om du är företagare, bloggare eller privatperson kan en visuell tidslinje vara ett värdefullt verktyg för att lyfta din WordPress-webbplats

En tidslinje i Facebook-stil kan avsevärt förbättra användarupplevelsen på din webbplats. Genom att låta besökarna utforska din tidslinje i sin egen takt kan du skapa en mer interaktiv och användarvänlig webbplats.

Att lägga till en tidslinje hjälper till med storytelling när du skapar innehåll. Instansitivt kan du visuellt presentera ditt varumärkes historia, produktlanseringar eller personliga milstolpar i ett fängslande och lättförståeligt format.

En tidslinje i Facebook-stil hjälper dig också att dela med dig av ditt varumärkes relacja på ett kreativt och minnesvärt sätt, så att du får kontakt med din publik på en känslomässig nivå.

En annan fördel är att det ökar användarnas engagemang och ger besökarna intressant och informativt innehåll som uppmuntrar dem att tillbringa mer tid på din webbplats.

Med det sagt, låt oss titta på hur du enkelt kan lägga till en tidslinje i Facebook-stil på din webbplats.

Lägga till en tidslinje i Facebook-stil i WordPress

Det enklaste sättet att skapa en tidslinje på din WordPress-webbplats är genom att använda pluginet Timeline Block For Gutenberg. Detta kostnadsfria WordPress-plugin är superenkelt att använda. Det finns inga komplexa konfigurationer, och du kan utföra alla anpassningar i innehållsredigeraren.

Först måste du installera och aktivera plugin-programmet Timeline Block For Gutenberg. Om du behöver hjälp kan du läsa vår przewodnik om hur du installerar ett WordPress-plugin.

Efter aktivering kan du helt enkelt gå till den sida eller det inlägg där du vill lägga till tidslinjen i Facebook-stil.

När du är i innehållsredigeraren klickar du bara på ”+”-tecknet och lägger till ett ”Timeline Block”.

Add timeline block

Därefter ser du en tidslinjemall som lagts till i innehållsredigeraren.

Härifrån kan du ändra tidslinjens layout och design från inställningspanelen till höger.

Instansitivt låter pluginet dig ändra layouten från vertikal till horisontell och välja om du vill visa tidslinjen på båda sidor eller bara på en sida.

Change timeline settings

Om du går till kartan ”Stil” i inställningspanelen får du alternativ för att ändra utseendet på din tidslinje.

Det finns instanser där du kan redigera typografi, textfärg och bottenavstånd för rubriken och beskrivningen av relacyn.

Change the style of timeline

Du kan också hitta fler anpassningsalternativ på kartan ”Avancerat”.

Med plugin-programmet kan du ändra linjefärg, ikonfärg, ikonbakgrund, objektavstånd, ikonboxstorlek, containerutfyllnad och mycket mer.

Change advanced settings for timeline

Därefter kan du redigera text och bilder i tidslinjen.

Som standard kommer pluginet att lägga till dummy-text och bilder. Du kan helt enkelt klicka på dem för att börja redigera.

Om du till exempel vill ändra bilden markerar du den helt enkelt och klickar sedan på alternativet ”Ersätt”. Du kan ladda upp en ny bild eller välja en befintlig bild.

Change the image and text in the timeline

På samma sätt kan du också klicka på texten och ersätta den med ditt innehåll i tidslinjen.

Om du sedan behöver lägga till fler relacior på din tidslinje kan du helt enkelt klicka på knappen ”+ Add Story” och ange en bild och en text.

Add more story and publish

När du är klar kan du klicka på knappen ”Publicera”.

Nu kan du besöka din webbplats för att se tidslinjen i Facebook-stil i działanie.

Timeline preview

Ytterligare resurser för att skapa tidslinjer i WordPress

Här är några fler användbara przewodniker om hur du skapar olika typer av tidslinjer och förbättrar användarupplevelsen på din webbplats:

Vi hoppas att den här artikeln hjälpte dig att lägga till en tidslinje i Facebook-stil på din WordPress-webbplats. Du kanske också vill se vår przewodnik om hur man gör en nischad recensionswebbplats i WordPress och vårt expertval av de bästa WordPress portfolio-pluginsen för designers och fotografer.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

2 kommentarerLämna ett svar

  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?

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.