Sitio web

Cómo crear un código corto de salto de línea (br) en WordPress

¿Sois usuarios de WordPress a los que les gusta luchar con los saltos de línea entre párrafos? Quizás incluso te guste pelear con el editor de WordPress cuando quieras ajustar la distancia entre una imagen y el siguiente párrafo.

Para los usuarios antiguos de WordPress, definitivamente entienden que la función de salto de línea o espacio entre párrafos en WordPress tiene muchas dificultades que se pueden decir que son bastante extrañas. ¿Por qué es extraño? porque sólo el editor de contenido de WordPress no tiene una buena función de salto de línea. Por ejemplo, Blogger y Joomla, he usado ambos CMS y, de hecho, su editor de contenido es muy bueno y está bien optimizado, a diferencia de WordPress.

En realidad, para WordPress podemos agregar un código de salto de línea en editor de texto con
etiquetas. Pero a veces surgen problemas extraños, sobre todo cuando volvemos a editor visualentonces la etiqueta br que creamos anteriormente puede desaparecer o ni siquiera considerarse en absoluto.

Mareado, ¿verdad? Si alguna vez encuentra este problema, intentemos descubrir cómo resolverlo creando un código corto para el código de etiqueta br.

Código corto de salto de línea agregado para WordPress

Los códigos cortos se introdujeron por primera vez en la versión 2.5 de WordPress. y es ampliamente utilizado por complementos y temas, porque con los códigos cortos, los usuarios pueden agregar su propio contenido o código a WordPress con un código corto muy sencillo.

Los propios códigos cortos suelen contener funciones especiales que utilizamos a menudo en nuestro WordPress, por lo que no necesitamos repetir el proceso cada vez que los necesitamos. La API le permite crear sus propios códigos cortos en el archivo funciones.php de su tema.

Ahora queremos que la función de etiqueta
funcione en el editor visual sin tener que ingresar al editor de texto. Entonces el método es muy fácil, simplemente ingrese el siguiente código en el archivo funciones.php en la carpeta de temas que estás utilizando actualmente. (raíz > wp-content > temas > nombre del tema > funciones.php)

/* ------- Line Break Shortcode --------*/

function line_break_shortcode() {

return '<br />';

} add_shortcode( 'br', 'line_break_shortcode' );

Uso del código corto de saltos de línea en el editor visual

Con el código agregado al archivo funciones.php, ahora puede insertar el código abreviado donde desee agregar un salto de línea de etiqueta.

[br]

Ejemplo :

This is some text.
[br]
This is some more text after a line break.
[br][br]
This is even more text after adding two line breaks

Mostrar resultados:

This is some text.
This is some more text after a line break.

This is even more text after adding two line breaks.

Cree 1 salto de línea con la tecla Mayús

Bien, si te da un poco de pereza escribir códigos cortos [br] Cuando solo quieres hacer 1 salto de línea, la solución es que solo presiones el botón MAYÚS + ENTRAR. El acceso directo Mayús Intro creará automáticamente un nuevo salto de línea (sin abrir un nuevo párrafo, ya sabes).

Pero desafortunadamente esta función de acceso directo solo funciona para un salto de línea. Si fuerza SHIFT + ENTER 2x o más. Aún así, WordPress lo considerará como un salto de línea. Muy molesto, ¿verdad?

Crear saltos de línea grandes usando código de margen

Si en algún momento deseas un espacio muy grande entre párrafos, puedes ingresar el código CSS en la publicación a través del Editor de texto en la esquina superior derecha.

Cómo crear un código corto de salto de línea en WordPress Yasir252

El método es bastante sencillo, busca el párrafo al que quieres hacerle un espacio grande. Luego revisas la primera palabra del párrafo.

cambie para agregar

. Vea el ejemplo a continuación:

<p style="margin-bottom: 100px;">Kata Pertama! paragraf kalian yang ingin ditambah margin space 100px.</p>

Cómo crear códigos cortos de salto de línea en WordPress Yasir252

Cambiar el espacio entre líneas en un párrafo

  1. Vaya al panel > Apariencia > Personalizar
  2. en Personalizar seleccione el menú CSS adicional
  3. Añade el código a continuación
    .post p {
    line-height: 1.5em;
    padding-bottom: 15px;
    }

Cómo cambiar el espacio entre líneas en los párrafos de WordPress Yasir252

Bien, eso es todo por nuestro tutorial de WordPress de hoy. Es fácil de usar y puede ayudarte a calmar tus emociones cuando luchas con los saltos de línea de WordPress. 😀

#Sitio #web

Leave a Reply

Your email address will not be published. Required fields are marked *