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).
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.
¡Hola a todos! Este soy yo, Marcel, también conocido como Masha. ¡Obtengo ingresos de tiempo completo en línea y en MaschiTuts y estoy emocionado de compartir con ustedes cómo me mantengo en la cima! Dirijo varios blogs y sitios web lucrativos y me gusta hablar sobre estos proyectos cuando tengo la oportunidad. Hago esto con todo mi corazón. De hecho, el momento en que dejé de trabajar de 8 a 5 y me encontré en un negocio en línea como emprendedor digital fue probablemente una de las mejores decisiones que he tomado en mi vida. ¡Quiero estar seguro de que tú también irás por este camino! Que nadie te diga que es imposible. El cielo es el límite, de verdad... ¡solo si crees en él! Y todo comienza aquí... ¡en Maschiuts!
Deja una respuesta