Dicho de manera simple y poco ortodoxa, los hooks son «lugares» en wordpress en los que podemos modificar su comportamiento inyectando partes de código. Hay de dos tipos: Action Hooks (añadir o quitar código) y Filter Hooks (modificar datos dentro del código existente).
Sin entrar en mucho más, debemos saber que a través de los hooks podemos personalizar el comportamiento de nuestra web: añadir breadcrums, botones de redes sociales, etc.).
La siguiente relación no es, ni mucho menos completa ni exhaustiva. Corresponde a algunos que hemos usado y que compartimos por si pueden serte de ayuda.
Ejemplos de hooks
Título e imagen destacada
<?php if (is_single()) : the_title( '<header class="entry-header-tk"><h1 class="entry-title" itemprop="headline">', '</h1></header>' ); the_post_thumbnail( large, $attr ); endif; ?>
Título de blog y metaetiquetas
<h1>{{post_title}}</h1>
<div class="meta"><small>{{post_date}} / {{post_author}}</small></div>
Shortcode en entradas de blog (botones de compartir)
<?php
if (is_single()) :
echo do_shortcode('');
endif;
?>
Migas de pan (Yoast SEO)
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('
<p id="breadcrumbs">','</p>
');
}
?>
Script (por ejemplo, código de seguimiento, etc.) en dos páginas determinadas
<?php
if( is_page( array( 103,200 ) ) ) {
<!-- Tu script -->
...
<!-- Fin de tu script -->
}
Ejemplos con CSS
Banda de color, título y breadcrumbs
Hook:
<header class="entry-header-tk"><?php
if (!is_front_page()) :
the_title( '<h1 class="entry-title-tk" itemprop="headline">', '</h1>' );
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('
<p id="breadcrumbs-tk">','</p>
');
}
endif;
?></header>
CSS:
/*tk:banda de titulo y breadcrumbs*/
.entry-header-tk{background:#458eaf;color:#ffffff;text-align: center;}
.before-header-tk{background:#f9f9f9;text-align: right;border-bottom: #dddddd;border-style: solid;border-width: 1px;}
#breadcrumbs-tk{padding-bottom:20px;text-align: center;}
.entry-title-tk{padding-top:20px;margin-bottom:10px;text-align: center;}