Tutoriales WordPress

Cómo copiar y pegar en WordPress sin problemas de formato

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

A menudo, cuando se copia y pega contenido de una aplicación de escritorio o una página web, se termina pegando también un formato no deseado. Esto no coincide con las fuentes y colores de tu tema de WordPress, lo cual simplemente se ve extraño.

En este artículo, compartiremos cómo copiar y pegar fácilmente en WordPress sin ningún tipo de formato y estilos no deseados.

Entendiendo el copiado y pegado en WordPress

Copiar y pegar significa copiar texto de un lugar a otro sin necesidad de volver a escribirlo.

Para copiar texto de un documento o una página web, es necesario resaltarlo con el ratón. Luego, simplemente haz clic con el botón derecho del ratón y selecciona “Copiar” en el menú. O bien, puedes usar el atajo de teclado Ctrl+C (Comando+C en un Mac) para copiar el texto resaltado.

Para pegar texto en WordPress, puedes hacer clic con el botón derecho del ratón y seleccionar “Pegar” en el menú. O bien, usa el atajo de teclado Ctrl+V (Comando+V en un Mac) para pegar el texto copiado:

Cuando se copia el texto, el formato del texto se copia con él. El problema es que a veces terminas con un formato que no quieres.

Este formato no deseado puede afectar a la forma en que el texto se muestra en otros dispositivos.

Algunos usuarios de WordPress optan por evitar copiar y pegar por completo. En su lugar, redactan sus mensajes directamente en su sitio de WordPress.

Sin embargo, es posible que prefieran redactar utilizando una herramienta independiente, como Microsoft Word o Google Docs. Esto te permite trabajar fuera de línea y puede facilitar el compartir tu trabajo para hacer comentarios y revisiones antes de la publicación.

También es importante evitar añadir formato innecesario porque afecta al tamaño de la página, lo que significa una menor velocidad del sitio.

Por eso hemos creado esta guía definitiva sobre cómo copiar y pegar correctamente el texto en WordPress

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

Copiar texto de Microsoft WordPress es bastante sencillo.

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

Copiar tu mensaje de Word a WordPress te permite mantener elementos como encabezados, texto en negrita y cursiva, enlaces y listas. Descartará cualquier opción de estilo como colores, espaciado, etc.

Aquí hay un documento que vamos a copiar de Word a WordPress:

Este documento está formateado con dos subtítulos de la rúbrica 2 para las subsecciones del post. Hay texto en negrita y cursiva, una lista con viñetas y un enlace.

Simplemente copiaremos todo el contenido del documento de Word y lo pegaremos dentro del editor de bloques de WordPress.

Tenga en cuenta que algunos formatos no han sido copiados. La imagen ha sido omitida, pero WordPress ha creado un bloque de imagen en el lugar correcto.

Consejo: Utiliza siempre los “Estilos de encabezado” de Word para crear tus subtítulos. No resaltes el texto y aumenta el tamaño de la fuente manualmente.

¿Quieres confirmar que tu texto se ha copiado correctamente? Sigue las instrucciones que te damos más adelante en este artículo para comprobar y corregir los errores de formato.

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

Google Docs es una herramienta de procesamiento de textos muy popular. Al igual que con Word, es fácil copiar y pegar desde Google Docs al editor de bloques de WordPress.

Aquí está nuestro texto en Google Docs. Es idéntico al trozo que usamos en Word, arriba.

Cuando copiamos y pegamos el texto de Google Docs a WordPress, de nuevo, WordPress ha formateado el texto correctamente.

Esta vez, la imagen también se ha subido a WordPress.

Copiar y pegar usando el editor clásico

¿Tienes problemas con los errores de formato después de copiar y pegar el texto en WordPress? Entonces es probable que estés usando el viejo editor clásico.

El editor clásico maneja bien los documentos de Word y no debería añadir ningún código innecesario. Sin embargo, no hace un buen trabajo con el texto copiado de Google Docs.

A continuación, te mostramos cómo se ve el texto de Google Docs al pegarlo en el editor clásico:

Los encabezados, el enlace, el texto en negrita y en cursiva se ven correctos.

Sin embargo, se ha añadido un formato extra innecesario que no es visible.

Cómo comprobar y corregir errores de formato al copiar y pegar

Veamos cómo comprobar y corregir los errores de formato ahora.

