Slik lager du vakre, lange skjerminnhold i WordPress med StoryBuilder

Nylig spurte en av våre lesere om det var mulig å lage vakkert, langformet innhold i WordPress? Langformet innhold med et fortellingselement har vist seg å være mer engasjerende enn vanlig tekst og bilder. I denne artikkelen vil vi vise deg hvordan du lager vakre, lange skjerminnhold i WordPress med StoryBuilder.

Hvorfor bruke StoryBuilder for Long Form Articles i WordPress?

Brukere bruker bare noen sekunder på å se på et nettsted før de bestemmer seg for om de vil bli eller gå. Hvis du publiserer lange skjemaartikler, blir det enda mer utfordrende å holde brukere på nettstedet ditt.

Legge til multimedia og interaktivt visuelt hjelpemiddel gjør langformet innhold svært engasjerende for brukere. I stedet for bare å bla ned tekst og bilder, kan brukerne samhandle med elementer på siden.

Her er noen av de beste eksemplene på langformet innhold med rike historiefortellingselementer.

• New York Times - Riding The New Silk Road
• Washington Post - Washington - En World Apart
• The Guardian - Firestorm
• Pitchfork - Maskiner for livet

Alle disse langformede artiklene deler liknende trekk ved stor historiefortelling. De bruker immersive media, parallax effekter og interaktive brukergrensesnittelementer for å skape engasjerende innhold.

Tradisjonelle WordPress-temaer lar deg vanligvis ikke opprette slike sider eller innlegg. Selv om du prøvde, må du bruke en rekke plugins, og det kan fortsatt ikke fungere bra for publikum.

Når det er sagt, la oss se hvordan du kan lage vakkert, langformet innhold i WordPress med StoryBuilder ved hjelp av hvilket som helst tema og uten å skrive noen kode.

Opprette din første lange formhistorie med StoryBuilder

Første du trenger å gjøre er å installere og aktivere plug-in-modulen Press75 Long Form Storybuilder. For mer informasjon, se vår trinnvise veiledning om hvordan du installerer et WordPress-plugin.

Ved aktivering må du opprette et nytt innlegg eller en side. Du vil legge merke til den nye Meta-boksen Aktiver langformet innhold på postredigeringsskjermen.

Du må merke av i boksen ved siden av "Vis så lenge skjemainnhold", og klikk deretter på Lagre utkast-knappen.

WordPress vil laste siden på nytt, og du vil nå se et varsel om at innholdet på langt skjema er aktivert for siden eller innlegget. I stedet for postredaktør vil du se en knapp som er merket med «Rediger innholdet for langformatinnhold».

Klikk på knappen for å starte redigeringsverktøyet for lang form.

Et nytt nettleservindu åpner din nåværende side i WordPress-temaet.

Den høyre ruten viser noen grunnleggende instruksjoner om hvordan du bruker StoryBuilder. Disse instruksjonene forsvinner når du begynner å redigere siden.

Den venstre ruten inneholder Tilpasser-kontrollene, inkludert de som brukes til å redigere WordPress-temaet. Du vil merke to alternativer i Tilpassingskontrollene som er uthevet.

Klikk på kategorien Sidealternativer først. Det lar deg velge primære og sekundære farger som skal brukes på siden for lang form innhold du redigerer.

Det lar deg også velge fonter du vil bruke til siden.

Deretter klikker du på bakpilen ved siden av «Sidealternativer» -overskriften i venstre rute.

Du kan nå klikke på fanen 'Long format page sections' for å begynne å bygge ditt lange skjemainnhold.

På kategorien Neste klikker du på Legg til seksjoner-knappen. Det åpner en annen fane med listen over seksjoner som du kan legge til på siden din.

Hvis du klikker på en seksjon, legges den til på siden din. Du vil se innstillingene for redigering av den delen.

Hver seksjon har forskjellige innstillinger. For eksempel spør overskriftsdelen om en tittel, et bilde, en tekst som skal vises som hovedtekst og undertekst.

Etter å ha fylt innstillingene, klikker du bare på lukkeknappen nederst. Du kan nå legge til en annen seksjon på siden din.

Alle seksjonene vises i venstre rute. Du kan omorganisere dem med dra og slipp.

Hvis du vil fjerne en seksjon, klikker du bare på den og klikker deretter på Fjern koblingen nederst i seksjonsinnstillingene.

Her er en liste over seksjoner som for tiden er tilgjengelige med StoryBuilder.

• Navigasjonsmeny - Lar deg legge til en navigasjonsmeny i historien din. Du kan bruke en eksisterende navigasjonsmeny eller opprette en egendefinert meny.
• Callout - En full bredde callout-seksjon med farget bakgrunn. Den bruker den primære fargen du valgte i Sidealternativer for bakgrunnen.
• Innhold - En enkelt kolonne innholdsområde
• To kolonneinnholdsområder
• Tre kolonneinnholdsområder
• Full funksjon - Lar deg legge til et full breddebilde med parallax-effekt, overskrift, undertekst og innhold.
• Seksjonsoverskrift - Legger til en seksjonskursrad

Innholdsavsnittene er akkurat som WordPress-postredaktør. Du kan legge inn videoer, bilder, blokkeringer, legge inn tweets eller Facebook-innlegg.

På samme måte som hele siden, er områdene med flere kolonner også fullt lydhør. Ditt innhold vil bli vist i en enkelt kolonne til brukere med mindre skjermer.

Når du har lagt til noen få seksjoner på siden din, klikker du på Lagre og publiser knappen øverst. Selv om knappen sier "Publiser", blir siden din fortsatt lagret som Draft.

Du må avslutte tilpasset ved å klikke på lukkeknappen.

Dette tar deg tilbake til skjermbildet for WordPress-postredigering, der du kan velge å publisere siden eller posten, hold den lagret som et utkast.

Det er alt, vi håper denne artikkelen hjalp deg med å lære å lage vakre, lange skjerminnhold i WordPress med StoryBuilder. Hvis du likte dra og slipp funksjonaliteten til StoryBuilder, kan du også se vår sammenligning av beste dra og slipp-siden byggherrer for WordPress.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.