{"id":97,"date":"2014-04-19T21:08:11","date_gmt":"2014-04-19T21:08:11","guid":{"rendered":"https:\/\/danielribes.com\/blog\/?p=97"},"modified":"2026-04-06T11:50:59","modified_gmt":"2026-04-06T11:50:59","slug":"usando-el-hook-wp_head-de-wordpress","status":"publish","type":"post","link":"https:\/\/danielribes.com\/blog\/usando-el-hook-wp_head-de-wordpress\/","title":{"rendered":"Usando el hook wp_head de WordPress"},"content":{"rendered":"

Entre los hooks<\/em> que expone la API de WordPress uno de los m\u00e1s usados es el wp_head,<\/strong><\/a> que permite a\u00f1adir contenido en la secci\u00f3n HEAD del HTML que genera WordPress.<\/p>\n

Para usarlo basta usar una llamada del tipo:<\/p>\n

add_action('wp_head', 'nombre_de_nuestra_funcion');<\/pre>\n
Y luego definir una funci\u00f3n, con el nombre que hemos indicado en ‘nombre_de_nuestra_funcion’,<\/em> que sera la encargada de generar el contenido que queremos a\u00f1adir al HEAD.<\/p>\n
Esto lo podemos a\u00f1adir en el functions.php<\/em> del theme, o mucho mejor, definirlo como un plugin y de esta manera queda independiente de los ficheros usados en el theme.<\/p>\n
El contenido que a\u00f1adamos al HEAD usando esta tecnica, ya queda bajo nuestra responsabilidad, WordPress aqui no realiza ningun tipo de filtraje.<\/p>\n
Por otra parte todo esto funcionara si en el fichero correspondiente del theme (generalmente el head.php<\/em>) se usa la funci\u00f3n wp_head()<\/a> antes de cerrar el HEAD, ya que precisamente esta funci\u00f3n es la encargada de dar el control al WordPress para escribir en el HEAD de un documento.<\/p>\n
Un ejemplo m\u00e1s concreto. Cuando compartimos una URL en Facebook, este busca imagenes dentro del documento referenciado para usar\u00a0una como miniatura del enlace que compartimos. Usando el protocolo OpenGraph podemos indicar a Facebook que imagen concreta queremos que muestre.<\/p>\n
Para hacer esto basta con que en el HEAD a\u00f1adamos este META:<\/p>\n
meta property=\"og:image\" content=\"LA_URL_DE_NUESTRA_IMAGEN\"<\/pre>\n
Teniendo esto en cuenta podemos hacer\u00a0que Facebook use como miniatura la imagen destacada de nuestro post.<\/p>\n
El siguiente c\u00f3digo realiza precisamente esto y se implementa como un plugin que una vez activado, y solo para las paginas tipo post que tengan una imagen destacada, a\u00f1ade el meta og:image<\/strong> indicando a Facebook que esta es la imagen que preferimos usar.<\/p>\n