Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So erstellen Sie schöne Long-Form-Inhalte in WordPress mit StoryBuilder

Kürzlich fragte einer unserer Leser, ob es möglich sei, schöne Long-Form-Inhalte in WordPress zu erstellen? Long-Form-Inhalte mit einem Storytelling-Element haben sich als ansprechender erwiesen als einfacher Text und Bilder. In diesem Artikel zeigen wir Ihnen, wie Sie mit StoryBuilder schöne Long-Form-Inhalte in WordPress erstellen.

Erstellung von Long-Form-Inhalten in WordPress

Warum StoryBuilder für lange Artikel in WordPress verwenden?

Nutzer verbringen nur wenige Sekunden auf einer Website, bevor sie entscheiden, ob sie bleiben oder gehen wollen. Wenn Sie lange Artikel veröffentlichen, wird es noch schwieriger, Nutzer auf Ihrer Seite zu halten.

Das Hinzufügen von Multimedia und interaktiven visuellen Hilfsmitteln macht Langform-Inhalte für Benutzer äußerst ansprechend. Anstatt nur Text und Bilder zu scrollen, können Benutzer mit Elementen auf der Seite interagieren.

Snow Fall von New York Times war die erste dieser Art von Storytelling im Web

Hier sind einige der besten Beispiele für lange Inhalte mit reichhaltigen erzählerischen Elementen.

All diese Long-Form-Artikel teilen ähnliche Merkmale großartiger Erzählungen. Sie verwenden immersive Medien, Parallax-Effekte und interaktive UI-Elemente, um ansprechende Inhalte zu erstellen.

Traditionelle WordPress-Themes lassen Sie normalerweise nicht solche Seiten oder Beiträge erstellen. Selbst wenn Sie es versuchen würden, müssten Sie eine Reihe von Plugins verwenden und es funktioniert möglicherweise immer noch nicht gut für Ihr Publikum.

Nichtsdestotrotz sehen wir uns an, wie Sie mit StoryBuilder schöne lange Inhalte in WordPress erstellen können, mit jedem Theme und ohne Code zu schreiben.

Erstellen Ihrer ersten langen Story mit StoryBuilder

Als Erstes müssen Sie das Press75 Long Form Storybuilder Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie einen neuen Beitrag oder eine neue Seite erstellen. Sie werden den neuen Meta-Bereich 'Long Form Content aktivieren' auf dem Beitragsbearbeitungsbildschirm bemerken.

Long-Form-Inhalte aktivieren

Sie müssen das Kontrollkästchen neben der Option „Als Langform-Inhalt anzeigen“ aktivieren und dann auf die Schaltfläche „Entwurf speichern“ klicken.

WordPress wird die Seite neu laden, und Sie sehen nun eine Benachrichtigung, dass der Langform-Inhalt für die Seite oder den Beitrag aktiviert ist. Anstelle des Post-Editors sehen Sie eine Schaltfläche mit der Bezeichnung „Meine Langform-Inhaltsseite bearbeiten“.

Langform-Content-Editor starten

Klicken Sie auf die Schaltfläche, um den Editor für lange Inhalte zu starten.

Ein neues Browserfenster öffnet Ihre aktuelle Seite im WordPress Theme Customizer.

Der rechte Bereich zeigt grundlegende Anweisungen zur Verwendung von StoryBuilder. Diese Anweisungen verschwinden, sobald Sie mit der Bearbeitung der Seite beginnen.

Der linke Bereich enthält die Steuerelemente des Customizers, einschließlich derer, die zur Bearbeitung Ihres WordPress-Themes verwendet werden. Sie werden zwei Optionen in den Customizer-Steuerelementen bemerken, die hervorgehoben sind.

Optionen für den Long-Form-Content-Editor im Customizer

Klicken Sie zuerst auf den Tab 'Seitenoptionen'. Er ermöglicht es Ihnen, Primär- und Sekundärfarben für den Long-Form-Content-Bereich, den Sie bearbeiten, auszuwählen.

Sie können auch die Schriftarten auswählen, die Sie für die Seite verwenden möchten.

Seitenoptionen

Klicken Sie danach auf den Zurück-Pfeil neben der Überschrift „Page Options“ im linken Bereich.

Sie können nun auf den Tab „Long-Form-Seitenabschnitte“ klicken, um mit dem Erstellen Ihrer Long-Form-Inhalte zu beginnen.

Klicken Sie auf dem Tab "Next" auf die Schaltfläche "Add Sections". Es öffnet sich ein weiterer Tab mit der Liste der Abschnitte, die Sie Ihrer Seite hinzufügen können.

