Seguem-se algumas informações sobre o editor que o irá auxiliar a começar.
Ocultar ou Mostrar a Barra Lateral
Clique em para mostrar as opções disponíveis para gerir e editar páginas, e o conteúdo das páginas.
Defina para Editar para aceder à barra lateral. Clique em
para ocultar a barra lateral e aumentar a área de visualização quando pré-visualizar uma página.
Explorar
Para selecionar outra página utilizando a árvore de site, clique em na barra lateral. Utilize a caixa de pesquisa na parte superior da lista de páginas para pesquisar a página. Também pode utilizar a navegação do site ou as ligações nas páginas propriamente ditas.
Todas as alterações efetuadas numa página são armazenadas quando muda para outra página. Também pode clicar em Gravar para gravar as alterações na presente atualização.
Gerir Páginas
Edição baseada em Arrastar e Largar
Para acrescentar um componente a partir da barra lateral, ou para deslocar um componente na página, clique, arraste e largue o item na localização pretendida da página. Quando arrasta um item para a página, são mostrados os limites dos slots disponíveis e dos itens existentes. A barra de colocação indica a localização onde o novo conteúdo pode ser posicionado (por cima, por baixo, esquerda, direita):
Pode ter vários itens num slot e pode deslocar os itens na página bastando, para tal, arrastá-los para uma nova localização. Também pode ajustar a largura relativa de dois componentes num slot clicando e arrastando o limite entre os dois componentes. O componente ajusta-se à linha da grelha seguinte indicada na "régua" apresentada acima dos componentes.
O tamanho de cada componente é apresentado em píxeis e como uma percentagem do espaço disponível no slot. Para ajustar as larguras aos valores diferentes dos definidos pela grelha, mantenha premida a tecla Ctrl enquanto clica e arrasta o limite do componente.
Descrição da ilustração GUID-18854A8F-3427-49C0-9DE4-766B2F233EB6-default.png
Componentes
Depois de colocar um componente na página, pode ajustar o alinhamento, o espaçamento e outras propriedades selecionando o item, clicando no ícone de menu do item e escolhendo Definições. Se clicar no nome do componente em vez de no ícone do menu, pode ver e selecionar o ícone do menu para o slot e o grupo de componentes (se o componente atual fizer parte de um grupo de componentes). Se selecionar um dos outros separadores, pode ver o ícone do menu e definir propriedades para esse elemento:
Descrição da ilustração GUID-60D113F2-44C3-4F9C-BD2A-C08BFCB8536F-default.png
Os criadores de temas podem especificar que componentes são incluídos com o tema e, por isso, alguns componentes disponíveis com um site poderão não estar disponíveis com outro. Os criadores de temas também podem especificar quais os componentes que são permitidos num determinado slot, numa determinada disposição de página. Se um componente não for permitido num determinado slot, a barra de colocação muda de cor e símbolo (menos) e é apresentada uma mensagem semelhante à seguinte:
Descrição da ilustração GUID-CFEBC755-858B-4068-A821-B36A64BE545A-default.png
Ajustar o Tamanho e o Espaçamento dos Componentes
px (píxeis): o valor por omissão. Se apenas for especificado um valor numérico, são assumidos píxeis.
% (percentagem): define o item numa percentagem do tamanho do respetivo elemento HTML pai. Exemplo: 25%
em: define o tamanho do componente em espaços duplos. Exemplo: 20em
vw: define o tamanho como a percentagem da largura da área de visualização e é responsivo ao tamanho da área de visualização. Exemplo: 10vw
Conteúdo de Disposição Editável
Os criadores de temas podem acrescentar conteúdo "integrado" às disposições de página, tal como avisos de direitos de autor, que não pode ser alterado no editor. Os criadores de temas podem também designar conteúdo de texto e imagem simples como editável, incluindo ativos digitais. Isto permite a um contribuidor alterar o conteúdo de texto ou imagem, mas não alterar a localização ou outros atributos de disposição. Os elementos de texto editáveis têm um menu com opções para especificar texto negrito, itálico e sublinhado e para alterar ou retirar uma ligação:
Descrição da ilustração GUID-A43CBAA1-D319-4B22-807A-620CFAEBFA9C-default.png
Os elementos gráficos editáveis têm um ícone de definições e um painel onde pode especificar uma imagem, um título e texto alternativo.
Descrição da ilustração GUID-9080A86A-381D-4C8D-858D-5EE1517F82AE-default.png
Nota:
As alterações que efetua aplicam-se apenas à página atual. O conteúdo original é armazenado com a disposição no tema e é o valor por omissão quando a disposição é aplicada pela primeira vez a uma página.Estilos e Formatação
A maior parte dos componentes têm um ou vários estilos base definidos pelo tema que especificam as características do aspeto do componente. Pode alternar facilmente os estilos ou substituir um estilo. Para escolher entre os estilos disponíveis, abra o painel Definições do componente, clique no separador Estilo, clique em Escolher Estilo e escolha um estilo do menu. Para especificar os seus próprios valores para as propriedades indicadas na definição de estilo, clique em Customizar e especifique as opções de formatação.
Desfazer Alterações
Utilize para reverter a última edição ou alteração efetuada no editor. Pode utilizar a opção Desfazer várias vezes para reverter uma série de alterações.
Utilize para reaplicar a alteração mais recente que reverteu utilizando a opção Desfazer. Pode utilizar a opção Refazer várias vezes se tiver utilizado Desfazer várias vezes em sucessão.
Se mudar para uma atualização diferente, a cadeia de anulação é redefinida e não pode desfazer as alterações efetuadas na atualização em que trabalhou anteriormente. Numa atualização, pode desfazer alterações mesmo depois de as gravar.
Se alterar as vistas no editor, tais como mudar páginas ou alterar o tamanho de determinada página, deve reverter manualmente estes tipos de alteração.
Se editar componentes de texto, tais como títulos ou parágrafos, o editor de texto tem a sua própria cadeia de anulação. Ao sair do editor de texto, deixa de ser possível desfazer essas alterações.