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

Haz que la imagen destacada sea obligatoria

Probablemente en alguna ocasión por un descuido u olvido, o quizá por las prisas, no hayas establecido una imagen destacada en un post. Y si no has sido tú, quizá alguno de los autores que puede que tengas en tu blog.

Sea como fuere, en estos casos hubiera estado bien no dejar publicar un post hasta que tenga imagen destacada asociada. O que el campo imagen destacada fuera obligatorio, no dejándote publicar hasta que subieras o establecieras una imagen.

Si el diseño/maquetación de tu página web requiere que muestres la imagen destacada de tus entradas para que no se rompa nada, la solución es hacer que la imagen destacada sea un campo obligatorio a la hora de publicar contenido.

Para conseguirlo añade el siguiente código al functions.php de tu tema o añádelo a tu plugin de utilidades:

Este código lo puedes personalizar para tus post o para el Custom Post Type que necesites. Simplemente añade un archivo JS en la cola de scripts del admin, donde a través de un script de jQuery detectaremos si tú o uno de tus autores ha establecido imagen destacada o no.

Crea un archivo JS y ponlo en la carpeta /js de tu tema. En este archivo tendremos:

En el evento submit buscamos si tenemos la etiqueta img dentro del enlace con ID set-post-thumbnail, o lo que es lo mismo, si hemos puesto imagen. En caso afirmativo simplemente devolvemos un true para que guarde y publique el post.

En caso negativo mostramos una alerta en pantalla indicando al usuario que no ha establecido una imagen destacada. Y devolvemos false para cortar el envío del formulario.

 

Evitar publicar un post si no tiene imagen destacada desde el lado del servidor

En el ejemplo anterior hemos visto como evitar publicar un post si no tiene imagen destacada desde el lado de cliente (utilizando JavaScript). Un usuario avanzado podría lograr publicar un post deshabilitando JavaScript desde el navegador o poniendo un valor dummy en la etiqueta img con el inspector de elementos.

Vamos a ver ahora cómo evitarlo desde el lado del servidor. Deberemos añadir en el functions.php o en nuestro plugin de utilidades las siguientes funciones:

Puede que también te interese

Creando un plugin para WordPress parte 5: Subida al Repositorio
Creando un plugin para WordPress parte 5: Subida al Repositorio
1. Creando un plugin para WordPress: Planificación y planteamiento 2. Creando un plugin para WordPress: Estilo del Código 3. Creando un plugin para WordPress: Escribiendo…
Creando un tema desde cero para WordPress parte 1: Consideraciones previas
Creando un tema desde cero para WordPress parte 1: Consideraciones previas
1. Creando un tema desde cero para WordPress: Consideraciones previas 2. Creando un tema desde cero para WordPress: Escribiendo el tema 3. Creando un tema…
He olvidado, perdido o borrado mi usuario o contraseña, o ambos
He olvidado, perdido o borrado mi usuario o contraseña, o ambos
A quien no le ha ocurrido alguna vez que nos hemos olvidado o perdido nuestro usuario o contraseña, o ambos para acceder a un sitio…
Cómo integrar los estilos de los menús de bootstrap con WordPress
Cómo integrar los estilos de los menús de bootstrap con WordPress
Si estás desarrollando un tema nuevo en WordPress y estás usando el framework Bootstrap para la maquetación del Front-end, probablemente te hayas encontrado con el…




  • Interesante artículo Pablo, gracias por compartir.

  • Jose Julian abarca

    Muy buena aportación Pablo. Entiendo que con esta propuesta se valida del lado del cliente, puedes comentar como puedo validar en el servidor, que hook debo de utilizar.

    • Hola Jose

      He actualizado el post validando la imagen destacada desde el lado del servidor. Saludos

      • Jose Julian abarca

        Me funcionó de maravilla, muchas gracias, solo una pregunta porqué desactivas el hook save_post, mencionas que hay riesgo de un bucle infinito.
        Saludos!!