Hinzufügen von Abschnitten zu Ihren Inhalten

Wenn Sie auf einen Abschnitt klicken, wird er Ihrer Seite hinzugefügt. Sie sehen die Einstellungen zum Bearbeiten dieses Abschnitts.

Jeder Abschnitt hat unterschiedliche Einstellungen. Beispielsweise fragt der Kopfzeilenabschnitt nach einem Abschnittstitel, einem Bild, Text, der als Hauptüberschrift und Unterüberschrift angezeigt werden soll.

Abschnitte bearbeiten

Nachdem Sie die Einstellungen ausgefüllt haben, klicken Sie einfach auf die Schaltfläche "Schließen" unten. Sie können nun einen weiteren Abschnitt zu Ihrer Seite hinzufügen.

Alle Abschnitte werden im linken Bereich angezeigt. Sie können sie per Drag & Drop neu anordnen.

Wenn Sie einen Abschnitt entfernen möchten, klicken Sie einfach darauf und dann auf den Link "Entfernen" am unteren Rand der Abschnittseinstellungen.

Abschnitte löschen

Hier ist eine Liste der Abschnitte, die derzeit mit dem StoryBuilder verfügbar sind.

  • Navigationsmenü – Ermöglicht Ihnen das Hinzufügen eines Navigationsmenüs zu Ihrer Story. Sie können ein vorhandenes Navigationsmenü verwenden oder ein benutzerdefiniertes Menü erstellen.
  • Callout – Ein Callout-Bereich über die gesamte Breite mit farbigem Hintergrund. Er verwendet die primäre Farbe, die Sie in den Seitenoptionen für den Hintergrund ausgewählt haben.
  • Inhalt – Ein einspaltiger Inhaltsbereich
  • Zweispaltiger Inhaltsbereich
  • Dreispaltiger Inhaltsbereich
  • Full Feature – Ermöglicht das Hinzufügen eines Vollbildbildes mit Parallax-Effekt, Überschrift, Untertitel und Inhalt.
  • Abschnittsüberschrift – Fügt eine Zeile für die Abschnittsüberschrift hinzu

Die Abschnitte des Inhaltsbereichs sind genau wie der WordPress-Beitragseditor. Sie können Videos, Bilder, Blockquotes, Tweets oder Facebook-Posts einbetten.

Genau wie die gesamte Seite sind auch die mehrspaltigen Inhaltsbereiche vollständig responsiv. Ihre Inhalte werden für Benutzer mit kleineren Bildschirmen in einer einzigen Spalte angezeigt.

Sobald Sie Ihrer Seite einige Abschnitte hinzugefügt haben, klicken Sie oben auf die Schaltfläche „Speichern & Veröffentlichen“. Auch wenn auf der Schaltfläche „Veröffentlichen“ steht, wird Ihre Seite trotzdem als Entwurf gespeichert.

Änderungen speichern und Customizer verlassen

Sie müssen den Customizer verlassen, indem Sie auf die Schaltfläche „Schließen“ klicken.

Dies bringt Sie zurück zum Bearbeitungsbildschirm des WordPress-Beitrags, wo Sie die Seite veröffentlichen, den Beitrag als Entwurf speichern oder ihn als Entwurf behalten können.

Veröffentlichung Ihrer langen Inhalte

Das ist alles, wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie mit StoryBuilder schöne Langform-Inhalte in WordPress erstellen. Wenn Ihnen die Drag-and-Drop-Funktionalität von StoryBuilder gefallen hat, dann möchten Sie vielleicht auch unseren Vergleich der besten Drag-and-Drop-Page-Builder für WordPress sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

