genesis simple hooks

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>
    // sustituye esto y pon aqui tu codigo
    </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?

EN ESTE ARTÍCULO:

comparte este artículo

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on telegram
Share on email

no dejes de leer...

9 comentarios en “3 ideas para usar Genesis Simple Hooks en tu Blog”

  1. Hola.
    Estoy tratando de añadir mediante el Simple Hook en mi theme de Genesis un hook inmediatamente después del contenido de los post donde mostrar un banner de adsense y así quitar el widget que utilizo actualmente y que tiene un tiempo de carga muy alto.
    El problema es que al añadir el hook, este se muestra al final del todo, es decir, por debajo de otros plugins instalados como el de valoración del articulo o articulos relacionados.
    Que podrá hacer para que el hook con el banner quedara en primera posición por encima de otros plugins e inmediatamente después del contenido del post?
    Gracias

    1. Hola, para conseguir lo que comentas si hay que usar ya directamente el fichero functions.php, ya que lo que se hace es un «remove_action» de los otros plugins y banners.

      Posteriormente se hace un add_action, peor usando un tercer parametro, que es el orden de ejecución. Asi podemos decirle que algo salga encima de otra función, siempre que todas esten dentro del mismo Hook.

      Esta parte no es tan sencilla ya, pero si quieres, escribeme a blog@hormigasenlanube.com, mandame el código que quieres insertar y que plugins te salen antes, y publico un post (ocultando información sensible), explicando como puedes hacerlo y que código usar.

      Un saludo.

  2. Hola, Javier:

    No estoy nada puesto con el HTML, pero me atrevo a preguntarte:

    ¿Es correcto el código que tienes en la 3.ª aplicación? Es decir:

    class=»hello-bar»>Añade algo de texto por aqui.

    Por lo demás, muy interesante lo que dices, a ver si me animo a hacer algo con este plugin.

    Un saludo.

    … Jesús Prieto …

  3. Hola, Javier:

    Llevo unas dias intentando eliminar el lema de mi tema genesis eleven4o pro con la herramienta simple hooks pero no soy capaz de conseguirlo. Se que es muy sencillo con el archivo functions.php, pero necesito otra manera que no sea esa. Un saludo

    1. Hola Iñaki. Creia te habia respondido el comentario y no se porque no salio. Si al final tengo razón con lo de casa del herrero….

      Te decia que hay cosas que no se pueden hacer por Simple Hooks, y hay que hacerlas por un plugin a medida, o por el functions. Añadir acciones o filtros o quitarlas en una de esas.

      En este caso solo funciona si pones en el functions.php:
      //* Remove site description
      remove_action( ‘genesis_before_content_sidebar_wrap’, ‘genesis_seo_site_description’ );

      ¿Porque no quieres usarlo en ese fichero?
      Un saludo.

      1. Gracias por la respuesta Javier.
        Pues como no soy administrador «absoluto» de la web, y tampoco tengo acceso a FTP, no puedo entrar al archivo, una pena.
        Saludos.

        1. Vaya.
          Puedes usar la solución alternativa si tienes acceso a CSS.

          Puedes instalarte un plugin de Custom CSS y usar este código:
          .site-description {
          display: none;
          }

          Desaparecera la descripción.

          Un saludo.

  4. Javier:

    Tengo instalado ya un plugin de custom CSS y he probado con tu código, pero no me funciona.
    Seguire intentandolo por ahí.

    Gracias por la ayuda, un saludo

Los comentarios están cerrados.

Acceso gratuito
a la Academia de
Hormigas en la Nube

+20 cursos disponibles sobre herramientas, marketing y ventas

Por tiempo limitado estoy regalando el acceso a la librería de recursos de la Academia de Hormigas en la Nube.

Cursos de ActiveCampaign, Elementor, Beaver Builder, WordPress, Copywriting, ventas, email marketing y más te estan esperando dentro. Disponible gratis por tiempo limitado.

Mockup escritorio herramientas
Ir arriba