Så här skapar du beautiful long form content i WordPress med StoryBuilder

En av våra läsare frågade nyligen om det var möjligt att skapa beautiful long form content i WordPress? Long form content med ett berättande element har visat sig vara mer engagerande än plain text och images. I den här artikeln visar vi dig hur du skapar beautiful long form content i WordPress med StoryBuilder.

Varför använda StoryBuilder för långa artiklar i WordPress?

Användare spenderar bara några sekunder på att klura på en website innan de bestämmer sig om de vill stanna kvar eller lämna den. Om du publicerar långa artiklar blir det en ännu större utmaning att hålla kvar användare på din site.

Genom att lägga till multimedia och interaktiva visuella hjälpmedel blir innehåll i långformat mycket engagerande för användarna. Istället för att bara rulla ner text och images kan användarna interagera med elementen på page.

Här är några av de bästa exemplen på innehåll i långformat med rika berättande element.

• New York Times – Att rida på den nya sidenvägen
• Washington Post – Washington – En värld för sig
• The Guardian – Eldstorm
• Pitchfork – Maskiner för livet

Alla dessa långa artiklar delar liknande egenskaper för bra storytelling. De använder uppslukande medier, parallaxeffekter och interaktiva UI-element för att skapa engagerande content.

Traditionella WordPress teman låter dig vanligtvis inte skapa sådana pages eller posts. Även om du försökte måste du använda ett antal tillägg och det kanske ändå inte fungerar bra för din publik.

Med detta sagt, låt oss se hur du kan skapa beautiful long form content i WordPress med StoryBuilder med vilket theme som helst och utan att skriva någon kod.

Skapa din första långa story med StoryBuilder

Det första du behöver göra är att installera och aktivera Press75 Long Form Storybuilder plugin. För mer detaljer, se vår steg-för-steg guide om hur du installerar ett plugin för WordPress.

När du har aktiverat det måste du skapa ett nytt post eller page. You will notice the new ”Enable Long Form Content” meta box on the post edit screen.

Du måste kontrollera boxen bredvid alternativet ”Display as Long Form Content” och sedan klicka på knappen save draft.

WordPress kommer att ladda om sidan, och du kommer nu att se ett notice om att innehållet i lång form är aktiverat för sidan eller posten. Istället för post editor kommer du att se en knapp märkt ”Edit my Long Format Content Page”.

Klicka på knappen för att starta Editorn för innehåll i långformat.

Ett nytt fönster i webbläsaren öppnar din aktuella page i WordPress Theme Customizer.

I den högra rutan visas några grundläggande instruktioner om hur du använder StoryBuilder. Dessa instruktioner försvinner när du börjar editera page.

Den vänstra rutan innehåller Customize-kontrollerna, inklusive de som används för att editera ditt WordPress theme. You will notice two options in the Customizer controls which are highlighted.

Klicka på tabben Page Options först. Det tillåter dig att välja primära och sekundära färger som ska användas på den långa content-sidan du redigerar.

Det tillåter dig också att välja de font du gillar att använda för sidan.

Därefter klickar du på bakåtpilen bredvid ”Page Options” heading i den vänstra rutan.

You can now click on the ”Long format page sections” tabs to start building your long form content.

På fliken Nästa klickar du på knappen Add Sections. Det kommer att öppna en annan tabs med listan över sektioner som du kan add till din page.

Om du klickar på en section läggs den till på din page. You will see the settings for editing that section.

Varje section har olika Settings. Till exempel, avsnittet header ber dig om en sektionstitel, en image, text som ska visas som huvudrubrik och underrubrik.

När du har fyllt i Settings klickar du bara på knappen Close längst ner. You can now add another section to your page.

Alla sections kommer att visas i den vänstra rutan. Du kan ordna om dem med drag and drop.

Om du vill ta bort en section klickar du bara på den och klickar sedan på länken Remove längst ner i section settings.

Här är en lista över de sections som för närvarande är available med StoryBuilder.

• Navigation Menu – Allow you to add a navigation menu to your story. Du kan använda en befintlig navigationsmeny eller skapa en customize-meny.
• Callout – En full width callout section med färgad bakgrund. Den primära färgen som du valde i Page Options används som bakgrundsfärg.
• Innehåll – En area med innehåll i en kolumn
• Innehållsområde med två kolumner
• Innehållsområde med tre kolumner
• Full Feature – Allow you to add a full width image with parallax effect, heading, subtitle, and content.
• Section Heading – Adderar en row med en section heading

Content area sections gillar WordPress post editor. You can embed videos, images, blockquotes, embed Tweets or Facebook posts.

Precis som hela page är innehållsområdena med flera kolumner också fullt responsiva. Ditt content kommer att visas i en enda column för användare med mindre vyer.

När du har lagt till några sektioner på din page klickar du på Save & Publicera-knappen högst upp. Även om det står ”Publicera” på knappen kommer din page fortfarande att sparas som Draft.

Du måste lämna customize genom att clicka på knappen close.

Då kommer du tillbaka till WordPress vy för edit av post, där du kan välja att publicera page eller post och låta den vara saved som draft.

Det var allt, vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar beautiful long form content i WordPress med StoryBuilder. Om du gillade drag and drop-funktionaliteten i StoryBuilder, kanske du också vill se vår jämförelse av de bästa drag and drop page builders för WordPress.

Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.