Tutorial do Joomla: crie o seu site passo a passo

Se pretende ter um projeto web pro­fis­si­o­nal, com a máxima fle­xi­bi­li­dade e que possa expandir a qualquer momento, o melhor é optar por um sistema de gestão de conteúdos como o Joomla. Neste tutorial do Joomla, ex­pli­ca­mos quais são os re­qui­si­tos ne­ces­sá­rios para utilizar esta aplicação de código aberto e como criar um site com o Joomla passo a passo.

O que é o Joomla?

O Joomla é um sistema de gestão de conteúdos publicado em 2005 que se ca­rac­te­riza, em par­ti­cu­lar, pela sua grande fa­ci­li­dade de uti­li­za­ção. Isto torna possível começar a criar uma página web com o Joomla com co­nhe­ci­men­tos básicos e após uma breve fa­mi­li­a­ri­za­ção com o software. O CMS está li­cen­ci­ado sob a GNU General Public License e escrito em PHP.

Para o ar­ma­ze­na­mento de dados, o Joomla utiliza por padrão o sistema de ge­ren­ci­a­mento de bases de dados re­la­ci­o­nais MySQL. Como o apli­ca­tivo de código aberto tem sido uma das soluções mais populares para o ge­ren­ci­a­mento de páginas web há anos, já existem milhares de extensões para frontend e backend, a maioria das quais foi de­sen­vol­vida por uma co­mu­ni­dade muito ativa.

Tutorial do Joomla: guia de ins­ta­la­ção e con­fi­gu­ra­ção

Antes de criar um site com o Joomla, é im­por­tante definir as condições adequadas: o primeiro e mais im­por­tante passo é escolher um ambiente de alo­ja­mento adequado para armazenar os dados do projeto web. Este é o momento de con­si­de­rar se deseja alojar o CMS e a sua aplicação web no seu próprio servidor ou no servidor de um for­ne­ce­dor de alo­ja­mento. Em seguida, deve pensar no endereço web da sua página e, quando tiver escolhido o seu favorito, proceder ao registo do domínio.

Com fer­ra­men­tas de ve­ri­fi­ca­ção como o ve­ri­fi­ca­dor de domínios da IONOS, pode verificar se o endereço que deseja ainda está dis­po­ní­vel.

Passo 1: instalar e con­fi­gu­rar o servidor web e a base de dados

Depois de tratar do alo­ja­mento e do registo do domínio, pode começar a instalar os com­po­nen­tes de software ne­ces­sá­rios para o fun­ci­o­na­mento do sistema de gestão de conteúdos:

Por um lado, precisa de um servidor web com­pa­tí­vel com PHP (que também deve estar instalado no servidor) e que possa ser gerido através de FTP. O mais re­co­men­dá­vel é con­fi­gu­rar um servidor Apache para garantir es­ta­bi­li­dade e com­pa­ti­bi­li­dade com o Joomla.

Por outro lado, necessita de um sistema de gestão de bases de dados onde o Joomla armazene os dados do seu site. O MySQL é uma das melhores opções para este fim, pelo que o ideal é des­car­re­gar os ficheiros de ins­ta­la­ção a partir da página oficial do MySQL. Tenha em atenção que existem duas versões: a edição comercial paga «MySQL En­ter­prise Edition» e a versão gratuita e de código aberto «MySQL Community Edition».

Passo 2: des­car­re­gar e instalar a versão atual do Joomla

Se o servidor web e a base de dados estiverem em execução, abra a página web do Joomla e transfira os ficheiros de ins­ta­la­ção da versão mais recente do sistema de gestão de conteúdos.

O ficheiro que é des­car­re­gado é um ficheiro que pode ser des­com­pac­tado lo­cal­mente antes ou depois de ser carregado para o servidor web com um cliente FTP como o FileZilla. É im­por­tante que os ficheiros do programa Joomla estejam no diretório raiz público, nor­mal­mente chamado public_html ou, em alguns casos, também htdocs, após serem des­com­pac­ta­dos.

