da Pixpa Editora WYSIWYG (O que você vê é o que você obtém) fornece uma interface poderosa e intuitiva para adicionar e formatar conteúdo em páginas, blogs e outras seções do seu site. Com a última atualização, o editor foi significativamente aprimorado, oferecendo novos elementos de conteúdo, ferramentas de escrita com tecnologia de IA, opções de layout aprimoradas e controles de formatação interativos.

Este guia orienta você através do interface do editor, como usar seus recursos e como otimizar o conteúdo do seu site.

Neste artigo:

• Botão de adição (+)
• Ferramentas de IA
• Formato – Alterar estilo de fonte
• Negrito itálico
• Linha – Adicionar uma linha
• Mais opções de formatação
• Ataques XDR
• Cor do texto
• Lista – Marcador / Numerado
• Link – Adicionar Links
• Imagem – Adicionar imagens
• Emoji
• Tabela – Adicionar tabelas
• Inserir ToC
• Apresentadora
• Visualização do código HTML
• Opções específicas da seção

---

Adicionar elementos usando o botão “+”

Uma das maiores melhorias no novo editor é o Botão "+", que abre um menu com uma variedade de elementos de conteúdo que podem ser inseridos na área de texto.

Elementos disponíveis no botão “+”:

• Ferramentas de IA: Utilize a assistência de escrita com tecnologia de IA para gerar ideias de conteúdo, reescrever texto ou criar conteúdo rapidamente. Saiba Mais.
• Texto: Adicione texto de parágrafo padrão.
• Título: Insira diferentes níveis de título (H1, H2, H3, etc.) para melhor hierarquia de conteúdo.
• Imagem: Carregue e insira imagens diretamente no texto.
  • Você pode carregar imagens ou inseri-las digitando um URL.
• Lista de afazeres: Criar lista de verificação com caixas de seleção interativas.
• Lista: Adicione Tópicos or listas numeradas para conteúdo estruturado.
• Incorporar: Insira conteúdo externo como vídeos, mapas, arquivos de áudio e iframes.
• Mesa: Adicione tabelas para representação de dados estruturados. Na opção de tabela, você encontrará as seguintes opções adicionais.
  • Adicionar cabeça – Insere uma linha de cabeçalho no topo da tabela, que pode ser usada para títulos de colunas.
  • Adicionar coluna antes – Adiciona uma nova coluna à esquerda da coluna selecionada.
  • Adicionar coluna depois – Adiciona uma nova coluna à direita da coluna selecionada.
  • Adicionar linha abaixo – Insira uma nova linha abaixo da linha selecionada.
  • Adicionar linha acima – Insira uma nova linha acima da linha selecionada.
  • Remover cabeça – Remove a linha de cabeçalho da tabela.
  • Remover coluna – Exclui a coluna selecionada.
  • Remover linha – Exclui a linha selecionada.
  • Excluir tabela – Remove a tabela inteira do editor.
• Citar: Destacar texto como um bloco de citação para ênfase. Isso cria um bloco de texto distinto com uma linha vertical à esquerda, separando-o visualmente do restante do conteúdo para destacar o texto citado.
• Fragmento de código: Inserir e formatar HTML, CSS, JavaScript ou outras linguagens de programação dentro do conteúdo.
• Linha: Adicionar uma divisor horizontal para separar seções de conteúdo.

• Layout: Com o traçado opção, você pode organizar o conteúdo em blocos horizontais em várias seções. Isso permite uma estruturação flexível e melhor hierarquia visual na sua página da web. Abaixo estão os principais recursos:

  • Layouts de Múltiplas Colunas: Escolha entre uma, duas, três ou quatro colunas para organizar o conteúdo de diferentes maneiras.
  • Proporções de divisão personalizadas: Selecione proporções predefinidas como 60/40 ou 40/60 para controlar a largura de cada seção.
  • Blocos aninhados: Você pode selecionar um bloco e criar vários blocos separados dentro dele para melhor organização.
• Embrulho: Agrupe vários elementos para melhor organização.
• Inserir ToC: Crie um Índice com base nos títulos dos documentos, facilitando a navegação. É útil para blogs, tutoriais e artigos longos, permitindo que os leitores naveguem rapidamente entre as seções.

Este abordagem modular torna mais fácil personalizar o layout e adicionar diferentes elementos de conteúdo de forma eficiente.

---

Ferramentas de IA

O recurso AI Tools no Pixpa Text Editor permite que você aprimore seu conteúdo com assistência alimentada por IA. Aqui estão as opções disponíveis:

• Reformular – Modifique o texto selecionado mantendo o significado original intacto. Isso ajuda a melhorar a legibilidade ou reformular frases para melhor clareza.
• Encurtar – Condense o texto selecionado para torná-lo mais conciso, mantendo as informações principais.
• Alongar – Expanda o texto selecionado adicionando detalhes relevantes para torná-lo mais descritivo e informativo.
• Simplifque – Reescreva o texto usando uma linguagem mais simples, tornando-o mais fácil de entender, mas preservando a intenção original.
• Gramática correta – Verifique e corrija automaticamente erros gramaticais no texto selecionado, melhorando sua precisão e legibilidade.
• traduzir – Traduza o texto selecionado para um idioma diferente, permitindo que você crie conteúdo multilíngue sem esforço.

Esses recursos com tecnologia de IA ajudam a otimizar a criação de conteúdo, tornando-a mais rápida e eficiente.

---

Formato – Altere o estilo da fonte

Você pode usar tipos diferentes de estilos de fonte em seu site (por vez) que seriam especificados no Seção de design. Esse é um estilo de design comum usado em todo o site.

Todos os estilos de fonte são especificados no seção de design. Você também pode clicar em Gerenciar fontes, que é a última opção no menu suspenso quando você clica no botão Texto botão. Agora você pode ver e definir as seguintes fontes e editar o estilo da fonte, tamanho, cor, espessura, altura da linha e espaçamento entre letras:

• Título 1
• Título 2
• Título 3
• Título 4
• Texto do parágrafo (pequeno e grande)
• Título 1 Extra Grande

Aqui está uma captura de tela do estilo Título 1. Você também pode editar as outras fontes de parágrafo dos títulos aqui.

Depois de especificar o estilo da fonte na seção de design, você pode usá-los com eficiência em todo o site. Basta selecionar o texto e aplicar a formatação. O sistema aplicará automaticamente a cor, o tamanho e o peso da fonte desse estilo específico ao texto selecionado. Você pode revisar o mesmo no site.

---

Negrito/Itálico

• Destemido – O texto realçado ficará em negrito quando for clicado. Em HTML, isso usa uma tag.
• Itálico – O texto realçado ficará em itálico quando for clicado. Em HTML, isso usa a

---

Linha – Adicionar uma linha

O Editor permite que você adicione uma linha horizontal. Clicar neste ícone adicionará uma linha onde o cursor está posicionado.

---

Mais opções de formatação

O menu Mais Formatação no Pixpa Text Editor fornece opções adicionais de estilo de texto para melhorar a aparência e a estrutura do seu conteúdo. Aqui está o que cada opção faz:

• Code – Formata o texto selecionado como código inline ou um snippet de código. Isso é útil para exibir programação ou conteúdo técnico.
• Sublinhado – Adiciona um sublinhado ao texto selecionado para dar ênfase.
• Apresentadora – Adiciona uma âncora nomeada ao texto selecionado, permitindo criar links internos que direcionam diretamente para aquela seção específica na mesma página. Útil para criar sumários ou navegação na página.
• Sobrescrito – Exibe o texto selecionado ligeiramente acima da linha de base do texto normal (por exemplo, X²). Comumente usado para expressões matemáticas e notas de rodapé.
• Subscrito – Exibe o texto selecionado ligeiramente abaixo da linha de base do texto normal (por exemplo, H₂O). Útil para fórmulas químicas e outras notações especiais.
• Destaques – Destaca o texto selecionado com uma cor de fundo para chamar a atenção para conteúdo importante.
• Excluídos – Risca o texto selecionado para indicar exclusão ou correções.
• Limpar todos os estilos – Remove toda a formatação aplicada ao texto selecionado, restaurando-o ao estilo padrão.

---

Ataques XDR

Você pode alinhar seu texto como esquerdo, direito, centralizado e justificado. Selecione o texto e escolha o alinhamento no menu suspenso.

---

Cor do texto

Por padrão, o sistema aplicará a cor da fonte especificada no seção de design. No entanto, você pode substituir a cor global com esta ferramenta. Selecione o texto e clique no ícone de cor, uma paleta padrão de cores aparecerá para você escolher.

Além disso, você também pode especificar uma cor de fundo para o texto selecionado aqui.

Observação: Você pode especificar qualquer outra cor personalizada que não esteja disponível na paleta de cores de Definir cor opção inserindo o Código hexadecimal da cor.

---

Lista

Você pode facilmente converter seu texto em listas com recuos para organizá-los.

• Lista com marcadores – O texto realçado será formatado como uma lista com marcadores. Em HTML, isso usa um conjunto de e Tag.
• Lista numerada – O texto realçado será formatado como uma lista numerada. Em HTML, isso usa um conjunto de e Tag.

---

Link – Adicione um link ao seu texto

O Editor permite que você insira um link para qualquer texto. Você pode conectar as páginas do seu site existente ou qualquer outro site/blog/PDFs etc.

Destacar o texto e clicar neste botão abrirá uma pequena janela modal onde você poderá inserir a URL de destino, escolher se deseja ou não abrir em uma nova janela ou optar por um link para outra página em seu próprio site. Em HTML, a tag utilizada é Link Text

---

Imagem – Adicione uma imagem

Você pode adicionar imagens facilmente ao seu conteúdo usando a opção Adicionar Imagem no editor de texto Pixpa. Não importa se você deseja carregar imagens do seu dispositivo ou inseri-las por meio de uma URL, esse recurso fornece uma maneira perfeita de aprimorar suas postagens com recursos visuais.

• Inserir imagem via URL – Você pode colar a URL de uma imagem e clicar no botão Inserir para adicioná-la diretamente à página.
• Carregar imagem do dispositivo – Você pode arrastar e soltar uma imagem na caixa de upload designada ou clicar dentro da caixa para selecionar uma imagem do seu dispositivo.

---

Emoji

A opção Emoji no editor de texto Pixpa permite que você aprimore seu conteúdo com uma variedade de emojis. Emojis podem ser usados ​​para tornar seu conteúdo mais expressivo, adicionar ênfase ou transmitir emoções de uma forma divertida e criativa.

---

mesa

A opção Tabela permite que você insira tabelas diretamente no editor de texto. Uma vez adicionadas, você pode personalizar a estrutura e o conteúdo da tabela usando várias opções de formatação.

Opções de edição de tabela:

• Adicionar Cabeça – Adiciona uma linha de cabeçalho na parte superior da tabela para destacar os títulos das colunas.
• Adicionar coluna antes – Insere uma nova coluna à esquerda da coluna selecionada.
• Adicionar coluna depois – Insere uma nova coluna à direita da coluna selecionada.
• Adicionar linha abaixo – Insere uma nova linha abaixo da linha selecionada.
• Adicionar linha acima – Insere uma nova linha acima da linha selecionada.
• Remover cabeça – Remove o cabeçalho da tabela se um for adicionado.
• Remover coluna – Exclui a coluna selecionada da tabela.
• Remover linha – Exclui a linha selecionada da tabela.
• Apagar Tabela – Remove completamente a tabela do editor.

---

Inserir ToC

Crie um Índice com base nos títulos dos documentos, facilitando a navegação. É útil para blogs, tutoriais e artigos longos, permitindo que os leitores naveguem rapidamente entre as seções.

---

Apresentadora

As Ferramenta de âncora permite adicionar um ID HTML exclusivo a uma seção ou parágrafo da sua publicação. Isso é útil para criar links internos de página (links de salto), permitindo que os visitantes cliquem em um link e sejam levados diretamente para uma parte específica da página.

Como usá-lo:

1. Clique em qualquer lugar do parágrafo ou seção que você deseja ancorar.
2. Na barra de ferramentas, clique em Ícone de âncora.
3. Um pop-up aparecerá intitulado "Âncora".
4. De acordo com o relatório “Adicionar ou alterar ID” campo, insira um ID exclusivo (por exemplo, paragraph-2).
5. Clique Economize.

Anotações importantes:

• O ID deve ser minúsculascontenha sem espaços, E use hífens se necessário.
• Uma vez definido, você pode vincular a esta âncora usando #your-id no final do seu URL.
  • Exemplo: https://yourwebsite.com/page#paragraph-2

Esse recurso é ótimo para postagens longas ou artigos com índice, permitindo que os leitores naveguem rapidamente para seções específicas.

---

Visualização do código HTML

A janela do editor pode funcionar como um Editor Visual (WYSIWYG) ou como um editor de HTML.

No entanto, você pode alternar para o editor de HTML clicando nele. Você pode alterar qualquer coisa na visualização do código, se souber como fazê-lo, ou também pode enviar um ping para a equipe de suporte do Pixpa, se precisar de ajuda.

---

Opções específicas da seção

Cada seção adicionada ao editor de texto vem com opções de personalização adicionais, permitindo que você modifique sua aparência e funcionalidade. Você pode acessar essas configurações clicando nas duas linhas horizontais ao lado da seção, o que abre um menu suspenso com vários controles.

• Adicione – Insira um novo bloco de conteúdo abaixo do atual para adicionar rapidamente mais texto, imagens ou outros elementos.
• Formato – Permite alternar entre diferentes estilos de bloco de texto, como parágrafo, título ou citação.

• Apresentadora – Adiciona um ID de âncora ao bloco para que você possa criar links na página que saltem diretamente para esta seção.
• Mover para cima / Mover para baixo – Reorganize a posição da seção dentro do seu conteúdo movendo-a para cima ou para baixo.
• Cor – Altera a cor do texto do bloco selecionado.
• Cor de fundo – Defina uma cor de fundo atrás do texto no bloco para dar ênfase ou contraste.
• Fronteira – Adicione ou modifique bordas ao redor da seção para estruturar seu conteúdo de forma mais eficaz.

• Espaçamento – Ajusta o preenchimento ao redor do bloco, incluindo a parte superior, inferior e laterais, permitindo que você controle o espaçamento e o layout com mais precisão.

• Duplicar – Clone a seção para manter a consistência na formatação e estrutura em diferentes partes do seu conteúdo.
• Apagar – Remova a seção completamente se ela não for mais necessária.

Essas configurações permitem que você controle totalmente a estrutura do conteúdo, garantindo um layout bem organizado e visualmente atraente.

---

Conclusão

As Pixpa Editora WYSIWYG traz uma moderno, rico em recursos e intuitivo experiência de edição de conteúdo. Com sua experiência aprimorada elementos de conteúdo, ferramentas de IA, incorporação de mídia e formatação estruturada, criar páginas e postagens de blog envolventes agora é mais eficiente do que nunca.

Ao utilizar esses recursos, você pode aprimore seu conteúdomelhorar engajamento do usuário, e crie um experiência de site perfeita.