Inserindo módulos nas páginas internas

Acesse o novo curso e veja a ferramenta SitePX atualizada.

Nessa aula vamos ensinar inserir um destaque em uma página interna do site. Vamos escolher a página de "Produtos", em nosso site-modelo.


Nas páginas internas, os destaques são colocados nas barras laterais da página.
Clique na área de Design e surgirão os "Comandos Gerais" (ver imagem acima, nos comandos da barra inferior). Clique em "Adicionar módulo", onde está o sinal +.


Vamos escolher o módulo "Destaque" e clicar nele. O destaque será inserido imediatamente na página e aparecerá uma janela com os dados do destaque (veja a seguir).


Digite um título para seu destaque. Na vídeo-aula, você verá que vamos deixar uma foto ilustrativa nesse destaque, uma foto vertical. Vamos colocar a foto, clique em buscar imagem e aparecerá sua Biblioteca de Imagens.
Clique em "+" na imagem escolhida. A imagem já está no destaque, vamos escolher agora o formato do modelo.
Vamos escolher a largura selecionando em "modelos".
Pronto, veja, nosso destaque na página "Produtos".

Agora vamos colocar um novo destaque só com texto e um fundo colorido.
Clique novamente em adicionar módulo. Escolha o módulo destaque. O destaque já foi inserido.
Agora escreva um texto promocional no título. Clique em "Salvar".
Veja, o novo destaque com o texto.

Clique em "Editar Design" no destaque.


Veja acima. Você pode alterar o tamanho da letra, a cor da letra e a fonte.
Vamos aumentar a letra. Vamos mudar a fonte. Agora vamos clicar nesse ícone Y de configurações avançadas (ao lado direito de onde está a seta na imagem acima).


Temos aqui a opção de mudar o alinhamento do texto. Vamos centralizar. Pronto, agora clique em "Voltar".
Vamos escolher aqui uma cor para o fundo dos destaques (veja o botão fundo acima, à direita).
Clique e escolha uma cor. Clique em "Ok". 

Ao escolher uma cor de fundo e uma letra, esse padrão passa para todos destaques de páginas internas
do site. Clique em "Salvar". E clique em "Visualizar"
Veja nossos dois módulos na página de "Produtos".

Esta aula é muito importante, você pode fazer muitos módulos diferentes, só com fotos, só com textos,
com fotos titulos e texto, com fundos coloridos,.
Use sua imaginação para fazer seu site do seu jeito.

Veja esse vídeo no You Tube: https://www.youtube.com/watch?v=_ssn5xsJT6g 

 

Categoria: áreas de design, controles gerais, design, destaques, inserção de imagens, legenda da imagem, módulos, módulos de destaque, módulos laterais
Aula: 25 

voltar para Como criar um site

left show tsN fwR fsN|left tsN b01e fwR bsd show|left fwR tsN show|bnull||image-wrap|news login c05|fsN fwR normalcase tsN|c05|login news fwR normalcase|tsN fwR normalcase|normalcase fwR c05|content-inner||