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

Pesquisa no site

Google

Itens ativos

  • Não consigo configurar a primeira página de jeito nenhum
  • Mudanças no Drupal Brasil
  • criar exposed filter com faixa de idade
  • 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
more

Posts mais lidos hoje

  • Como Criar um Tema Para Drupal 6 - Parte 01
  • Tutoriais
  • Sobre o Drupal
  • Manual
  • criar exposed filter com faixa de idade
  • Mudanças no Drupal Brasil
  • Canal Drupal-BR de IRC
  • Mamão e Drupal com açucar, desmistificando o primeiro contato com o Drupal
  • Como Criar um Tema Para Drupal 6 - Parte 02
  • Instalação ilustrada em localhost

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 » Tutoriais

Tutorial Para Iniciantes

Instalando Drupal

  • Baixe o Pacote Drupal
  • Altere o arquivo Setting.php em htdocs/sites/default/setting.php la você tera que alterar as configurações do banco de dados, procure por "database URL", e modifique a seguinte linha: "$db_url=mysql://drupal:senha@localhost.drupal"

    ex:mysql://'''siemp''':'''123siemp321'''@localhost.drupal, o que estiver em negrito é o que tem que ser modificado.
  • Atere o seu '''index.html''' para '''page.tpl.php''' e o tpl original coloque 'old' depois de 'tpl'.

    ex:page.tpl.old.php.
  • Altere o nome do arquivo com extenção .info em htdocs/themes/seu tema/arquivo.info para o nome do seu site.

    ex:'''siempelkamp.info'''

    Abra esse mesmo arquivo e altere no campo '''name''' para o nome do site.
  • No arquivo '''template.php''' procure por funtion e verifique se o nome do seu tema esta la.

    ex:funtion '''siempelkamp'''_image...blablabla... modifica-se o que esta em negrito.


Parte Administrativa

  • Agora é a parte de analisar e modificar a parte interna no site.
  • Primeiramente va em Administrar/Configurações do Site/Sistema de Arquivos e altere o diretório temporario.

    ex:/var/www/virtual/sites.mswi.net/'''gaslog'''/phptmp *altere a parte em negrito*.
  • Para alterar o nome da parte administrativa va em Adminisrar/Construção do Site/Informações do Site.

    No campo '''Nome''' coloque o nome do site.
  • Ações - um menu com mais opções além das opções padrão como publicar e despublicar um conteúdo
  • Configuração da busca - ativa o bloco "localizar" do tema, configura opções para indexação do site (Requer módulo Search)
  • Data e hora - ajusta a exibição da data e hora,  por exemplo, do padrão americano 08/23/2008 para o brasileiro 23/08/208
  • Desempenho - configura opções como cache entre outros.
  • Envio de arquivos - define como os arquivos serão anexados ao conteúdo (Requer módulo Upload)
  • Formatos de Entrada - Opção que controla o tipo de formatação padrão do site e as outras formatações disponíveis
  • Informações do site - informações padrão do site, slogan, etc
  • Informe de erros - como o drupal lida com erros
  • Loggins e Alertas - Configurações de logs e alertas de módulo
  • Línguas - nessa seção você pode gerenciar os diversos tipos de idioma do seu site, definindo qual é o padrão do site e como o navegador irá se comportar em relação a lingua do visitante (Requer módulo Locale)
  • Manutenção do site - tira o site do ar para manutenção ou o coloca on-line, você irá trabalhar nessa seção quando for colocar seu site no ar, por exemplo
  • Sistema de arquivos - define onde salvar os arquivos enviados, por exemplo, via upload
  • Tema da administração - define se o administrador terá um tema diferente do tema padrão do site
  • Toolkits de imagens - determina configurações básicas para imagens
  • URL limpas - ou seja, URLs sem o ?q=



Módulos

  • Módulos são plugins que extendem as funcionalidades do Drupal. Para ativar um módulo, clique nas checkbox da lista.
    Ao ativar um módulo, você cria novas permissões para usuários (explicado em gerencimaneto de usuário), geralmente, módulos trazem novos blocos e um link em Configuração do Site para você customizar o funcionamento do módulo, alguns criam novas opções em 1 dos 5 menus do administrador.
    É recomendado que você aprenda os módulos que já estão ativados primeiro, depois experimente ativar os outros módulos para ver o que acontece e por último decida baixar módulos do site do drupal. Seguindo essa ordem, você se familirariza com o site como um todo.

    Instalando módulos

    Baixe um módulo do site do Drupal
    No geral para a maioria dos módulos basta descompactar os arquivos na pasta htdocs/drupal-6.x/modules. Ir para a página Administrar --> Construção do Site --> Módulos e ativar os itens do novo módulo.
    Se você for usar um recurso chamado multisite (vários sites com 1 instalação do Drupal apenas) descompacte os arquivos em htdocs/drupal-6.x/sites/all/modules (crie a pasta)
    Após instalar, procure pelo seu módulo nos blocos, Configuração do Site e Permissões de Usuários para aprender como usá-lo.

    Desinstalando módulos

    Basta desmarcar o módulo que não quer mais, no entanto, clique em UNISTALL para ver a lista de módulos que tem que ser desinstalados para ter certeza que você pode remover o módulo sem problema (incluindo deletá-lo do diretório)




