Cómo renunciar a la primera línea de una publicación en WordPress

WordPress facilita la publicación de contenido digital. Sin embargo, para que su texto se vea como una impresión tradicional, requiere un poco de conocimiento de codificación.

En particular, cómo sangrar la primera línea de una publicación de WP, no todo el párrafo.

De forma predeterminada, cuando utiliza los botones de sangría y sangría en la barra de herramientas de WordPress del editor clásico o el bloque de párrafo clásico de Gutenberg, la sangría se aplicará a todo el párrafo.

Para sangrar solo la primera línea de un nuevo párrafo, debe agregar código CSS a su hoja de estilo en cascada (stylesheet.css).

📑 Aquí podrás encontrar 👇

Cómo renunciar a la primera línea de una publicación en WordPress

Cree una clase de "sangría personalizada" usando CSS, luego agregue

Las sangrías se crean solo cuando se agrega HTML al comienzo de un nuevo párrafo. El posicionamiento de la etiqueta "artículo" en CSS da paso a la primera línea de cada nuevo párrafo.

Por qué el botón de sangría de WP no funciona con una sangría de una línea

Use los botones Sangría y Sangría en el Editor de páginas de WP para aplicar sangría a párrafos completos.

Eche un vistazo a su editor de texto y verá el estilo de complemento a la izquierda adjunto al código HTML.

De forma predeterminada, el interruptor de sangría agrega una sangría de 40 px.

<p style="padding-left: 40px;">

Este número (40px) se puede aumentar o disminuir.

Si mueve el código de cierre (

) separa párrafos. No solo sangra hasta la primera línea del párrafo.

si usas tal

Ajuste la sangría en HTML, p.

<p style="margin-left:10%">

o similar.

es el predeterminado

Una etiqueta HTML es un elemento de estilo adjunto a un párrafo completo.

Para aplicar una sangría a la primera línea de un párrafo, debe agregar una clase de sangría a su CSS personalizado.

Puede agregar esto a su archivo stylesheet.css o es aún más fácil usar CSS avanzado en su panel de administración de WP.

Agregue sangrías personalizadas en CSS (la manera fácil)

Vaya al menú Apariencia en la barra lateral izquierda, seleccione Personalizar y luego seleccione la opción CSS avanzado.

Pegue el siguiente código:

p.custom-indent {
text-indent:40px;
}

Luego haz clic en publicar.

No se aplicarán hasta que se publiquen los cambios. Una vez aplicado, se aplica a todo el sitio, dondequiera que se use HTML.

Después de agregar cambios en lugar de agregar

elemento en HTML, insertará

elemento.

<p class=”custom-indent”>

Aplicar sangría a la primera línea de cada nuevo párrafo

Para aplicar una sangría personalizada a todos los párrafos, inserte

El elemento al principio de cada párrafo.

Puede aplicar sangría igual a cada nuevo párrafo aplicando solo a la primera línea de cada párrafo, sin sangrar todo el párrafo.

El código CSS para esto es algo así como...

article p {
text-indent:40px;
}

La razón por la que se menciona que el código es similar al anterior es que cada tema tiene nombres diferentes para identificar los diferentes elementos en la hoja de estilo.

En este sitio, el elemento "cuerpo" de una publicación de blog está marcado como "contenido de entrada mvt-content".

En nuestro sitio de prueba se llama "blog-post-single-content".

Este elemento depende de la plantilla de su tema. Utilice el inspector del navegador para identificar las clases.

Usando Chrome, haga clic derecho y seleccione la opción "Verificar".

Al igual que con las sangrías personalizadas, la cantidad de píxeles que sangra en el texto de la izquierda se puede aumentar o disminuir.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir