Recientemente, un lector nos preguntó cómo copiar y pegar elementos en WordPress sin causar problemas de formato.

A menudo, cuando copia y pega contenido de aplicaciones de escritorio o páginas web, también termina pegando un formato no deseado. Esto no coincide con las fuentes y los colores de su tema de WordPress y se ve extraño.

En este artículo, compartiremos cómo copiar y pegar fácilmente en WordPress sin formatos ni estilos no deseados.

Copiar y pegar texto en WordPress

Más información sobre copiar y pegar en WordPress

Copiar y pegar significa copiar texto de un lugar a otro sin tener que escribirlo todo de nuevo.

Para copiar texto de un documento o página web, debe resaltarlo con el mouse. Luego, simplemente haga clic derecho y seleccione “Copiar” en el menú. Alternativamente, puede usar el método abreviado de teclado Ctrl+C (Comando+C en Mac) para copiar el texto resaltado.

Copie texto de un documento de Word resaltando y haciendo clic derecho

Para pegar texto en WordPress, puede hacer clic derecho y seleccionar Pegar en el menú. Alternativamente, pegue el texto copiado usando el atajo de teclado Ctrl+V (Comando+V en Mac):

Pegue el texto copiado en WordPress

Cuando copia texto, también se copia el formato del texto. El problema es que a veces obtienes un formato que no quieres.

Este formato no deseado puede afectar la apariencia de su texto en otros dispositivos.

Algunos usuarios de WordPress eligen evitar copiar y pegar por completo. En cambio, redactan publicaciones directamente en su sitio de WordPress.

Sin embargo, es posible que prefiera utilizar una herramienta separada para la redacción, como Microsoft Word o Google Docs. Esto le permite trabajar sin conexión y facilita compartir su trabajo para comentarios y revisiones antes de publicarlo.

También es importante evitar agregar formato innecesario, ya que afecta el tamaño de la página, lo que significa sitios más lentos.

Es por eso que creamos esta guía definitiva sobre cómo copiar y pegar texto correctamente en WordPress. Puede saltar directamente a la sección que necesita usando el enlace:

Cómo copiar y pegar de Word a WordPress (Editor de bloques)

Copiar texto de Microsoft WordPress es fácil.

Durante años, WordPress le ha permitido copiar texto enriquecido (formateado) de un documento de Word directamente en el editor. Esta es una gran ventaja si te gusta escribir y dar formato a tus publicaciones en Microsoft Word.

Copiar su publicación de Word a WordPress le permite conservar elementos como encabezados, texto en negrita y cursiva, enlaces y listas. Descartará cualquier opción de estilo como color, espaciado, etc.

Este es el documento que copiaremos de Word a WordPress:

Documento de Word que copiaremos en WordPress

Este documento tiene el formato de dos subtítulos del Título 2 en la sección Publicaciones. Hay texto en negrita y cursiva, listas con viñetas y enlaces.

Simplemente copiaremos todo desde el documento de Word y lo pegaremos en el editor de bloques de WordPress.

El texto de Word ahora se copia en nuestra publicación de WordPress

Tenga en cuenta que algunos formatos no se han reproducido. La imagen se ha omitido, pero WordPress creó un bloque de imagen en el lugar correcto.

propina: Utilice siempre el estilo de título en Word para crear subtítulos. No resalte el texto y aumente manualmente el tamaño de fuente.

¿Quiere confirmar que su texto fue copiado correctamente? Simplemente siga las instrucciones para verificar y corregir errores de formato más adelante en este artículo.

Cómo copiar y pegar de Google Docs a WordPress (Editor de bloques)

Google Docs es una herramienta de procesamiento de texto muy popular. Copiar y pegar desde Google Docs en el editor de bloques de WordPress es tan fácil como usar Word.

Este es un fragmento de texto que tenemos en Google Docs. Es la misma sección que usamos en Word arriba.

Google Docs con el texto que queremos copiar

Cuando copiamos y pegamos el texto de Google Docs en WordPress, WordPress volvió a formatear el texto correctamente.

Texto de Google Docs en el editor de bloques de WordPress

Esta vez, la imagen también está presente en WordPress. Sin embargo, no se carga en la biblioteca de medios de WordPress, sino que se muestra directamente desde su cuenta de Google Drive.

Debe descargar manualmente la imagen y cargarla en su sitio de WordPress.

Copia y pega con el editor clásico

¿Está experimentando errores de formato después de copiar y pegar texto en WordPress? Entonces probablemente estés usando el antiguo editor clásico.

El editor clásico funciona bien con documentos de Word y no debería agregar ningún código innecesario. Sin embargo, no funciona tan bien con el texto copiado de Google Docs.

Así es como se ve al pegar texto de Google Docs en el editor clásico:

Texto de Google Docs copiado en Classic Editor

Los títulos, los enlaces, el texto en negrita y en cursiva se ven correctos.

Sin embargo, se agrega un formato adicional innecesario que no es visible.

Cómo verificar y corregir errores de formato de copiar y pegar

Ahora veamos cómo verificar y corregir errores de formato.

Todo el texto de sus publicaciones de WordPress está formateado con HTML (Lenguaje de marcado de hipertexto). Las etiquetas HTML omiten las palabras formateadas de una manera específica.

Por ejemplo, el texto en negrita en una publicación de WordPress se ve así en código HTML:

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

La palabra “Texto en negrita” aparecerá en negrita.

Para verificar y corregir errores de formato después de copiar y pegar, debe verificar el código HTML de la publicación.

Inspeccione el código HTML en el editor de bloques

En el editor de bloques, puede ver fácilmente el código HTML de cualquier bloque. Primero, haga clic en el bloque. Luego, haz clic en los tres puntos verticales a la derecha del menú del bloque.

Verá un menú desplegable. Aquí, solo necesita hacer clic en la opción “Editar como HTML”:

Cambiar a vista HTML de bloques en WordPress

Ahora verá el código HTML del bloque. Al usar el editor de bloques, generalmente encontrará que no se agrega el formato no deseado.

Aquí, el párrafo comienza correctamente al principio. <p> marcar y terminar con </p> Etiqueta.

Las frases en negrita también son correctas.Empieza con <strong> marcar y terminar con </strong> Etiqueta.

Ver el código HTML de un bloque en el editor de bloques

Para volver a la vista normal del bloque, simplemente haga clic de nuevo en los tres puntos verticales. Luego, continúa y selecciona la opción “Edición visual”.

Volver a la vista visual del bloque

Inspeccionar código HTML en el editor clásico

En el editor clásico, puede ver fácilmente el código HTML de una publicación haciendo clic en la pestaña Texto en la parte superior del cuadro que contiene el texto de la publicación. Aquí está el código HTML para la publicación que copiamos de Google Docs:

Ver el código HTML de una publicación en el editor clásico

La etiqueta span aquí es un código adicional e innecesario.

Además, el uso de texto en negrita y cursiva <b> marca en lugar de <strong> y <i> marca en lugar de <em>generalmente se considera mejor usar <strong> y <em> Estas etiquetas le dan a tus palabras un significado semántico, no solo un estilo visual.

En cambio, este es el código que se genera al copiarlo de Word, no de Google Docs, en el editor clásico. No hay marcas de formato innecesarias, y las negritas y cursivas se representan correctamente.

Código HTML generado al copiar un documento de Word a Classic Editor

Si copió la publicación de Google Docs, deberá revisar el código HTML y corregir el formato manualmente. En este caso significa:

  • eliminar todos <span > y </span> Etiqueta.
  • cambia todo <li > solo <li>.
  • Cambio <b> y </b> llegar <strong> y </strong>.
  • Cambio <i> y </i> llegar <em> y </em>.

Para acelerar el proceso, primero deberá copiar y pegar el código HTML en un editor de texto.

Luego solo use buscar y reemplazar para cambiar el formato incorrecto. Aquí hay un ejemplo usando el Bloc de notas.estamos buscando todas las instancias <li > y reemplazarlos con <li>:

Corrija el código HTML no deseado de forma rápida y sencilla con el Bloc de notas

Después de reemplazar cualquier formato incorrecto, simplemente copie y pegue el texto nuevamente en la vista de texto del editor clásico.

Código de formato corregido en el editor clásico.

Copiar y pegar texto sin formato

El texto sin formato es texto sin formato. Para evitar cualquier posibilidad de formato incorrecto, puede que prefiera copiar y pegar texto sin formato.

También es una opción muy útil si estás copiando un fragmento de texto de otro sitio web. Por ejemplo, puede incluir citas de otras personas en su contenido.

Copie y pegue texto sin formato en el editor de bloques

El editor de bloques de WordPress no tiene un botón u opción para pegar texto sin formato. Sin embargo, puedes hacerlo fácilmente tú mismo.

La forma más rápida es pegar el texto usando el atajo de teclado Ctrl+Shift+V (PC) o Command+Shift+V (Mac). Esto se pegará automáticamente en texto sin formato.

Pegue texto sin formato en el editor de bloques con el comando Ctrl+Shift+V

Alternativamente, algunos navegadores ofrecen una opción para pegar como texto sin formato. Si está utilizando Google Chrome, simplemente haga clic derecho y seleccione la opción “Pegar como texto sin formato”:

 clic derecho y use "Pegar como texto sin formato" Seleccione en su navegador

Ambos métodos pueden pegar texto sin formato en un solo bloque de párrafo.

Copie y pegue texto sin formato en el editor clásico

Para pegar texto sin formato en el editor clásico, primero haga clic en el botón de alternancia de la barra de herramientas:

Botón de alternancia de la barra de herramientas en el editor clásico de WordPress

Ahora todo lo que necesita hacer es hacer clic en el icono “Pegar como texto”. Parece un portapapeles con la letra T:

Use el botón de WordPress

Cualquier texto que pegue ahora se pegará en modo de texto sin formato, con el formato eliminado. Así es como se ve cuando pegamos el texto de Google Docs. Se han eliminado los encabezados, las negritas, las cursivas, las viñetas y los enlaces:

Texto de Google Docs pegado como texto sin formato en WordPress Classic Editor

Consejo profesional: copie, pegue y clone todo su sitio de WordPress

Si bien la guía para principiantes anterior le muestra los conceptos básicos de copiar y pegar, WordPress también ofrece muchas funciones avanzadas de copiar, pegar y clonar.

Por ejemplo, puede clonar fácilmente todo su sitio de WordPress en 7 sencillos pasos.

También hay una manera de crear una página o publicación de WordPress duplicada con un solo clic.

Si está utilizando el editor de bloques, también puede crear bloques reutilizables que se pueden usar en varias publicaciones.

Esperamos que este artículo te haya ayudado a aprender a copiar y pegar en WordPress. También te pueden interesar nuestros consejos para dominar el editor de contenido de WordPress y nuestra selección experta de complementos de WordPress imprescindibles para todos tus sitios.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.