Como Criar Conteúdo Longo e Bonito no WordPress com o StoryBuilder

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.

Criando conteúdo longo no WordPress

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.

Snow Fall do New York Times foi o primeiro desse tipo de narrativa na web

Aqui estão alguns dos melhores exemplos de conteúdo longo com ricos elementos de narrativa.

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.

Habilitar conteúdo longo

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'.

Iniciar editor 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.

Opções do editor de conteúdo longo dentro do personalizador

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.

Opções da 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.

Adicionando seções ao seu conteúdo

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.

Editando seções

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.

Excluir seções

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.

Salvando suas alterações e saindo do personalizador

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.

Publicando seu conteúdo longo

É 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.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

17 CommentsLeave a Reply

  1. 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?

    • 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 &raquo 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

      • 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

        • 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.

  2. 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.

  3. 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?

  4. 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!

    • 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

      • 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.

  5. 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?

  6. O artigo foi informativo. No entanto, eu teria apreciado alguns links para sites que estão usando o StoryBuilder.

  7. 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.

Deixar uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.