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.
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.
Oto kilka najlepszych przykładów długich treści z bogatymi elementami fabularnymi.
- New York Times – Jazda nowym jedwabnym szlakiem
- Washington Post – Waszyngton – odrębny świat
- The Guardian – Firestorm
- Pitchfork – Maszyny do życia
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”.
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”.
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.
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.
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.
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.
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.
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.
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ą.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Robert Vodicka says
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 says
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 » 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 says
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 says
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.
Janet Fuller says
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.
Lars Eriksson says
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?
Abhishek Prakash says
What happens to the content when I delete this plugin?
Safar Fiertze says
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 says
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 says
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.
pohchue says
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?
Khürt L. Williams says
The article was informative. However, I would have appreciates a few links to websites that are using StoryBuilder.
Gopinath says
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.
WPBeginner Support says
It would be quite difficult to achieve in WordPress.com. Please see our guide on what are the limitations of WordPress.com.
Administrator
Gopinath says
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 says
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.
Cristi Pitner says
Great stuff – it deserves a try! Thanks!