Viernes, 20 Mayo 2016 10:43

Cómo añadir Google Calendar en WordPress

Escrito por 
CMS:  WordPress |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


Google Calendar en WordPress


En este tutorial te voy a explicar cómo añadir Google Calendar en WordPress para que puedas mostrar los eventos de tu calendario en tu blog, lo cual puede ser muy útil para promocionarlos o para mantener a tus lectores informados, ya que se actualizan al instante y los puedes gestionar desde cualquier lugar (incluso desde tu móvil).

Para ello, nos vamos a valer de un plugin gratuito y de unos cuantos pasos que hay que hacer para configurarlo todo.

Pero no te preocupes, que es muy sencillo y yo te voy a llevar de la mano a lo largo de todo el proceso.

¡Vamos a ello!

Cómo añadir Google Calendar a WordPress

Lo primero de todo es descargar e instalar el pluginSimple Calendar - Google Calendar Plugin"

Si necesitas ayuda en este paso te dejo esta guía en la que ya te expliqué cómo instalar un plugin en WordPress.

Una vez instalado y activado el plugin, verás que en la barra lateral de la izquierda te sale la opción de “Calendars”. Pues ve ahí y luego haz clic en “settings” [1].

“añadir

Ahora lo que hay que hacer es vincular el plugin a tu cuenta de Google, para que pueda acceder a los calendarios.

Para ello, en la nueva pantalla que nos sale tenemos que introducir la API Key que nos tiene que dar Google [2].

insertar Google Calendar en WordPress

¿Y eso cómo se hace? No te preocupes que te lo voy a explicar paso a paso ;)

En la pantalla en la que estás, haz clic donde pone “Google Developers Console” [3].

Al hacer eso, se te abrirá una nueva ventana de Google. Si te pide que inicies sesión, iníciala con la cuenta en la que tienes guardado el calendario que quieres mostrar en el blog.

Cómo insertar Google Calendar en WordPress

Ahora estarás viendo la consola de Google, que es desde donde se controla el acceso a sus aplicaciones.

Arriba a la derecha, donde pone “Selecciona un proyecto”, pasa el cursor para que se muestre el desplegable y haz clic en “Crear proyecto” [4].

Ahora te saldrá una ventana en la que te pedirá que pongas nombre a este proyecto que vamos a crear [5].

“plugin

Puedes poner lo que quieras aquí, pero te aconsejo que sea un nombre lo suficientemente descriptivo como para poder encontrarlo después.

Yo voy a poner de título del proyecto “Google Calendar WordPress”. Después, haz clic en el botón azul que pone “Crear” [6].

Ahora verás un listado enorme con todas las aplicaciones de Google a las que puedes solicitar acceso. A nosotros nos interesa la de Google Calendar, así que haz clic donde pone “Calendar API” en la sección de “APIs de Google apps” [7].

añadir Calendar WordPress

Y en la nueva pantalla que te saldrá, haz clic en el botón azul de “Habilitar” [8].

añadir un Calendario en WordPress

Tardará unos segundos y te saldrá un mensaje como el de la pantalla siguiente.

“Tutorial

Vamos a hacerle caso y vamos a hacer clic en el botón azul “Ir a las credenciales”

La siguiente pantalla que te saldrá sirve para ayudarte a averiguar qué API es la que necesitas para hacer lo que quieres. Como te lo voy a explicar yo, vamos a saltarnos este paso.

añadir Google Calendar a tu blog

Para ello haz clic en el enlace azul donde pone “clave de API” [9].

Ahora nos saldrá un mensaje en la pantalla que nos preguntará qué tipo de clave queremos queremos, que dependerá de para qué la vamos a usar.

insertar Google Calendar a un blog WordPress

Vamos a hacer clic en el botón que pone “Clave de servidor” [10] (ya que lo queremos para una web).

Finalmente, falta ponerle un nombre a la clave API que estamos creando.

“añadir

Al igual que antes, en el nombre [11] pon algo que sea descriptivo y fácil de identificar.

El campo de la dirección IP [12] lo puedes dejar en blanco si quieres, ya que es opcional. Y para terminar, haz clic en el botón azul de “Crear” [13].

Ahora te saldrá una ventana emergente con la clave API [14]. Cópiala, guárdala en un lugar seguro, y no la compartas con nadie, que la necesitamos ;)

“añadir

Una vez hecho eso, haz clic en el botón “Aceptar” [15] para cerrar esa ventana.

Ahora, lo que tienes que hacer es pegar esa clave API en la pantalla de settings del plugin que hemos visto al principio [2].

“insertar

Y no te olvides de hacer clic en el botón azul de “Guardar cambios” [16] para terminar de vincular la clave API al plugin que acabamos de instalar.

Hacer público tu calendario de Google

