Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L.

Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 TUTORIAL JOOMLA 1.5 – EDIÇÃO 1.0 (Jun/2010)
Nesta Edição: Como utilizar a Administração e Edição de Artigos / Itens de Conteúdo

ÍNDICE
1 - Introdução

1.1 - O que é CMS?...............................................................................................03

1.2 - O que é Joomla?...........................................................................................03

2 - Logando no sistema...............................................................................................04

3 - Administrar Artigos (conteúdo).............................................................................05

4 - Adicionar ou Editar Artigo.....................................................................................07

5 - Administrar capa do site.......................................................................................10

CRÉDITOS E CONSIDERAÇÕES:
Este tutorial foi elaborado pelo Estúdio Buteko – Assessoria em Imagem Empresarial e
é a primeira edição de uma série de tutoriais relativos a versão 1.5 do Joomla. Este tutorial
NÃO tem o intuito de explanar questões técnicas do sistema, tais como instalação,
configuração, banco de dados ou linguagens de programação, E SIM, é destinado a usuários
administradores de sites e portais que, ou já instalaram o Joomla e possuem dúvidas de como
proceder em suas ferramentas, ou empresas que contrataram a confecção de um site em
Joomla (pelo Estúdio Buteko ou qualquer outra empresa) e agora precisam administrar seu
próprio site de forma autônoma. Uma terceira utilização deste tutorial cabe a usuários que
ainda não possuem um site em Joomla ou ainda não contrataram uma empresa para o
desenvolvimento de seu site e procuram algum tipo de explanação e/ou esclarecimentos sobre
o funcionamento, na prática, de um sistema de CMS.

Como este tutorial foi desenvolvido do zero, sem basear-se em tutoriais já existentes,
e é distribuído de forma gratuíta, solicitamos a você a gentileza de, caso você publique este
conteúdo em partes ou de forma integral em seu site ou blog, ou ainda distribuir junto com o
seu trabalho, publique juntamente de forma visível a tag de créditos abaixo (no rodapé deste
documento). De forma alguma este tutorial, em partes, ou em sua totalidade, valendo tanto
para esta edição, quanto para as demais, deverá ser cobrado.

Mário L. Pertile
Diretor de Arte e Planejamento do Estúdio Buteko

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 1 – INTRODUÇÃO
1.1 - O que é um sistema CMS?

Um sistema de CMS (Content Management System) é um conjunto de arquivos que

juntos formam um sistema onde o administrador do site tem acesso a todas as ferramentas de
forma visual sem necessariamente entender de programação ou de toda a parte técnica
envolvida no desenvolvimento Web.

Ele é instalado e configurado sobre um banco de dados que contém toda a estrutura
do site, bem como o conteúdo inserido nele. Isso quer dizer que um sistema CMS serve para,
pelo lado do visitante do site, pegar toda a informação contida no banco de dados, processar e
mostrar na tela de uma forma bonita e navegável. Para o administrador, mostra através do
Back End (“parte de trás” do site) as ferramentas necessárias para a administração do banco
de dados (conteúdo do site) de forma prática, e visualmente compreensível. Como é 100%
baseado em web, é possível administrar o seu site há qualquer momendo, de qualquer lugar
do mundo onde haja conexão com a internet.

1.2 - O que é Joomla?

Joomla é um sistema de CMS desenvolvido e distribuido sob licença de software livre

em plataforma PHP. O Estúdio Buteko testou, durante alguns anos, vários sistemas CMS e
especializou-se em Joomla, definindo-o como a melhor das opções por alguns pontos cruciais
tais como segurança, maleabilidade de edição, simples administração até para usuários mais
leigos e perfil ativos de sua comunidade de desenvolvedores. No quesito segurança (sempre
que hospedado em um SERVIDOR SEGURO), o Joomla já ganhou diversos prêmios
internacionais. Sua estrutura oferece total maleabilidade de edição por webdesigners
especializados na plataforma, que conseguem assim entregar ao cliente um resultado final
satisfatório e de fácil aprendizado. A comunidade Joomla é extremamente ativa,
desenvolvendo soluções todos os dias, para as mais variadas utilidades e melhorias.

Para instalar e configurar o Joomla, mantendo uma cópia estável e sem problemas, é
necessário um profissional com conhecimento nas áreas de PHP e banco de dados, Além é
claro de estar constantemente informado sobre o que acontece na cena Joomla. Para a
confecção de um layout personalizado que atenda as necessidades atuais do mercado, se faz
necessário uma equipe de webdesigners capacitada e familiarizada com a ferramenta. Vale
ressaltar que uma ferramenta auto-gerenciável não é o suficiente para um site de sucesso ou o
sucesso de sua empresa na internet. É necessário todo um trabalho de estudo mercadológico
para entender os motivos de seu site estar no ar e o que o seu público realmente necessita,
além de uma convergência entre sua empresa e as mídias sociais como sites de
relacionamentos, marketing direto e indireto, marketing de guerrilha, construção de um
conceito, além é claro de um trabalho sólido de imagem empresarial. Sendo assim, o motivo
real da utilização de uma ferramenta de CMS é única e exclusivamente para eliminar os custos
com um profissional que realize a manutenção periódica de conteúdo, que agora pode ser
feita pelo dono da empresa ou funcionários da mesma designados para tal. Além de Assessoria
em Imagem Empresarial, o Estúdio Buteko é especializado na plataforma Joomla e, quando
contratado, realiza todo o processo de instalação e configuração, além do desenvolvimento /
personalização de estrutura e design, entregando o site pronto para a empresa, instruindo-a
como proceder fornecendo o suporte necessário a partir do momento em que o site está no
ar.

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 2 – LOGANDO NO SISTEMA
2.1 - Para fazer o login no sistema de seu site é necessário acessá-lo pelo Back End. Para isso,
basta acessar o endereço [Link]/administrator. Aparecerá a seguinte tela,
onde você deverá inserir seu usuário e senha.

2.2 - Após o login você será redirecionado para a tela inicial do sistema.

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 3 – ADMINISTRAR ARTIGOS (CONTEÚDO)
3.1 - No menu superior, vá em "Conteúdo -> Administrar Artigos".

3.2 - Aparecerá a área "Administrar Artigos" com uma lista de todos os artigos existentes no
site, sem distinção de seção ou categoria.

3.3 - Aqui você pode:

(Imagem ilustrativa de tela no final do item 3)

3.3.A - Visualizar os artigos por seções;

Abaixo dos icones, clique em "Selecione uma seção" e selecione, para listar artigos de uma
seção específica.

3.3.B - Visualizar os artigos por categorias;

Abaixo dos icones, clique em "Selecione uma categoria" e selecione, para listar artigos de uma
categoria específica.

3.3.C - Visualizar os artigos por autor;

Abaixo dos icones, clique em "Selecione um autor" e selecione, para listar artigos de um autor
específico (no caso de existir mais de um administrador).

3.3.D - Visualizar os artigos por estado (publicado ou despublicado);

Abaixo dos icones, clique em "Selecione um estado" e selecione, para listar artigos de um
estado específico (publicados ou despublicados).

3.3.E - Publicar artigos despublicados;

Marcar o artigo desejado (que estará com um "X" em vermelho na coluna "Publicado") e clicar
no ícone "Publicar".

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 3.3.F - Despublicar artigos publicados;
Marcar o artigo desejado (que estará com um "V" em verde na coluna "Publicado") e clicar no
ícone "Despublicar".

3.3.G - Mover um artigo de uma categoria para outra;

Marcar o artigo desejado e clicar no ícone "Mover". Na próxima tela, selecionar a categoria
para qual deseja mover o artigo e clicar em "Salvar". Move o artigo e não mantém uma cópia.

3.3.H - Copiar um artigo de uma categoria para outra;

Marcar o artigo desejado e clicar no ícone "Copiar". Na próxima tela, selecionar a categoria
para qual deseja copiar o artigo e clicar em "Salvar". Move o artigo e mantém uma cópia.

3.3.I - Enviar um artigo para a lixeira;

Marcar o artigo desejado e clicar no ícone "Lixeira".
(Nota: esta ação não pede confirmação e envia o artigo direto para a lixeira)

3.3.J - Editar um artigo existente;

Clicar no título do artigo que deseja editar (para saber mais leia o ítem 4)

3.3.K - Criar um novo artigo.

Clicar no ícone "Novo" (para saber mais leia o ítem 4)

3.3.L - Adicionar artigos ou remover artigos da página inicial (Capa do site)

Na coluna "Página inicial", clicar no ícone correspondente ao artigo desejado.

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 4 – ADICIONAR OU EDITAR ARTIGO
Tanto para editar quanto para adicionar um novo artigo, o usuário será redirecionado para
uma tela de exibição de um artigo. A diferença é que no caso de edição, todos os campos já
estarão preenchidos, uma vez que o artigo já foi criado anteriormente. Aqui fica subentendido
que você já possui um site em Joomla configurado e funcionando corretamente, com todas as
seções e categorias de seu site criadas e devidamente configuradas. (Imagem ilustrativa de
tela de cada sub-item no final do item 4)

4.1 – Título
Insira o título que o conteúdo deverá receber

4.2 – Apelido
Deixar em branco, pois é o nome que o sistema utilizará para identificar internamente o item.
Deixando em branco, o sistema inserirá a melhor forma baseada no título.

4.3 – Seção
Selecione a seção que contém a categoria onde o artigo deverá ser publicado

4.4 – Publicado
Selecione sim para colocar o item no ar de imediato e não para deixá-lo salvo no sistema,
porém invisível para o usuário final que está visitando o site

4.5 - Exibir na página inicial

Selecione SIM para mandar uma cópia deste artigo para a capa do site e NÃO para publicá-lo
normalmente, sem o destaque na capa.

4.6 – Categoria
Selecione a categoria onde o artigo deverá ser publicado

4.7 - Editor de Textos

4.7.A - Formatação:
A formatação pode ser realizada de acordo com aplicativos de edição de textos como
Microsoft Word ou Open Office. É possível deixar o texto em negrito, itálico, sublinhado ou
riscado, bem como alinhar pela esquerda, pelo centro, pela direita ou justificado.

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 NOTA: Sempre que for copiar algum texto de qualquer lugar (site, documentos de Word, etc),
antes de colar no editor do sistema você deve colar em um Bloco de Notas / Note Pad vazio, e
após, copiar do bloco de notas e colar no editor. Desta forma você removerá a formatação
original que possivelmente causará conflitos em relação a programação do editor.

4.7.B - Inserindo imagens:

- No rodapé do editor existe um botão "imagem". Este botão quando clicado, abrirá uma
lightbox mostrando a pasta do sistema onde estão alocadas as imagens enviadas.

- Caso você já tenha enviado alguma vez as imagens para o servidor, clique na imagem
desejada. Abaixo da janela das imagens, haverá um menu suspenso de alinhamento, onde
você escolhe se a imagem ficará à esquerda ou à direita do texto. Insira a descrição e o título
da imagem e clique em "Inserir" no topo da lightbox.

- Caso a imagem ainda não esteja hospedada no servidor, você pode enviá-la clicando em
"Escolher arquivo", selecionar a imagem e clicar em "Iniciar Envio".

NOTA: Procure não enviar imagens muito grandes, pois além de prejudicarem o layout do
artigo, demorarão para carregar e ainda ocuparão espaço desnecessário no servidor. Uma
sugestão de configuração ideal de imagem para artigos é .JPG, em RGB, com 72dpi, 150px de
largura para imagens pequenas e 500px de largura para imagens grandes.

4.7.C - Link "Leia Mais"

- Para inserir um link "Leia Mais" em seu artigo, clique com o cursor na área do texto onde
você deseja que o link seja inserido. Vá até o rodapé do editor e clique em "Leia Mais".
Aparecerá uma linha no local selecionado (como você pode observar no meio do texto da
imagem abaixo), dividindo o texto em 2 partes, sendo que a segunda só será exibida quando o
usuário clicar em "Leia Mais".

4.8 - Após finalizar a edição/criação, clique em salvar.

DICA: Se estiver redigindo o artigo direto no sistema, é interessante de tempo em tempo clicar
em "Aplicar", para o caso de sua conexão com a internet sofrer alguma instabilidade.

Ao clicar em “Aplicar”, o artigo é salvo no sistema, porém você continua na mesma tela de
edição, para continuar editando o mesmo artigo.

Ao clicar em “Salvar” você salvará o artigo e voltará para a tela anterior contendo a lista de
todos os artigos (ou a lista de seção ou categoria que estavam selecionadas antes da edição).

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.
 5 – ADMINISTRAR CAPA DO SITE
No menu superior, vá em "Conteúdo -> Administrar capa". Aqui você pode organizar a ordem
dos artigos presentes na capa do site clicando nas setas verdes ao lado dos artigos, que
apontam para cima ou para baixo. Também é possível despublicar artigos por este caminhos.
(Despublicando da capa ele será despublicado de sua categoria principal também. Se você
quiser que o artigo saia da capa, porém continue normalmente em sua categoria, deve entrar
na edição do artigo e marcar "Exibir na página inicial: Não"

-----------------------------------------------------------------------------------------------------------------

Este é o final do primeiro tutorial da série Joomla 1.5 desenvolvido pelo Estúdio Bueko. A
partir de agora você está apto a criar e editar os artigos de seu site. Para acompanhar mais
tutoriais e artigos diversos sobre o mercado em geral, acesse sempre o blog do Estúdio
Buteko: [Link] . O site oficial do Estúdio é o
[Link] . Assinando a revista eletrônica do site oficial do Estúdio você
receberá dicas, matérias e artigos sobre diversos ramos de mercado.

Se você é cliente do Estúdio Buteko, solicite pelo e-mail contato@[Link] seu

usuário e senha para acessar a área restrita do site, onde constam diversos downloads e
arquivos úteis para o seu negócio.

Se este tutorial lhe foi útil, fique à vontade para comentar no Blog ou nos enviar um e-mail
com críticas ou sugestões.

Agradecemos a atenção ☺

Tutorial Joomla 1.5 – Edição 1.0, jun/2010 - por Estúdio Buteko – Assessoria em Imagem Empresarial - Redação: Mário L. Pertile
[Link] | Não reproduzir sem os devidos créditos. Nesta Edição: Como utilizar a Administração e edição de
artigos / Itens de conteúdo pelo Back End.