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
- Descomprima el archivo de descarga del complemento y cargue la carpeta
additional-block-styles
en el directorio/wp-content/plugins/
. - Activa el plugin a través del menú «Plugins» de WordPress.
- 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.
-
¿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 archivotheme.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
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.