O editor de texto da página

PÁGINAS permite criar qualquer tipo de página baseada em informações usando mais de 100 blocos de conteúdo com o construtor de páginas de arrastar e soltar fácil do Pixpa.

Você pode organizar, edite e personalize esses blocos de conteúdo para criar páginas exclusivas para mostrar seu conteúdo.
Verifique também: Entendendo seções e snippets.

No construtor de páginas, você pode facilmente adicionar seções e arraste e solte snippets da barra lateral esquerda para a área de tela da página.

Depois de colocar uma seção em sua página, você pode editar itens de snippet individuais (texto, imagens, botões) nela.

Basta mover o cursor na área da tela da página, todos os trechos individuais serão destacados ao passar o mouse. Em seguida, clique em qualquer trecho para editá-lo.

Veja como editar o conteúdo em ação: 

Aqui está o que você pode fazer na área de tela da página: 

1. Sequencie os trechos.
2. Duplique os trechos.
3. Exclua um snippet específico.
4. Desfazer as alterações recentes.
5. Aplique negrito/itálico/sublinhado e outras formatações ao texto.
6. Altere a cor do texto e a cor de fundo do trecho.
7. Aplique a formatação do texto ou altere o estilo da fonte.
8. alterar o texto alinhamento.
9. Crie listas ordenadas e não ordenadas.
10. Aplique um hiperlink ao texto.
11. Adicione um símbolo.
12. Remova a formatação pré-texto.
13. Edite o HTML de uma página inteira.

Caixa de ferramentas de trecho e barra de ferramentas de edição

Ao clicar em qualquer snippet, você veria o Caixa de ferramentas de fragmento do snippet individual no lado direito e o Barra de ferramentas de edição no topo.

Existem 4 opções na barra de ferramentas do snippet: 

• Arraste ( ✥ ) – Usado para sequenciar os trechos arrastando e soltando.
• Duplicar – Usado para duplicar o snippet.
• ferramentas de elementos – Usado para visualizar a opção adicionar novo trecho, duplicar um trecho, mover trecho para cima/baixo e excluir de um trecho individual.
• Apagar – Usado para excluir o snippet.

1. Sequenciando os trechos

• Você pode sequenciar seu snippet arrastando e soltando. Apenas segure o querido ícone e arraste o trecho em todos os blocos em uma página e solte-o na posição desejada.

Veja os snippets de sequenciamento em ação:

2. Duplique seu snippet

• Você pode duplicar qualquer snippet existente clicando no ícone duplicado.

Veja a duplicação de snippets em ação:

3. Exclua seu snippet

• Você pode excluir qualquer snippet de sua página clicando no ícone de exclusão.

Veja a exclusão de snippets em ação:

4. Desfaça as alterações recentes

• Você pode desfazer as alterações recentes baseadas em texto pressionando Ctrl (janelas) ou ⌘ (Mac) +z. 

5. Negrito / Itálico / Sublinhado / Tachado, etc.

• Você pode editar facilmente o texto do snippet clicando nele. Basta selecionar o texto e clicar no ícone da barra de ferramentas de edição para Negrito, Itálico, Sublinhado, respectivamente.

Veja em ação:

6. Cor do texto/fundo do texto e cor de fundo da seção

Você pode selecionar uma cor para o texto e o plano de fundo do texto de duas maneiras:

1. Paleta
2. Cor Personalizada

Paleta

Dentro desta aba, as opções de cores disponíveis irão espelhar aquelas da paleta de cores escolhida na Seção de design.

Eles serão buscados e atualizados automaticamente sempre que você fizer alterações na paleta de cores do seu site. Saiba Mais sobre paletas de cores.

Cor Personalizada

Aqui você encontrará um seletor de cores onde poderá selecionar uma cor e escolher entre vários tons disponíveis.

Além disso, você pode inserir um código de cor hexadecimal e também ajustar a opacidade da cor.

Siga as etapas mencionadas abaixo para selecionar uma cor para o texto e o plano de fundo do texto:

• Clique em um trecho específico, selecione o texto e clique no Cor (1) ícone. Você verá uma janela pop-up onde poderá escolher uma cor Opções de cores da paleta ou um Cor Personalizada (2).
• Selecione um Cor do texto e Cor de preenchimento (3) ou seja, a cor de fundo do texto.
• Ajusta a Opacidade (4) da cor usando o controle deslizante.
• Você também pode inserir um código de cor hexadecimal (5) e aplicar o mesmo ao texto/fundo do texto.
• Finalmente, Salvar (6) as mudanças.