17 CommentsLeave a Reply

  1. 1. Wie füge ich eine Symbolleiste oder einen Link oben auf der Seite hinzu, um zu meiner Homepage zurückzukehren?
    2. Ich kann nicht durch die "Full Feature"-Bilder scrollen und muss die Ziehleiste verwenden, um zum nächsten Textblock zu gelangen. Gibt es eine Lösung?

    • Hallo Robert,

      Wenn Sie mit Werkzeugleiste ein Navigationsmenü meinen, können Sie einen Link zu Ihrer Website-Hauptnavigationsleiste hinzufügen, indem Sie die Seite Darstellung &raquo Menüs besuchen. Sehen Sie sich unseren Leitfaden an zum Hinzufügen von Navigationsmenüs in WordPress für Schritt-für-Schritt-Anleitungen.

      Was die Beitragsbilder betrifft, sind wir uns nicht sicher, ob wir das Problem ganz verstehen. Hier ist, was Sie versuchen können: Wechseln Sie Ihre Website vorübergehend zu einem Standarddesign wie TwentySeventeen. Besuchen Sie Ihre Website, um zu sehen, ob dies Ihre Beitragsbilder behoben hat. Wenn ja, dann liegt wahrscheinlich ein Problem mit Ihrem Design vor.

      Ich hoffe, das hilft

      Admin

      • Danke für die Antwort. Ich werde Ihren Fix für meine erste Frage ausprobieren. Bezüglich der zweiten Frage, dem Nicht-Scrollen durch Bilder, können Sie die betreffende Seite überprüfen? Sie finden sie unter: . Sie sollten bemerken, dass Sie mit dem Mausrad durch die Inhaltsabschnitte scrollen können, aber nicht durch die Abschnitte, die mit dem Full Feature Section erstellt wurden und Bilder sind. Danke

        • Hallo Robert,

          Diese Bilder sind kein Bug oder Fehler. Diese Bilder, die beim Scrollen am Hintergrund haften, werden als Parallax-Hintergrundeffekte bezeichnet. Sie werden von vielen Websites recht häufig verwendet. Wenn sie Ihnen jedoch nicht gefallen, können Sie sie entfernen und Bilder im Beitragseditor einfügen.

  2. Ich habe Ihren vollständigen Artikel gelesen. Ausgezeichneter Beitrag über einige gute Plugins für WordPress. Ich habe StoryBuilder verwendet und gute Ergebnisse erzielt. Es hat mir geholfen, Benutzer zu verwalten. Sie können sich einfach registrieren und anmelden. Ich sage meinen Freunden immer, sie sollen StoryBuilder verwenden.

  3. Das Plugin "Press75 Long Form Storybuilder" wurde seit über einem Jahr nicht mehr aktualisiert.
    Und hat nur über 100 aktive Installationen.
    Gibt es keine Alternativen?

  4. Ich kann es kaum erwarten, mit diesem Plugin loszulegen, bin aber direkt nach der Installation auf ein Problem gestoßen. Als ich auf "Entwurf speichern" klickte, wurde ich wie erwartet zum Customizer weitergeleitet, aber er lud nicht. Das Fenster zeigt "Customise: Loading" an. Und bleibt so.
    Derzeit wird der Blog lokal gehostet und ich verwende kein Press75-Theme. Ich bin mir nicht sicher, ob eines davon das Problem verursacht. Ratschläge werden geschätzt. Vielen Dank!

    • Dies könnte ein Konflikt mit Ihrem Theme oder einem Plugin auf Ihrer Website sein. Sie können dies beheben, indem Sie zu einem Standard-Theme wechseln und alle Plugins deaktivieren. Prüfen Sie, ob dies das Problem löst.

      Admin

      • Vielen Dank für die Antwort und nach dem Herumspielen dachte ich, es könnte ein Plugin oder ein Theme sein. Ich habe alle Plugins deaktiviert und die drei Standard-Themes von Twenty ausprobiert, die ich hatte, als ich den Blog zum ersten Mal erhielt. Ich gehe davon aus, dass Sie damit das Standard-Theme meinen? Ich konnte das Problem nicht lösen.

  5. Ich habe das Plugin installiert. Aber warum wird keine neue Browserseite geöffnet, nachdem ich "Als langen Inhalt anzeigen" angekreuzt und den Entwurf gespeichert habe?

  6. Der Artikel war informativ. Ich hätte mir jedoch ein paar Links zu Websites gewünscht, die StoryBuilder verwenden.

  7. Hallo Wpbeginer,

    Ich benutze einen WordPress.com-Blog. Ich liebe die langen Inhalte in Firestorm.

    Ich möchte das gleiche oder ein ähnliches Theme oder eine Lösung für Long-Form-Content wie diese auf meinem wordpress.com Blog haben. Wie kann ich das machen? Bitte helfen Sie mir.

      • Ja, ich kenne diese Einschränkungen, deshalb frage ich nach anderen Lösungen, um dies mit den gleichen Ergebnissen zu erreichen. Wenn es mit wp.com keine Möglichkeit gibt, dann danke. Wenn ja, klären Sie mich bitte darüber auf.

        • Er hat Ihre Frage beantwortet, indem er einen Link zu den Unterschieden zwischen WordPress.com und WordPress bereitgestellt hat. Grundsätzlich KÖNNEN SIE DAS AUF WORDPRESS.COM NICHT TUN, DA ES KEINE INSTALLATION VON PLUGINS ZULÄSST.

Kommentar hinterlassen

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.