¿Necesita saber cómo integrar Google Calendar en su sitio web de WordPress? Así que echemos un vistazo a este tutorial juntos.

Algunos de sus sitios web se beneficiarían de tener un calendario. Esto es especialmente cierto si coordina la actividad de un equipo o una comunidad o si administrar un sitio web del evento.

Para que sus visitantes o sus usuarios puedan ver qué es nuevo o qué se debe hacer, tal vez por quién, pero especialmente cuándo.

En este artículo, le mostraré cómo integrar un Google Calendar receptivo en su sitio web de WordPress.

Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

Ir a un calendario de Google

Si ya tiene calendarios de Google, publíquelos y omita este paso. De lo contrario, en su navegador, visite calendarios de google y autenticar si es necesario. Si todo va bien deberías tener la interfaz del calendario de Google.

cómo integrar un calendario de Google a su sitio web de interfaz de calendario de Google de WordPress

Para darle un ejemplo, usaremos calendarios públicos disponibles en Google Calendar. Para ello, haga clic en el asa delante de otros calendarios que está a la izquierda de la pantalla. En el menú que aparece, elija Explorar calendarios interesantes.

En la lista de calendarios, elija uno que le convenga haciendo clic en el enlace Inscribirse que se encuentra enfrente. Para este artículo elegí Vacaciones en francia. Debería ver el que usted ha seleccionado a continuación otros calendarios.

Incrustar Google Calendar en una página o artículo

Haga clic en el asa delante de Vacaciones en francia (O su calendario público) y elija Configuraciones de calendario. En la sección Integrar este calendario, copie el código HTML contenido en el cuadro de texto y péguelo en su editor WYSIWYG, que habrá ingresado previamente en modo texto.

Descubra por cierto nuestra selección de 10 editores de código para los desarrolladores de WordPress

Código-carátula-calendario

Guarde su artículo y previsualícelo. La visualización de la agenda en su sitio web dependerá en gran medida de su tema de WordPress. Si responde completamente, no debería tener ningún problema de visualización.

Intente reducir el ancho de la ventana de su navegador para ver cómo se ve el calendario en pantallas más pequeñas. Si en algún momento la visualización del calendario se rompe, significa que deberá agregar una pequeña línea de CSS a su tema de WordPress.

Ve más allá descubriendo Cómo añadir un CSS personalizado para tu blog de WordPress

No se alarme, no es nada complicado.

Añadir CSS para hacer el calendario de respuesta

Para cambiar tu tema de WordPress, especialmente si no eres el autor, la actualización debe realizarse de forma el tema de los niños o Plugin de WordPress que le permite agregar CSS personalizado.

En cualquier caso, sea cual sea la opción que haya elegido, agregue este pequeño fragmento de CSS a su tema de WordPress:

iframe {     max-width: 100%; }

Guarda tus cambios, recarga la página de tu artículo y comprueba que esta vez la agenda se muestra normalmente en las pantallas pequeñas.

Insertar varios calendarios en un post o una página

Para comenzar, suscríbase a otros calendarios públicos como lo hicimos anteriormente (Otros calendarios> Examinar calendarios interesantes), o crea tus propios calendarios y hazlos públicos.

Cuando tenga todos los calendarios que necesita, elija uno, cualquiera, haga clic en su asa y elija Configuraciones de calendario. Esta vez, en la sección integrar esta agenda, haga clic en el enlace Personaliza color, tamaño y otras opciones.. Luego se le presentará una ventana de personalización.

Ve más allá con el conceptos básicos de la personalización de un sitio web de WordPress

Aquí puedes modificar algunos aspectos visuales de tu agenda. Una cosa importante que debe hacer es darle un título a su colección de calendarios, de lo contrario tendrá el título del calendario actual.

integrar Google Calendar

En la parte superior de esta ventana hay un cuadro de texto con un botón Actualizar código HTML. Úselo para previsualizar su calendario.

También le recomendamos que consulte nuestro 10 plugins de WordPress premium perfecto para integrar un calendario en tu sitio web

El uso de este botón también tiene el efecto de actualizar el código HTML en el cuadro de texto. Cuando esté satisfecho con sus cambios, copiará este código en su artículo. Guarde y vuelva a cargar la página.

Descubrir también Cómo poner su sitio web de WordPress en modo de mantenimiento

Como ya ha insertado el código CSS anteriormente, el diario se comportará perfectamente en todas las pantallas.

Como puede ver, agregar un calendario de Google a su sitio web no es muy complicado. Se trata más de copiar código de la aplicación Google Calendar y pegarlo en una página o un artículo, por supuesto, con el editor en modo texto.

Pero si no ocupa una página completa con sus calendarios, también podría añadir widgets de Google Calendar calendario.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. Páginas por función de usuario

Páginas por rol de usuario es un Plugin de WordPress que le permite agregar control de acceso en ciertos elementos de su sitio web (publicaciones, páginas, tipos de publicaciones personalizadas, etc.)

Páginas por rol de usuario para WordPress

Este complemento puede permitirle eliminar una página, un artículo, un tipo de publicación personalizada y otros. en los resultados de búsqueda y en el directorio de blogs. Esto le permitirá ocultar la página, las categorías y otros elementos del menú cuando los usuarios no hayan iniciado sesión.

También puedes definir un redirección de URL específico para usuarios que no tienen el rol de usuario requerido.

Descargar | Demo | alojamiento web

2. Ultimate Affiliate Pro

Comencemos con el Plugin de WordPress Ultimate Affiliate Pro, que es fácilmente uno de los plugins de WordPress programa de afiliados más robusto ya que se integra con los complementos WooCommerce, Easy Digital Downloads, PayPal y Stripe.

Complemento de WordPress Ultimate Affiliate Pro

Allí encontrará todo tipo de funciones útiles como: bonificación por rendimiento y gestión de banners, soporte para afiliados ilimitados y ofertas especiales, clasificaciones y niveles de comisión, referencias y acciones en redes sociales, soporte para múltiples pasarelas de pago PayPal, Stripe y muchas más.

Si todo eso no fue lo suficientemente impresionante, debe saber que también tiene algunas plantillas para la página de inicio de sesión, el registro, la cuenta gratuita y se conecta con los principales proveedores de marketing por correo electrónico como MailChimp, Constant. Contacto y muchos otros.

Es uno de los mejores complementos de afiliados. WooCommerce que encontrarás en Envato Market.

Descargar | Demo | alojamiento web

3. Material

Material Admin es uno de los complementos de WordPress más avanzados y elegantes del mercado para personalizar el panel de WordPress.

Tema de administración de WordPress de etiqueta blanca de material

Este complemento de WordPress viene con temas elegantes de 100 y le brinda la posibilidad de crear su propio tema. Podrá controlar la apariencia completa del menú del tablero, la barra superior, los botones, la tipografía, los formularios, el texto y los colores de fondo, el logotipo, etc.

El administrador de materiales también tiene más de 20 widgets de salpicadero personalizado para su sitio web y muestra estadísticas para los visitantes.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Aquí! Eso es todo por este tutorial dedicado a integrar un calendario de Google en su sitio web de WordPress. No dude en comparte con tus amigos en tus redes sociales favoritas

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.

...  

El pin en Pinterest