Como portar seu layout para Drupal

  • Vamos entrar na pasta themes da nossa instalação do Drupal e copiamos toda a pasta do tema
    MSWI com um nome diferente, no nosso caso o nome do nosso tema exemplo será nosso_site.
    O resultado final será algo como mostrado abaixo.
    001
  • Altere o seu '''index.html''' para '''page.tpl.php''' e o tpl original coloque 'old' depois de 'tpl'.
  • Antes de portar seu Layout, renomeie os seguintes arquivos, o Css e o Page.Tpl.Php

    originais do Drupal. Ex:style.old.css e page.tpl.old.php. Assim o css do Drupal

    não entrará em conflito com o seu css. E no caso do Page.Tpl.Php original você só vai pegar as Tags

    php e javascript necessarias para a funcionalidade do seu site em Drupal.
    002

    Com essa imagem voçe pode ter uma idéia de como é o código basico da sua pagina.

    Tudo que for estático em sua página voçe vai colocar no "page.tpl.php", um exemplo é o cabeçalho, rodapé, as divs que vão envolver o conteúdo... seu conteúdo vai ser o código PHP.

  • Agora uma breve explicação do que é cada uma das variáveis:

    * $head_title - Essa variável traz o título da págin 524a. Poderíamos preencher o título
    diretamente, mas perderíamos o título que é gerado diretamente para cada página. Se você nunca
    reparou que cada página tem um título no Drupal, da próxima vez que você acessar um site com o
    Drupal, dê uma olhada na barra de título do seu navegador.

    * $head - Essa variável carrega uma série de informações importantes para o seu site.
    É por ela que são carregadas as informações de quais os RSS disponíveis no seu site, o ícone que
    aparece na barra de endereços (conhecido com favicon) além da codificação da página (utf-8,
    iso-8859-1 e etc).

    * $styles - Como o nome mesmo diz, aqui é onde vem as declarações de estilos.
    O Drupal pode carregar vários arquivos CSS, e de fato ele faz isso. Se você olhar o código fonte de
    uma página gerada pelo Drupal verá que ele tem várias chamadas de arquivos CSS, uma para cada módulo que implementa isso.
    No código fonte gerado, que existe uma chamada para um estilo chamado style.css, esse é o style.css do nosso tema, que a gente copiou do template original, lembra?

    * $scripts - faz exatamente a mesma coisa que a $styles, mas, ao invés de fazer isso com
    os estilos, faz com os javascript do site.

    * Por último tem uma chamada vazia para um javascript, que não tem função, mas que deixamos
    apenas para exemplificar que nem tudo precisa tem uma função definida na hora de construir o
    template. Quando houver casos como esse, você pode remover aqui fica só de exemplo.




Menus Drupal

  • O Drupal traz 3 menus configurados por padrão: Navigation (para usuários do site), Primary e Secondary Links.

    Navigation = traz links para a administração, e links úteis como procurar ou ver os usuários do site,

  • Primary = inicialmente vazio, essa seção é útil para links de destaque do site, geralmente chamativos.
  • Secondary = também vazio, um submenu com opções "secundárias".
  • Criar um novo Menu

    Em menu, clique em criar novo menu, digite um nome sem caracteres especiais, um título - nesse título pode espaços, acentos, etc - e uma descrição.
    Ao terminar de criar o menu você verá um aviso do tipo "Não há itens de menu ainda." (There are no menu items yet.) pois o menu está vazio. Seu novo menu também virou um bloco (visite a seção bloco para conferir)

    Criar itens do Menu

    clique em qualquer item de menu e clique em NOVO ITEM. Digite o endereço da página (algo do tipo node/4  onde 4 aponta para a quarta página ou node criado por você), o Título, descrição, escolha Ativar ou não, Expandir ou não e o Parentesco (Parent Item).

    sobre menus expandidos e parentesco: olhe para o bloco a direita desse site chamado Manuais... em Manual Drupal 6 você verá uma "seta para baixo" e subitens... em teoria é como se o menu "Manual Drupal 6" estivesse com a caixa EXPANDIDO ativada. Os itens "Instalando o Drupal" e "Administrando o site" são parentes de "Manual Drupal 6"... se você alterar o parentesco, os itens mudam de lugar indo de um menu para outro.

    Apagar um menu

    em Editar Menu escolha Apagar, mas cuidado, os lnks desse menu também serão apagados mas não os nodes (conteúdos) criados

    Observações

    Dependendo do tema, não haverá espaço para colocar Primarys links ou apenas para Primary e não para Secondary.

    Outro problema comum é que por mais que você deixe um menu expansivel, você não vê os filhos ao passar o mouse por cima em um tema que não permita isso. Você pode solucionar isso baixando um módulo chamado NICE MENU que traz um css de menu.