Si quieres compartir tu calendario para que los eventos sean visibles, ahora, además de todo lo que acabamos de hacer, toca hacerlo público.

Te explico cómo.

De primeras, accede a Google Calendar [17].

“publicar

Ahora ya estarás dentro de tus calendarios de Google. Lo que falta es compartir el que queremos mostrar en el blog, y para ellos tienes que ir a la columna de la izquierda, donde pone “Mis calendarios” [18].

“añadir

Y en la lista de calendarios que te saldrá ahora, pasa el cursor sobre el calendario que quieres compartir y te saldrá un botón con una flechita hacia abajo [19]. Haz clic en él.

Al hacer clic sobre esa flechita te saldrá un desplegable como el de la siguiente imagen.

“insertar

Haz clic donde pone compartir este calendario [20].

Ahora te saldrá una nueva ventana para configurar lo que compartes.

“añadir

Marca la casilla donde pone “Hacer público este calendario” [21] y luego haz clic en el botón de guardar [22].

Te saldrá un mensaje de confirmación. Haz clic en y listo.

Para terminar, falta conseguir la ID del calendario.

En la pantalla del calendario, haz clic otra vez en la la flechita pequeña que sale al lado del calendarios para que salga el desplegable. Y en el desplegable haz clic en “Configuración del calendario”.

Ahora te saldrá una nueva ventana. Ves has donde pone “Dirección del calendario” y copia la ID del calendario [23].

“plugin

La necesitaremos para los siguientes pasos.

Cómo añadir un nuevo calendario en WordPress

Vuelve a WordPress, y para añadir un nuevo calendario, en la barra lateral izquierda, donde pone “Calendars” haz clic en “Add new”.

Ahora te saldrá una ventana similar a la de crear una nueva entrada.

“Pasos

Rellena el título del calendario [24]. Y en el texto, verás que salen unos shortcodes [25]. Puedes pasar de ellos y dejarlos tal y como están.

Me interesa que, donde estás ahora, bajes hasta un módulo que se llama “Calendar Settings” [26].

“plugin

Y en la columna de la izquierda, en las pestaña que hay, haz clic en la que pone “Google Calendar” [27].

Ahora, en el recuadro donde pone “Calendar ID” [28] es donde tienes que pegar la ID del calendario que hemos obtenido antes (en el paso [23]).

Con esto es suficiente. El resto de pestañas es para configurar cómo quieres que se muestre el calendario.

Una vez hecho todo, haz clic en el botón azul de Publicar que está arriba a la derecha (como si fueses a publicar un post, pues igual).

Publicar un calendario en tu blog de WordPress

Ya casi está todo. Ahora solo falta elegir dónde queremos que se muestre el calendario.

Para ello, vuelve otra vez a “Calendars” -> “All Calendars” en la barra lateral izquierda del escritorio de tu WordPress.

Ahí te saldrá un listado con todos los calendarios que has creado.

“añadir

Lo que tienes que hacer es copiar el shortcode del calendario que quieres publicar [29].

Y ahora, al pegar dicho shortcode en una entrada, en una página o en un widget de texto, se verá el calendario.

Mira, como ejemplo lo voy a pegar en una entrada de prueba.

“publicar

Y así es como se muestra a la hora de publicar:

“mostrar

Si añades texto por encima o por debajo del shortcode que has pegado, lo que se mostrará es el calendario insertado entre medias de esos textos, lo cual está genial para hablar antes de los eventos, luego pones el shortcode, y al final pones un cierre (por ejemplo).

Y si quieres mostrar un calendario como Widget, lo puedes hacer desde “Apariencia” -> “Widgets” y arrastrar el Widget del calendario al lugar deseado.

Ya sabes cómo añadir Google Calendar en WordPress

La verdad es que no es el proceso más sencillo del mundo, sobre todo cuando tienes que empezar desde el principio y conseguir la API de Google. Pero una vez que ya tienes hecho eso, lo demás ya solo es crear nuevos calendarios e insertarlos por donde tú quieras.

Ahora ya podrás mostrar los eventos más importantes en tu blog, directamente desde tu calendario de Google y siempre actualizados (¡hasta con la información de cada evento!).

Espero que este tutorial te haya resultado útil. ¡Y si te ha gustado, compártelo en tus redes sociales!

¡Un fuerte abrazo!


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Borja Navarro

Montando mi anterior blog descubrí que lo que más me gustaba de él, era el propio blog en sí. Disfruté mucho creándolo, moldeándolo a mi medida y haciendo de él algo funcional y fácil de utilizar. Desde entonces no he dejado de formarme, y ahora quiero compartir todo lo que sé en pasosparacrearunblog.co, pero con un lenguaje más claro y accesible para todos los que se están iniciando en el blogging sin ningún tipo de conocimiento técnico. Me encanta ayudar. ¿Te apuntas?

Sitio Web: pasosparacrearunblog.co