Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak stworzyć 111111 długich treści w WordPress za pomocą StoryBuilder

Niedawno jeden z naszych czytelników zapytał, czy możliwe jest tworzenie długich treści w WordPressie? Długie treści z elementem opowiadania historii okazały się bardziej angażujące niż zwykły tekst i obrazki. W tym artykule pokażemy, jak stworzyć piękną długą treść w WordPressie za pomocą StoryBuilder.

Creating long form content in WordPress

Dlaczego warto używać StoryBuilder do tworzenia długich artykułów w WordPress?

Użytkownicy spędzają zaledwie kilka sekund przeglądając witrynę internetową, zanim zdecydują, czy chcą na niej pozostać, czy ją opuścić. Jeśli publikujesz długie artykuły, utrzymanie użytkowników na twojej witrynie staje się jeszcze większym wyzwaniem.

Dodanie multimediów i interaktywnych pomocy wizualnych sprawia, że długie treści są bardzo angażujące dla użytkowników. Zamiast po prostu przewijać tekst i obrazki w dół, użytkownicy mogą wchodzić w interakcje z elementami na stronie.

Snow Fall by New York Times was the first of this kind of storytelling on the web

Oto kilka najlepszych przykładów długich treści z bogatymi elementami fabularnymi.

Wszystkie te długie artykuły mają podobne cechy świetnego opowiadania historii. Wykorzystują wciągające media, efekty paralaksy i interaktywne elementy interfejsu użytkownika do tworzenia angażujących treści.

Tradycyjne motywy WordPress zazwyczaj nie pozwalają na tworzenie takich stron lub wpisów. Nawet jeśli spróbujesz, będziesz musiał użyć wielu wtyczek i może to nadal nie działać dobrze dla twojej publiczności.

Powiedziawszy to, zobaczmy, jak możesz stworzyć 111111 piękną treść w WordPressie za pomocą StoryBuilder, używając dowolnego motywu i bez pisania jakiegokolwiek kodu.

Tworzenie twojej pierwszej długiej relacji za pomocą StoryBuilder

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Press75 Long Form Story builder. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy utworzyć nowy wpis lub stronę. Na ekranie edycji wpisu zostanie powiadomione nowe pole meta „Włącz treść długich formularzy”.

Enable long form content

Należy zaznaczyć pole obok opcji „Wyświetlaj jako długą treść”, a następnie kliknąć przycisk Zapisz wersję roboczą.

WordPress przeładuje stronę i zobaczysz powiadomienie, że treść w długim formacie jest włączona dla strony lub wpisu. Zamiast edytora wpisów pojawi się przycisk „Edytuj moją stronę z treścią w długim formacie”.

Launch long form content editor

Kliknij ten przycisk, aby uruchomić edytor treści w długim formacie.

W nowym oknie przeglądarki otworzy się twoja obecna, aktualna strona w konfiguratorze motywu WordPress.

W prawym panelu wyświetlone zostaną podstawowe instrukcje dotyczące korzystania z StoryBuilder. Instrukcje te znikną po rozpoczęciu edycji strony.

W lewym panelu znajdują się kontrolki konfiguratora, w tym te używane do edycji twojego motywu WordPress. Powiadomienie zawiera dwie opcje w konfiguratorze, które są podświetlone.

Long form content editor options inside customizer

Najpierw należy kliknąć kartę Opcje strony. Pozwala ona wybrać kolory podstawowe i dodatkowe, które będą używane na edytowanej stronie z długimi treściami.

Pozwala również wybrać krój pisma, którego chcesz użyć na stronie.

Page options

Następnie kliknij strzałkę wstecz obok nagłówka „Opcje strony” w lewym panelu.

Możesz teraz kliknąć kartę „Sekcje długiego formatu strony”, aby rozpocząć tworzenie twojej długiej treści.

Na następnej karcie kliknij przycisk Dodaj sekcje. Otworzy się kolejna karta z listą sekcji, które możesz dodać do twojej strony.

Adding sections to your content

Kliknięcie sekcji spowoduje dodanie jej do twojej strony. Zobaczysz ustawienia edycji tej sekcji.

Każda sekcja ma inne ustawienia. Na przykład sekcja nagłówka wymaga wprowadzenia tytułu sekcji, obrazka, tekstu wyświetlanego jako nagłówek główny i podtytułu.

Editing sections

Po wprowadzeniu ustawień wystarczy kliknąć przycisk zamykania u dołu. Możesz teraz dodać kolejną sekcję do twojej strony.

Wszystkie sekcje pojawią się w lewym panelu. Możesz zmienić ich kolejność metodą przeciągnij i upuść.

Jeśli chcesz usunąć sekcję, po prostu kliknij na nią, a następnie kliknij odnośnik Usuń na dole ustawień sekcji.

Delete sections

Oto lista sekcji, które są obecnie dostępne w StoryBuilder.

  • Menu nawigacji – umożliwia dodanie menu nawigacji do twojej relacji. Można użyć istniejącego menu nawigacji lub utworzyć własne menu.
  • Objaśnienie – sekcja objaśnienia o pełnej szerokości z kolorowym tłem. Jako tło używany jest kolor podstawowy wybrany w opcjach strony.
  • Treść – jednokolumnowy obszar treści
  • Dwukolumnowy obszar treści
  • Trzykolumnowy obszar treści
  • Pełna funkcja – umożliwia dodanie obrazka o pełnej szerokości z efektem paralaksy, nagłówka, podtytułu i treści.
  • Nagłówek sekcji – dodaje wiersz nagłówka sekcji

