Crear metaboxes en wordpress

Crear metaboxes en wordpress

Las metaboxes en wordpress son las cajas que aparecen en cualquier página o post debajo del editor de TinyMCE, son campos agregados para darle funcionalidad extra a nuestras entradas.

En este ejemplo vamos a ver cómo las podemos crear, mostrar y finalmente cómo guardar en base de datos. Crearemos un campo de tipo texto, uno de tipo checkbox y otro de tipo wysiwyg.

Los datos de las metabox por lo general son guardados en la tabla postmeta y tienen relación únicamente con el post a través del campo post_id.

Para este ejemplo crearemos un plugin y le daremos esta funcionalidad, aunque sin mayores problemas se podría añadir al archivo functions de nuestro tema y funcionaría perfectamente.

Si tienes dudas con la creación de plugins en wordpress te invito a que revises estas entradas.

Dicho todo lo anterior veamos una imagen de lo que vamos a conseguir.

Crear metaboxes en wordpress

Crea tu plugin, yo al mío lo he llamado udp_metaboxes y agrega el archivo .php dentro de la carpeta, una vez lo tengas activa el plugin y vamos añadiendo el código por partes.

Añadir la metabox a los posts


Con la acción add_meta_boxes podemos añadir una metabox, le tenemos que decir que función será la encargada de crear la metaboxes.

Crear un array con los campos a crear


Esto no hace nada por sí sólo, pero lo podremos reutilizar a la hora de crear el formulario y a la hora de guardar los datos.

Crear el formulario de la metaboxes


Si ahora accedes a la edición / creación de cualquier post verás al final del mismo la metaboxes lista para añadir contenido, el problema es que todavía no funciona, para que guarde y actualice la información debes añadir el siguiente código.


Si te das cuenta, tenemos que hacer unas cuantas comprobaciones antes de salvar los datos, todo el código lo he comentado en cada sección para que sea muy sencillo entender el porqué de cada línea.

Así de sencillo es crear metaboxes en wordpress, a continuación dejo el código completo de nuestro plugin.


En próximos tutoriales veremos cómo mostrar esos datos en forma de widget de forma realmente sencilla.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies