Crie um esquema de blogue.

Aprender DXPR BuilderCriar páginasSeguir um tutorial

Aqui constrói-se a página que lista as suas publicações de blogue: uma publicação em destaque no topo, uma listagem de uma vista Drupal com barra lateral e uma faixa de newsletter. As publicações novas aparecem nela sem editar a página. Para contar uma história de cliente em profundidade, siga Escreva um estudo de caso.

O vídeo constrói o blogue de um produto de relatórios.

Antes de começar

  • A sua função tem a permissão Edit with DXPR Builder.
  • O seu sítio tem uma vista que lista publicações de blogue. O DXPR CMS traz uma vista Blog com uma listagem Blog e uma exibição Featured posts.
  • A página está aberta no construtor. Para uma nova, vá a Content > Add content > Landing Page (/node/add/landing_page) e clique em Save.
  • Os elementos novos ficam no topo da sua coluna. Adicione os elementos de uma coluna por ordem inversa ou arraste-os para o lugar depois.

Passo 1: adicione a publicação em destaque

  1. Clique em Add Elements na página vazia e escolha Section no separador Layout.
  2. Clique em + na secção e escolha Row; vem com duas colunas iguais. Clique no seu ícone de grelha (Column layout), escolha a predefinição 2/3 + 1/3 e clique em Save.
  3. Clique em + na coluna larga e escolha Image no separador Content. Clique em Select Image, marque uma foto e clique em Insert selected. Escreva o Alt attribute no painel SEO e clique em Save.
  4. Clique em + na coluna estreita e escolha Button. Defina Title como "Read more", Link como a publicação e mantenha Type em Primary e clique em Save.
  5. Clique novamente em + na coluna estreita e escolha Text; fica por cima do botão. Escreva o título da publicação como Heading 2, adicione o excerto por baixo e clique em Save.

Passo 2: adicione a listagem e a barra lateral

  1. Paire o cursor sobre a secção e clique em Add Section Below. Adicione-lhe um Row com a predefinição 2/3 + 1/3.
  2. Clique em + na coluna larga e abra o separador Drupal Views. Escolha View: Blog (Blog) e clique em Save; apresenta as suas publicações.
  3. Clique em + na coluna estreita e abra o separador Drupal Views. Escolha View: Blog (Featured posts) e clique em Save.
  4. Clique novamente em + na coluna estreita e abra o separador Drupal Blocks. Escolha Block: Forms: Search form e clique em Save; fica por cima das publicações em destaque.

Passo 3: adicione a faixa de newsletter

  1. Adicione uma terceira secção com Add Section Below. Abra o seu More > Settings, escolha o Background azul-marinho no painel Style e clique em Save.
  2. Clique em + na secção e escolha Button. Defina Title como "Subscribe to the newsletter", Link como /newsletter e Type como Light e clique em Save.
  3. Clique novamente em + e escolha Text; fica por cima do botão. Escreva "Stay updated" como Heading 2 e uma linha sobre a newsletter por baixo. Defina Font color como branco no painel Style e clique em Save.

Passo 4: guarde e pré-visualize

  1. Clique em Save na barra de ferramentas do construtor.
  2. Abra o menu de vista (o ícone de olho) e escolha Preview.

Para ir mais longe

Não mostrado no vídeo:

  • Formulário de inscrição: adicione um bloco de formulário de newsletter do separador Drupal Blocks no lugar do botão; veja Adicione formulários às páginas
  • Categorias: adicione uma vista das suas categorias de blogue à barra lateral
  • Tom da barra lateral: abra as definições da coluna estreita e dê-lhe um Background cinzento claro e algum preenchimento no painel Style respetivo

O que vê

A publicação em destaque abre a página: uma foto larga à esquerda e o seu título, excerto e botão Read more à direita. Por baixo, as suas publicações preenchem a coluna larga, com o formulário de pesquisa e as publicações em destaque na barra lateral. Uma faixa azul-marinho fecha a página com o cabeçalho Stay updated e o botão Subscribe to the newsletter.

Se não vir as suas publicações

  • A vista Blog não está no separador Drupal Views. A vista está desativada ou o seu perfil de utilizador do construtor esconde-a. Ative-a em Structure > Views (/admin/structure/views) ou peça a um administrador para a marcar em Views no seu perfil de utilizador.
  • A coluna de listagem continua vazia. A vista não tem publicações publicadas para mostrar. Publique uma publicação em Content > Add content > Blog post e recarregue a página.
  • O formulário de pesquisa não está no separador Drupal Blocks. O módulo Search do núcleo fornece esse bloco. Ligue-o em Extend (/admin/modules).
  • As suas mudanças desapareceram depois de recarregar. Saiu da página antes de clicar em Save na barra de ferramentas do construtor. Se Save mostra um erro, veja As mudanças não guardam.

E a seguir?