• Cadastro
  • Fóruns
  • Manual
  • Tradução
  • Tutoriais
Início

Pesquisa no site

Google

Itens ativos

  • Como Filtrar Conteudo Selec List de Acordo com Papéis de Usuários
  • Usuários com diferentes níveis de acesso.
  • Usando o drupal
  • Mamão e Drupal com açucar, desmistificando o primeiro contato com o Drupal
  • Galeria de Fotos
  • Taxonomy Blocks
  • computed field
  • Site em manutenção... como entrar? URGENTE
  • MULTILINGUAGENS
  • internacionalization, vistas e view field
more

Posts mais lidos hoje

  • Como Criar um Tema Para Drupal 6 - Parte 01
  • Tutoriais
  • Manual
  • Usando o drupal
  • Sobre o Drupal
  • Instalação ilustrada em localhost
  • Galeria de Fotos
  • Usuários com diferentes níveis de acesso.
  • Como Filtrar Conteudo Selec List de Acordo com Papéis de Usuários
  • Módulo de votaçao para computar votos positivos e negativos

Login do usuário

  • Criar uma conta
  • Recuperar senha

Assine o RSS do Drupal-BR

RSS dos itens mais ativos

RSS do conteúdo

RSS dos comentários

Início » Fórum » Suporte » Drupal

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

À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, e nesse tutorial vamos ver uma, usando o módulo Panels.

O que vamos fazer

Esse tutoria irá mostar como exibir partes de um determinado tipo de conteúdo em duas colunas como no exemplo mostrado abaixo.

foto do exemplo

Nesse exemplo estamos mostrando, em duas colunas, o conteúdo que 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.

linha a habilitar

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

como adicionar uma variante

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 que escolher para a variante

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.

escolhendo a regra de seleção

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.

escolhendo tipos

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

escolhendo contexto

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

escolha de layout

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

conteúdo para as regiões

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.

escolhendo o conteúdo

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.

foto do exemplo

Comentários e sugestões são bem vindas. Abaixo você pode baixar essa variante para pode importar, caso deseje.

AnexoTamanho
Exportação da variante2.34 KB
‹ Formatação de conteudo Exibir uma lista de notícias dentro de um bloco ›
‹ Tutorial - Criando um site com caixas de notícias acima Tutorial Para Iniciantes ›
Enviado por rafael em 07/12/2009 - 15:33
  • Drupal
  • 6.x
  • Versão para impressão
  • Se logue ou se registre para poder enviar comentários
  • 1786 leituras
Designimage

Este site é feito, orgulhosamente, com Drupal.