Todo el texto de tus posts de WordPress está formateado usando HTML. Las etiquetas HTML rodean las palabras que están formateadas de una manera particular.

Por ejemplo, el texto en negrita en los posts de WordPress se ve así en el código HTML:

Este es <strong>un texto en negrita</strong> en esta frase.

Las palabras “texto en negrita” aparecerán en negrita.

Para comprobar y corregir los errores de formato después de copiar y pegar, debes comprobar el código HTML de tu mensaje.

Comprobación del código HTML en el editor de bloques

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

Verás un menú desplegable. En este caso, sólo tienes que hacer clic en la opción “Editar como HTML”:

Ahora verás el código HTML del bloque. Con el editor de bloques, normalmente no se ha añadido ningún formato no deseado.

Aquí, el párrafo comienza correctamente con la etiqueta de apertura <p> y termina con la etiqueta de cierre </p>.

La frase en negrita también es correcta. Comienza con la etiqueta <strong> y termina con la etiqueta de cierre </strong>.

Para volver a la vista normal de su bloque, simplemente haga clic en los tres puntos verticales de nuevo. A continuación, adelante y seleccione la opción “Editar visualmente”.

Comprobando el código HTML en el editor clásico

En el editor clásico, es fácil ver el código HTML de un post haciendo clic en la pestaña ‘Texto’ en la parte superior del cuadro que contiene el texto del post. Este es el código HTML de nuestro post copiado de Google Docs:

Las etiquetas span aquí son un código extra e innecesario.

Además, el texto en negrita y en cursiva se formatea usando la etiqueta <b> en lugar de <strong> y la etiqueta <i> en lugar de <em>. Generalmente se considera mejor usar las etiquetas <strong> y <em> ya que estas le dan a tus palabras un significado semántico, no sólo un estilo visual.

En comparación, aquí está el código producido al copiar de Word en lugar de Google Docs en el editor clásico. No hay etiquetas de formato innecesarias y la negrita y la cursiva se han renderizado correctamente.

Si has copiado tu publicación de Google Docs, tendrás que revisar el código HTML y corregir manualmente el formato. En este caso, eso significa:

  • Eliminar todas las etiquetas <span style="font-weight: 400;"> y </span>.
  • Cambiar todas las etiquetas <li style="font-weight: 400;"> por sólo <li>.
  • Cambiar <b> y </b> a <strong> y </strong>.
  • Cambiar <i> y </i> a <em> y </em>.

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

Luego, simplemente usa Buscar y Reemplazar para cambiar el formato incorrecto. Aquí hay un ejemplo usando el bloc de notas. Estamos encontrando todas las instancias de <li style=”font-weight: 400;”> y reemplazándolas con <li>:

Una vez que hayas reemplazado todo el formato incorrecto, simplemente copia y pega el texto de nuevo en la vista de texto del editor clásico.

Copiar y pegar el texto plano

El texto plano es un texto sin ningún tipo de formato. Para evitar cualquier posibilidad de formato incorrecto, puede que prefiera copiar y pegar el texto sin formato.

Esta opción también es muy útil si estás copiando una sección de texto de otro sitio web. Por ejemplo, puedes incluir una cita de otra persona en tu contenido.

Copiar y pegar 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 simple. Sin embargo, es fácil hacerlo tú mismo.

El método más rápido es usar el atajo de teclado Ctrl+Mayús+V (PC) o Comando+Mayús+V (Mac) para pegar el texto. De esta manera, se pegará automáticamente en formato de texto plano.

Alternativamente, algunos navegadores ofrecen la opción de pegar como texto plano. Si utilizas Google Chrome, basta con hacer clic con el botón derecho del ratón y seleccionar la opción “Pegar como texto sin formato”:

Ambos métodos funcionarán para pegar texto plano en un solo bloque de párrafo.

Copiar y pegar texto plano en el editor clásico

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

Ahora, sólo tienes que hacer clic en el icono “Pegar como texto”. Parece un portapapeles con la letra T:

Cualquier texto que pegue será ahora pegado en modo de texto plano, con el formato eliminado. Así es como se ve cuando pegamos el texto de nuestro Google doc. Se han eliminado los encabezados, la negrita, la cursiva, las viñetas y el enlace:

Esperamos que este artículo te haya ayudado a aprender a copiar y pegar en WordPress.

Etiquetas

Publicidad

Síguenos en Facebook