• A SCor de fundo da seleção (7) pode ser alterado a partir do Color Style opção.

• Você também pode alterar ou remover a cor/estilo aplicado. Basta selecionar o texto e clicar no botão Ícone de limpeza (8) para remover o esquema de cores existente.
• Salvar (9) as mudanças.

Veja em ação:

7. Estilo de Fonte de Texto

• Você pode usar quatro tipos diferentes de estilos de fonte em suas páginas (de cada vez) que seriam especificados no Seção de design. Este é um estilo de design comum usado em todas as páginas.
  • 1 Header Estilo → Fonte do título e estilo → marcação
  • 2 Header Estilo → Fonte do título e estilo → marcação
  • 3 Header Estilo → Fonte da legenda e estilo → marcação
  • 4 Header Estilo → Legenda / Fonte das assinaturas e estilo → marcação
  • Texto do parágrafo Estilo → Fonte do parágrafo e estilo → marcação

• Depois de especificar o estilo da fonte no Design seção, você pode usá-los com eficiência em toda a página. Basta selecionar o texto e aplicar a formatação no editor de páginas.
  Verifique também: Estilo de texto do site.
• O sistema aplicará automaticamente a fonte, a cor, o tamanho e o peso desse estilo de fonte específico ao texto selecionado. Você pode revisar o mesmo no site ao vivo e no editor.

Veja em ação:

8. Alinhamento do texto

• Você pode gerenciar o alinhamento do texto do snippet – Esquerda/Centro/Direita e justificar clicando no ícone de alinhamento na barra de ferramentas de edição.

Veja em ação:

9. Lista – Ordenada e Não Ordenada / Recuo / Recuo

• Você pode facilmente converter seu texto em listas com recuo e organizá-los.
  • parágrafo – Uma área de texto destacada será recuada.
  • Reentrância – Uma área de texto realçada não terá recuo. Para recuar, clique no ícone de lista não ordenada/ordenada que você aplicou antes.
  • Lista não ordenada – O texto realçado será formatado como uma lista com marcadores. Em HTML, isso usa um conjunto de e Tag.
  • Lista ordenada – O texto realçado será formatado como uma lista numerada. Em HTML, isso usa um conjunto de e Tag.

Veja em ação:

10. Adicione um link

• Você pode facilmente adicionar um link ao seu texto (tag de hiperlink/âncora).
• Destaque o texto e clique no botão link botão na barra de ferramentas de edição. Você pode conectar as páginas do seu site existente ou qualquer outro site/blog/PDFs etc.
• Ao clicar, você verá uma janela pop-up onde pode inserir URL ou slug (1), escolher se deseja ou não abrir em uma nova janela (2), link/texto do botão (3), Título – usado no caso de apenas imagens (4).

Verifique também: Texto/botão de ligação.

11. Adicione um símbolo

• Você pode facilmente adicionar ou substituir um símbolo (social, arte, número, etc) no editor de páginas.
• Vá para qualquer trecho e clique onde deseja adicionar seu novo símbolo ou clique em um símbolo existente para substituir o mesmo.
• Então, clique no Emoji símbolo e adicione os símbolos da gaveta direita.

Veja como adicionar diferentes tipos de símbolos à sua página:

12. Remova a pré-formatação do texto colado

• Se você copiar um texto pré-formatado diretamente do Word, Powerpoint ou qualquer página da Internet, o editor de páginas tende a bagunçar o texto.
• Portanto, primeiro você precisa remover a pré-formatação do seu texto para poder aplicar o estilo de fonte Pixpa definido no Design seção.
• Basta selecionar todo o texto do snippet e clicar no botão limpar botão.
• Ele removerá a pré-formatação e aplicará o estilo de texto do parágrafo a todo o texto na maioria dos casos.
  Saiba mais.

13. Código HTML de todos os snippets

• Você pode copiar ou editar o código HTML de todos os trechos de uma página de uma só vez.
• Isso ajudaria você a duplicar seu bloco existente em uma página.

Verifique também: Editar página HTML.

Veja como visualizar o código HTML de uma página:

Artigos relacionados:

• Seção de configurações.
• Seção - Estilo de conteúdo.
• Tipos de seções.