Cómo tachar en WordPress: ¡de muchas maneras!

Una vez que descubras cómo tachar en WordPress, tu estilo de escritura puede adquirir una dimensión diferente.

El tachado se puede usar para el sarcasmo, para corregir inexactitudes fácticas, calificar un precio completo para presentar un precio con descuento más bajo y mucho más.

Los bloggers tienden a apoyarse en la etiqueta tachada para dejar en claro que están escribiendo una opinión o un comentario sarcástico que no pretende ser fáctico.



En escritura conversacional, es el equivalente a toser antes de un comentario.

Un comentario entre paréntesis. Una expresión del autor, no fáctica, ni esencial. Se agrega por entretenimiento, sarcasmo, humor.

En términos de SEO, el texto tachado con técnicamente no se elimina.

Los motores de búsqueda aún pueden leerlo e indexarlo. No use tachado para cosas de palabras clave. Es útil si cambia el nombre de un producto o para actualizar contenido antiguo. Como el constante cambio de nombre de Google Workspace.

 

Cómo tachar en WordPress

En HTML, use o . El equivalente de CSS es 'line-through'. Aplique CSS en línea con . Para los usuarios frecuentes, el complemento Herramientas de edición avanzada agrega un botón tachado a su barra de herramientas. Aún más rápido es usar el atajo de teclado: alt + shift + D.

 

Cómo tachar usando el editor WP Gutenberg

El editor de bloques de WordPress (Gutenberg) es el editor predeterminado para las nuevas instalaciones de WordPress.

Se puede omitir utilizando uno de los complementos del editor clásico. Si no ha instalado un complemento de editor, utilizará el editor de bloques.

Para usar el tachado en el editor de bloques, debe usar el bloque 'párrafo' o el bloque 'clásico'.

Puede encontrarlos presionando el ícono más (+), luego agregando un bloque de 'párrafo' estándar o agregando el bloque 'Clásico', que tiene el botón tachado en la barra de herramientas.


 

Usando el bloque de párrafo

  1. Resalte el texto para aplicar el tachado haciendo clic derecho y arrastrando el cursor sobre el texto.
  2. Haga clic en la flecha hacia abajo en la barra de herramientas (entre el enlace de la 'cadena' y los tres puntos verticales al final de la barra de herramientas)
  3. Seleccione la opción 'tachado' en el menú desplegable.


 

Usando el bloque clásico

  1. Resalte el texto para aplicar un tachado en
  2. Haga clic en el icono de tachado en la barra de herramientas


 

Cómo tachar texto con el editor clásico de WP

Para nuevas instalaciones de WordPress, el Editor clásico debe volver a agregarse mediante un complemento.

Vaya a la página de complementos desde el menú de la barra lateral izquierda, seleccione 'agregar nuevo'.

Busque por palabra clave 'editor clásico'. El que hay que instalar es “por WordPress Contributors”. Instalar y activar el complemento.

 

De forma predeterminada, el editor clásico ya tiene el botón tachado en la barra de herramientas.

Pero, si tiene instalado y activado el complemento Advanced Editor Tools, deberá configurarlo en la configuración. (cubierto más tarde)

 

El atajo de teclado de WordPress para tachado

WordPress tiene varios atajos de teclado. El que hace que el texto sea tachado es shift + alt + d.

Esto activa y desactiva el tachado. Presiona los tres una vez para tachar el texto y nuevamente para eliminarlo.

 

Cómo tachar usando las herramientas del editor avanzado (anteriormente TinyMCE Advanced)

El complemento “Advanced Editor Tools” es compatible con el complemento Classic Editor y el editor de bloques.

Para instalarlo, vaya a complementos> Agregar nuevo> busque por palabra clave 'herramientas de edición avanzadas'. Haga clic, instale, luego haga clic para activar el complemento.

Una vez activado, vaya a la página de complementos instalados y seleccione 'configuración'.

Desplácese hacia abajo en la página hasta llegar a la sección 'Barras de herramientas para el párrafo clásico y los bloques clásicos'.

De forma predeterminada, la casilla 'Habilitar el menú del editor (recomendado)' debe estar marcada. Si no es así, haga clic en el cuadro para habilitarlo.

Debajo de eso, hay una sección para 'Botones no utilizados para las barras de herramientas de párrafo clásico y bloques clásicos'.

Haga clic derecho en el botón 'tachado' y arrástrelo a la barra de herramientas. Colóquelo donde le resulte más conveniente encontrarlo.

