Saltar al contenido

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 copia y pega contenido desde una aplicación de escritorio o una página web, también termina pegando el formato no deseado. Esto no coincide con las fuentes y colores de su tema de WordPress, lo que simplemente se ve extraño.

En este artículo, compartiremos cómo copiar y pegar fácilmente en WordPress sin ningún formato ni estilo no deseado.

20201128 19

Comprensión de copiar y pegar en WordPress

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

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ú. O puede usar el atajo de teclado Ctrl + C (Comando + C en una Mac) para copiar el texto resaltado.

20201128 20

Para pegar texto en WordPress, puede hacer clic derecho y seleccionar ‘Pegar’ en el menú. O use el atajo de teclado Ctrl + V (Comando + V en una Mac) para pegar el texto copiado:

20201128 21

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

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

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

Sin embargo, es posible que prefiera redactar con una herramienta separada, como Microsoft Word o Google Docs . Esto le permite trabajar sin conexión y puede facilitar el compartir su trabajo para comentarios y revisiones antes de la publicación.

También es importante evitar agregar formato innecesario porque afecta el tamaño de su página, lo que significa una velocidad del sitio más lenta.

Es por eso que hemos creado esta guía definitiva sobre cómo copiar y pegar texto correctamente en WordPress. Puede utilizar los enlaces para ir directamente a las secciones que necesita:

  • Hacer frente y pegar de Word a WordPress usando el editor de bloques
  • Copiar y pegar de Google Docs a WordPress usando el editor de bloques
  • Hacer frente y pegar con el editor clásico
  • Cómo comprobar y corregir errores de formato de copiar y pegar

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

Copiar texto de Microsoft WordPress es bastante sencillo.

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

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

Leer más  36 razones por las que tener un "sitio web gratuito" es una mala idea

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

20201128 11

Este documento tiene el formato de dos subtítulos de Título 2 para subsecciones de la publicación. 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.

20201128 22

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

Sugerencia: utilice siempre los ‘estilos de título’ en Word para crear sus subtítulos. No resalte el texto y aumente el tamaño de la fuente manualmente.

¿Quiere confirmar que su texto se ha copiado correctamente? Simplemente siga nuestras instrucciones más adelante en este artículo sobre cómo verificar y corregir errores de formato.

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

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

Aquí está nuestro fragmento de texto en Google Docs. Es idéntica a la pieza que usamos en Word, arriba.

20201128 12

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

20201128 13

Esta vez, la imagen también aparece en WordPress. Sin embargo, no se carga en la biblioteca de medios de WordPress y se muestra directamente desde su cuenta de Google Drive.

Debe descargar y cargar imágenes manualmente en su sitio web de WordPress.

Copiar y pegar con el editor clásico

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

El editor clásico maneja bien los 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 nuestro texto de Google Docs al pegarlo en el editor clásico:

20201128 23

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

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

Cómo comprobar y corregir errores de formato de copia y pegado

Echemos un vistazo a cómo comprobar y corregir errores de formato ahora.

Todo el texto en sus publicaciones de WordPress está formateado usando HTML (lenguaje de marcado de hipertexto). Las etiquetas HTML rodean las palabras formateadas de una manera particular.

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

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

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

Leer más  Próximamente frente al modo de mantenimiento: cuál es la diferencia (explicado)

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

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, haga clic en el bloque. Luego, haga 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’:

20201128 24

Ahora verá el código HTML del bloque. Con el editor de bloques, normalmente debería encontrar que no se ha agregado ningún formato no deseado.

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

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

20201128 25

Para volver a la vista normal de su bloque, simplemente haga clic en los tres puntos verticales nuevamente. Luego, continúe y seleccione la opción ‘Editar visualmente’.

20201128 26

Comprobación del código HTML en el editor clásico

En el editor clásico, es fácil ver 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. Este es el código HTML de nuestra publicación copiado de Google Docs:

20201128 27

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

Además, el texto en negrita y el texto en cursiva se formatean utilizando la <b> etiqueta en lugar de <strong> y la <i> etiqueta en lugar de <em> . En general, se considera mejor usar las etiquetas <strong> y, <em> ya que le dan a sus palabras un significado semántico, no solo un estilo visual.

En comparación, aquí está el código que se genera al copiar desde 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 representado correctamente.

20201128 28

Si ha copiado su publicación de Google docs, deberá revisar el código HTML y corregir manualmente el formato. En este caso, eso significa:

  • Eliminando todas las etiquetas <span style="font-weight: 400;"> y </span> .
  • Cambiando todo el <li style="font-weight: 400;"> a just <li> .
  • Cambiando <b> y </b> que <strong> y </strong> .
  • Cambiando <i> y </i> que <em> y </em> .

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

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

20201128 29

Una vez que haya reemplazado todo el formato incorrecto, simplemente copie y pegue el texto nuevamente en la vista Texto del editor clásico.

Leer más  Cómo crear un formulario de contacto en WordPress (paso a paso)
20201128 30

Copiar y pegar texto sin formato

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

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

Copiar y pegar texto sin formato en el editor de bloques

El editor de bloques de WordPress no tiene un botón ni una opción para pegar texto sin formato. Sin embargo, es fácil hacerlo usted mismo.

El método más rápido es usar el atajo de teclado Ctrl + Shift + V (PC) o Comando + Shift + V (Mac) para pegar su texto. Esto se pegará automáticamente en formato de texto sin formato.

20201128 31

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

20201128 32

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

Copiar y pegar 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 Alternar barra de herramientas:

20201128 33

Ahora, solo necesita hacer clic en el icono ‘Pegar como texto’. Parece un portapapeles con la letra T:

20201128 34

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 nuestro documento de Google. Se han eliminado los títulos, negrita, cursiva, viñetas y el enlace:

20201128 35

Consejo profesional: copiar, pegar y clonar sitios completos de WordPress

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

Por ejemplo, puede clonar fácilmente un sitio completo 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 puede usar en varias publicaciones.

Esperamos que este artículo le haya ayudado a aprender a copiar y pegar en WordPress. Es posible que también le gusten nuestros consejos para dominar el editor de contenido de WordPress , y nuestra selección experta de los complementos de WordPress imprescindibles para todos los sitios web .

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook .