Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como copiar e colar no WordPress sem problemas de formatação

Você está em:

Como copiar e colar no WordPress sem problemas de formatação

Recentemente, um leitor nos perguntou como copiar e colar itens no WordPress sem causar problemas de formatação?

Muitas vezes, quando você está copiando e colando conteúdo de um aplicativo de desktop ou de uma página da Web, também acaba colando formatação indesejada. Isso não corresponde às fontes e cores do seu tema WordPress, que simplesmente parecem estranhas.

Neste artigo, compartilharemos como copiar e colar facilmente no WordPress sem qualquer formatação e estilos indesejados.

Copiando e colando texto no WordPress

Entendendo Copiar e Colar no WordPress

Copiar e colar significa copiar texto de um lugar para outro sem precisar digitar tudo novamente.

Para copiar texto de um documento ou página da Web, você precisa realçá-lo usando o mouse. Em seguida, basta clicar com o botão direito do mouse e selecionar ‘Copiar’ no menu. Ou você pode usar o atalho de teclado Ctrl+C (Command+C em um Mac) para copiar o texto realçado.

Copiando texto do seu documento do Word, destacando-o e clicando com o botão direito do mouse

Para colar texto no WordPress, você pode clicar com o botão direito do mouse e selecionar ‘Colar’ no menu. Ou use o atalho de teclado Ctrl+V (Command+V em um Mac) para colar o texto copiado:

Colando seu texto copiado no WordPress

Quando você copia texto, a formatação do texto é copiada com ele. O problema é que às vezes você vai acabar com uma formatação que não quer.

Essa formatação indesejada pode afetar a exibição do seu texto em outros dispositivos.

Alguns usuários do WordPress optam por evitar copiar e colar completamente. Em vez disso, eles redigiram suas postagens diretamente em seu site WordPress .

No entanto, você pode preferir redigir usando uma ferramenta separada, como o Microsoft Word ou o Google Docs . Isso permite que você trabalhe offline e pode facilitar o compartilhamento de seu trabalho para comentários e revisões antes da publicação.

Também é importante evitar adicionar formatação desnecessária, pois isso afeta o tamanho da página, o que significa uma velocidade mais lenta do site.

É por isso que criamos este guia definitivo sobre como copiar e colar texto corretamente no WordPress. Você pode usar os links para ir direto para as seções de que precisa:

Como copiar e colar do Word para o WordPress (Editor de blocos)

Copiar texto do Microsoft WordPress é bastante simples.

Durante anos, o WordPress permitiu que você copiasse texto rico (formatado) de documentos do Word diretamente para o editor. Esta é uma grande vantagem se você gosta de escrever e formatar suas postagens no Microsoft Word.

Copiar sua postagem do Word para o WordPress permite manter elementos como títulos , texto em negrito e itálico, links e listas. Ele descartará todas as opções de estilo, como cores, espaçamento, etc.

Aqui está um documento que vamos copiar do Word para o WordPress:

O documento do Word que iremos copiar para o WordPress

Este documento é formatado com dois subtítulos do Título 2 para as subseções do post. Há texto em negrito e itálico, uma lista com marcadores e um link.

Vamos simplesmente copiar todo o conteúdo do documento do Word e colá-lo dentro do editor de blocos do WordPress.

O texto do Word agora foi copiado em nossa postagem no WordPress

Observe que algumas formatações não foram copiadas. A imagem foi deixada de fora, mas o WordPress criou um bloco de imagem no local correto.

Dica: Sempre use os ‘estilos de título’ no Word para criar seus subtítulos. Não realce o texto e aumente o tamanho da fonte manualmente.

Quer confirmar que seu texto foi copiado corretamente? Basta seguir nossas instruções mais adiante neste artigo sobre como verificar e corrigir erros de formatação.

Como copiar e colar do Google Docs para o WordPress (Editor de blocos)

O Google Docs é uma ferramenta de processamento de texto muito popular. Assim como no Word, é fácil copiar e colar do Google Docs no editor de blocos do WordPress .

Aqui está nosso texto no Google Docs. É idêntica à peça que usamos no Word, acima.

O Google Doc com o texto que vamos copiar

Quando copiamos e colamos o texto do Google Docs para o WordPress, novamente, o WordPress formatou o texto corretamente.

O texto do Google Docs no editor de blocos do WordPress

Desta vez, a imagem também aparece no WordPress. No entanto, ele não é carregado na biblioteca de mídia do WordPress e é exibido diretamente da sua conta do Google Drive.

Você precisa baixar e fazer upload de imagens manualmente para o seu site WordPress.

Copiando e colando usando o editor clássico

Você está tendo problemas com erros de formatação após copiar e colar texto no WordPress? Então você provavelmente está usando o antigo editor clássico .

O editor clássico lida bem com documentos do Word e não deve adicionar nenhum código desnecessário. No entanto, não faz um trabalho tão bom com o texto copiado do Google Docs.

Veja como fica nosso texto do Google Docs ao colá-lo no editor clássico:

O texto do Google Docs copiado no editor clássico

Os títulos, link, negrito e texto em itálico parecem corretos.

No entanto, foi adicionada alguma formatação extra desnecessária que não é visível.

Como verificar e corrigir erros de formatação de cópia e colagem

Vamos dar uma olhada em como verificar e corrigir erros de formatação agora.

Todo o texto em suas postagens do WordPress é formatado usando HTML (linguagem de marcação de hipertexto). As tags HTML circundam as palavras que são formatadas de uma maneira específica.

Por exemplo, o texto em negrito nas postagens do WordPress se parece com isso no código HTML:

There is <strong>bold text</strong> in this sentence.

As palavras ‘texto em negrito’ aparecerão em negrito.

