Usando o editor do WebFácil

De Wiki Hostnet
Ir para: navegação, pesquisa


Caso nenhum dos modelos já prontos do Assistente de Criação do WebFácil lhe interesse, você poderá diretamente fazer uso do Editor do WebFácil, de forma que você terá uma estrutura básica, e todos os elementos do site serão definidos por você.

Ao clicar no botão, você será levado para o Editor do WebFácil, e você verá a seguinte página:

03 editor do webfacil.jpg

Usar o editor é muito fácil. Como você pode ver, temos vários elementos disponíveis nesse site. Para alterar cada um dos elementos da página, basta clicar no item desejado que uma caixa de texto será aberta, e você poderá alterar o seu conteúdo.

Uma lista dos elementos disponíveis está abaixo:

Elementos de texto: lista e edição

  • Título.
  • Menu.
  • Título (Slider).
  • Subtítulo (Slider).
  • Título do conteúdo.
  • Texto do conteúdo.
  • Título no rodapé – lado direito.
  • Título no rodapé – lado esquerdo.
  • Caixa de texto no rodapé – lado direito.
  • Caixa de texto no rodapé – lado esquerdo.
04 editor de texto do webfacil.png

Para alterar o conteúdo, basta clicar na opção desejada. Você abrirá um editor de texto como o que está acima, e poderá alterar o conteúdo do elemento desejado. É possível também realizar alterações no texto, como:

  • Negrito, itálico ou sublinhado;
  • Alinhar o texto à esquerda, direita, centralizado ou justificado (alinhado à esquerda e à direita);
  • Alterar cor da fonte e do fundo;
  • Alterar o tipo de fonte e o tamanho da mesma;
  • Inserir links, listas não-ordenadas e ordenadas;
  • Usar o editor HTML ou limpar a formatação já feita.

Na parte de baixo da caixa, você pode retornar o conteúdo daquele elemento para as versões anteriores, desfazendo possíveis alterações. Também é possível inserir imagens ao clicar no botão Imagens, e por fim, ao clicar em Salvar, a alteração feita será salva.

Elementos gráficos: lista e edição

O principal elemento gráfico do template do WebFácil é o slider, que consiste em imagens que são trocadas a cada alguns segundos. Ela está na primeira página, mas você pode alterar todas as configurações a respeito. Veremos agora como fazê-lo.

05 imagens para o slider do webfacil.png

Nessa janela aberta acima, você pode definir até 4 imagens para comporem o slider, e abaixo escolher quais páginas terão o slider. Se você quiser trocar a imagem, clique na imagem que você deseja remover, e clique no botão Adicionar imagem. Logo, você poderá inserir uma imagem que faça parte do acervo de imagens fornecido ao WebFácil, ou adicionar a imagem com base na URL.

Abaixo das imagens, é possível escolher as páginas que terão o slider. Para remover, basta clicar na caixa desejada e clicar no botão Remover slide. Você poderá ter o slider em até 5 páginas.

Elementos diversos: lista e edição

Aqui temos uma lista dos itens que não se encaixam nas categorias anteriores. São eles:

  • Menu
  • Telefone
  • Link

O menu exibe links para cinco páginas, a saber:

  • Principal
  • Quem Somos
  • Destaques
  • Novidades
  • Contato

É possível acrescentar páginas ou renomeá-las, de acordo com o nosso desejo. Veremos depois como fazê-lo.

Quanto ao telefone, basta clicar e inserir o número de telefone desejado. Não há opções de formatação nesse tipo de campo.

Por último, os links para Facebook, Twitter e e-mail. Para alterar seu conteúdo, basta clicar nas opções, para obter uma janela como a abaixo:

06 links para o webfacil.png

No campo Título, coloque ali o texto que você desejar que apareça. Em Tipo, você terá a opção de declarar o link como Endereço externo (e será necessário inserir a URL destino no campo Endereço), ou será um Endereço interno (deverá ser fundamental escolher a página para a qual o link levará, no campo Endereço). Por último, escolha no campo Abrir se este link abrirá outra página ou será aberta nessa mesma página.

No final, basta clicar em Salvar para que o link seja alterado em definitivo.

Vale lembrar que este é um dos templates fornecidos pela Hostnet, mas você tem outros templates disponíveis para serem usados. Para alterar, basta clicar na opção Editar e depois em Templates, conforme veremos posteriormente.