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.
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.
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:
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.
Aquí hay un documento que vamos a copiar de Word a WordPress:
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.
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.
Cuando copiamos y pegamos el texto de Google Docs a WordPress, nuevamente, WordPress ha formateado el texto correctamente.
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:
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.
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’:
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 .
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’.
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:
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.
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> :
Una vez que haya reemplazado todo el formato incorrecto, simplemente copie y pegue el texto nuevamente en la vista Texto del editor clásico.
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.
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’:
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:
Ahora, solo necesita hacer clic en el icono ‘Pegar como texto’. Parece un portapapeles con la letra T:
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:
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 .