Aprende en este tutorial cómo filtrar el valor de una fuente de un block binding mediante código en WordPress.
Una de las novedades de WordPress 6.5 es que incorporó una nueva API llamada Block Binding. Esta proporciona la opción de mostrar campos personalizados directamente en un bloque. Esto es una fantástica noticia ya que no necesitas crear un bloque a medida sino que puedes usar uno ya existente.
En tutoriales anteriores te he explicado cómo usarlo, por ejemplo, para mostrar campos personalizados en el editor.
En WordPress 6.7 se introduce un nuevo filtro a nivel de servidor llamado block_bindings_source_value. Gracias al mismo podemos obtener el valor de una fuente de block binding y modificarla.
Aquí tienes cómo:
Snippet para filtrar el valor de una fuente de block binding en WordPress
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
En el código de arriba usas el filtro block_bindings_source_value para obtener el valor asociado a un block binding y añades algo (€) al final del mismo. Este filtro tiene los siguientes argumentos:
value: Valor devuelto por la fuente.name: Nombre de la fuente.source_args: Argumentos pasados a la fuente.block_instance: El bloque conectado.attribute_name: El nombre del atributo del bloque conectado.
En el ejemplo usa una fuente personalizada de datos añadida por el plugin Osom Author Pro. Y usa los siguientes argumentos:
name= osom-author-pro/book-pricesource_args= price- Y devuelve el
value+ €
Es decir, en este caso, tomará el valor del precio del libro y añadirá € al final del mismo.
Obviamente este solo el un ejemplo y puedes modificar estos datos para que se ajusten a tus necesidades.
Si en lugar de usar una fuente personalizada usas un campo personalizado registrado como post meta (usando register_meta()) para el nombre tendrás que usar core/post-meta.
Conclusiones
Ahora ya sabes cómo puedes filtrar el valor de una fuente de block binding y personalizar cómo se muestra el campo personalizado.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉
