Tutorial de administração de site Utilizando CMS XOOPS Curso Web FAVENI 02/12/2010 Versão: 3.0 Tutorial criado por Luis Marcelo Zanlucki - [email protected]1 Este tutorial apresenta algumas funções de administração de um site desenvolvido com o CMS XOOPS. Sumário 1 Introdução ..................................................................................................................................... 1 2 Login na área administrativa ................................................................................................... 2 3 Mudança de tema principal do site e idioma ....................................................................... 3 4 Instalação de módulos .............................................................................................................. 5 5 Instalação e configuração do módulo News ....................................................................... 9 6 Publicar Notícias ....................................................................................................................... 12 7 Utilizar o editor de texto para formatar Notícias .............................................................. 14 8 Inserir Imagens .......................................................................................................................... 19 9 Visualizar imagens da galeria ................................................................................................ 21 10 Criar um formulário de contato – Fale Conosco .......................................................... 22 11 Publicar Imagem no módulo Mastop Go2 ...................................................................... 27 12 Administrando os blocos de conteúdo nas páginas .................................................. 29 13 Criação de blocos personalizados ................................................................................... 32 14 Criação de página de conteúdo no módulo Mastop Publish .................................... 37 Histórico Data Descrição da alteração Versão Responsável 29/10/2010 Criação do documento 1.0 Luis Marcelo 18/11/2010 Inclusão de administração do módulo Mastop Go2 Luis Marcelo 18/11/2010 Inclusão de administração do blocos 2.0 Luis Marcelo 02/12/2010 Inclusão de blocos personalizados e página do Mastop Publish 3.0 Luis Marcelo 1 Introdução Este Tutorial foi criado para as aulas do Curso Web FAVENI. Para desenvolver as atividades aqui apresentadas, o aluno deverá ter realizado as seguintes tarefas: 1.1 Instalar o CMS XOOPS em seu ambiente de teste, de acordo com o material apresentado na aula 20 disponível na URL http://elencoweb.com.br/modelo/modules/news/article.php?storyid=2 1.2 Fazer o upload da pasta de idioma (portuguese-br) para a pasta http://site_do_aluno.gbhosting.com.br/xoops/language 1.3 Fazer o upload da pasta de tema (web_faveni) para a pasta http://site_do_aluno.gbhosting.com.br/xoops/themes 1.4 Fazer o upload da pasta do módulo Liaise 1.27 (liaise) para a pasta http://site_do_aluno.gbhosting.com.br/xoops/modules Os arquivos citados acima estão no site de modelo, na URL http://elencoweb.com.br/modelo/modules/news/article.php?storyid=1
41
Embed
Tutorial de Administração de site em CMS XOOPS ver.3
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Tutorial de administração de site Utilizando CMS XOOPS
9 Visualizar imagens da galeria................................................................................................ 21
10 Criar um formulário de contato – Fale Conosco .......................................................... 22
11 Publicar Imagem no módulo Mastop Go2 ...................................................................... 27
12 Administrando os blocos de conteúdo nas páginas .................................................. 29
13 Criação de blocos personalizados ................................................................................... 32
14 Criação de página de conteúdo no módulo Mastop Publish .................................... 37
Histórico
Data Descrição da alteração Versão Responsável 29/10/2010 Criação do documento 1.0 Luis Marcelo
18/11/2010 Inclusão de administração do módulo Mastop Go2 Luis Marcelo
18/11/2010 Inclusão de administração do blocos 2.0 Luis Marcelo 02/12/2010 Inclusão de blocos personalizados e página do Mastop Publish 3.0 Luis Marcelo
1 Introdução
Este Tutorial foi criado para as aulas do Curso Web FAVENI. Para desenvolver as atividades aqui
apresentadas, o aluno deverá ter realizado as seguintes tarefas:
1.1 Instalar o CMS XOOPS em seu ambiente de teste, de acordo com o material apresentado na aula 20
disponível na URL http://elencoweb.com.br/modelo/modules/news/article.php?storyid=2
1.2 Fazer o upload da pasta de idioma (portuguese-br) para a pasta
6.5.2 Tópico: para escolher a categoria da notícia. Aqui você verá o tópico que acabou de criar no
item 5 deste tutorial.
6.5.3 Mostrar imagem do Tópico?: deixe marcado “sim”;
6.5.4 Posição: deixe a opção “esquerda”;
6.5.5 Publicar na Página inicial?: para as notícias das categorias de acesso ao público, deixe a opção “sim”. Para as categorias de notícias internas, deixe a opção “não”. A página inicial das notícias é aquela visualizada ao clicar no link “Notícias” do menu principal do site.
6.5.6 Autor: irá aparecer o nome do usuário que está logado no momento. Isso pode ser alterado nas preferências do módulo de Notícias;
6.5.7 Texto Introdutório: insira neste campo o texto inicial da notícia, geralmente o parágrafo inicial. Este texto irá aparecer como introdução da notícia quando for apresentada no site. Para formatar os dados deste campo e para inserir outros elementos, utilize o editor de texto que fica no alto deste campo. (Veja item 7 deste tutorial).
6.5.8 Texto Complementar: siga o mesmo
procedimento para inserir o texto complementar. Este texto só aparece quando o visitante clica no link da notícia para acessar o conteúdo;
6.5.9 * Descrição 'Meta description': esta será a descrição desta página que será apresentada nos mecanismos de busca (Google, Yahoo, etc). Aqui você pode copiar e colar uma parte do texto introdutório. Para habilitar esta opção teremos que editar as Configurações do módulo de Notícias.
6.5.10 * Palavras-chave 'Meta keywords': digite aqui algumas palavras principais da notícia, separadas por vírgula, a serem usadas pelos mecanismos de busca para indexar a notícia. Para habilitar esta opção teremos que editar as Configurações do módulo de Notícias.
6.5.11 Selecione um arquivo para enviar: é possível anexar um arquivo do tipo .jpg, .gif, .png, .zip; .doc, .docx ou .pdf. Este arquivo ficará disponível para download num link no final da notícia;
6.5.12 Selecione uma imagem para anexar à notícia: é possível inserir aqui uma imagem para ilustrar a notícia. A vantagem é que facilita a inserção da imagem, que é automática. A desvantagem é que não podemos definir um local diferente onde queremos que a imagem apareça.
6.5.13 Opções: aqui você pode deixar marcada a opção “Aprovar” para publicar a notícia assim que
estiver pronta. Se o item “Aprovar” for desmarcado ou não estiver aparecendo no seu formulário a notícia ficará aguardando aprovação e não será publicada no site até ser aprovada por um usuário com permissão para aprovação de notícias.
6.6 Nas outras opções é possível também programar o dia e hora para a publicação e para a exclusão
da notícia. No item “Notificar por e-mail quando publicado” deixe marcado; Os outros itens deixe
desmarcado.
6.7 Para visualizar a notícia no layout do site clique em “Exibir”.
6.8 Para publicar a notícia, clique em “Publicar”;
Tutorial de administração de site Utilizando CMS XOOPS
O site possui um Gerenciador de imagens, que organiza as fotos, banners e outros elementos gráficos que
serão usados no site.
8.1 Para acessar o Gerenciador entre na área de administração do site (item 2).
8.2 Na tela da área de administração, clique
no ícone “Imagens”, conforme a imagem ao
lado.
8.3 Ao acessar o gerenciador de imagens
pela primeira vez é necessário criar uma categoria de imagens. Você verá o formulário “Incluir categoria
de imagens”, conforme imagem abaixo.
8.4 Para criar uma categoria de imagens, informe:
8.4.1 Nome: nome da categoria de imagens, por exemplo, “Notícias”.
Dica: coloque no nome da categoria as dimensões permitidas, “Notícias 350 x 500”.
8.4.2 Selecionar os grupos que podem usar o gerenciador de imagem: geralmente são selecionados os grupos que tem permissão para usar imagens, mas não enviar.
8.4.3 Selecionar os grupos que têm permissão para enviar imagens: geralmente os usuários
que publicam e aprovam notícias ou a publicação de outros conteúdos.
8.4.4 Tamanho máximo (em bytes): tamanho máximo do arquivo da imagem. 50.000 = 50kb.
8.4.5 Largura máxima (em pixels) e Altura máxima (em pixels): dependendo de onde forem usadas as imagens, é interessante que elas não excedam um determinado tamanho, para não prejudicar a apresentação no site.
8.4.6 Ordem: ordem de apresentação na galeria de imagens.
Tutorial de administração de site Utilizando CMS XOOPS
8.4.7 Exibir esta categoria?: se estiver selecionado “sim” a categoria só será vista por quem tem acesso a área de administração do site, não sendo visível para visitantes.
8.4.8 Salvar imagens como: prefira sempre “Arquivos no diretório /uploads”.
8.5 Após inserir os dados clique em “Enviar”.
8.6 Para inserir uma nova imagem, utilize o formulário “Enviar uma nova imagem”.
8.7 Para incluir uma nova imagem:
8.7.1 digite um nome para arquivar a imagem no gerenciador;
8.7.2 selecione uma das categorias disponíveis;
8.7.3 no item “Arquivo da imagem”, localize no seu computador o arquivo da imagem que deseja armazenar;
8.7.4 a ordem de visualização fica como “0” (zero);
8.7.5 em “Exibir esta imagem?”, deixe marcado “sim”;
8.7.6 clique no botão “Enviar”.
Tutorial de administração de site Utilizando CMS XOOPS
10.7.1 Título do formulário: este campo irá definir não só o nome do formulário, mas o título (pagetitle) da página do formulário e o Assunto (subject) do email que será enviado pelo formulário.
10.7.2 Grupos permitidos a usar este formulário: sistema de permissão de acesso aos formulários,
de acordo com os grupos.
10.7.3 Método de envio: pode ser para o email ou como Mensagem Privada (MP, um email interno dos usuários do site).
10.7.4 Enviar para: grupo de usuários que irão receber os emails deste formulário, ou então o email
do administrador do site (definido da página de configurações gerais do site). Deixe selecionado o Webmaster.
Dica: para mandar um email para somente um usuário específico, é preciso criar um grupo, por exemplo “contato_secretaria” e adicionar somente um usuário a este grupo. A mensagem do formulário será então enviada somente para o email/MP deste usuário .
10.7.5 Delimitador para caixas de checagem e botões radio: ao criar uma lista de itens, como uma
lista de produtos, por exemplo, se for selecionado a opção “Espaço em branco” os itens ficarão em linha. Se for selecionada a opção “Quebra de linha”, os itens ficarão um abaixo do outro.
10.7.6 Ordem de exibição: ao acessar o endereço ...seu_site/modules/liaise, é possível ao usuário e
o visitante do site ver uma lista dos formulários disponíveis no site. Este item define a ordem em que eles aparecem.
10.7.7 Texto para o botão 'submit': este item define o que será escrito no botão ao final do
formulário, para que o usuário clique para enviar a mensagem. Pode ser “enviar”, “mandar”, “autorizar”, “solicitar”, de acordo com o conteúdo do formulário de contato.
10.7.8 Descrição do formulário: esta descrição aparece na listagem dos formulários (item 10.7.6).
10.7.9 Introdução do Formulário: texto exibido no topo do formulário, descrevendo para o usuário o que é e para que serve este formulário.
10.7.10 URL para direcionar após este formulário for enviado: se deixar em branco, após enviar o formulário o site será direcionado para a home do site. Aqui você pode direcionar o usuário de volta para a página onde ele clicou no link para o formulário, um catálogo de produtos, ou uma página onde somente ali está o link para aquele formulário, de forma que o usuário volte para o ponto onde estava.
Tutorial de administração de site Utilizando CMS XOOPS
11.3 O sistema irá abrir a tela de administração dos banners, conforme a imagem abaixo.
11.4 Na parte superior da tela você pode ver os destaques armazenados no site, alguns estão
ativos (bolinha verde) e alguns estão inativos (bolinha vermelha).
11.5 Mais abaixo você pode ver o formulário para a criação de novos destaques.
Vamos analisar a área de administração dos destaques. Nas colunas estão os seguintes dados:
- Coluna 1 – selecionar: para executar ações em bloco com os destaques, selecione os itens e na caixa “Ações em Grupo” escolha a ação a ser executada e clique em Enviar. Você pode Apagar, Ativar, Desativar os destaques ou Limpar o número de acessos (cliques) do destaque; - Coluna 2 – identificador: este item não é alterado, mas você pode mudar a ordem de apresentação dos banners; - Coluna 3 – Imagem: que será apresentada no bloco de destaque; - Coluna 4 – Seção: a categoria do Destaque, no caso só existe a categoria “Geral”; - Coluna 5 – Texto: mostra o texto que irá aparecer no rodapé da imagem no destaque; - Coluna 6 – URL: endereço da página no site, ou de outro site, para onde o usuário será direcionado ao clicar na imagem do destaque; - Coluna 7 – Acessos: quantidade de cliques que já recebeu o destaque. - Coluna 8 – Ativo: se o botão estiver verde, o destaque está aparecendo no bloco, se estiver vermelho,
está desativado. Para desativar um item basta clicar no botão vermelho; - Coluna 9 – Ação: um link para editar o destaque e outro para Excluir.
11.6 Para inserir um novo destaque, utilize mais abaixo o formulário “Novo Destaque”.
Tutorial de administração de site Utilizando CMS XOOPS
- Imagem: antes dessa etapa vá até o Gerenciador de Imagens (item 8) e envie as imagens para a
Galeria do site. Feito isso, na caixa de seleção “Selecionar” escolha a imagem. Ao clicar no nome da imagem, ela irá aparecer no formulário para confirmar se é a imagem escolhida; - Seção: escolha a categoria do banner, neste caso só há a categoria “Geral”; - Texto: digite o texto que irá aparecer no rodapé da imagem no destaque. Procure utilizar uma frase não muito longa, para facilitar a leitura; - URL: endereço da página no site, ou de outro site, para onde o usuário será direcionado ao clicar na imagem. Para isso, sempre crie primeiro a Notícia para depois criar o destaque; - Abrir URL em: “Mesma Janela” é indicado para links de páginas do próprio site. “Nova Janela” é indicado para links que levam para outros sites, que serão abertos em outra janela e deixarão a janela do site ainda aberta; - Ativo: é possível criar um Destaque mas deixá-lo desativado até o momento de fazer a inclusão no
bloco de destaques.
11.8 Para confirmar a criação do Destaque clique em “Enviar”.
12 Administrando os blocos de conteúdo nas páginas
12.1 Para organizar a apresentação dos conteúdos do site, o XOOPS oferece um sistema de
organização de blocos. Veja a imagem abaixo:
12.2 A organização dos blocos pode variar de acordo com o tema utilizado. Normalmente os blocos
são distribuídos da seguinte forma:
Tutorial de administração de site Utilizando CMS XOOPS
12.6.7 Visível (sim ou não): determina se o bloco estará visível no site ou não;
12.6.8 Posição: define a ordem em que os blocos serão organizados. Se for 0 (zero) é apresentado mais ao alto;
12.6.9 Ação: cada bloco tem suas características de configuração específica. Para administrar estas opções clique em “Editar”, para fazer uma cópia do bloco clique em “Clonar”.
Para validar as alterações na posição dos blocos, clique no botão “Enviar” no final do formulário de
gerenciamento dos blocos.
13 Criação de blocos personalizados
Como vimos nos capítulos anteriores, cada módulo apresenta um conjunto de blocos para organizar o
conteúdo. Além destes blcos o sistema disponibiliza os Blocos Personalizados. São blocos vazios que podem
ser criados para apresentar o conteúdo que você desejar, seja um trecho de HTML, um widget de outro site,
uma galeria de imagens do Picasa, etc.
Iremos agora configurar um bloco personalizado trazendo um widget do Twitter para apresentar no site de
modelo as últimas mensagens do seu perfil.
13.1 Acesse a página do Twitter – http://twitter.com . Faça login com seu usuário.
13.2 No canto superior direito, localize o menu de configuração
do twitter, clique no link “Settigs” (configuração) conforme figura ao
lado.
13.3 Ao acessar a página de configuração do seu perfil, vá até o rodapé e clieque no link
“Resources” (recursos).
Tutorial de administração de site Utilizando CMS XOOPS
13.13 O sistema irá apresentar os blocos personalizados que já foram criados no site e mais abaixo o
formulário “Incluir um novo bloco”.
13.14 Preencha este formulário com os seguintes dados:
13.14.1 Tipo de bloco: escolha a posição do bloco, conforme descrito no item 12.2 deste tutorial. Prefira os itens “Bloco central esquerda” ou “Bloco central – direita”;
13.14.2 Posição: em que ordem o bloco irá aparecer;
13.14.3 Visível: marque a opção “sim”;
13.14.4 Visível em: marque “Página principal”, para aparecer somente na Home. Se o bloc estiver na lateral esquerda, poderá selecionar “Todas as páginas “ ou algum módulo em específico;
13.14.5 Título: dê um nome para o seu bloco. Se este item ficar em branco, seu bloco irá aparecer normalmente, porém sem a barra de título do bloco;
13.14.6 Conteúdo: neste espaço, cole o código que você obteve na página de configuração do gadget
do Twitter;
13.14.7 Tipo de conteúdo: deixe marcado como HTML;
13.14.8 Tempo de cache: deixe sem cache por enquanto;
13.14.9 Grupo: selecione os grupos de usuários que terão acesso a este bloco.
13.15 Para finalizar, clique em Enviar e seu bloco estará pronto. Confira no site se ficou de acordo
com o que você queria e faça os ajustes necessários.
Tutorial de administração de site Utilizando CMS XOOPS
14.3 O sistema irá apresentar o formulário de criação de uma nova página, conforme a imagem
abaixo.
14.4 Para criar a página, preencha os campos da seguinte forma:
14.4.1 Grupos: defina quais serão os grupos de usuários que poderão visualizar esta página;
14.4.2 Autor: se você não selecionar um autor diferente, o sistema irá apresentar o seu nome de usuário como o autor da página;
14.4.3 Exibir em: deixe por enquanto a opção “Menu Principal”. Depois de criar uma página, você poderá criar uma sub-página para ela, organizando o conteúdo de forma hierárquica. O módulo apresenta alguns blocos de conteúdo, que podem organizar as páginas em Menus, apresentando também os links para os outros módulos. Iremos falar sobre isso mais adiante;
14.4.4 Texto do menu: este item é obrigatório. Ele indica o nome da página nos menus internos de organização do conteúdo do módulo. Escolha um nome que será fácil de lembrar, para que você localize a sua página depois;
14.4.5 Título: este texto irá aparecer no topo da página que está sendo criada, em fonte maior que o texto dos parágrafos. Este item é opcional;
14.4.6 Conteúdo: a área de inclusão de conteúdo do Mastop Publish conta com um editor bem mais completo que os módulos padrão do XOOPS. Para o seu mouse sobre os itens para ver o nome de cada função. O editor é aberto no modo WYSIWYG (Editor Visual), mas pode ser mudado para modo “área de texto” clicando no link no canto inferior direito. Selecione este modo para inserir conteúdo em HTML editado em outra ferramenta.
14.4.7 Opções: deixe por enquanto a visibilidade na opção “Menu e Páginas relacionadas”. A opção
“Abrir link em”, deixe a opção “Mesma página”, assim como as demais opções também deixe conforme o valor padrão.
Tutorial de administração de site Utilizando CMS XOOPS