Sekcje obszaru treści działają podobnie jak edytor wpisów WordPress. Można w nich osadzać filmy, obrazki, cytaty blokowe, wpisy z Tweeta lub Facebooka.

Podobnie jak cała strona, wielokolumnowe obszary treści są również w pełni responsywne. Twoje treści będą wyświetlane w jednej kolumnie dla użytkowników z mniejszymi ekranami.

Po dodaniu kilku sekcji do twojej strony, kliknij przycisk Zapisz i opublikuj u góry. Mimo że na przycisku widnieje napis „Opublikuj”, twoja strona zostanie zapisana jako wersja robocza.

Saving your changes and exiting customizer

Będziesz musiał opuścić konfigurator, klikając przycisk zamykania.

Spowoduje to powrót do ekranu edycji wpisu WordPress, na którym można wybrać opcję opublikowania strony lub wpisu, zachowując go jako wersję roboczą.

Publishing your long form content

To wszystko, mamy nadzieję, że ten artykuł pomógł ci nauczyć się, jak tworzyć 111111 długie treści w WordPressie za pomocą StoryBuilder. Jeśli spodobała Ci się funkcja przeciągnij i upuść w StoryBuilder, to być może zechcesz również zapoznać się z naszym porównaniem najlepszych kreatorów stron typu przeciągnij i upuść dla WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki filmowe dotyczące WordPressa. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

17 komentarzyZostaw odpowiedź

  1. Robert Vodicka

    1. How do I add a toolbar or link on the top of the page to link back to my homepage?
    2. I cannot scroll through the Full Feature images, needing to use the drag bar to get to the next text block. Is there a fix?

    • WPBeginner Support

      Hi Robert,

      If by toolbar you mean a navigation menu, then you can add a link to your site’s top navigation bar by visiting Appearance &raquo Menus page. See our guide on how to add navigation menus in WordPress for step by step instructions.

      As for featured images, we are not sure we quite understand the issue. Here is what you can try, switch your website temporarily to a default theme like TwentySeventeen. Visit your website to see if this fixed your featured images. If it does, then it is probably a issue with your theme.

      Hope this helps

      Administrator

      • Robert Vodicka

        Thanks for the response. I’ll try your fix for my first question. Regarding the second, not scrolling through images, can you review the page in question? It can be found at: . You should notice that you can scroll with a mouse wheel through the content sections, but not the sections constructed using the full feature section, which are images. Thanks

        • WPBeginner Support

          Hi Robert,

          Those images are not a bug or error. These images that stick to the background as you scroll are called parallax background effects. They are used quite commonly by many websites. However, if you don’t like them then you can remove them and insert images inside the post editor.

  2. Janet Fuller

    I have read your full article. Excellent post about some good plugins for WordPress. I have used StoryBuilder and got a good result. It helped me to manage users. They can register and login easily. I always tell my friends to use StoryBuilder.

  3. Lars Eriksson

    The „Press75 Long Form Storybuilder” plugin haven’t been updated for over a hear now.
    And have only 100+ active installs.
    Is where not any alternatives?

  4. Abhishek Prakash

    What happens to the content when I delete this plugin?

  5. Safar Fiertze

    I can’t wait to get started with this plugin, but ran into an issue straight after installation. When I pressed save draft, it redirected to the customiser as expected, but it didn’t load. The window says customise: Loading. And remains like that.
    At the moment the blog is locally hosted and I’m not using a Press75 theme. I’m not sure if either of these are causing the issue. Advice appreciated. Thank you!

    • WPBeginner Support

      This could be a conflict with your theme or a plugin on your site. You can troubleshoot by switching to a default theme and deactivating all plugins. See if this resolves the issue.

      Administrator

      • Safar Fiertze

        Thank you for the reply and after playing around, I thought it might be plugin or theme. I’ve deactivated all plugins, and tried the three Twenty theme defaults that I had when I first received the blog. I’m assuming that is what you mean by default theme? I haven’t been able to solve the problem.

  6. pohchue

    I’ve installed the plugin. But why not leading to new browser page after I checked the „Display as Long Form Content” and save draft?

  7. Khürt L. Williams

    The article was informative. However, I would have appreciates a few links to websites that are using StoryBuilder.

  8. Gopinath

    Hi Wpbeginer,

    I am using a WordPres.com blog. I love the long for content in Firestorm.

    i want this same or look like theme or solution for long form content like this in my wordpress.com blog. How can i done this. Kindly help me.

      • Gopinath

        Yes, I know about these limitations that’s why I am asking other solutions to achieve this for the same results. If there is no way with wp.com then thank you. If yes kindly educates me about that.

        • Khürt L. Williams

          He answered your question by providing a link the differences between WordPress.com and WordPress. Basically, YOU CAN NOT DO THIS ON WORDPRESS.COM SINCE IT DOES NOT ALLOW THE INSTALLATION OF PLUGINS.

  9. Cristi Pitner

    Great stuff – it deserves a try! Thanks!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.