Ir direto para menu de acessibilidade.
Início do conteúdo da página

Galeria de imagens e olho da notícia em Serviços Gerais

Publicado: Segunda, 29 de Outubro de 2018, 16h08 | Acessos: 52526
Veja como incluir imagens e texto em destaque na elaboração de artigo.

Neste artigo estão contidas as instruções para inclusão de imagens e destaques de texto.

Exemplo de olho da notícia. Insira trechos de destaque, utilizando a ferramenta Blockquote.

Vestibulum finibus, sem porttitor rutrum elementum, leo leo pretium elit, a laoreet dui nibh a sem. Praesent viverra aliquam condimentum. Mauris magna nulla, efficitur non tortor vitae, sollicitudin placerat arcu. Proin id facilisis est, id scelerisque quam. Donec porta nisl nec eros ullamcorper imperdiet. Morbi felis risus, tempor et commodo nec, dignissim non purus. Cras at turpis ipsum. Praesent id sapien pulvinar ante placerat faucibus sit amet volutpat mi. Aenean tristique sodales lorem, sit amet mollis odio. Nulla eleifend orci in tortor sollicitudin, vel gravida dolor dictum. In neque est, iaculis ut semper eu, porta at sem. Duis pharetra ornare risus, id luctus lacus maximus in. Sed feugiat, mi at pharetra rutrum, ex tortor tincidunt ante, nec dignissim ligula odio et urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

EXEMPLO DE GALERIA:

{gallery}CENTRAL/USER/imagens/428{/gallery}

Como utilizar galerias dentro do artigo:

Crie uma PASTA dentro do Joomla dentro de imagens. Coloque como nome da PASTA a ID (número) do artigo que está editando ou algum título de fácil identificação, pois o nome da PASTA que será inserida como a galeria de imagens dentro do artigo.

Antes de fazer upload das imagens para dentro do Joomla, renomeie as fotos de forma que fique mais fácil para identificar, pois terá que referenciar o nome da imagem para inserir a legenda em cada uma.

Para inserir a legenda em cada imagem terá que criar um arquivo chamado labels.txt e fazer o upload desta dentro da PASTA de imagens relacionada ao seu artigo.

 

Exemplo:

Para saber qual ID é do artigo que está editando, salve e feche e visualize na lista geral (Gerenciador de Artigos) o número do meu artigo. No exemplo abaixo a ID do artigo é 428.

tutorial gerenciador artigos

Abra novamente o artigo. No editor de texto, clique no botão "Insert/Edit image" para abrir o gerenciador de imagens. Clique no botão "New Folder" e insira um título de fácil identificação (de preferência a ID do artigo) para a PASTA.

 image manager  pasta428

Dentro da PASTA criada, clique no botão "Upload". Clique no botão verde "Browse" para localizar os arquivos salvos em seu computador. Selecione os arquivos (já renomeados e de fácil identificação) e clique em Abrir.

image manager upload

Agora faça o Upload das imagens selecionadas.

Pronto! As imagens estão dentro do Joomla, em uma pasta nomeada por você (no exemplo a pasta foi nomeada como 428). Clique em Close para fechar.

Inserindo legendas nas imagens da galeria:

Em seu computador, abra um novo bloco de notas. Utilize a expressão abaixo para ligar a legenda à alguma imagem especifica:

Nome do arquivo.PNG|Título do Arquivo|Subtítulo

Nome do arquivo.PNG - É o nome do arquivo que fez o upload para dentro do joomla. É importante que insira a extensão do arquivo junto com seu nome. Exemplo de exntesões de imagens: PNG, JPG, JPEG, GIF, SVG

Título do Arquivo - Título breve. É visualizado quando o usuário passa o mouse em cima de uma imagem e quando abre para visualizar os detalhes.

Subtítulo - Breve descrição da imagem.

| - Denomina-se "pipeline" (não é a letra L). Utilizado como separador dos parâmetros mencionados acima. Importante: os parâmetros tem que estar descritos no arquivo .txt como no exemplo acima, sem espaços entre si.

 

Salve o arquivo como labels.txt no formato UTF-8.

utf8

O arquivo tem que estar exatamente com este nome mencionado acima. Visualize aqui o exemplo de um arquivo labels.txt

 

 

 

 

Estrela inativaEstrela inativaEstrela inativaEstrela inativaEstrela inativa
 
Categoria:

Adequações nos serviços do Restaurante Universitário

Ações visam buscar excelência nas políticas de permanência estudantil, em consonância com a...

Departamento de Fonoaudiologia promove ações no Dia Mundial da Audição

A data dedicada à conscientização sobre a perda auditiva e à promoção dos cuidados auditivos, e...

Fim do conteúdo da página