Input Format

  • Você verá 2 opções nessa tela

    Filtered HTML = permite que apenas formatações básicas como <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> sejam aceitas quando o usuário digitar tags HTML em seus formulários, URLs viram links automaticamente. Enfim, é o mais seguro para seu site, caso você não deseje que visitantes façam a festa em seu site, postando comentários coloridos e etc.

    FULL HTML = essa opção permite toda e qualquer tipo de formatação HTML. O visitante ou membro de seu site pode muito bem abrir uma tag <table> e montá-la em seu post.

    PHP Code = você tem que ativar o módulo PHP Filter para ter essa opção disponível. Essa opção só deve ser usada pelo membro #1 (super admin), permite que você injete código PHP na sua página, o que pode, se você não souber o que está fazendo, avacalhar seu site como um todo.

    Criando um novo formato

    supondo que você queira digitar código Javascript no post, os módulos acima podem não rodá-los apropriadamente, então, você deve criar um novo formato e não marcar nenhuma opção onde está escrito Filtros. Dê um nome do tipo "scripts" para você lembrar que esse formato foi feito para rodar seus códigos javascript

    Qual é a finalidade de ter mais de um input format?

    Quando você estiver trabalhando com módulos como CCK ou FCKeditor por exemplo, esses módulos dependem de uma correta configuração dessa seção para funcionarem corretamente, por exemplo, o CCK permite que campos criados sejam "travados" para um dos formatos de entrada existentes e o FCKeditor funciona melhor com FULL HTML ativado.

Colocando Data e Hora no Drupal

003

Como criar uma View

  • 1º vá em administrar->administrar->VIEW, agora adicione uma nova view.
  • Você vai poder editar varias opções da sua view.

    Começando com a seguinte pagina:

004

Node = conteúdo primario

Comentário = conteúdo para comentarios

File = conteúdo para arquivos

Node = usando node como newsletters

Node revision = histórico de mudança do node

Term = esta anexado com o node

Usuário = usuarios que criaram conta no site

Mas geralmente usamos o primeiro(Node)...

  • Após escolher vá para a próxima tela:

    005

    Seguindo a numeração da imagem acima temos:

    1- Aqui estão os display, quando bloco ele aparece na parte dos blocos pra que voçe possa coloca-lo no lugar que deseja.

    2- Nome: Esse é o Nome do Display, pode ser qualquer coisa.

    3- Título: O título aparece na pagina da views... então é melhor deixar em branco

    4- Aqui voçe escolhe o estilo da linha, escolha sempre node.

    5- Abilita e dessabilita o uso de paginação...

    6- Quantidade de Itens que será exibido.

    7- Aqui ele vai te dar as informações necesarias para quando for criar os arquivos TPL.PHP, e é aqui que voçe vai atualizar o tema quando acabar de criar os arquivos TPL.

    8- Escolher a ordem do conteúdo conforme deseja. Exemplo clássico: Ordenar as notícias pelas ultimas atualizadas.

    9- Filtrar o conteúdo que vai ser utilizado.

  • obs: Os campos obrigatórios que é preciso para a views ser criada é o "Row style" e "Endereço".

  • Depois que tiver configurado a view, crie os arquivos TPL.PHP
  • Iportante!!! nunca esqueçer de dar um rescan no theme information.





  • Imagem No Drupal

    • Para definir uma imagem em miniatura , sendo que ao clicar na mesma, abre uma imagem maior.
    • 1º vá em configurações do SITE, 2º Imagens, 3º Você vai escolher a escala ou tamanho da imagem para
      miniatura e pré-visualização.
    • 4º Feito isso, vá em tipos de conteúdo e escolha seu conteúdo, agora no seu conteúdo

      selecione a opção "Image Attach Settings", agora é só configurar o "Teaser image Size"

      e o "Full Node Image Size".




    Taxonomia

    • No Drupal a ordem dos termos relacionados (ex: Vaca, Galinha, Carneiro) num vocabulário podem
      ser controlados pelo parâmetro de peso.
    • Vocabulários
    • Quando criamos um vocabulário controlado criamos um conjunto de termos que serão usados para
      descrever conteúdos (conhecidos como descritores em linguagem técnica). O Drupal possibilita
      a descrição de cada tipo de conteúdo (blog, artigo, etc.) utilizando um ou mais termos. Para as implementações mais simples, você poderá criar um conjunto de categorias sem
      subcategorias parecidas. Para implementações mais complexas você poderá criar uma lista hierárquica
      de categorias tal como o exemplo da taxinomia Comida -> Carne -> Arroz -> Feijão.
    • Criando um vocabulário

      Quando cria um vocabulário, se selecionar a opção de hierarquia, você estará definindo uma estrutura
      em árvore de termos, tal como num dicionário de sinónimos. Se selecionar a opção de
      termos relacionados, você irá permitir a definição de termos relacionados (pense em algo do tipo ver também),
      tal como num dicionário de sinónimos. Selecionando a opção seleção múltipla será possível que os conteúdos sejam descritos utilizando mais do que um termo. Estes conteúdos
      serão exibidos nas páginas de cada termo, aumentando as dos usuários os encontrarem.
    • exemplo:
    • VEíCULOS (vocabulário)
    • -> CARRO (termo)
    • -> MOTO (termo)



    Lembretes Drupal

    • No Block.tpl.php, procure deixar limpo, sómente com a seguinte TAG <?print $block->content;?>
    • Como não exibir paginação? È só ir nas configurações da view e desmarcar "Use pager"
    • Desempenho, na adiministração do Drupal, vá em Desempenho ou performace e deixe todas as

      opções desabilitadas para uma melhor performance, durante a contrução do seu SITE
    • Para definir a página principal do seu Site em Drupal, vá em configurações do site

      depois vá em informações do site e altere a Página Inicial Padrão

      Ex: http://novosite.mswi.net/imagens-do-mundo <---seu endereço <------ éssa séra sua página inicial.
    • Quando se esta usando multilinguagem e você faz uma view não esquecer de adicionar no filtro da view node.language = current users's language.
    • Alterar de posicionamento de um ITEM do menu administrativo do Drupal.

      Vá em Menus, depois vá em navegação, agora é só alterar o posicionamento do seu ITEM.

    URLs Alternativas

    • Ir em URLs alternativas, automated alias settings, configuração de endereços de NODES.



    Nodes

    • node.tpl.php

      Aqui é estilizado o que será mostrado no tipo de conteúdo...

      Notícia é um exemplo de tipo de conteúdo e pode ser estilizada atravez do node-noticia-tpl.php
    • node-view.tpl.php

      Aqui é estilizado o que vai se repetir no loop...

      Define se exibirá só o titulo ou só o corpo do conteúdo que vai se repetir conforme o número de puplicação que existe ou que foi definido na views.
    • views-view.tpl.php

      Aqui é alterado o titulo de exibição.
    • views-view-row.tpl.php

      Só serve para criar a view.
    • views-view-unformattade.tpl.php

      Tambem só serve pra criar a view



    Módulo Taxonomy Theme para versão 6 do DRUPAL

    1º Baixe os módulos Taxonomy Theme e ThemeKey.

    2º coloque o módulo na pasta de módulos e o ative na parte administrativa do site.

    3° Acrescente a extensão /update.php e atualize os módulos.Irá aparecer um link(ThemeKey) do menu de navegação em Administrar/configuração do site.

    4° A primeira coisa a se fazer no módulo é configura-lo.

    Let's go!!!

    Clique em Configurações, vai aparecer essa tela aew:

    006

    Tem que estar com essas configurações...

    Marcando a caixa "Provide all themes for selection" voçe vai deixar disponivel todos os temas que foram instalados no Drupal.

    Marcando a caixa "Discover all node properties for selection" permite que voçe escolha que tipo de propriedades que quer que o thema seja exibido. E o que importa pra gente ai é o "type", entao nao esquece de marcar esse cara aew...

    Agora tu vai em Properties(propriedades)...

    009



    Agora a gente pode escolher um tema para um tipo de conteúdo com o "type" que abilitamos nas propriedades.

    007

    Selecione o "type" nas "Property" ao lado de Valor, e em Valor voçe coloca o tipo de conteúdo que vai ser exibido com tal tema ^^

    Esse "nid" é criado automaticamente, entao nao se preocupe em adiciona-lo =D



    Mas se quiser colocar uma pagina com outro tema... vá em "Paths".


    008


    Coloque o endereço e escolha o tema, e pronto... Essa parte é apropriada para alterar o tema de uma Views.



    Block.tpl.php

    • Fixação de conteúdo para os blocos (esquerda e / ou o lado direito da página).

      Para criar um bloco é a mesma coisa do page você precisa apenas de 2 arquivos TPL.php, só muda a terminação após o nome na node...

      exemplo: view-view--blocodenoticia--block.tpl.php & node-view-blocodenoticia.tpl.php
    • Blocks são lugares no Drupal onde é possível adicionar conteúdos, quando criamos um novo menu ou um
      conteúdo especifico, esse conteúdo não é exibido automaticamente no site, precisamos definir uma região onde essas informações serão exibidas.

      Os Blocks são definidos por temas, geralmente são disponibilizadas 5 posições para inserção dos
      Blocks, são elas: left sidebar, right sidebar, content, header e footer.

    Considerações gerais:

    O que fazer quando a edição de um node está sendo exibida no tema externo. > Entrar em /admin/content/nodewords e desmarcar a opção "Use the teaser of the page if the meta description is not set."
    Bom está é a noção do que eu tenho do Drupal, uma grande ferramenta, mais que ainda falta muito para eu aprender!!! Estou aceitando criticas e sujestões.

    Me perdoem se eu cometi algum erro, por isso sintam-se a vontade para me corrigir. Agradeço a toda galera do Drupal Brasil, em especial minha Parceira Laila, que sempre está me dando uma força.

    ‹ Tutorial - Mudando a visualização de um node com o Panels acima Tutorial: Instalando o Drupal 6 em português ›
    Enviado por Pathauto em 23/12/2008 - 13:01
    • Versão para impressão
    • Se logue ou se registre para poder enviar comentários
    • 15937 leituras
    Em 24/12/2008 - 23:39 cassao disse:

    Toni Kaule, parabéns pela excelente iniciativa.

    Atenciosamente,

    PCL Cassão
    http://www.ensp.fiocruz.br
    http://www.cassao.eti.br

    • Se logue ou se registre para poder enviar comentários
    Em 26/12/2008 - 08:28 Pathauto disse:

    Penso eu Que esse Tuto deve ajudar muito os iniciantes em drupal, pq nessa fase me bati muito.

    • Se logue ou se registre para poder enviar comentários
    Em 27/12/2008 - 08:52 Leopoldo disse:

    Falar mais o que?

    Show de bola. Parabéns ;)

    Abraço!

    Leonardo Silva
    Produtor Cultural
    Desenvolvedor Web

    • Se logue ou se registre para poder enviar comentários
    Em 27/12/2008 - 13:35 Pathauto disse:

    Valeu Léo.

    • Se logue ou se registre para poder enviar comentários
    Em 29/12/2008 - 10:20 Pathauto disse:

    Logo, logo vai ter novos tutoriais hehehe.

    • Se logue ou se registre para poder enviar comentários
    Em 11/04/2009 - 14:35 Monitori disse:

    Tentei reindexar o site... e voltou para 0%.
    Como faço para executar este procedimento?

    Também não soube como acessar o agendador de tarefas.
    Existe algum atalho para chegar lá?

    Obrigado por toda e qualquer ajuda.

    contato@monitorinvestimentos.com.br

    • Se logue ou se registre para poder enviar comentários
    Em 11/04/2009 - 16:20 Vuds disse:

    Você só reindexa o site de verdade quando roda o agendador de tarefas (mais conhecido como cron).

    Normalmente não há nada para configurar o cron dentro do Drupal. O caminho para chamá-lo é http://www. seusite.com/cron.php.

    A configuração que você precisa fazer é externa, de forma que, em determinado intervalo de tempo (utilizando o Cron no Linux ou Agente de Tarefas no Windows) você chame o endereço citado acima para ativá-lo.

    Se seu site fica em um servidor compartilhado, dá para fazer essa configuração via CPanel ou algum outro configurador de compartilhamento em geral. Senão, é preciso fazer "manualmente".

    Abraço!

    --

    Inventive...tempo de ser

    • Se logue ou se registre para poder enviar comentários
    Em 13/04/2009 - 18:49 Leopoldo disse:

    Complementando o comentário do Vuds:

    Há o módulo Poormanscron que automatiza o processo.

    Abraço!

    Leonardo Silva
    Produtor Cultural
    Desenvolvedor Web

    • Se logue ou se registre para poder enviar comentários
    Em 13/07/2009 - 18:00 henriqueLuz disse:

    muito bom parabéns

    • Se logue ou se registre para poder enviar comentários
    Designimage

    Este site é feito, orgulhosamente, com Drupal.