3 ideas para usar Genesis Simple Hooks en tu Blog

Ya sabes que soy un entusiasta fan de Genesis Framework.

Te he contado sus ventajas, y que una de ellas tenia que ver con las posibilidades de los Hooks. y Genesis Framework tiene los suyos propios.

Y con el plugin Genesis Simple Hooks los podrás usar de una manera muy sencilla.

Te cuento mejor algo más sobre los Hooks de Genesis Framework

¿Sabes quien es Captain James Hook? 

¡El Capitán Garfio! Temible pirata del país de nunca jamas.

Con un garfío o gancho en la mano….

Los Hooks son ganchos, preparados en el código de WordPress, para que crear una función, y que se ejecute en el lugar adecuado sea muy sencillo.

Y Genesis tiene los suyos propios codificados.

Usados por cada uno de los temas existentes.

Y así personalizarlos es sencillo y potente.

Una pequeña Intro sobre Genesis Simple Hooks

Antes de ponernos a usar este estupendo plugin, y ponerte a mejorar tu Child Theme de Genesis Framework, deja que te de algunas explicaciones:

  • Para instalar el plugin, como siempre, ve a Plugins/Añadir Nuevo, y busca Genesis Simple Hooks.
  • Para usarlo, se encuentra en el Menu Genesis/Simple Hooks del administrador.
  • Dentro del plugin, para encontrar un area especifica, ayuda mucho pulsar Ctrl+F (Windows o Linux) o Cmd+F (Os X) y buscarla para llegar antes.
  • Si quieres una guía visual de cual es cada Hook de Genesis y donde esta. O quieres saber el nombre de un area concreta, esta web es tu aliada: Visual Hook Guide

3 usos increíbles para el plugin Genesis Simple Hooks

Con el plugin Genesis simple Hooks, nos será muy sencillo aplicar código a ese area concreta que queramos. Por ejemplo antes de la cabecera, o después, o después del texto, etc…

Este plugin lo que hace es ahorrarnos parte de código, y no tener que tocar directamente el fichero functions.php.

Y esta es una parte delicada. Pues un fallo, y te puede dejar con una bonita página en blanco. Y solo lo puedes reparar subiendo por FTP una copia de este fichero, y vuelta a empezar.

¿Entendido?

Con Genesis Simple Hooks, podrás obtener un fallo, o que una parte no se vea bien, pero no afectará a toda la página y es más sencillo de corregir.

Asi que manos a la obra.

Comenzemos con los ejemplos, y asi entenderás mejor todo esto.

Idea #1. Instalar Google analyticis.

Lo que se suele hacer en estos casos es instalar el plugin Google Analytics de Yoast, o uno similar. Cuando Google lo único que necesita es que su código este insertado en la cabecera de la Web.

¡Y eso es un plugin menos!

Asi que busca el genesis_after Hook, localizado en Document Hooks e inserta alli el código de seguimiento de analytics.

Genesis Simple Hooks

Todo lo que pongas en esta caja, se pondrá antes de la etiqueta , que es justo lo que te especifica Google para el código de seguimiento. Haz clic en Save Changues, y ¡listo!

Idea #2. Poner un anuncio después del primer post en tu página Blog.

WordPress además de Hooks o ganchos, tiene multitud de referencias a funciones, que dicen «donde» se tienen que ejecutar. No es solo en sitio dentro de la página, si no en que página, categoría, post, etc…

Imagina que tienes en tu WordPress, una página que se llama Blog, y su url es http://tudominio.com/blog, y lógicamente, es del tipo Blog de Genesis, para que se muestren todas las entradas de tu sitio web.

Puedes usar Genesis Simple Hooks, para insertar ese pequeño «donde estoy» en la ejecución, y así modificar la salida de información. En este caso le vamos a decir que muestre un pequeño anuncio solo justo después del primer post de esa página Blog.

Asi que busca la zona genesis_after_entry que esta en la sección Entry Hooks.

Genesis Simple Hooks

Puedes usar el siguiente código:

<?php    global $wp_query;    if( ($wp_query->current_post == 0) || is_page( 'Blog' )) {  ?>      <div>          </div>  <?php  }  ?>

Lo que hago es usar los estados condicionales para verificar dos cosas:

  1. Que estas en el primer post del «loop» ($wp_query->current_post == 0)
  2. Que estas en la página Blog (is_page( ‘Blog’ ))

Si las dos condiciones se cumplen, se ejecuta el código. En este caso muestra un simple texto.

Puedes sustituir ese texto por un anuncio de adsense, o por tu propio código HTML, o ¡incluso por un shortcode!

¿A que te imaginas ya una caja de suscripción justo ahi?

Idea #3. Añadir un banner al «top» de sitio web.

Imagina que te gustaría añadir una barra tipo Hello Bar a tu sitio Web.

O un anuncio.

O cualquier información relevante.

Exactamente vamos a usar el genesis_before_header.

Localiza ese hook en Genesis Simple hooks. esta dentro de la sección Header Hooks.

genesis-simple-hooks-banner

Hemos usado el siguiente código:

<div class="hello-bar">Añade algo de texto por aqui.</div>

Y le daremos algo de forma, añadiendo este código CSS a nuestro fichero style.css

.hello-bar {    color: white;    background: black;    font-size: 50px;    padding:10px;  }    .hello-bar p {    text-align: center;    font-size: 50px;    color: white;  }

De nuevo donde hemos añadido un simple código, puedes añadir un formulario, un anuncio, etc…

¡El limite lo pone tu imaginación!

Como ves las posibilidades son muchas.

Te puedes instalar un servidor local, e ir trasteando.

Y cuando estés seguro de los cambios, aplicarlos en tu propio blog.

¿Que uso/función te gustaría tener en tu blog que ahora mismo no tienes?

Descubre lo que
necesitas ahora
para vender más

Realiza el Quiz ahora y conocerás el resultado al instante

¿Quieres saber qué herramientas uso en mi negocio, cuáles recomiendo a mis clientes y cuál necesitas tú ahora mismo, en el momento actual en el que te encuentras, para vender más o mejor en tu negocio digital?

Realiza ahora mismo el quiz tecnológico que he preparado, para determinar tu fase actual, y decirte en el instante en que deberías enfocarte ahora mismo para vender más o de la mejor forma posible

Mockup escritorio herramientas
Ir arriba