Ficou sabendo do Criador de Site da KingHost e está querendo uma ajuda para utilizá-lo? Confira as dicas abaixo que fazem parte da primeira parte do tutorial que estaremos disponibilizando ao longo desta semana 😉
Personalize seu conteúdo: Banner
Para editar seu banner, vá em Estilo (abaixo, à direita) e Editar Banner.
Imagem de Banner
Se o estilo que você selecionar suporta uma imagem de banner personalizado, basta passar o cursor do mouse sobre a área do banner até que a caixa azul apareça e clique dentro dela para revisar o caixa de diálogo que exibe as opções disponíveis para personalização.
Tamanho do banner:
Cada banner tem dimensões recomendadas que podem ser utilizadas para alcançar um melhor resultado. Embora seja possível editar a imagem de banner uma vez que foi carregada, é melhor fazer o upload de uma imagem que corresponda às dimensões do banner recomendado.
Para descobrir as dimensões do banner, olhar na parte inferior da caixa de diálogo que aparece quando você clica dentro da área do banner.
Carregue e edite a imagem de banner:
- Clique em qualquer lugar na imagem do banner para abrir a caixa de diálogo.
- Clique em “Alterar Imagem de Banner” e uma caixa de diálogo se abrirá.
- Você pode selecionar “Atualize novo banner”, “Navegue pelos banners carregados” ou “Encontre banners profissionais”.
- Selecione a imagem banner e o Editor de banner abrirá onde que você pode dimensionar a imagem para caber na área de banner perfeitamente.
- Faça as alterações e clique no botão “OK”. A imagem banner será carregada na página no Construtor de Sites.
Aplicar a todas as páginas:
Para aplicar a imagem de banner para todas as páginas no seu site:
- Clique dentro do banner, em seguida, clique em “Aplicar a todas as páginas”.
- Uma caixa de diálogo será aberta solicitando que você confirme se deseja aplicar a alteração para todas as páginas no seu site. Clique em “Aplicar e Salvar” se que você deseja ir em frente.
Alterando para padrão:
Não gostou do resultado? Não tem problema! Você pode facilmente reverter para a imagem de banner padrão. Clique dentro de seu banner e, em seguida, clique em “Usar padrão” na caixa de diálogo que se abre. Isso vai trazer de volta a imagem de banner original que veio com o estilo. Você pode usar essa imagem, ou começar de novo fazendo o upload de uma nova. Para alterar a imagem de banner em todas as suas páginas de volta para o banner padrão, siga do passos acima e siga o tutorial “Aplicar a todas as páginas” descritos acima.
Planos de fundo
Editar a cor de fundo:
- Clique no botão “Estilo”. Em seguida, selecione “Editar Plano de Fundo ” e depois em “Alterar plano de fundo”.
- Uma caixa de diálogo abrirá. Clique na seta para baixo ao lado de “preenchimento de plano de fundo” e o seletor de cores abrirá.
- Selecione a cor que você deseja usar e clique em “OK”.
Upload sua própria imagem de fundo:
- Clique no botão “Estilo”. Em seguida, selecione “Editar Plano de Fundo” e depois em “Alterar Plano de fundo”.
- Uma caixa de diálogo abrirá, marque a caixa ao lado de “Usar uma imagem de fundo”.
- Agora você pode carregar um arquivo do seu computador ou navegar pelos arquivos de imagem no Gerenciador de Arquivos.
- Após o upload, personalizar as configurações – se você gostaria que a imagem fique lado a lado (repetir), onde você gostaria que o fundo seja localizado na página e se você gostaria que o fundo role com a página ou não.
Para voltar e editar o fundo que você adicionou, clique no botão “Estilo”. Em seguida, selecione “Editar Plano de Fundo” e depois em “Alterar Plano de fundo”.
Aplicar a todas as páginas:
Você poderá optar por aplicar o mesmo fundo a todas as páginas do seu site, em vez de mudar o fundo de cada página individualmente:
- Clique no botão “Estilo”. Em seguida, selecione “Editar Plano de Fundo” e depois em “Aplicar todas as páginas”.
- Uma caixa de diálogo será aberta solicitando que você confirme se deseja aplicar a alteração para todas as páginas do seu site, clique em Aplicar e Salvar se você quiser ir em frente.
Alterando para padrão:
Se preferir mudar a imagem de banner no seu site de volta para o fundo padrão do estilo, clique em “Estilo”. Selecione “Editar Plano de fundo” e depois clique em “Usar Padrão”.
Movendo e editando as guias no seu menu de navegação
Se você deseja trocar o nome de uma página na sua navegação:
- No menu principal, clique em Página > Gerenciador de Página.
- A janela abrirá com uma lista das suas páginas. Clique no link azul que diz “Editar”.
- Você verá duas caixas que dizem “Rótulo” e “Texto ao passar com o mouse”.
- Rótulo: é o nome que aparece no menu de navegação do seu site.
- Texto ao passar com o mouse: muda o texto que aparece quando alguém passa o mouse sobre uma das guias no seu menu de navegação.
- Digite o texto desejado nessas duas caixas.
- Clique “OK” e sua navegação será atualizada com as alterações que você fez.
Estes são os passos para trocar a ordem da sua navegação:
- No menu principal, clique em Página > Gerenciador de Página.
- Clique na página que você gostaria de mover, arraste e solte-a onde você deseja que ela fique.
- Clique em “OK”e salve suas alterações.
Não se esqueça de clicar no botão “Publicar na Web” para que suas alterações sejam refletidas no seu site publicado.
Criando subpáginas
1. Decida as suas categorias
O primeiro passo é decidir o que suas páginas vão ser e como elas vão ser agrupadas. Por exemplo um site sobre as “Raças de cães do mundo.” A minha página principal será chamada de “Raças de cães”. Esta página vai vincular a páginas com os diferentes agrupamentos de raças de cães. Finalmente eu vou ter páginas com determinadas raças de cães dentro do grupo. Isto gera três níveis de navegação como se segue:
- Raças do cão do mundo
- Grupos de cães
- As raças
2. Crie suas páginas
Criar novas páginas clicando em Página > Adicionar Nova Página, no menu principal. Selecione o tipo de página que você quer e o nome de sua página e título da página.
Agora você pode criar todas as páginas do seu site. Este site vai ter um total de 15 páginas. Na barra de navegação pode ficar com todas as 15 páginas.
3. Usar o Gerenciador de página para organizar suas páginas
Para organizar as páginas na barra de navegação, faça o seguinte:
- Clique em Página > Gerenciador de Página, no menu principal.
- Clique no sinal verde ao lado da página que você gostaria de remover de sua navegação (ele se tornará um “X” vermelho). Isto oculta a página do seu menu de navegação.
- Arraste e solte suas páginas verticalmente para colocá-las na ordem correta.
- Pressione o botão “OK”.
Agora só minha página principal “Raças de cão do mundo” vai aparecer na minha navegação.
4. Crie seus links
O único passo que falta é criar links entre as páginas. Estes são os passos:
- Arraste e solte um Widget de texto na sua página.
- Digite e destaque o seu texto do link.
- Clique botão “Link” (parece uma corrente com a palavra “Link” ao lado) na barra de ferramentas de edição de texto.
- Na caixa de diálogo Editor de Link, procure a página que você deseja vincular e clique em “OK”.
Faça isso em todas as páginas do seu site.
Trocando de estilo
1. Clique no botão “Estilo” no menu principal. No menu drop-down, selecione “Alterar Estilo”.
2. Uma caixa de diálogo abrirá com a variedade de estilos que você pode escolher.
3. Ao passar o mouse sobre um estilo uma maior visualização do estilo será exibida.
4. Quando que você tiver decidido o estilo que você quiser usar, clique nele. Um preview do seu site vai abrir com o novo estilo aplicado a ele.
5. Depois de ter feito sua seleção, o novo estilo irá carregar no seu site.
6. Lembre-se que se você tiver adicionado seu próprio banner ou plano de fundo para o estilo anterior, não será adicionado ao novo – você precisa adicioná-lo novamente ao seu novo estilo (se o estilo tiver a opção).
Adicionando uma imagem de fundo
Editar a cor de fundo da página:
- Clique no botão “Estilo” e selecione “Editar plano de fundo” e depois “Alterar plano de fundo”.
- Uma caixa de diálogo será aberta, clique na seta para baixo ao lado de “preenchimento de plano de fundo” e o seletor de cores será aberto.
- Selecione a cor você deseja usar e clique em “OK”. Se você souber o valor hexadecimal da cor você gostaria de usar, digite-o no espaço fornecido.
Upload sua própria imagem de fundo:
- Clique no botão “Estilo” e selecione “Editar plano de fundo” e depois “Alterar plano de fundo”.
- Uma caixa de diálogo aberta, marque a caixa ao lado de “Usar uma imagem de fundo”.
- Agora você pode carregar um arquivo do seu computador ou “navegar” pelos arquivos de imagem no Gerenciador de Arquivos.
- Após o upload, personalizar as configurações – se você gostaria que a imagem fique lado a lado (repetir), onde você gostaria que o fundo esteja localizado na página e se você gostaria que o fundo role com a página ou não.
Aplicar a todas as páginas:
Você pode optar por aplicar o mesmo fundo a todas as páginas do seu site, em vez de mudar o fundo de cada página individualmente:
- Clique no botão “Estilo” e selecione “Editar plano de fundo” e depois “Aplicar a todas as páginas”.
- Uma caixa de diálogo será aberta solicitando que você confirme se deseja aplicar a alteração para todas as páginas do seu site, clique em “Aplicar e Salvar” se você gostaria ir em frente.
Excluir uma página
- Abra o seu site no Construtor de Sites.
- Clique no menu Sites e vá ao Gerenciador de Sites, ou diretamente na guia Gerenciador de Sites.
- Procure o nome da página que você deseja excluir.
- Clique no link “Excluir”.
- Uma caixa de diálogo será aberta, solicitando que você confirme que deseja apagar a página específica.
- Clique em “OK “.
Adicionar HTML
Veja como adicionar HTML para seu site usando o Widget HTML:
- Arraste e solte um Widget de HTML da barra lateral à direita na sua página (o ícone para isso é uma esfera azul).
- O editor de HTML abrirá permitindo que você escreva ou cole seu código (use botão direito do mouse > colar ou Ctrl V para colar).
- Quando você terminar, clique em “Save” e você vai ver a maneira que o HTML será exibido na sua página.
Veja como adicionar HTML para seu site usando o Widget do texto:
- Para editar o HTML em uma janela de texto, clique no botão HTML na barra de edição de texto.
- Editar o HTML, como desejado.
- Quando você terminar, clique em “OK” para retornar à edição de texto com a barra de edição de texto.
Se você está editando um post, você pode inserir HTML personalizado, usando o botão HTML na barra de edição de texto do blog.