Desplácese hasta la parte inferior de la página de configuración y haga clic en 'guardar cambios'.

Hay dos pestañas para configurar en la configuración. Uno para el editor de bloques, el otro para el editor clásico. Si cambia de editor, configure ambas barras de herramientas.

La opción de tachado en el bloque 'párrafo' está en el mismo lugar dentro del menú desplegable.

El complemento Advanced Editor Tools agrega una opción de bloque de 'párrafo clásico'. Seleccione ese bloque para cargar la barra de herramientas Herramientas del editor avanzado.

Esto le da acceso rápido al botón de tachado. Una función útil si usa mucho el tachado.

 

Cómo tachar usando HTML

Usando HTML, el marcado a usar es .

<s>strikethrough</s>

Solía ​​ser , sin embargo, ya no existe en HTML5. Algunos navegadores aún lo admiten, pero puede dejar de funcionar en cualquier momento.

Desde HTML5, la etiqueta en HTML es la correcta para usar. Una alternativa es envolver su texto dentro de la etiqueta .

 

¿Hay una diferencia?

Para los navegadores, existe, pero solo en lo que respecta al propósito para el que se utiliza. Es como Cómo hacer cursiva en WordPress . Hay diferentes formas, pero la diferencia es la semántica.

La etiqueta representa texto que ha sido eliminado y reemplazado/actualizado. La etiqueta es más para diseñar su texto con una palabra o frase tachada o, en la mayoría de los casos, tachada la opinión de un autor.

En los sitios web de medios tradicionales, la etiqueta se usaría con una etiqueta para agregar una corrección a una publicación de noticias digitales para corregir una inexactitud fáctica.

En los sitios web que no son de periodistas (bloggers), la etiqueta es lo que debe usar cuando se usa el tachado para agregar humor a su escritura.

 

Cómo diseñar líneas tachadas con CSS

Usando HTML, el tachado es del mismo color que su texto. Puede hacer que la escritura sea difícil de leer.

Cuando desee usar un tachado con un color diferente, CSS es la herramienta preferida.

Usando CSS en línea, la 'decoración de texto: línea a través' es lo mismo que un tachado.

Puede agregar CSS en línea a su HTML en el modo de texto del editor clásico o seleccionando 'Editar en HTML' de un bloque de párrafo.

Usa el código:

<span style=”text-decoration:line-through”>your text here</span>.

Para diseñar con color, puede agregar un fragmento de código al CSS en línea...

<span style=”text-decoration:line-through; color:red”>your text here</span>.

Esto hace que su texto y la línea que lo atraviesa sean rojos.

Si desea cambiar solo el color de la línea que atraviesa el texto, use dos fragmentos. El primero es agregar color a la decoración del texto, el segundo es colorear su texto.

<span style="text-decoration:line-through; color:yellow;"><span style="color:black;">This adds a yellow line through black text.</span>
 

Cómo diseñar texto tachado usando Block CSS

Para diseñar usando bloque CSS, diríjase a su menú de 'apariencia', seleccione 'personalizar' y luego haga clic en 'CSS adicional'.

Agrega el siguiente código:

.strikethrough {
text-decoration:line-through; color-###;
}

Reemplace el ### con el color de su elección. Luego, para aplicar el tachado, use HTML para llamarlo.

<span class=”strikethrough”>your text here</span>

En el ejemplo anterior, el tachado es solo un nombre de clase. Llámalo como puedas recordarlo más fácilmente.

Como ejemplo, si tuviera que establecer un bloque CSS llamado 'precio', podría diseñar sus tachados para que se aplicaran los mismos estilos a cada precio original.

Como esto:

.price {
color:red;
font-size: 14px;
text-decoration: line-through;
text-decoration: black double line-through;
}

Luego, para mostrar un precio original antes de los descuentos, llámalo agregando lo siguiente a tu código HTML:

<span class=”price”>$###</span> Now: $###


 

¿Qué método de tachado es más fácil?

El CSS en línea será más fácil para el uso irregular del estilo de línea sin estilo adicional. Sólo una línea recta a través del centro del texto.

Para uso frecuente con decoraciones de varios estilos, como doble subrayado, diferentes tamaños de fuente, colores de texto y colores de línea, la creación de un bloque de clase en el CSS adicional le permite agregarlo una vez para llamarlo en cualquier momento y mantiene su estilo consistente en todo su sitio web.