Hur man skapar vackert långformat innehåll i WordPress med StoryBuilder

Nyligen frågade en av våra läsare om det var möjligt att skapa vackert långt innehåll i WordPress? Långt innehåll med ett berättande element har visat sig vara mer engagerande än vanlig text och bilder. I den här artikeln visar vi dig hur du skapar vackert långt innehåll i WordPress med StoryBuilder.

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

Användare spenderar bara några sekunder på en webbplats innan de bestämmer sig för om de vill stanna eller lämna. Om du publicerar långa artiklar blir det ännu svårare att behålla användare på din webbplats.

Att lägga till multimedia och interaktiva visuella hjälpmedel gör långt innehåll mycket engagerande för användare. Istället för att bara scrolla ner text och bilder kan användare interagera med element på sidan.

Här är några av de bästa exemplen på långt innehåll med rika berättellement.

• New York Times – Rider på den nya Sidenvägen
• Washington Post – Washington – En värld för sig
• The Guardian – Firestorm
• Pitchfork – Machines for Life

Alla dessa långa artiklar delar liknande drag av bra berättande. De använder uppslukande media, parallaxeffekter och interaktiva UI-element för att skapa engagerande innehåll.

Traditionella WordPress-teman låter dig vanligtvis inte skapa sådana sidor eller inlägg. Även om du försökte, måste du använda ett antal plugins och det kanske fortfarande inte fungerar bra för din publik.

Med det sagt, låt oss se hur du kan skapa vackert långt innehåll i WordPress med StoryBuilder med vilket tema som helst och utan att skriva någon kod.

Skapa din första långa berättelse med StoryBuilder

Först måste du installera och aktivera tillägget Press75 Long Form Storybuilder. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-tillägg.

Vid aktivering måste du skapa ett nytt inlägg eller en ny sida. Du kommer att märka den nya meta-rutan 'Aktivera långt innehåll' på redigeringsskärmen för inlägg.

Du måste markera rutan bredvid alternativet 'Visa som långt innehåll' och sedan klicka på knappen Spara utkast.

WordPress kommer att ladda om sidan, och du kommer nu att se ett meddelande om att långt innehåll är aktiverat för sidan eller inlägget. Istället för inläggsredigeraren, kommer du att se en knapp märkt 'Redigera min långa innehållssida'.

Klicka på knappen för att starta redigeraren för långt innehåll.

Ett nytt webbläsarfönster öppnar din aktuella sida i WordPress-temats anpassningsverktyg.

Fönstret till höger visar grundläggande instruktioner om hur du använder StoryBuilder. Dessa instruktioner försvinner när du börjar redigera sidan.

Fönstret till vänster innehåller anpassningskontrollerna, inklusive de som används för att redigera ditt WordPress-tema. Du kommer att märka två alternativ i anpassningskontrollerna som är markerade.

Klicka först på fliken Sidinställningar. Den låter dig välja primära och sekundära färger som ska användas på sidan med långt innehåll som du redigerar.

Det låter dig också välja de teckensnitt du vill använda för sidan.

Klicka sedan på bakåtpilen bredvid rubriken "Sidinställningar" i den vänstra rutan.

Du kan nu klicka på fliken 'Avsnitt för långformatssida' för att börja bygga ditt långformatinnehåll.

På fliken "Nästa" klickar du på knappen "Lägg till sektioner". Det öppnar en annan flik med en lista över sektioner som du kan lägga till på din sida.

Genom att klicka på ett avsnitt lägger du till det på din sida. Du kommer att se inställningarna för att redigera det avsnittet.

Varje sektion har olika inställningar. Till exempel frågar rubriksektionen efter en sektionstitel, en bild, text att visa som huvudrubrik och underrubrik.

Efter att ha fyllt i inställningarna, klicka helt enkelt på stäng-knappen längst ner. Du kan nu lägga till en annan sektion på din sida.

Alla sektioner kommer att visas i den vänstra panelen. Du kan ordna om dem genom att dra och släppa.

Om du vill ta bort en sektion, klicka helt enkelt på den och klicka sedan på länken Ta bort längst ner i sektionsinställningarna.

Här är en lista över sektioner som för närvarande är tillgängliga med StoryBuilder.

• Navigeringsmeny – Låter dig lägga till en navigeringsmeny till din berättelse. Du kan använda en befintlig navigeringsmeny eller skapa en anpassad meny.
• Callout – En callout-sektion i full bredd med färgad bakgrund. Den använder den primära färgen du valde i Sidinställningar för bakgrunden.
• Innehåll – Ett innehållsområde med en kolumn
• Innehållsområde med två kolumner
• Innehållsområde med tre kolumner
• Full Feature – Låter dig lägga till en bild i full bredd med parallaxeffekt, rubrik, undertitel och innehåll.
• Avsnittsrubrik – Lägger till en rad för avsnittsrubrik

Avsnitten i innehållsområdet är precis som WordPress inläggsredigerare. Du kan bädda in videor, bilder, blockcitat, bädda in Tweets eller Facebook-inlägg.

Precis som hela sidan är innehållsområdena med flera kolumner också helt responsiva. Ditt innehåll kommer att visas i en enda kolumn för användare med mindre skärmar.

När du har lagt till några sektioner på din sida, klicka på knappen Spara & Publicera högst upp. Även om knappen säger 'Publicera', kommer din sida fortfarande att sparas som utkast.

Du måste avsluta anpassaren genom att klicka på stäng-knappen.

Detta tar dig tillbaka till WordPress inläggsredigeringsskärmen, där du kan välja att publicera sidan eller inlägget eller spara det som ett utkast.

Det var allt, vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar vackert långt innehåll i WordPress med StoryBuilder. Om du gillade dra-och-släpp-funktionaliteten hos StoryBuilder, kanske du också vill se vår jämförelse av bästa dra-och-släpp-sidbyggare för WordPress.

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