Hur man skapar vackra långa innehåll i WordPress med StoryBuilder

Nyligen frågade en av våra läsare om det var möjligt att skapa vackra långa innehåll i WordPress? Långformat 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 hur du skapar vackert långt formulär innehåll i WordPress med StoryBuilder.

Varför använd StoryBuilder för Long Form Articles i WordPress?

Användare spenderar bara några sekunder på en webbplats innan de bestämmer om de vill stanna eller lämna. Om du publicerar artiklar med långa formulär, blir det ännu mer utmanande att hålla användare på din webbplats.

Lägga till multimedia och interaktivt visuellt hjälpmedel gör det långa formulärinnehållet mycket engagerande för användarna. I stället för att bara bläddra i text och bilder kan användarna interagera med element på sidan.

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

• New York Times - Riding The New Silk Road
• Washington Post - Washington - En världsbil
• The Guardian - Firestorm
• Pitchfork - Maskiner för liv

Alla dessa långformade artiklar har samma egenskaper som stor berättande. De använder immersiva medier, parallaxeffekter och interaktiva användargränssnitt för att skapa intressant 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 kan fortfarande inte fungera bra för publiken.

Med detta sagt, låt oss se hur du kan skapa vackert långt formulär innehåll i WordPress med StoryBuilder med något tema och utan att skriva någon kod.

Skapa din första långformade historia med StoryBuilder

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

Vid aktivering måste du skapa en ny post eller sida. Du kommer att märka den nya metaboxen "Aktivera lång form innehåll" på skärmen för postredigering.

Du måste markera rutan bredvid alternativet "Visa som långt formulärinnehåll" och klicka sedan på spara utkastsknappen.

WordPress kommer att ladda om sidan, och du kommer nu att se ett meddelande om att innehållet i långformat är aktiverat för sidan eller posten. I stället för postredaktör kommer du att se en knapp med etiketten "Redigera innehålls sida för långformat".

Klicka på knappen för att starta redigeringsverktyget för lång form.

Ett nytt webbläsarfönster öppnar din nuvarande sida i WordPress-temat anpassningsverktyget.

Den högra rutan visar några grundläggande instruktioner om hur du använder StoryBuilder. Dessa anvisningar försvinner när du börjar redigera sidan.

Den vänstra rutan innehåller Customizer-kontrollerna, inklusive de som används för att redigera ditt WordPress-tema. Du kommer att märka två alternativ i Customizer-kontrollerna som är markerade.

Klicka först på fliken Sidalternativ. Det låter dig välja primär- och sekundärfärger som ska användas på den långa innehållssidan som du redigerar.

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

Därefter klickar du på pilen bakom sidan "Sidalternativ" i den vänstra rutan.

Du kan nu klicka på fliken "Långformats sidavsnitt" för att börja bygga ditt långa formulärinnehåll.

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

Om du klickar på en sektion lägger du till den på din sida. Du kommer att se inställningarna för att redigera den delen.

Varje sektion har olika inställningar. Exempelvis frågar rubrikavsnittet om en sektionstitel, en bild, text som ska visas som huvudrubrik och textning.

När du har fyllt i inställningarna klickar du bara på stängknappen längst ner. Du kan nu lägga till ett annat avsnitt på din sida.

Alla sektioner visas i vänstra rutan. Du kan omordna dem med dra och släpp.

Om du vill ta bort en sektion klickar du bara på den och klickar sedan på länken Ta bort längst ner i sektionsinställningarna.

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

• Navigationsmeny - Gör det möjligt att lägga till en navigationsmeny i din historia. Du kan använda en befintlig navigeringsmeny eller skapa en anpassad meny.
• Callout - En full bredd callout sektion med färgad bakgrund. Den använder den primära färgen du valde i Sidalternativ för bakgrunden.
• Innehåll - En enda kolumn innehålls område
• Två kolumnhaltiga områden
• Tre kolumnhaltiga områden
• Fullständig funktion - Gör det möjligt att lägga till en helbreddsbild med parallaxeffekt, rubrik, textning och innehåll.
• Avsnittsrubrik - lägger till en rubrikrubrikrad

Innehållsområdesavsnitten är precis som WordPress-postredigerare. Du kan bädda in video, bilder, blockquotes, bädda in tweets eller Facebook-inlägg.

Precis som hela sidan är områdena med flera kolumner också fullt mottagliga. Ditt innehåll kommer att visas i en enda kolumn till användare med mindre skärmar.

När du har lagt till några avsnitt på din sida, klicka på Spara och publicera knappen längst upp. Även om knappen säger "Publicera" sparas din sida fortfarande som Utkast.

Du måste avsluta anpassningsanordningen genom att klicka på knappen Stäng.

Detta tar dig tillbaka till WordPress-postredigeringsskärmen, där du kan välja att publicera sidan eller posten, spara den som ett utkast.

Det här är allt, vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar vackert långt formulär innehåll i WordPress med StoryBuilder. Om du gillade att dra och släppa funktionaliteten i StoryBuilder, kan du också se vår jämförelse av de bästa dra och släppa sidan byggare för WordPress.

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