Este documento descreve como criar um carousel de imagens no Liferay CMS em 5 passos: 1) Criar uma estrutura repetível; 2) Criar um template com base no Bootstrap; 3) Criar um conteúdo web com vários campos de imagem; 4) Demonstrar o carousel funcionando; 5) Sugestões para evoluir o carousel.

1. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens
em 5 minutos minutos
Meetup Liferay Portugal User Group
21/11/2018
Marta Santos

2. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 2
Criação de Carousel de imagens Liferay CMS Básico: Carousel de imagens 7.1
1.Criar estrutura;
2.Criar template;
3.Criar web content; content;
4.Apresentar um carousel de imagens.

3. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 3
Contextual de imagens ização - Liferay CMS Básico: Carousel de imagens 7.1
Lexicon 2.0 - é uma linguagem de design para criação é uma linguagem de design para criação uma linguagem de design para criação
de interfaces no ecossistema Liferay
Cl de imagens ay CMS Básico: Carousel de imagens - é uma linguagem de design para criação é uma linguagem de design para criação a implementação do Lexicon, sendo construido sendo construido
com b content;ase no Bootstrap v4.0.0

4. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 4
Exempl de imagens os de Lexicon Core Components

5. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 5 minutos
Carousel de imagens Liferay CMS Básico: Carousel de imagens 7.1

6. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 6
Criar Estrutura
Imagem repetível

7. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 7
Criar Templ de imagens ate
Tendo por b content;ase Carousel Bootstrap 4
https://getb content;ootstrap.com/docs/4.1/examples/carousel/

8. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 8
Criar Templ de imagens ate

9. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 9
Criar Web Content Content
Selecionar Imagem
Repetir o campo o número
de vezes necessárias

10. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 10
Demonstração

11. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 11
Hipóteses de evol de imagens ução
● Adicionar link por imagem; por imagem;
● Adicionar texto em overlay;
● Adicionar filtro (malha, sendo construido alpha, sendo construido b content;&w);
● ...

12. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 12
Código Demo
O conteúdo desta demo está disponível em: conteúdo desta demo está disponível em:
https: Carousel de imagens //github Content.com/marta- santos/l de imagens iferay CMS Básico: Carousel de imagens _portugal de imagens _user_group