Niedawno jeden z naszych czytelników zapytał, czy możliwe jest tworzenie pięknych treści w długiej formie w WordPress? Długa treść z elementem opowiadania historii okazała się bardziej angażująca niż zwykły tekst i obrazy. W tym artykule pokażemy, jak tworzyć piękne treści w długiej formie w WordPress za pomocą StoryBuilder.

Creating long form content in WordPress

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

Użytkownicy spędzają zaledwie kilka sekund na przeglądaniu strony internetowej, zanim zdecydują, czy chcą zostać, czy odejść. Jeśli publikujesz długie artykuły, utrzymywanie użytkowników w witrynie staje się jeszcze trudniejsze.

Dodanie multimedialnej i interaktywnej pomocy wizualnej sprawia, że treści long form są bardzo angażujące dla użytkowników. Zamiast tylko przewijać tekst i obrazy 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 niektóre z najlepszych przykładów długich treści z bogatymi elementami opowiadania.

  • New York Times-Riding The New Silk Road
  • Washington Post-Washington-A World Apart
  • The Guardian-Firestorm
  • Pitchfork-maszyny na całe życie

Wszystkie te długie artykuły mają podobne cechy wielkiego opowiadania. Wykorzystują wciągające media, efekty paralaksy i interaktywne elementy interfejsu użytkownika, aby tworzyć angażujące treści.

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

Powiedziawszy to, zobaczmy, jak możesz tworzyć piękne długie treści w WordPress za pomocą StoryBuilder przy użyciu dowolnego motywu i bez pisania kodu.

Tworzenie pierwszej długiej historii z StoryBuilder

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

Po aktywacji musisz utworzyć nowy post lub stronę. Na ekranie edycji postu zauważysz nowe pole meta „Włącz treść długich formularzy”.

Enable long form content

Musisz zaznaczyć pole obok opcji „Wyświetl jako zawartość długiego formularza”, a następnie kliknąć przycisk Zapisz wersję roboczą.

WordPress przeładuje stronę, a teraz zobaczysz powiadomienie, że długa treść formularza jest włączona dla strony lub postu. Zamiast edytora postów zobaczysz przycisk o nazwie „Edytuj moją stronę z treścią w długim formacie”.

Launch long form content editor

Kliknij przycisk, aby uruchomić Edytor treści długich formularzy.

Nowe okno przeglądarki otworzy bieżącą stronę w edytorze motywów WordPress.

W prawym okienku pojawi się kilka podstawowych instrukcji dotyczących korzystania z Storybuildera. Te instrukcje znikną po rozpoczęciu edycji strony.

Panel po lewej stronie zawiera elementy sterujące dostosowywania, w tym te używane do edycji motywu WordPress. W kontrolkach dostosowywania zauważysz dwie opcje, które są podświetlone.

Long form content editor options inside customizer

Najpierw kliknij kartę Opcje strony. Pozwala na wybór kolorów podstawowych i drugorzędnych, które mają być używane na edytowanej stronie treści w długim formularzu.

Pozwala również wybrać czcionki, których chcesz użyć na stronie.

Page options

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

Możesz teraz kliknąć kartę „Długie sekcje strony formatu”, aby rozpocząć tworzenie treści długich formularzy.

Na następnej karcie kliknij przycisk Dodaj sekcje. Otworzy się kolejna karta z listą sekcji, które możesz dodać do swojej 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 prosi o tytuł sekcji, obraz, tekst, który ma być wyświetlany jako nagłówek główny i podtytuł.

Editing sections

Po wypełnieniu ustawień, po prostu kliknij przycisk Zamknij na dole. Możesz teraz dodać kolejną sekcję do swojej strony.

Wszystkie sekcje pojawią się w okienku po lewej stronie. Możesz je zmienić za pomocą przeciągania i upuszczania.

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

Delete sections

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

  • Menu nawigacyjne-umożliwia dodanie menu nawigacyjnego do historii. Możesz użyć istniejącego menu nawigacyjnego lub utworzyć własne menu.
  • Callout – sekcja callout o pełnej szerokości z kolorowym tłem. Używa podstawowego koloru tła wybranego w opcjach strony.
  • Content-obszar zawartości pojedynczej kolumny
  • Obszar zawartości dwóch kolumn
  • Obszar zawartości trzech kolumn
  • Pełna funkcja-pozwala dodać obraz o pełnej szerokości z efektem paralaksy, nagłówkiem, napisami i treścią.
  • Nagłówek sekcji-dodaje wiersz nagłówka sekcji

Sekcje obszaru treści są podobne do edytora postów WordPress. Możesz osadzać filmy, obrazy, cytaty blokowe, osadzać tweety lub posty na Facebooku.

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 użytkownikom z mniejszymi ekranami.

Po dodaniu kilku sekcji do strony kliknij przycisk Zapisz i Publikuj u góry. Mimo że przycisk „Opublikuj”, Twoja strona nadal będzie zapisana jako wersja robocza.

Saving your changes and exiting customizer

Musisz wyjść z dostosowywania, klikając przycisk Zamknij.

Przeniesie cię to z powrotem do ekranu edycji postu WordPress, gdzie możesz opublikować stronę lub post zachować ją jako wersję roboczą.

Publishing your long form content

To wszystko, mamy nadzieję, że ten artykuł pomógł Ci nauczyć się tworzyć piękne długie treści w WordPress za pomocą StoryBuilder. Jeśli podoba Ci się funkcja przeciągania i upuszczania StoryBuilder, możesz również zobaczyć nasze porównanie najlepszych kreatorów stron typu przeciągnij i upuść dla WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…