Abs – Additional block styles

Descripción

Proporciona nuevos estilos creativos adicionales para los bloques nativos de su sitio web de WordPress en el editor (Gutenberg). Simplemente active el complemento y utilice los nuevos estilos de bloques disponibles (consulte ‘Preguntas Frecuentes’ para más información).

Lista de estilos de bloque incluidos:

Galería de portafolioMuestra la leyenda de las imágenes de la galería debajo de la imagen para crear una apariencia similar a un portafolio.

Medios y Texto MejoradosHabilitar una transición creativa entre contenedores de medios y texto. Además, mostrar el medio en la parte superior para una fácil exhibición de características o servicios.

Efectos de imagenDale a tus bloques de Imagen y Media & Texto un aspecto interesante y único con formas de pinceladas, flores, manchas o óvalos.

Superponer bloquesSuperponga varios bloques (contenedores) sobre el contenido de arriba o de abajo. O arrástrelos a la izquierda y a la derecha.

Citas modernasSe proporciona un estilo de burbuja moderna para el bloque de citas.

Listar elementosSepare los elementos de la lista y las publicaciones más recientes con un borde. O muestre las listas en línea..

Eliminar espaciosPuedes eliminar los espacios entre columnas o imágenes de galería. También se proporciona un estilo útil para eliminar el espacio vertical entre varios bloques.

Alineación de columnas Usa este estilo con una columna singular que no es 100% ancho. Luego puedes alinear la columna en el contenedor de columnas usando estos estilos.

SopreHaz que varios bloques resalten aplicando un estilo de sombra de gota. O empuja el fondo del bloque de portada más atrás con una sombra interna.

Estilos responsivosOcultar una columna, o apilar columnas y Media & Text en pantallas de tabletas (en orientación vertical).

Estilos de separadoresSe proporcionan nuevos estilos de separadores de línea doble y en zigzag.

Bordes
Aplica bordes ondulados en la parte superior e inferior de varios bloques (gracias al complemento CoBlocks por su inspiración).

Estilos relacionados con la accesibilidadPuedes ocultar títulos de manera accesible. Seguirán siendo accesibles para la tecnología de asistencia, como los lectores de pantalla, pero visualmente estarán ocultos.

¿Tienes una sugerencia?

Si tiene una sugerencia para un nuevo estilo de bloque, compártala aquí en la sección de soporte o en los problemas del repositorio de GitHub.

Capturas

  • Vista previa de medios y texto “ondulados” y columna alineada a la derecha
  • Galería con estilo “Leyenda a continuación” y cita “Burbuja moderna”
  • Imagen pintada con pincel, lista con separador de líneas, contenido superpuesto debajo y vista previa de estilos de sombras internas
  • Medios y texto con estilo “Medios en la parte superior”, ideal para presentar funciones o servicios, y estilo separador en zigzag
  • Vista previa de los estilos de bloque de imagen
  • Vista previa de los estilos de bloque de columnas
  • Vista previa de los estilos de bloque de la Galería
  • Creación de una lista de servicios con los estilos de bloque “Medios y texto” y “Medios en la parte superior”.
  • Vista previa de los estilos del bloque de lista
  • Vista previa de estilos de bloque de medios y texto y estilos superpuestos
  • Vista previa de los estilos del bloque de citas
  • Vista previa de los estilos “Sin espacio vertical” y “Sombra interior”
  • Vista previa de los estilos del bloque separador
  • Vista previa del estilo de imagen ovalada y columna central tirada horizontalmente
  • Estilo de imagen de flor, gota y óvalo dentro de un bloque de grupo curvo
  • Bloque de bordes ondulados
  • Estilo de texto y medios “Raster”

Instalación

  1. Descomprima el archivo de descarga del complemento y cargue la carpeta additional-block-styles en el directorio /wp-content/plugins/.
  2. Activa el plugin a través del menú «Plugins» de WordPress.
  3. El plugin funciona inmediatamente después de activarlo, añadiendo estilos de bloque adicionales a tu editor de bloques de WordPress. Puedes personalizar las opciones del plugin en la pantalla Configuración Abs.

FAQ

