Joomla
- Criação de uma chamada com texto e duas imagens laterais com links, de forma manual
- Criação de destaques com imagens, trazendo os artigos dinamicamente
Criação de uma chamada com texto e duas imagens laterais com links, de forma manual
Neste tutorial, iremos utilizar o mod_chamadas para fazer a exibição de um texto curto com duas imagens laterais com links, que serão definidos de forma manual.
Exemplo:
No canal do Julio Coutinho no YouTube, existem vários tutoriais sobre o Joomla, inclusive sobre o template padrão e-Gov que é utilizado pelo IFSP:
Link do canal: https://www.youtube.com/c/JulioCoutinhoJoomlaSemMistério
Link das playlists sobre padrão e-Gov:
Portal padrão e-Gov com Joomla! 3.7.x
Portal Padrão e-Gov Com Joomla! 3.x
Joomla e-Gov Idg2019
Clique em Novo, no canto superior esquerdo e em seguida clique em mod_chamadas.
Na página de criação do mod_chamadas, selecione a aba Module.
- Layout Alternativo: selecione chamada-secundaria-pro;
- Fonte de dados (model): selecione manual;
- Quantidade de itens: selecione 3 (1 texto + 2 imagens);
- Título alternativo: digite um título para a chamada.
Selecione a aba Configurações Manuais do item 01:
- Preencha com o texto que será exibido no quadro da chamada.
Selecione a aba Configurações Manuais do item 02:
- Mostrar imagem 02: selecione Sim;
- Imagem item 02: selecione a imagem que será exibida. Há também a opção para enviar a imagem;
- Na criação do link, existem três opções:
- URL simples para o item 02: Preencha com um endereço de site (URL);
- URL de item de menu para item 02: selecione um item do menu do site;
- URL de artigo de conteúdo para item 02: selecione um artigo do site.
Importante:
Ao enviar as imagens, verifique as pastas já existentes e procure colocar as imagens dentro de uma delas, ou até mesmo criar um pasta nova, para manter a organização.
Selecione a aba Configurações Manuais do item 03:
Repita os passos feitos na aba Configurações Manuais do item 02, alterando somente a seleção da imagem e links.
Criação de destaques com imagens, trazendo os artigos dinamicamente
Neste tutorial, vamos utilizar o mod_chamadas para exibir 6 imagens lado a lado trazendo os artigos de uma categoria.
Exemplo:
No canal do Julio Coutinho no YouTube, existem vários tutoriais sobre o Joomla, inclusive sobre o template padrão e-Gov que é utilizado pelo IFSP:
Link do canal: https://www.youtube.com/c/JulioCoutinhoJoomlaSemMistério
Link das playlists sobre padrão e-Gov:
Portal padrão e-Gov com Joomla! 3.7.x
Portal Padrão e-Gov Com Joomla! 3.x
Joomla e-Gov Idg2019
Categoria dos Artigos
Para que seja possível obter os artigos dinamicamente, é necessário uma forma de separá-los dos demais. Para isso, é comum usar a categoria e também a opção destaque.
As categorias podem ser acessadas através do menu Conteúdo / Gerenciador de Categorias.
Repare que já vai existir várias categorias cadastradas, geralmente com nome de pró-reitorias, diretorias, comissões, etc. Caso precise criar uma, verifique se não se encaixa dentro de alguma das já existentes, sendo possível criar uma sub-categoria.
Para este tutorial, vamos criar uma categoria com o nome Exemplo.
Criação dos Artigos
O acesso é feito através do menu Conteúdo / gerenciador de Artigos.
Ao criar ou editar um artigo, selecione a aba Content e em Categoria, selecione Exemplo (1).
Para definir a imagem que será exibida, selecione a aba Imagens e Links.
No campo Imagem da Introdução (1), clique em selecionar. Haverá opção para enviar a imagem ou escolher uma enviada anteriormente.
Importante:
Ao enviar as imagens, verifique as pastas já existentes e procure colocar as imagens dentro de uma delas, ou até mesmo criar um pasta nova, para manter a organização.
Esse passo acima deve ser feito em 6 artigos que serão usados no exemplo.
Criação do Módulo - mod_chamadas
O acesso é feito através do menu Extensões / Gerenciador de Módulos.
Clique em Novo, e na página seguinte, selecione a opção mod_chamadas.
- Posição: selecione o local da página que será exibido.
- Layout Alternativo: selecione a opção chamada-secundária.
- Fonte de dados (model): selecione article_content.
- Quantidade de itens: 6 (nesse exemplo, são exibidas 6 imagens).
- Título alternativo: um título opcional para essa seção do site. É exibido somente se o campo Exibir Título estiver como Sim.
Selecione a aba Configuração de itens da fonte de dados:
- Itens em destaque: selecione trazer todos os itens;
- Dica: caso a categoria tenha mais artigos do que o número que será exibido, pode-se marcar os artigos como destaque e nesta opção selecionar Trazer somente destaques.
- Somente itens com imagem: Sim;
- Tratamento de categorias e tags: Somente categorias. Nesta parte é definido como os artigos serão selecionados para aparecer nesse módulo;
- Categorias de conteúdo: Exemplo. Aqui selecionamos de qual categoria os artigos serão trazidos. Esta é a categoria que criamos no início deste tutorial.
- Opções de Ordenação: conforme a imagem, vamos ordenar por ordem crescente de data de criação.
Selecione a aba Outras configurações de exibição:
- Exibir imagem: Exibir;
- Exibir texto de introdução: Ocultar. A intenção é exibir somente a imagem;
- Exibir titulo: Ocultar. A intenção é exibir somente a imagem.