Treinamento de Drupal para

Administradores do Site
Bibliotecas UFU

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

1. Como logar no sistema como usurio autenticado

Para logar no sistema como usurio autenticado necessrio digitar /user na frente
do nome do website. No exemplo do website da biblioteca da UFU seria:
http://www.portal.bibliotecas.ufu.br/user. Posteriormente, quando o sistema estiver
migrado para o website definitivo, o nome ser http://www.bibliotecas.ufu.br/user.
2. Como inserir um tipo de contedo
O tipo de contedo uma forma definida pelo Drupal para organizar os contedos
do website de forma eficaz. Por padro, alguns tipos de contedo j esto criados como,
por exemplo, o tipo de contedo artigos. Uma forma de organizar os contedos
criar tipos de contedo para cada menu ou submenu. Outra forma criar tipos de
contedo para cada regio ou assunto do website.
Para criar tipos de contedo, inicialmente deve-se estar logado no sistema. Alm
disso, o usurio deve ter a permisso de insero de contedos. Tendo estes parmetros
satisfeitos, clique sobre o menu Organizar contedo/Tipos de contedo/Novo tipo de
contedo. Em seguida preencha o nome, tipo e a descrio do tipo de contedo. Por
fim, clique no boto salvar tipo de contedo.

Figura 0: Insero do tipo de contedo

3. Como inserir um contedo
Contedo refere-se s informaes que existem em um website. Ex: pgina com
textos, fotos, vdeos ou documentos.
Treinamento de Drupal para administradores do website da Biblioteca da UFU
03/2010

Para inserir um contedo no Drupal, inicialmente deve-se estar logado no

sistema. Alm disso, o usurio deve ter a permisso de insero de contedos.
Tendo estes parmetros satisfeitos, clique sobre o menu Organizar contedo/Criar
contedo e selecione o tipo de contedo que deseja inserir. A titulo de exemplo,
escolha o tipo de contedo SISBI. Veja na figura abaixo:

Figura 1: Menu Criar contedo

Em seguida, abrir uma pgina que vista na figura 2. Insira um ttulo para este
contedo. Caso queira linkar este contedo a um menu, clique sobre a opo
Configuraes de menu. Insira o ttulo do link do menu. Na opo Item superior,
insira o local onde o menu aparecer. Caso queira que aparea na raiz do menu
principal, deixe com est. No nosso exemplo, iremos inserir um contedo do tipo
SISBI, ento selecione o submenu SISBI. A opo Peso, refere-se em que
seqncia voc quer que o ttulo do menu aparea dentro do submenu. Caso todos os
pesos sejam iguais, a seqncia definida por ordem alfabtica.

Figura 2: Opo de insero do ttulo, ttulo do menu, local de insero do ttulo do

menu (Item superior) e a posio do ttulo dentro do menu (Peso).

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

4. Como editar um contedo

Para editar um contedo necessrio estar logado como usurio autenticado.
Estando logado no sistema, basta acessar o contedo que deseja editar e clicar no boto
editar como visto na figura abaixo:

Figura 3: Boto Editar

a. Trabalhando com o editor de texto do Drupal
O editor de texto que estamos trabalhando chamado Fck editor (figura 2). Com
este editor de textos do Drupal, possvel inserir, editar ou deletar contedos de forma
visual, fcil e eficiente. Este editor no possui todas as ferramentas que um software de
edio de texto como, por exemplo, o Microsoft Word. Contudo, possui a maioria dos
recursos necessrios para inserir contedos para a web.

Figura 3: Fck Editor

i. Alterando a fonte, cor da fonte, cor de fundo, tamanho da
fonte, estilo e posicionamento.
O editor de texto do Drupal permite que voc altere a fonte do texto, cor e
tamanho sem precisar utilizar o cdigo html. Caso queira utilizar o cdigo html, basta
clicar no boto Cdigo-Fonte, visto na imagem abaixo:

Figura 4: Boto Cdigo-Fonte

A figura abaixo, apresenta os botes utilizados para alterar a fonte. Da esquerda
para a direita temos as opes de negrito, itlico ou sublinhado. Alinhamento para
esquerda, centralizado, direita e justificado. Opo de escolha da fonte de texto e o
tamanho desejado.
Figura 5: Botes de edio de texto bsico
ii. Inserindo marcadores e numerao
Marcadores e numerao so importantes para citar e organizar um contedo.
Abaixo temos os botes dos marcadores comum e numrico:

Figura 6: Boto do marcador e numerao

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

iii. Copiar e colar

O editor de texto Fck Editor permite que voc copie e cole um contedo pr
formatado de um outro documento. Existe tambm a opo de copiar e colar sem a
formatao. Na figura abaixo, da esquerda para a direita temos o boto colar normal,
colar sem formatao e o boto colar com formatao do Microsoft Word.
Figura 7: Botes de colar
iv. Inserindo links
Para inserir links de outro website ou para o e-mail basta clicar no boto da
esquerda, mostrado na figura abaixo. Caso queira remover um link, basta clicar no
boto da direita.

Figura 8: Botes de link e unlink

v. Localizando e substituindo palavras
Para localizar uma palavra no texto, basta clicar no boto esquerda, visto na
imagem abaixo. Caso queira substituir uma palavra que aparece em diversos lugares no
texto para uma outra palavra de uma vez, basta clicar no boto da direita mostrado
abaixo e digitar o nome da palavra a ser substituda e a nova palavra.

Figura 9: Botes de localizar e substituir

vi. Inserindo tabelas
Tabelas so importantes para organizar um contedo em diversas colunas e
linhas permitindo aproveitar a rea de exibio do contedo. Para inserir uma tabela
basta clicar no boto mostrado do lado esquerdo, mostrado na figura abaixo. Caso
queira formatar a tabela, selecione a tabela e clique no boto a direita, que mostrado
na figura abaixo.
Figura 10: Botes de insero/edio e formatao de tabelas
vii. Inserindo ncoras
As ancoras so importantes quando o contedo muito extenso. Assim, quando
o usurio clica no sumario do contedo, o sistema automaticamente vai para a pgina
onde est localizado o ttulo. Para criar a ancora, selecione o local onde ser ancorado.
Clique no boto mostrado abaixo e aps isso, crie um link onde esta ancora ser
chamada:

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

Figura 11: Boto ancora

viii. Inserindo fotos
As fotos so importantes para ilustrar de forma efetiva o contedo que se
pretende passar ao usurio final. Para inserir fotos, clique no cone mostrado na figura
11. Em seguida abrir uma janela. Clique no boto localizar no servidor.
Posteriormente, abrir outra janela que mostrado na figura 12. Com isso, realize os
passos abaixo:

Clique no boto Upload localizado no canto superior esquerdo;

Clique no boto Enviar arquivo...
Selecione a foto que deseja postar no contedo e clique em abrir
Clique no boto Upload localizado a direita do boto Enviar arquivo
Clique no boto Enviar para o fckeditor

Figura 12: Boto imagem

Figura 13: Janela de insero de imagens

ix. Inserindo vdeos

Existem diversas formas de postar vdeos. A forma mais simples e econmica de
exibir vdeos utilizando o sistema do Youtube. A vantagem que no preciso salvar
os vdeos que geralmente so grandes no servidor local. A desvantagem que caso o
vdeo no seja de sua autoria, existe o risco do usurio deletar o vdeo do Youtube.
Portanto, procure postar vdeos de sua autoria.
Para publicar vdeos do Youtube faa o seguinte:
Acesse o vdeo do Youtube que deseja publicar;
Copie (ctrl+c) o cdigo html do vdeo como visto na figura abaixo.

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

Figura 14: Website do Youtube

Volte para o editor de texto do Drupal e clique no boto Cdigo-fonte;

Cole (ctrl+v) o cdigo no contedo e clique em pr-visualizar

5. Outras informaes sobre contedo

a. Anexando documentos ao contedo
Muitas vezes necessrio anexar documentos a um contedo. Seja normas, leis,
regulamentos ou outro documento registrado. Para isso, o drupal permite, de forma
simples e intuitiva, a opo de anexar documentos.
Sendo assim, para realizar esta tarefa, no modo de edio de um contedo, existe
a opo File attachments ( veja na figura 15). Clique nesta opo e em seguida clique
no boto Escolher arquivo (figura 16).
Selecione o documento desejado e clique em abrir. Em seguida clique no boto
Attach. Marque a opo Listar e salve o contedo.

Figura 15: Opo de anexar documentos, File attachments

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

Figura 16: Boto Escolher Arquivo

6. Organizando os menus
O menu um conjunto de itens, links que chamam os contedos. A organizao do
menu essencial para que o usurio final consiga encontrar as informaes com
eficcia.
No drupal, por padro, existem dois menus criados. Porm podem-se criar outros
menus caso seja necessrio. No menu principal, costuma-se colocar as informaes
mais importantes. E no menu secundrio, coloca-se informaes adicionais.
Para ajustar o posicionamento dos itens do menu, editar ou remover algum item do
menu, clique em Construo do site, Menus. A titulo de exemplo, clique no menu
primrio.
Na figura abaixo temos um exemplo de organizao do menu primrio. Existem
duas opes de seleo para cada item de menu:
Ativado: Se selecionado exibe o link. Caso contrrio, deixa oculto;
Expandido: Se selecionado, permite exibir os submenus caso exista.
Alm disso, para cada item existem duas operaes:
Editar: Permite editar o item do menu. Pode-se alterar o link do menu, o ttulo
do link do menu e a descrio;
Apagar: Permite apagar o item do menu.

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

Figura 17: Pgina de edio do menu

Pode-se tambm hierarquizar os itens de menu. Por exemplo, ao arrastar um item de
menu, pode-se posiciona-lo onde melhor desejar.
7. Organizando a pgina principal
Como podemos ver na figura abaixo, a pgina principal possui 3 colunas. Na primeira
coluna temos dois blocos:

Bloco notcia: Exibe as ltimas 10 notcias publicadas;

Bloco slideshow: Exibe uma seqncia de fotos da biblioteca aleatoriamente.

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

Figura 18: Pgina principal

Na segunda coluna, temos 5 blocos:

Bloco GRU: uma imagem que est linkada ao contedo GRU

Bloco Solicitao On-line de material informacional: uma imagem que est
linkada ao contedo;
Bloco Bases de dados de acesso temporrio: uma imagem que est linkada ao
contedo;
Bloco Celsius: uma imagem que est linkada ao contedo;
Bloco Levantamento Bibliogrfico: uma imagem que est linkada ao
contedo;

Na terceira coluna temos 6 blocos, cada um linkado ao seu contedo destino.

a. Como inserir um novo bloco
Caso deseje inserir outro bloco, v no menu Construo de site, Blocos,
Novo Bloco. Preencha o campo Descrio do bloco. Caso queira, insira o ttulo do
bloco. No corpo do bloco, insira a imagem, link ou contedo que desejar.

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

10

Figura 19: Menu de edio dos blocos

Em seguida, clique no menu Construo do site, Panels.

Figura 20: Menu de edio da pgina principal

Selecione a opo Panel page e em seguida clique em Listar. Encontre a

panel page inicial e clique em Operaes, Panel content. Na figura abaixo, temos
a pgina de edio da pgina principal:

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

11

Figura 21: Panel page

Figura 22: Pgina de edio da pgina principal

Observe na figura acima que a pgina principal possui trs colunas. A titulo de
exemplo, escolha a coluna do meio (Middle collum). Clique no sinal positivo localizado
no canto superior esquerdo da coluna Middle collum. Clique em Add content. Uma
nova janela ser aberta como visto na figura abaixo:

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

12

Figura 23: Janela de seleo do bloco

Clique na opo Miscellaneous e escolha o bloco que deseja inserir. Em seguida, clique
no boto finish.
b. Como editar ou deletar um bloco
Caso queira editar um bloco da pgina inicial, passe o mouse por cima do bloco.
Em seguida aparecer a opo Configurar bloco como mostrado no exemplo abaixo.
Clique nesta opo e edite ou apague caso necessrio.

Figura 24: Bloco de exemplo com a opo de configurar o bloco

8. Organizando o slide show

O Slide show um mdulo do Drupal que permite a exibio de imagens de forma
aleatria ou seqencial.
a. Como configurar a exibio
Passe o mouse por cima do bloco de exibio do slide show e clique em
Configurar Bloco. Na pgina que ser aberta, pode-se definir a quantidade mxima de
fotos para exibir, a altura e largura da imagem, o efeito de visualizao de uma foto para
outra, a ordem de exibio, etc.
b. Como inserir ou deletar imagens
Para inserir ou deletar imagens, clique no menu Organizar contedo,
Contedo, Listar.

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

13

Em seguida, filtre a pesquisa dos contedos por tipo: Imagem do slide show
como visto na figura abaixo:

Figura 25: Filtro de pesquisa de contedo do tipo Imagem do slide show

Clique no boto Filtro. Em seguida, clique em editar. Com isso, uma a
pgina de edio de imagens do slide show ser aberta como visto na imagem abaixo:

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

14

Figura 26: Pgina de edio do Slide show

Caso queira remover a imagem, clique em Remove. Se desejar inserir uma
nova imagem, clique no boto escolher arquivo. Selecione o arquivo, clique em abrir
e em seguida clique no boto Upload. Caso queira inserir mais imagens, clique no
boto Add another item e repita o passo anterior, caso contrrio, clique no boto
salvar no final da pgina.

Figura 27: Opo de insero de imagens no Slide show

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

15

9. Organizando o bloco notcia

O bloco noticia permite que o usurio final visualize as ltimas notcias postadas no
website. Este bloco na verdade uma view. A view um mdulo do Drupal que
permite filtrar os contedos criados e exibe na forma de lista. No nosso caso, estamos
filtrando o tipo de contedo notcia.
a. Como configurar a exibio da notcia
Passe o mouse sobre o bloco noticia e clique em Editar. A pgina de edio da
View ser aberta. Nesta pgina possvel limitar a quantidade de notcias exibidas,
definir o tipo de ordenao da noticias, inserir cabealho, alterar o tipo de exibio das
noticias, inserir rodap, alterar os filtros de dados, etc.
b. Como inserir ou deletar as noticias
Para editar uma notcia j existente, clique na notcia e clique no boto editar.
Se quiser deletar, clique no boto apagar. Caso deseje criar uma nova notcia, clique
no menu Organizar contedo, Criar contedo, Noticia. Dessa forma, insira o
ttulo e o contedo desejado.

Treinamento de Drupal para administradores do website da Biblioteca da UFU

03/2010

16