Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
entradilla

Cómo agregar un campo personalizado debajo del título de una entrada

En ocasiones puede resultar útil agregar un campo personalizado adicional justo debajo del título de una entrada o página, por cuestiones de usabilidad y experiencia de usuario.

Por ejemplo, si tenemos entradas de tipo noticias, es interesante agregar un campo adicional a modo de “entradilla” o “subtítulo“, para poder definir un texto concreto que luego en el front-end destacaremos con clases estilos de alguna manera para diferenciarlo del cuerpo del contenido.

Lo diferencio del extracto de WordPress, ya que de esta manera podemos usar el extracto para lo que es, es decir, en listados de noticias mostraremos el extracto con su botón leer más correspondiente, pero a la entradilla la daremos un uso diferente, será un breve resumen destacado del contenido.

Volviendo al back-end, como comentábamos anteriormente, por cuestiones de usabilidad y experiencia de usuario, es más fácil, intuitivo y cómodo encontrarnos con éste campo personalizado debajo del campo título, justo por encima del editor de texto.

entradilla

Esto lo conseguimos añadiendo el html correspondiente en el action edit_form_after_title. Creamos una función en nuestro functions.php con un condicional para mostrar ese campo sólo en el caso de que estemos editando entradas (post). En un primer lugar obtendremos el valor del campo personalizado o custom field si lo tienen, y a continuación pintamos el html:

El siguiente paso es guardar la información del campo personalizado cuando actualicemos nuestra entrada. Para ello crearemos a continuación en nuestro functions.php la siguiente función:

Por último en la plantilla donde quieras hacer uso del campo personalizado haz la llamada a través de la función get_post_meta():

Puede que también te interese

Cómo crear una página de error de acceso a base de datos personalizada
Cómo crear una página de error de acceso a base de datos personalizada
En alguna ocasión nos podemos encontrar con un error de acceso a la base de datos por diversos motivos, y en estos casos nos aparece…
Cómo mostrar los posts más vistos o populares en WordPress
Cómo mostrar los posts más vistos o populares en WordPress
Probablemente en alguna ocasión te hayas encontrado con la necesidad de mostrar un listado de los posts más vistos o más populares de tu sitio.…
Mejora la puntuación de Google PageSpeed Insights: Minificar CSS y JS
Mejora la puntuación de Google PageSpeed Insights: Minificar CSS y JS
1. Optimizar imágenes 2. Minificar CSS y JS 3. Especificar caché de navegador 4. Habilita la compresión 5. Reducir el tiempo de respuesta del servidor…
Seguridad WordPress: proteger wp-config.php
Seguridad WordPress: proteger wp-config.php
El archivo wp-config.php es uno de los más críticos en cuanto a seguridad se refiere ya que es el que contiene la información sobre la…




  • Jorge Luis Arteaga Perez

    No se muestran los datos introducidos en ese cuadro 🙁

    • El código funciona correctamente. Si en tu IDE tienes X-debug traza la variable $subtitle_post. O a la antigua usanza, con var_dump.

      Ve trazando el código y mira que valor tiene esa variable y si se está guardando correctamente en base de datos