M谩s

    驴Cu谩l es la diferencia entre relleno y margen en WordPress?

    - Advertisement -

    驴Quieres saber la diferencia entre relleno y margen en WordPress?

    En WordPress, el relleno es el espacio entre el contenido y el borde dentro de un bloque, mientras que el margen es el espacio entre dos bloques separados.

    En este art铆culo, le mostraremos la diferencia entre relleno y margen y c贸mo usarlos en WordPress.

    驴Qu茅 es el relleno en WordPress?

    La funci贸n de relleno en su sitio web de WordPress se usa para crear espacio dentro de un bloque.

    Por ejemplo, puede agregar espacio dentro de un bloque de texto para que su dise帽o sea m谩s atractivo visualmente y evitar que el texto aparezca demasiado cerca de los bordes del bloque.

    Vista previa de relleno

    Tambi茅n puede usar el relleno para controlar c贸mo fluye el contenido en su blog de WordPress. Por ejemplo, si agrega relleno en la parte superior e inferior de un bloque de texto, puede facilitar que los visitantes lean el contenido.

    驴Qu茅 es el margen en WordPress?

    El margen es el espacio alrededor del borde de un bloque de WordPress y los elementos que lo rodean.

    Esto puede ayudarlo a agregar espacio entre dos bloques diferentes, creando un dise帽o m谩s espacioso y limpio para su sitio.

    Vista previa del margen

    Por ejemplo, puede agregar m谩rgenes en la parte superior e inferior de un bloque de texto para que permanezca visible incluso cuando se cambia el tama帽o de la pantalla.

    Adem谩s, tambi茅n puede usar m谩rgenes para agregar espacio entre los bloques de imagen y texto para que su sitio web sea visualmente atractivo y m谩s accesible para los usuarios.

    驴Cu谩l es la diferencia entre relleno y margen en WordPress?

    Aqu铆 hay una lista r谩pida de las diferencias entre relleno y margen en WordPress:

    PaddingMarginPadding significa agregar espacio entre el contenido y el borde del bloque. La funci贸n de margen agrega espacio fuera del borde del bloque. El uso de relleno no afecta a los otros bloques de su sitio web. El uso de un margen afecta a otros bloques de su sitio web. crear un b煤fer alrededor de un bloque. Los m谩rgenes pueden crear espacio entre dos bloques diferentes. C贸mo usar el relleno en WordPress

    De forma predeterminada, el editor de sitio completo de WordPress (FSE) viene con la funci贸n de relleno.

    Sin embargo, tenga en cuenta que si no est谩 utilizando un tema basado en bloques, no podr谩 agregar relleno a su sitio de WordPress a menos que use CSS personalizado.

    En primer lugar, debe visitar el Apariencia 禄 Redactor p谩gina desde la barra lateral de administraci贸n de WordPress para iniciar el editor de sitio completo.

    Una vez que est茅 all铆, simplemente elija la plantilla de p谩gina donde desea agregar relleno a sus bloques desde la barra lateral ‘Plantillas’ a la izquierda. Esta barra lateral mostrar谩 todas las plantillas para diferentes p谩ginas en su sitio web.

    Elija la p谩gina donde desea agregar relleno de la columna izquierda

    Una vez que haya hecho eso, la plantilla que eligi贸 se abrir谩 en la pantalla.

    Desde aqu铆, haga clic en el bot贸n ‘Editar’ para comenzar a personalizar la plantilla de su p谩gina en el editor completo del sitio.

    Haga clic en el 铆cono Editar para el editor de sitio completo

    A continuaci贸n, elija el bloque donde desea agregar relleno. Recuerde que esto significa que crear谩 un espacio entre el contenido y el borde del bloque.

    Esto abrir谩 la configuraci贸n del bloque en el panel de bloques en el lado derecho de la pantalla.

    Desde aqu铆, debe desplazarse hacia abajo hasta la secci贸n 芦Dimensiones禄 y hacer clic en el men煤 de tres puntos. Esto abrir谩 un mensaje donde debe seleccionar la opci贸n ‘Relleno’.

    Elija la opci贸n de relleno de la secci贸n Dimensiones

    A continuaci贸n, simplemente use el control deslizante para agregar relleno a su bloque.

    Tenga en cuenta que esta caracter铆stica agregar谩 relleno a todos los lados del bloque.

    Relleno en el editor de sitio completo

    Sin embargo, si solo desea agregar relleno en la parte superior o inferior del bloque, tambi茅n puede hacerlo haciendo clic en el 铆cono ‘Desvincular lados’ junto a la opci贸n ‘Relleno’.

    Luego, puede usar diferentes controles deslizantes para agregar relleno a la derecha, a la izquierda, en la parte inferior o en la parte superior del bloque.

    Acolchado para diferentes rincones.

    Una vez que haya terminado, simplemente haga clic en el bot贸n ‘Guardar’ para almacenar su configuraci贸n.

    C贸mo usar el margen en WordPress

    Al igual que el relleno, la funci贸n de margen viene integrada en el editor de sitio completo de WordPress. Sin embargo, esta funci贸n no estar谩 disponible si no est谩 utilizando un tema de bloque.

    Primero, dir铆gete a la Apariencia 禄 Redactor p谩gina desde el tablero de WordPress.

    Una vez que est茅 all铆, elija la plantilla de p谩gina donde desea agregar m谩rgenes de la columna de la izquierda.

    Elija la p谩gina para el margen de la columna izquierda

    Esto abrir谩 la plantilla de p谩gina que eligi贸 en la pantalla.

    Desde aqu铆, simplemente seleccione el bot贸n ‘Editar’ para comenzar a personalizar su plantilla en el editor completo del sitio.

    Haga clic en el 铆cono Editar para el editor de sitio completo

    A continuaci贸n, elija el bloque que desea editar y despl谩cese hacia abajo hasta la secci贸n ‘Dimensiones’ en el panel de bloques a la derecha.

    Desde aqu铆, simplemente use los controles deslizantes para establecer diferentes m谩rgenes para las esquinas superior, inferior, izquierda y derecha del bloque. El uso de esta funci贸n crear谩 espacio alrededor del bloque que elija.

    Agregar margen en el editor de sitio completo

    Sin embargo, si desea usar un solo control deslizante para agregar m谩rgenes iguales alrededor del bloque, haga clic en el 铆cono ‘Vincular lados’ al lado de la opci贸n ‘Margen’.

    El panel de bloques ahora mostrar谩 un solo control deslizante ‘Margen mixto’ en la pantalla que puede usar para crear m谩rgenes iguales alrededor del bloque.

    Usar control deslizante de margen

    Una vez que haya terminado, no olvide hacer clic en el bot贸n ‘Guardar’ en la parte superior para almacenar su configuraci贸n.

    M谩s consejos para la edici贸n completa del sitio en WordPress

    Adem谩s de agregar relleno y m谩rgenes a sus bloques, tambi茅n puede usar el editor de sitio completo para personalizar todo su tema de WordPress.

    Por ejemplo, puede dise帽ar todas las plantillas de su p谩gina, agregar su propio logotipo personalizado, elegir los colores de la marca, cambiar el dise帽o, ajustar el tama帽o de fuente, agregar im谩genes de fondo y m谩s.

    Tambi茅n puede agregar patrones y diferentes bloques a su sitio web para personalizarlo a煤n m谩s. Para obtener m谩s informaci贸n, puede consultar nuestra gu铆a para principiantes sobre c贸mo personalizar su tema de WordPress.

    Agregue patrones a sus dise帽os

    Tambi茅n puede usar el FSE para agregar un encabezado, un men煤 de navegaci贸n o CSS personalizado a su sitio web.

    Adem谩s, tambi茅n puede usar Estilos globales para garantizar la coherencia en todo su sitio. Para obtener instrucciones m谩s detalladas, puede consultar nuestra gu铆a sobre c贸mo personalizar los colores en su sitio web de WordPress.

    Elija un color de fondo del Selector de color

    Sin embargo, si no le gusta usar el editor de sitio completo y prefiere tener m谩s control sobre la apariencia de su sitio web, entonces puede usar Producto de semilla para construir p谩ginas e incluso todo tu tema.

    Es el mejor generador de p谩ginas de destino del mercado que viene con un generador de arrastrar y soltar que hace que sea muy f谩cil crear un tema incre铆ble para su sitio web.

    Para obtener m谩s detalles, puede ver nuestro tutorial sobre c贸mo crear f谩cilmente un tema de WordPress personalizado.

    Editar plantilla de tema

    Esperamos que este art铆culo le haya ayudado a aprender la diferencia entre relleno y margen en WordPress. Tambi茅n puede estar interesado en nuestra gu铆a para principiantes sobre c贸mo cambiar la altura y el ancho del bloque en WordPress y nuestras mejores opciones para los mejores complementos de bloques de Gutenberg para WordPress.

    Si te ha gustado este art铆culo, suscr铆bete a nuestro Canal de Youtube para tutoriales en v铆deo de WordPress. Tambi茅n puedes encontrarnos en Gorjeo y Facebook.


    Fuente: 驴Cu谩l es la diferencia entre relleno y margen en WordPress?

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.