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.
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.
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:
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:
- Copiando e colando do Word para o WordPress usando o editor de blocos
- Copiando e colando do Google Docs para o WordPress usando o editor de blocos
- Copiando e colando usando o editor clássico
- Como verificar e corrigir erros de formatação de copiar e colar
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:
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.
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.
Quando copiamos e colamos o texto do Google Docs para o WordPress, novamente, o WordPress formatou o texto corretamente.
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:
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’:
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>.
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’.
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:
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.
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>:
Depois de substituir toda a formatação incorreta, basta copiar e colar o texto de volta na visualização Texto do 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.
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’:
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:
Agora, você só precisa clicar no ícone ‘Colar como texto’. Parece uma prancheta com a letra T:
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:
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
Uncategorized
