A Interface do editor oferece aos usuários as ferramentas necessárias para criar o site perfeito para sua empresa.
Este artigo inclui uma visão geral das principais seções da interface, suas subseções e como usá-las para melhor atender às suas necessidades específicas.
Saiba mais sobre Cloudbeds Websites.
Visão geral
Seu site é a base para uma forte presença online. Cloudbeds Websites oferece uma Interface do editor fácil de usar com três seções personalizáveis para ajudar você a criar um site de alta qualidade e desempenho otimizado:
Seções do Criador de Sites da Cloudbeds
Use a Barra de navegação superior para navegar pelo site, alternando entre diferentes páginas e visualizações de dispositivos. Clique em uma página para visualizá-la ou clique em um dispositivo para conferir a aparência da página atual nele (1)
A barra de navegação possui controles para desfazer ou refazer ações simples no editor, salvar seu site atual e pré-visualizar ou republicar o site (2). Ela também oferece a opção de desfazer/refazer a última edição, além de um indicador de quando as mudanças no editor são salvas.
O Painel Lateral contém todos os widgets e recursos. Aqui você encontra ferramentas para editar quase tudo no seu site. O painel lateral tem recursos para fazer alterações amplas e abrangentes em todo o site.
Por exemplo:
- Mudar o esquema de cores ou o design do botão na aba Tema
- Adicionar novos recursos e widgets com a aba Widgets
- Alterar a configuração das suas páginas na aba Páginas
- Fazer alterações administrativas na aba Configurações (por exemplo, mudar o URL do site)
- No painel Tema do site, é possível fazer alterações que afetam todo o site. Personalize texto, botões, imagens, plano de fundo e widgets de navegação do site no painel de design.
As mudanças em widgets ou páginas específicas substituirão os temas definidos no painel Tema do site. Recomendamos primeiro decidir o tema e, em seguida, personalizar seções do site para que se destaquem ou pareçam diferentes do resto.
- Texto: controle texto e títulos de todos os tamanhos (H1 a H6) para o site. Alterar o tamanho, estilo e cor da fonte, entre outras edições, afetará os parágrafos futuros e também outros tipos de texto.
- Cores: defina uma paleta de cores e associe as cores individuais a um ou todos os widgets com as configurações de cores. A cor de qualquer elemento associado às cores do tema será atualizada automaticamente quando essa cor for alterada nas configurações de cores do tema.
- Botões: defina o estilo dos widgets de botão principal e secundário no site.
- Imagens: essa seção permite controlar o estilo dos widgets de imagens no site. Altere o layout da imagem e adicione/edite o estilo da borda, os cantos arredondados ou os efeitos de sombra.
- Linhas e colunas: essa seção permite definir o tema para o design das linhas e colunas em termos de cor de fundo e espaçamento padrão.
As edições feitas em linhas ou colunas individuais substituirão as configurações de linhas e colunas do tema.
- Fundos: essa seção permite controlar o estilo do plano de fundo do site. Escolha entre usar uma cor ou uma imagem como plano de fundo.
- Layout do site: controle o layout da navegação do site em desktops, tablets e dispositivos móveis. Para a versão desktop, você pode escolher entre duas larguras: 960px ou 1200px.
Alterar o layout da navegação geralmente afeta o comportamento do cabeçalho e, às vezes, o restante do site. Após alterar o layout, se o cabeçalho aparecer incorreto de repente, tente outro layout.
Edite e gerencie as Páginas do site. Na seção Páginas, é possível renomear, organizar, ocultar/mostrar, publicar ou excluir páginas com apenas alguns cliques.
Os widgets são componentes fundamentais do site que contêm texto, imagens, botões e outros conteúdos. Veja abaixo como adicionar ou editar seus widgets.
Para adicionar widgets ao site, arraste e solte-os no painel esquerdo ou no menu de contexto:
- Clique em Widgets para abrir o painel de widgets
- Pesquise widgets ao navegar pela lista ou usar a barra de pesquisa de widgets
- Clique e arraste o widget para o local desejado no site. Será exibido um indicador de posição azul. O widget aparecerá no local mostrado pelo indicador de posição azul.
Personalize os widgets para ajustar a aparência e o layout do site, com maior controle sobre os recursos apresentados no site e como eles se comportam.
Para editar um widget, passe o mouse sobre ele e clique com o botão direito para ver o menu de contexto. Cada widget tem opções diferentes, mas as seguintes são comuns a quase todos.
- Editar design: mude o estilo do widget, incluindo cor, texto, imagens e muito mais, bem como altere o espaço em branco ao redor dele. Clique em um widget e, depois, na guia Design.
- Animação: permite personalizar a forma como o elemento é exibido na tela. Por exemplo, aparecendo gradualmente, pulando ou aumentando o zoom. Clique com o botão direito no widget, selecione Animação e escolha uma animação.
- Selecionar contêiner: seleciona a coluna ou a linha onde está o widget, permitindo que você o encontre e edite facilmente. Clique com o botão direito no widget, clique em Selecionar contêiner e selecione Coluna ou Linha.
- Copiar e colar: ao copiar um widget, ele é salvo para que você possa colá-lo depois em outro local. A opção de colar só aparece se você tiver um widget que foi copiado. Clique com o botão direito no widget e selecione Copiar ou Colar.
- Ocultar no dispositivo: use esse recurso para alterar o conteúdo dependendo do dispositivo usado pelo visitante para acessar o site. Por exemplo, mostre um widget click-to-call para usuários em dispositivos móveis ou um formulário de contato para usuários em desktops. Os widgets ocultos pelo recurso Ocultar no dispositivo não são excluídos. Você pode ver todos os elementos ocultos em uma página clicando emMostrar elementosna parte inferior do painel esquerdo. Clique com o botão direito no widget, clique emOcultar no dispositivo e selecione um dispositivo.
- Definir como âncora: os links âncora permitem direcionar os visitantes para uma seção da página, facilitando a navegação em uma página mais longa ou o acesso a uma seção específica que você deseja mencionar. Clique com o botão direito no widget e selecione Definir como âncora.
- Excluir: para excluir um widget, removendo-o de todos os dispositivos, clique com o botão direito no widget e, depois, em Excluir.
- Alinhamento: defina se o widget será alinhado à esquerda, à direita ou centralizado na sua área. Alguns widgets tem comportamentos bastante variados em visualizações diferentes. Para definir o alinhamento, clique com o botão direito no widget e, depois, em Alinhar à esquerda, Centralizar ou Alinhar à direita.
Verifique a forma como o widget aparece em cada visualização após adicioná-lo para garantir a exibição correta.
A guia Conteúdo é diferente da Área de conteúdo. A guia Conteúdo se refere à biblioteca de conteúdo onde você pode salvar e gerenciar os recursos de mídia do site.
Essa guia inclui o seguinte:
- Biblioteca: onde você pode enviar aos clientes um formulário de solicitação de conteúdo para obter textos, imagens e outros arquivos do site.
- Gerenciador de mídia: onde você pode encontrar recursos visuais para editar o site.
- Dados vinculados: para criar, conectar e atualizar facilmente o site com detalhes corretos sobre sua empresa, tudo isso em um só lugar.
- Coleções: as coleções são dados estruturados que facilitam o gerenciamento do conteúdo do site em grande escala. Conecte suas coleções a páginas dinâmicas, widgets personalizados e muito mais.
Adicione um blog ao seu site para compartilhar conteúdo valioso e relevante com seus visitantes. A seção Blog permite criar e gerenciar postagens, editar as configurações ou o layout e muito mais.
Gerencie os ícones e o domínio do site, SEO e muito mais. Essa seção inclui todas as ferramentas de back-end de gerenciamento para ter controle total e otimizar a estrutura do site.
A Área do conteúdo é a tela onde você pode mover ou adicionar qualquer um dos nossos recursos ou clicar e editar para alterá-los.
É diferente da Guia do Conteúdo. Enquanto a área de conteúdo permite alterar imagens e texto, editar e excluir botões etc., a guia Conteúdo é o onde você pode armazenar sua mídia.
Depois de revisar o site, é hora de enviar seu feedback.Os comentários do site é uma ferramenta de colaboração que permite nos comunicarmos durante a criação de sites. É nosso único canal para receber feedback e respondê-lo.
A barra de comentários no lado direito da tela controla as funções de Comentários do Site, incluindo as seguintes ações/abas:
- Ver tutorial
- Adicionar comentário
- Histórico de comentários
- Ocultar comentários
Procurando opções para personalizar seu Cloudbeds Website? Clique aqui para saber mais!
Comentários
Por favor, entre para comentar.