Bloque Imagen Flotante
Un bloque de Gutenberg para mostrar una imagen flotada a la derecha de un texto (versión ES5 sin build).
by A. Cambronero · github.com/blogpocket/bloque-imagen-flotante · website
★ 0stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/blogpocket/bloque-imagen-flotante/archive/refs/heads/main.zipReadme
Bloque imagen flotante
Un bloque de Gutenberg para mostrar una imagen flotada a la derecha de un texto (versión ES5 sin build).
Explicación rápida
- Cabecera del plugin: Indica nombre, descripción, versión, etc.
- Control de acceso: if ( ! defined( 'ABSPATH' ) ) { exit; } para evitar accesos directos.
- Registra scripts y estilos:
- index.js es el archivo ES5 que contiene toda la lógica del bloque (sin JSX).
- editor.css es opcional si quieres estilos específicos para la edición.
- register_block_type:
- Asocia el script y el estilo al bloque.
- Define los atributos.
- Usa render_callback para renderizar el HTML en el lado del servidor.
- Función de renderizado (bif_bloque_imagen_flotante_render_callback):
- Sanitiza texto e imagen.
- Genera el HTML final con la imagen flotada a la derecha y el texto. No olvides colocar el archivo index.js (versión ES5) en la carpeta assets/ junto con el posible editor.css y luego activar el plugin en tu WordPress.