Para verificar e corrigir erros de formatação após copiar e colar, você precisa verificar o código HTML de sua postagem.

Verificando o código HTML no editor de blocos

No editor de blocos, é fácil visualizar o código HTML de qualquer bloco. Primeiro, clique no bloco. Em seguida, clique nos três pontos verticais à direita do menu do bloco.

Você verá um menu suspenso. Aqui, você só precisa clicar na opção ‘Editar como HTML’:

Mudando para a visualização HTML de um bloco no WordPress

Agora você verá o código HTML para o bloco. Com o editor de blocos, normalmente você deve descobrir que nenhuma formatação indesejada foi adicionada.

Aqui, o parágrafo começa corretamente com a tag de abertura <p>e termina com a tag de fechamento </p>.

A frase em negrito também está correta. Começa na <strong>tag e termina na tag de fechamento </strong>.

Visualizando o código HTML do seu bloco no editor de blocos

Para voltar à visualização normal do seu bloco, basta clicar nos três pontos verticais novamente. Em seguida, vá em frente e selecione a opção ‘Editar visualmente’.

Voltando à visualização visual do seu bloco

Verificando o código HTML no editor clássico

No editor clássico, é fácil visualizar o código HTML de uma postagem clicando na guia ‘Texto’ na parte superior da caixa que contém o texto da postagem. Este é o código HTML do nosso post copiado do Google Docs:

Visualizando o código HTML de sua postagem no editor clássico

As tags span aqui são códigos extras e desnecessários.

Além disso, o texto em negrito e o texto em itálico são formatados usando a <b>tag em vez de <strong>e a <i>tag em vez de <em>. Geralmente, é considerado melhor usar as tags <strong>e <em>, pois elas dão significado semântico às suas palavras, não apenas o estilo visual.

Em comparação, aqui está o código produzido ao copiar do Word em vez do Google Docs no editor clássico. Não há tags de formatação desnecessárias e o negrito e o itálico foram renderizados corretamente.

O código HTML produzido ao copiar um documento do Word para o editor clássico

Se você copiou sua postagem do Google Docs, precisará passar pelo código HTML e corrigir manualmente a formatação. Neste caso, isso significa:

  • Removendo todas as tags <span style=”font-weight: 400;”>e .</span>
  • Mudando tudo <li style=”font-weight: 400;”>para apenas <li>.
  • Mudando <b>e </b>para <strong>e </strong>.
  • Mudando <i>e </i>para <em>e </em>.

Para acelerar o processo, primeiro você precisa copiar e colar o código HTML em um editor de texto.

Em seguida, basta usar Localizar e substituir para alterar a formatação incorreta. Aqui está um exemplo usando o bloco de notas. Estamos encontrando todas as instâncias de <li style=”font-weight: 400;”>e substituindo-as por <li>:

Usando o Bloco de Notas para corrigir rápida e facilmente o código HTML indesejado

Depois de substituir toda a formatação incorreta, basta copiar e colar o texto de volta na visualização Texto do editor clássico.

O código de formatação corrigido no editor clássico

Copiando e colando texto simples

O texto simples é o texto sem qualquer formatação. Para evitar qualquer possibilidade de formatação incorreta, você pode preferir copiar e colar texto simples.

Essa também é uma opção muito útil se você estiver copiando uma seção de texto de outro site. Por exemplo, você pode incluir uma citação de outra pessoa em seu conteúdo.

Copiando e colando texto simples no editor de blocos

O editor de blocos do WordPress não possui um botão ou opção para colar texto simples. No entanto, é fácil fazer isso sozinho.

O método mais rápido é usar o atalho de teclado Ctrl+Shift+V (PC) ou Command+Shift+V (Mac) para colar seu texto. Isso irá colar automaticamente no formato de texto simples.

Texto simples colado no editor de blocos usando o comando Ctrl+Shift+V

Como alternativa, alguns navegadores oferecem a opção de colar como texto simples. Se você estiver usando o Google Chrome, basta clicar com o botão direito e selecionar a opção ‘Colar como texto simples’:

Clique com o botão direito e use a opção "Colar como texto simples" no seu navegador

Ambos os métodos funcionarão para colar texto simples em um único bloco de parágrafo.

Copiando e colando texto simples no Editor Clássico

Para colar texto simples no editor clássico, primeiro clique no botão de alternância da barra de ferramentas:

O botão de alternância da barra de ferramentas no editor clássico do WordPress

Agora, você só precisa clicar no ícone ‘Colar como texto’. Parece uma prancheta com a letra T:

Use o botão 'Colar como texto' do WordPress para ativar o modo de texto simples

Qualquer texto que você colar agora será colado no modo de texto simples, com a formatação removida. Veja como isso fica quando colamos o texto do nosso documento do Google. Os títulos, negrito, itálico, marcadores e link foram todos removidos:

O texto do Google Docs colado como texto simples no editor clássico do WordPress

Dica profissional: copie, cole e clone sites inteiros do WordPress

Enquanto o guia para iniciantes acima mostra o básico de copiar e colar, o WordPress também oferece muitos recursos avançados de copiar, colar e clonar.

Por exemplo, você pode clonar facilmente um site WordPress inteiro em 7 etapas fáceis .

Há também uma maneira de criar uma página ou postagem duplicada do WordPress com um único clique.

Se você estiver usando o editor de blocos, também poderá criar blocos reutilizáveis que podem ser usados em várias postagens.

Esperamos que este artigo tenha ajudado você a aprender como copiar e colar no WordPress. Você também pode gostar de nossas dicas sobre como dominar o editor de conteúdo do WordPress , e nossa escolha especializada dos plugins WordPress obrigatórios para todos os sites .

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.