¡Tengo una sugerencia!

Si tiene una sugerencia para un nuevo estilo de bloque, compártala aquí en la sección de soporte o en los problemas del repositorio de GitHub.

¿Cómo funciona?

Una vez que actives el plugin, funcionará automáticamente. El plugin añade nuevos estilos de bloque para los bloques nativos de WordPress en el editor (Gutenberg).

Con los estilos de bloque, puedes cambiar su apariencia con un solo clic. Simplemente elige tu estilo preferido en las opciones de bloque en la barra lateral de la pantalla de edición de la página/publicación y listo.

Videotutorial sobre cómo usar estilos de bloque.

¿Existen opciones de plugin?

Sí, puedes configurar varias propiedades de estilo del complemento y elegir qué estilos de bloque habilitar en la pantalla Configuración Abs.

¿Cómo cambiar la intensidad de la sombra?

Puede configurar las propiedades de las sombras en la sección de pantalla Configuración Abs Sombras.

¿Cómo cambiar el tamaño de superposición?

Puede configurar el tamaño de superposición en la sección de pantalla Configuración Abs Superposición.

¿Cómo deshabilitar ciertos estilos de bloque?

Puedes alternar los estilos de bloque en la sección de pantalla Configuración Abs Alternar estilos de bloque.

¿Hay bloques personalizados?

No. Este plugin solo registra nuevos estilos de bloque, lo que significa que solo proporciona código CSS para aplicar estilos diferentes a los bloques. No incluye ningún bloque personalizado.

¿Hay alguna mejora personalizada para los bloques?

No. Sólo nuevos estilos de bloque.

¿Puedo modificar las variables CSS del complemento a través del archivo ‘theme.json’?

Sí. Puedes configurar el objeto settings.custom.abs en el archivo theme.json de tu tema, como se muestra a continuación:

"settings": {
    "custom": {
        "abs": {
            "overlap-value": "100px",
            "overlap-inline-value": "min(10vw, 100px)",
            "overlap-gradient-value": "100px",
            "shadow-blur": "1em",
            "shadow-opacity": ".15",
            "pull": "calc( -1 * var(--wp--custom--abs--overlap-value) )",
            "drop-shadow": "0 calc(var(--wp--custom--abs--shadow-blur) / 10) var(--wp--custom--abs--shadow-blur) rgba(0,0,0, var(--wp--custom--abs--shadow-opacity))",
            "inner-shadow": "inset 0 calc(1.5 * var(--wp--custom--abs--shadow-blur) / 10) calc(1.5 * var(--wp--custom--abs--shadow-blur)) rgba(0,0,0, calc(1.33 * var(--wp--custom--abs--shadow-opacity)) )"
        }
    }
}

Reseñas

29 de octubre de 2024 1 respuesta
I’ve been using Additional Block Styles for a few weeks, and it’s a game-changer! This plugin adds so many creative styling options to Gutenberg blocks, making it easy to give my site a fresh, custom look without needing extra CSS. The options are straightforward, and the styles integrate seamlessly with existing blocks. Highly recommend for anyone looking to take their WordPress design up a notch!
1 de junio de 2024 3 respuestas
I meant to test Abs for quite some time now, as it cleverly extends the possible styles of the core blocks, not adding a gazillion extra “advanced heading” blocks etc. to your already bloated block inserter. Abs adds a class to the blocks meaning, you can actually disable the Abs plugin entirely, and your content will still render, just with normal core styles. You won’t even get the dreaded “This block contains unexpected or invalid content.” This approach makes Abs very robust, in the way that should you ever encounter a problem with the Abs styling, you just disable that feature in the Abs settings panel, and core WordPress styling will be used. No lock in. No dependencies. Tested with WP 6.5, PHP 8.3, the W3C HTML Validator and WebAIM Wave. No issues found. Definitely give Abs a try. I might not do as much as some block plugins, but what it does, it does extremely well.
Leer todas las 2 reseñas

Colaboradores y desarrolladores

«Abs – Additional block styles» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Abs – Additional block styles» ha sido traducido a 5 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Abs – Additional block styles» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

Por favor, consulta el changelog.md file para más detalles.