Recentemente, um de nossos leitores perguntou se era possível criar belos conteúdos longos no WordPress? Conteúdo longo com um elemento de narrativa provou ser mais envolvente do que texto simples e imagens. Neste artigo, mostraremos como criar belos conteúdos longos no WordPress com o StoryBuilder.

Por que usar o StoryBuilder para Artigos Longos no WordPress?
Os usuários passam apenas alguns segundos olhando para um site antes de decidir se querem ficar ou sair. Se você publica artigos longos, então manter os usuários em seu site se torna ainda mais desafiador.
Adicionar multimídia e auxílios visuais interativos torna o conteúdo longo altamente envolvente para os usuários. Em vez de apenas rolar por texto e imagens, os usuários podem interagir com elementos na página.

Aqui estão alguns dos melhores exemplos de conteúdo longo com ricos elementos de narrativa.
- New York Times – Riding The New Silk Road
- Washington Post – Washington – A World Apart
- The Guardian – Firestorm
- Pitchfork – Machines for Life
Todos esses artigos longos compartilham traços semelhantes de grande narrativa. Eles usam mídia imersiva, efeitos parallax e elementos de UI interativos para criar conteúdo envolvente.
Temas tradicionais do WordPress geralmente não permitem que você crie páginas ou posts assim. Mesmo que você tentasse, teria que usar vários plugins e ainda assim pode não funcionar bem para o seu público.
Dito isso, vamos ver como você pode criar belos conteúdos longos no WordPress com o StoryBuilder usando qualquer tema e sem escrever nenhum código.
Criando Sua Primeira História Longa com o StoryBuilder
A primeira coisa que você precisa fazer é instalar e ativar o plugin Press75 Long Form Storybuilder. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.
Após a ativação, você precisa criar um novo post ou página. Você notará a nova caixa de metadados 'Habilitar Conteúdo Longo' na tela de edição do post.

Você precisa marcar a caixa ao lado da opção 'Exibir como Conteúdo Longo' e, em seguida, clicar no botão Salvar rascunho.
O WordPress recarregará a página e você verá um aviso de que o conteúdo longo está habilitado para a página ou post. Em vez do editor de posts, você verá um botão rotulado 'Editar minha Página de Conteúdo Longo'.

Clique no botão para iniciar o editor de conteúdo longo.
Uma nova janela do navegador abrirá sua página atual no personalizador de temas do WordPress.
O painel da direita mostrará algumas instruções básicas sobre como usar o StoryBuilder. Essas instruções desaparecerão assim que você começar a editar a página.
O painel da esquerda contém os controles do Personalizador, incluindo aqueles usados para editar seu tema do WordPress. Você notará duas opções nos controles do Personalizador que estão destacadas.

Clique primeiro na aba Opções da Página. Ela permite que você escolha as cores primárias e secundárias a serem usadas na página de conteúdo de formato longo que você está editando.
Ela também permite que você escolha as fontes que gostaria de usar para a página.

Depois disso, clique na seta para trás ao lado do título ‘Opções da Página’ no painel esquerdo.
Agora você pode clicar na aba ‘Seções de página de formato longo’ para começar a construir seu conteúdo de formato longo.
Na próxima aba, clique no botão Adicionar Seções. Ele abrirá outra aba com a lista de seções que você pode adicionar à sua página.

Clicar em uma seção a adicionará à sua página. Você verá as configurações para editar essa seção.
Cada seção tem configurações diferentes. Por exemplo, a seção de cabeçalho pede um título de seção, uma imagem, texto para mostrar como título principal e subtítulo.

Após preencher as configurações, basta clicar no botão fechar na parte inferior. Agora você pode adicionar outra seção à sua página.
Todas as seções aparecerão no painel esquerdo. Você pode reorganizá-las arrastando e soltando.
Se você quiser remover uma seção, clique nela e depois clique no link Remover na parte inferior das configurações da seção.

Aqui está uma lista de seções que estão atualmente disponíveis com o StoryBuilder.
- Menu de Navegação – Permite adicionar um menu de navegação à sua história. Você pode usar um menu de navegação existente ou criar um menu personalizado.
- Chamada – Uma seção de chamada de largura total com fundo colorido. Usa a cor primária que você selecionou em Opções de Página para o fundo.
- Conteúdo – Uma área de conteúdo de coluna única
- Área de conteúdo de duas colunas
- Área de conteúdo de três colunas
- Recurso Completo – Permite adicionar uma imagem de largura total com efeito parallax, título, subtítulo e conteúdo.
- Título da Seção – Adiciona uma linha de título da seção
As seções de área de conteúdo são como o editor de posts do WordPress. Você pode incorporar vídeos, imagens, citações, incorporar Tweets ou posts do Facebook.
Assim como a página inteira, as áreas de conteúdo de várias colunas também são totalmente responsivas. Seu conteúdo será exibido em uma única coluna para usuários com telas menores.
Assim que você adicionar algumas seções à sua página, clique no botão Salvar e Publicar no topo. Mesmo que o botão diga ‘Publicar’, sua página ainda será salva como Rascunho.
Você precisará sair do personalizador clicando no botão fechar.
Isso o levará de volta à tela de edição de postagem do WordPress, onde você pode escolher publicar a página ou postagem e mantê-la salva como rascunho.

É isso, esperamos que este artigo tenha ajudado você a aprender como criar belos conteúdos longos no WordPress com o StoryBuilder. Se você gostou da funcionalidade de arrastar e soltar do StoryBuilder, então você também pode querer ver nossa comparação dos melhores construtores de páginas de arrastar e soltar para WordPress.
Se você gostou deste artigo, então por favor inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e Facebook.

Robert Vodicka
1. Como adiciono uma barra de ferramentas ou um link no topo da página para voltar à minha página inicial?
2. Não consigo rolar pelas imagens de "Recursos Completos", precisando usar a barra de arrastar para chegar ao próximo bloco de texto. Existe uma solução?
WPBeginner Support
Olá Robert,
Se por barra de ferramentas você quer dizer um menu de navegação, então você pode adicionar um link à barra de navegação superior do seu site visitando a página Aparência » Menus. Veja nosso guia sobre como adicionar menus de navegação no WordPress para instruções passo a passo.
Quanto às imagens em destaque, não temos certeza se entendemos completamente o problema. Aqui está o que você pode tentar: mude seu site temporariamente para um tema padrão como o TwentySeventeen. Visite seu site para ver se isso corrigiu suas imagens em destaque. Se sim, então provavelmente é um problema com seu tema.
Espero que ajude
Admin
Robert Vodicka
Obrigado pela resposta. Tentarei sua correção para minha primeira pergunta. Em relação à segunda, não rolar pelas imagens, você pode revisar a página em questão? Ela pode ser encontrada em: . Você notará que pode rolar com a roda do mouse pelas seções de conteúdo, mas não pelas seções construídas usando a seção de recurso completo, que são imagens. Obrigado
WPBeginner Support
Olá Robert,
Essas imagens não são um bug ou erro. Essas imagens que ficam fixas no fundo enquanto você rola são chamadas de efeitos de fundo parallax. Elas são usadas com bastante frequência por muitos sites. No entanto, se você não gostar delas, pode removê-las e inserir imagens dentro do editor de posts.
Janet Fuller
Li seu artigo completo. Excelente post sobre alguns bons plugins para WordPress. Usei o StoryBuilder e obtive um bom resultado. Ele me ajudou a gerenciar usuários. Eles podem se registrar e fazer login facilmente. Sempre digo aos meus amigos para usarem o StoryBuilder.
Lars Eriksson
O plugin “Press75 Long Form Storybuilder” não é atualizado há mais de um ano.
E tem apenas mais de 100 instalações ativas.
Não existem alternativas?
Abhishek Prakash
O que acontece com o conteúdo quando eu excluo este plugin?
Safar Fiertze
Mal posso esperar para começar a usar este plugin, mas encontrei um problema logo após a instalação. Quando cliquei em salvar rascunho, ele redirecionou para o personalizador como esperado, mas não carregou. A janela diz personalizar: Carregando. E permanece assim.
No momento, o blog está hospedado localmente e não estou usando um tema Press75. Não tenho certeza se algum desses fatores está causando o problema. Agradeço qualquer conselho. Obrigado!
WPBeginner Support
Isso pode ser um conflito com seu tema ou um plugin em seu site. Você pode solucionar o problema alternando para um tema padrão e desativando todos os plugins. Veja se isso resolve o problema.
Admin
Safar Fiertze
Obrigado pela resposta e depois de mexer, pensei que poderia ser um plugin ou tema. Desativei todos os plugins e experimentei os três temas padrão Twenty que eu tinha quando recebi o blog pela primeira vez. Presumo que seja isso que você quer dizer com tema padrão? Não consegui resolver o problema.
pohchue
Instalei o plugin. Mas por que não leva a uma nova página do navegador depois que marquei “Exibir como Conteúdo Longo” e salvei o rascunho?
Khürt L. Williams
O artigo foi informativo. No entanto, eu teria apreciado alguns links para sites que estão usando o StoryBuilder.
Gopinath
Olá Wpbeginer,
Estou usando um blog WordPres.com. Adoro o conteúdo longo no Firestorm.
Eu quero este mesmo ou um tema parecido ou uma solução para conteúdo longo como este no meu blog wordpress.com. Como posso fazer isso. Por favor, ajude-me.
WPBeginner Support
Seria bastante difícil de alcançar no WordPress.com. Por favor, veja nosso guia sobre quais são as limitações do WordPress.com.
Admin
Gopinath
Sim, eu sei sobre essas limitações, é por isso que estou procurando outras soluções para alcançar isso com os mesmos resultados. Se não houver como com o wp.com, então obrigado. Se sim, por favor, me eduque sobre isso.
Khürt L. Williams
Ele respondeu à sua pergunta fornecendo um link para as diferenças entre WordPress.com e WordPress. Basicamente, VOCÊ NÃO PODE FAZER ISSO NO WORDPRESS.COM, POIS ELE NÃO PERMITE A INSTALAÇÃO DE PLUGINS.
Cristi Pitner
Ótimo material – vale a pena tentar! Obrigado!