Para iniciar a ins­ta­la­ção do Joomla, abra o ins­ta­la­dor web através do navegador da sua escolha, se­le­ci­o­nando o seu domínio ou a lo­ca­li­za­ção local (http://localhost/ruta-a-la-carpeta-joomla) do Joomla. Primeiro, o Joomla so­li­ci­tará que faça alguns ajustes básicos, começando pela seleção do idioma. No entanto, o CMS já deve ter se­le­ci­o­nado au­to­ma­ti­ca­mente a versão de idioma apro­pri­ada com base no idioma se­le­ci­o­nado para o navegador. Os seguintes campos também devem ser pre­en­chi­dos:

• Nome do site: neste ponto, es­pe­ci­fi­que o nome do seu site. É aqui que poderá alterar o nome, se desejar, a qualquer momento na con­fi­gu­ra­ção global.
• Nome de uti­li­za­dor: por pre­de­fi­ni­ção, o CMS utiliza o nome «admin» para o su­pe­ru­ti­li­za­dor, que pode alterar aqui.
• Senha: defina uma senha segura para o acesso do ad­mi­nis­tra­dor e não se esqueça de que esta conta de uti­li­za­dor tem acesso total ao frontend e ao backend.
• E-mail: o Joomla solicita um endereço de e-mail válido vinculado à conta de ad­mi­nis­tra­dor. Isso será ne­ces­sá­rio, por exemplo, se você quiser alterar a senha.

Depois de preencher a página de con­fi­gu­ra­ção, o próximo passo será o menu de con­fi­gu­ra­ção do banco de dados. Lá, deverá in­tro­du­zir as in­for­ma­ções so­li­ci­ta­das, como o tipo de banco de dados, o nome do servidor e os dados de acesso. Para finalizar, clique novamente no botão de ins­ta­la­ção.

Como criar um site com o Joomla: tutorial para começar

Como um sistema clássico de gestão de conteúdos, o Joomla oferece dois níveis di­fe­ren­tes para a edição de conteúdos web: o frontend, que permite editar o conteúdo, e o backend, no qual é criada a base para a fun­ci­o­na­li­dade, o design e a ad­mi­nis­tra­ção do projeto web. Se quiser criar uma página web com o Joomla, terá de trabalhar no backend. Neste tutorial, aprenderá, entre outras coisas, quais as questões ad­mi­nis­tra­ti­vas que devem ser re­sol­vi­das no início e como criar uma página web simples com o Joomla e preenchê-la com conteúdo.

Passo 1: inicie sessão no backend do Joomla

Pode trabalhar no backend (e também no frontend) con­for­ta­vel­mente através do navegador. Depois de ligar o seu domínio ao Joomla, basta digitar o endereço http://www.nombre-de-la-pagina-web.es/administrator na barra do navegador para abrir a janela de login do backend. Não se esqueça de subs­ti­tuir o endereço de exemplo nombre-de-la-pagina-web.es pelo endereço de domínio do seu futuro site. Na página de login que aparece, insira os dados de ad­mi­nis­tra­dor que es­pe­ci­fi­cou durante a ins­ta­la­ção e clique no botão de acesso para iniciar a sessão.

Passo 2: menu de con­fi­gu­ra­ção do Joomla: alterar a con­fi­gu­ra­ção global

Após iniciar sessão, en­con­trará o Painel de controlo do Joomla, onde obterá uma visão geral dos dados mais im­por­tan­tes sobre o seu site e as ati­vi­da­des no sistema de gestão de conteúdos. Desta forma, pode ver quais as versões do sistema operativo, PHP e base de dados que está a utilizar ou quantos vi­si­tan­tes estão atu­al­mente no seu site, quais os uti­li­za­do­res que estão co­nec­ta­dos ao backend ou frontend e quais foram as últimas al­te­ra­ções feitas no projeto web. Através do Painel de controlo, também pode aceder ao menu de opções do CMS, onde pode ajustar a con­fi­gu­ra­ção básica do seu site. Ele é aberto clicando no botão**«Global»**dentro de «Con­fi­gu­ra­ção»:

No separador «Site», en­con­trará as con­fi­gu­ra­ções já co­nhe­ci­das da ins­ta­la­ção, como, por exemplo, o nome do site, os metadados globais ou o botão para o modo offline do seu projeto web. Também pode es­pe­ci­fi­car qual editor deseja utilizar. O editor WYSIWYG TinyMCE está definido por pre­de­fi­ni­ção, mas, como al­ter­na­tiva, também está dis­po­ní­vel o editor de código simples Co­de­Mir­ror. No entanto, graças às extensões apro­pri­a­das, também é possível integrar editores tão populares como o ARK Editor ou o JCE.

Também é possível con­fi­gu­rar a indexação e a oti­mi­za­ção para os motores de busca: no campo «Robots», pode es­pe­ci­fi­car se os ras­tre­a­do­res dos motores de busca devem indexar páginas HTML (index) ou não (noindex) e se devem seguir os links (follow) ou não (nofollow). Os outros se­pa­ra­do­res do menu de con­fi­gu­ra­ção permitem os seguintes ajustes:

• Sistema: aqui pode realizar ajustes para o ar­ma­ze­na­mento em cache, a depuração e a gestão de sessões.
• Servidor: neste menu, en­con­trará todas as opções im­por­tan­tes para a gestão do servidor web e ativar ou desativar, por exemplo, FTP, HTTPS ou um servidor proxy.
• Registo: neste menu, pode ajustar o diretório de ficheiros de registo e con­fi­gu­rar outras opções re­la­ci­o­na­das com os registos do Joomla.
• Filtro de texto: aqui pode definir que tipos de elementos HTML são uti­li­za­dos ao usar o editor por cada um dos grupos de uti­li­za­do­res.
• Per­mis­sões: os direitos das di­fe­ren­tes contas de uti­li­za­dor podem ser definidos in­di­vi­du­al­mente no menu «Per­mis­sões». As ações de­fi­ní­veis incluem acesso de ad­mi­nis­tra­dor, início de sessão na página, criação, edição e eli­mi­na­ção.

Passo 3: gerir grupos de uti­li­za­do­res e adicionar conta de uti­li­za­dor

Após a ins­ta­la­ção, a conta de ad­mi­nis­tra­dor continua a ser a única conta de uti­li­za­dor. Mas, de­pen­dendo do tipo e do âmbito do projeto web, também haverá outros uti­li­za­do­res en­vol­vi­dos na gestão do site ou na conceção do conteúdo. É por isso que o Joomla fornece um esquema de uti­li­za­do­res pre­de­fi­nido e es­tru­tu­rado hi­e­rar­qui­ca­mente que pode ser per­so­na­li­zado. Para isso, clique primeiro em «Uti­li­za­do­res» no menu lateral esquerdo e, em seguida, em «Grupos»:

Se desejar modificar este esquema, basta clicar no grupo que deseja editar. Também pode eliminar grupos com­ple­ta­mente com «Eliminar». Para definir as opções de acesso aos di­fe­ren­tes perfis de uti­li­za­dor, aceda ao separador «Per­mis­sões» men­ci­o­nado na secção anterior do menu de con­fi­gu­ra­ção. Lá, clique no grupo ou subgrupo que deseja editar e, em seguida, selecione uma das três opções a seguir:

• Herdado: a au­to­ri­za­ção é trans­fe­rida da con­fi­gu­ra­ção do grupo superior.
• Permitido: o grupo de uti­li­za­do­res pode realizar a ação in­de­pen­den­te­mente das con­fi­gu­ra­ções do grupo de nível superior.
• Rejeitado: o grupo de uti­li­za­do­res não pode realizar a ação, in­de­pen­den­te­mente da con­fi­gu­ra­ção do grupo principal.

Se os grupos e os direitos de acesso atri­buí­dos sa­tis­fi­ze­rem as suas ne­ces­si­da­des, pode criar novas contas de uti­li­za­dor e atribuí-las aos di­fe­ren­tes grupos. Para tal, abra o menu «Uti­li­za­do­res» e clique no botão «Novo uti­li­za­dor» (com o sinal de mais). Aí, é ne­ces­sá­rio in­tro­du­zir o nome e o nome de uti­li­za­dor, bem como um endereço de e-mail válido do novo uti­li­za­dor e marcar no separador «Grupos de uti­li­za­do­res» a que grupo ou grupos esta nova conta de uti­li­za­dor deve ser atribuída. Em seguida, clique em**«Guardar e fechar»** para criar a conta, que deverá aparecer ao lado da conta de ad­mi­nis­tra­dor na lista de uti­li­za­do­res.

Passo 4: se­le­ci­o­nar e integrar um modelo na sua página web Joomla

Se quiser criar páginas web com o Joomla, tem a grande vantagem de ter à sua dis­po­si­ção vários modelos de design (co­nhe­ci­dos como temas ou templates). A versão básica do Joomla fornece os modelos res­pon­si­vos Cas­si­o­peia para o frontend e Atum para o backend. No entanto, se tiver em mente outros modelos do Joomla como base para o seu projeto web, pode integrá-los a qualquer momento no backend. Para isso, primeiro des­car­re­gue o modelo e, em seguida, clique em «Extensões» no menu lateral esquerdo. Arraste o ficheiro do modelo des­car­re­gado para a área indicada e o Joomla iniciará au­to­ma­ti­ca­mente a ins­ta­la­ção.

Após a ins­ta­la­ção, en­con­trará os modelos em «Sistema» -> «Modelos».

Passo 5: criar uma página Joomla e defini-la como página inicial

No Joomla, as páginas de um projeto web são de­no­mi­na­das artigos. Se se­le­ci­o­nou a opção cor­res­pon­dente durante a ins­ta­la­ção, já existirá um artigo de exemplo chamado Getting Started, cujo conteúdo pode vi­su­a­li­zar ao aceder agora à sua página web.

Para criar a primeira página do seu próprio site com o Joomla, clique em «Novo artigo» (na secção «Artigos») no painel de controlo. Escolha um título para o artigo e adicione o conteúdo desejado através do editor. Com o botão «Formato», pode aplicar os formatos mais comuns, como títulos, negrito, itálico ou pa­rá­gra­fos. Por último, clique em «Guardar e fechar» para criar o artigo.

Pode editar ou eliminar a página criada a qualquer momento na secção «Artigos». Para defini-la como página inicial do seu projeto web, aceda ao menu «Menus». Clique primeiro em «Menu principal» e depois em «Início». No campo «Tipo de elemento do menu», selecione a opção «Artigo único». Em seguida, em «Se­le­ci­o­nar artigo», escolha a página que acabou de criar para torná-la a página inicial do seu site.

Passo 6: inserir links em artigos

Os links são um com­po­nente im­por­tante das melhores páginas web, pois, sejam eles internos ou externos, agregam valor à sua oferta e melhoram o po­si­ci­o­na­mento nos motores de busca. Assim que tiver o material preparado, poderá integrá-lo nos seus textos sem muito esforço. Para links externos, selecione o com­po­nente de texto que servirá para criar o link e clique em**«Inserir/editar link**».

Para os links internos, clique no botão «Artigo» e selecione o artigo do seu projeto que deseja vincular.

Passo 7: como adicionar imagens à sua nova página inicial

É claro que também deve integrar imagens na sua página web, pois mesmo o conteúdo mais in­te­res­sante di­fi­cil­mente atrai os leitores sem algo que chame a atenção vi­su­al­mente. Para melhorar um artigo com fotos e gráficos, abra-o no menu e, em seguida, selecione «Conteúdo do CMS» e depois «Mídia»:

Clique na imagem que deseja inserir no artigo e preencha as in­for­ma­ções sobre o título ou a descrição da imagem. Por fim, clique em «Inserir mídia» e a imagem aparecerá na posição desejada no artigo: