Limpiar el formato del texto en Blogger

Author Avatar
@brigitte • Experta de Producto: Blogger & AdSense
while(coding) { eat(chocolate); }

El formato de las entradas, aunque no lo parezca, puede impactar negativamente el desempeño del tema utilizado y/o la carga del contenido. Después de todo, los colores y tamaños que vemos no son más que código.

Ya sea reduciendo la cantidad de entradas que vemos en la página principal o haciendo que el sidebar sea empujado de la posición programada. Y muchos escenarios así...

¿No se puede dar estilo a la entrada entonces?

Sí, por supuesto que sí. Es solamente cuestión de cuidar cómo se hace y qué herramientas usamos.

Recomendaciones para tener un formato limpio en las entradas y páginas

Usar las herramientas que ofrece Blogger

La primera y principal recomendación es dar formato directamente en Blogger, usando su editor WYSIWYG (del inglés "What You See Is What You Get", "lo que se ve es lo que se obtiene") en la Vista de redacción (el lapicillo a la izquierda de la barra indica que estamos en dicha vista):

Menú desplegable en el editor de Blogger mostrando la Vista de Redacción seleccionada

Por seguridad o comodidad, sé que muchos blogueros redactan sus contenidos en editores de texto como MS Word o Google Docs, lo cual es totalmente válido.

Sin embargo, al pasar el contenido al editor de Blogger, al pegarse tal cual el texto, se incluye mucho código que aunque visualmente cumple su cometido (dar formato al contenido), como ya mencioné este interfiere con el funcionamiento de la plantilla y la carga del blog.

Aquí podemos notar lo extenso que es el código de un texto formateado en Word cuando pasamos a la Vista HTML (ícono <>):

Animación mostrando la gran cantidad de código sucio generado al pegar texto desde Word a la Vista HTML de Blogger

Y esto lo debemos evitar.

Pegar los textos sin formatos.

Una vez terminada la redacción del post en su editor de texto (MS Word, Google Docs...), puede pegar sin formato dicho texto en el editor de Blogger y entonces dar los estilos de su elección.

Para ello puede utilizar los siguientes atajos de teclado:

Windows, Chrome OS y algunas distribuciones de Linux:

CTRL + SHIFT + V

macOS:

OPTION + SHIFT + COMMAND + V



Pegando textos en Blogger con el formato intacto de Word:

Animación demostrando el pegado estándar que mantiene los formatos no deseados de Word

Pegando textos en Blogger usando los atajos de teclado (el pegado luce más lento al yo seleccionar las teclas):

Animación demostrando cómo el pegado con atajos de teclado inserta texto limpio sin estilos

Hacer esto nos da un HTML limpio para la entrada, teniendo entonces el código justo y necesario según vayamos formateando con las herramientas de Blogger.

Limpiar el formato de un texto pegado anteriormente

Para ello primero seleccionamos todo el contenido, y en la barra de herramientas pulsamos el botón "borrar formato" y entonces procedemos a agregar los estilos.

Animación usando la herramienta borrar formato nativa del editor de Blogger


Con estos pasos, podemos eliminar de las entradas en Blogger todo código externo, también llamado basura, que pueda generar desajustes en la apariencia del blog y en su carga.

También podemos, en Windows y algunas distribuciones de Linux, usar CTRL + Espacio para quitar el formato del texto seleccionado.



Nota: Si bien en el editor de Blogger podemos modificar colores, sombreados y tamaños, es recomendable que los estilos generales del blog se establezcan en el tema mismo, y en el editor dar más que todo estructura al contenido:

  • Uso de encabezados (headings)
  • Listas ordenadas y no ordenadas, así como sus sublistas.
  • Citar texto (blockquote)
  • Textos con estilos específicos en ese post...