Back-End

12 jan, 2010

Mudando a visualização de um node com o Panels

Publicidade

Às vezes você precisa exibir um determinado tipo de conteúdo com uma
aparência um pouco mais trabalhada, para valorizar o seu conteúdo. Com
o Drupal isso pode ser feito de várias formas. Hoje veremos uma delas, usando o módulo Panels.

O que vamos fazer

Vamos mostrar como exibir partes de um determinado tipo de conteúdo em duas colunas como no exemplo mostrado abaixo.

Nesse exemplo estamos mostrando, em duas colunas, o conteúdo seria exibido um embaixo do outro. É esse exemplo que vamos reproduzir.

Pré-requisitos

Antes de começar você deve ter o Drupal instalado, bem como o Módulo
Panels e suas dependências. Não vou cobrir aqui a instalação apenas o
uso dos mesmos.

Para esse tutorial também habilitei o módulo blog e criei posts para blog, mas isso não é obrigatório

Mãos à obra

Após ter instalado tudo, o primeiro precisamos criar algum conteúdo.

Depois de criar conteúdo, acesse a página de gestão de Painéis em Administrar > Construção do site > Páginas e procure pelo painel node_view e clique em Editar para esse painel.

Você será direcionado à tela de edição desse painel. Como ele é um painel zerado, você precisa adicionar uma variante para ele. Isso irá, efetivamente, criar o visual que desejamos.

Para isso, clique no link Add a new variant

Ao adicionar uma variante lhe será solicitado que dê um título
administrativo (para que você a localize quando for necessário) a ela,
que escolha um tipo de variante (que no caso será Panel) e quais recursos opcionais você deseja. No caso, marque os dois itens padrão (Selection Rules e Contexts).

O próximo passo é escolher as regras de seleção (Selection Rules)
para esse painel. No caso, eu escolhi uma regra por tipo, você pode
escolher a que melhor lhe interessar.

Caso você tenha feito como eu, ele irá te solicitar a quais os tipos de conteúdo você deseja atrelar esse painel. Eu escolhi Post de blog e Artigo, escolha qual lhe for mais conveniente.

No passo seguinte você poderá adicionar os contextos. Como editamos
um painel com contexto já pré configurado (o contexto é o node), podemos
só continuar para a tela seguinte.

Em seguida, escolhemos o layout. Para o meu exemplo escolhi um layout de duas colunas. Você pode escolher qual achar melhor.

Estamos quase no fim! Agora vamos escolher o que queremos exibir em cada uma das regiões do nosso painel.

No meu exemplo, escolhi para o pane da esquerda o conteúdo do node e para o da direita os comentários do node. Mais uma vez, fica a seu critério escolher o que achar melhor.

Após isso você precisará clicar em Create variant e por fim no botao Salvar que fica logo mais abaixo.

Pronto, com isso você terá o resultado abaixo para os tipos de conteúdo que você escolheu mudar a visualização.

Comentários e sugestões são bem vindas. Se quiser, baixe essa variante para pode importar

*
Publicado originalmente em Drupal Brasil, por Rafael Ferreira da Silva