Avisos
Vaciar todo

Personalizar Events Calendar  

 
Àlex
 Àlex
Estimable Member

Hola, necesito ayuda técnica.

Tengo el plugin Events Calendar, este plugin muestra un calendario con los eventos que tu le has creado. Cuando entras a un evento, te muestra la información del evento individual. Hay un breadcrumb para volver al calendario. El problema es que esta página no se puede editar ni con Guttenberg ni Elementor, etc. el plugin crea un Slug propio, y en esta página solo aparece el calendario con los eventos, no puedes añadir un formulario, un texto, ni nada en la página.

Para evitar esto, he encontrado un plugin que es compatible con Elementor, para diseñar una página y añadir en ella el calendario. El problema es que cuando alguien entra en un evento individual, no puedes volver a la página anterior creada con Elementor, te lleva al Slug por defecto del plugin.

Es un poco complicado lo que quiero hacer, pero creo que debe haber una solución. Les dejo el enlace para que puedan probar lo que estoy diciendo. 

http://baesaudi-cp92.wordpresstemporal.com/circuit/calendario/

 

Agradezco muchísimo la ayuda si consigo resolver este problema, gracias.

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 28/01/2021 7:09 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Álex,

Podrías generar una redirección y cuando ingresen por la url del breadcrumb al calendario por defecto los redirija automáticamente a la página que has creado para que se muestre el calendario para esto puedes utilizar el complemento > https://es.wordpress.org/plugins/redirection/.

Un saludo 🖐️ 

ResponderCitar
Respondido : 28/01/2021 7:19 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Has probado usando shortcodes?, aunque creo que la mayoría de ellos sólo esta disponible en la versión Pro del plugin.

Saludos.

ResponderCitar
Respondido : 28/01/2021 7:20 pm
Àlex
 Àlex
Estimable Member

@jmarreros

He probado con los shortcodes, pero estamos en lo mismo, cuando entras en un evento individual, solo puedes volver al slug por defecto... lo de hacer redirección como ha comentado tu compañero no es mala idea, aunque no he hecho nunca redirecciones. 

Lo bueno de hacerlo con un widget de Elementor esque es muy fácil de diseñar toda la página y añadirlo, lo malo, no te deja poner estilo, y todos los colores de las categorías se van al garete. Lo bueno del shortcode, que mantiene los estilos de las categorías, lo malo, es la version de pago... 

Pero entre shortcodes y redirecciones a lo mejor se podría conseguir... 

ResponderCitar
Respondido : 28/01/2021 7:26 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ok prueba entonces primero la redirección, usa el plugin que te recomendó y verifica si te funciona.

Saludos.

ResponderCitar
Respondido : 28/01/2021 7:28 pm
Àlex
 Àlex
Estimable Member

@jmarreros

Bien, lo de la redirección funciona y es una posible solución. Ahora el otro problema son los estilos de Event Calendar. Al utilizar el shortcode, no guarda los colores de las categorías y pasa todos los eventos del mismo color, en este caso, azul. 

Necesito que los eventos puedan tener diferentes categorías (4 o 5), y tengan diferentes colores cada categoría. En el comportamiento por defecto de event calendar, con la ayuda de una extensión es fácil de conseguir eso, pero a la hora de añadirlo tanto con widget de Elementor como con un shortcode, las categorías pierden los colores. Hay alguna forma que mantenga los estilos? Con el shortcode creía que sí mantendría pero no...

ResponderCitar
Respondido : 28/01/2021 7:47 pm

Cursos Gratuitos WordPress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Álex,

Puedes compartirnos la url de ambas cosas que mencionas para verificar si se puede hacer el cambio a nivel de css.

Un saludo 🖐️ 

ResponderCitar
Respondido : 28/01/2021 7:51 pm
Àlex
 Àlex
Estimable Member

@argenis

He eliminado la redirección para que puedan ver la diferencia entre el plugin por defecto, con su slug, y añadiendo el calendario con un shortcode.

http://baesaudi-cp92.wordpresstemporal.com/circuit/eventos/

http://baesaudi-cp92.wordpresstemporal.com/circuit/calendario/

ResponderCitar
Respondido : 28/01/2021 9:36 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@alexbaresc92gmail-com

Hola Alex,

Agrega el siguiente CSS desde Apariencia -> Personalizar -> CSS Adicional:

div.fc-daygrid-event-harness a.motos{
  background-color: #ef003f;
  color: white;
}

div.fc-daygrid-event-harness a.pista-cedida{
  background-color: black;
  color: white;
}

div.fc-daygrid-event-harness a.coches{
  background-color: #009bdd;
  color: white;
}

Será un poco complicado quizás para ti ir creando estas reglas de CSS conforme agregues más categorías pero observa que el patrón de código es el mismo, solo cambia la clase (que vendría siendo el nombre de la categoría) de la etiqueta a

Saludos

ResponderCitar
Respondido : 28/01/2021 11:03 pm
Àlex
 Àlex
Estimable Member

@bulmaro-webempresa

Bueno no es una forma óptima pero podría servir. En principio necesito 5 categorías, tampoco son muchas. Parece que con este código css funciona, ahora me faltará añadir la leyenda, que debería hacerlo automático como en el slug por defecto pero el shortcode no lo crea, pero esto no será problema. 

Mañana acabaré de hacer las pruebas a ver si funciona todo bien, y con la redirección para que el evento individual vuelva a esta página de calendario. La única pega que quedará supongo, será que el plugin debe ser la versión de pago para poder insertar el shortcode en diseño calendario, la versión gratuita te permite insertar los eventos en forma de listado, pero necesito el calendario tal como se muestra. 

Por cierto, acabo de comprobar que en el calendario, si cambias de vista mes, a semana o día, no aplica el código CSS, también debería cambiarse, habrá que ampliar el código css anterior. 

 

Gracias, un saludo

ResponderCitar
Respondido : 28/01/2021 11:57 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@alexbaresc92gmail-com

Agrega el siguiente CSS por favor:

div.fc-timegrid-event-harness a.motos{
  background-color: #ef003f;
  color: white;
}

div.fc-timegrid-event-harness a.pista-cedida{
  background-color: black;
  color: white;
}

div.fc-timegrid-event-harness a.coches{
  background-color: #009bdd;
  color: white;
}

div.fc-timegrid-event a.motos{
  background-color: #ef003f;
  color: white;
}

div.fc-timegrid-event a.pista-cedida{
  background-color: black;
  color: white;
}

div.fc-timegrid-event a.coches{
  background-color: #009bdd;
  color: white;
}

Saludos

ResponderCitar
Respondido : 29/01/2021 12:11 am
Àlex
 Àlex
Estimable Member

@bulmaro-webempresa

Perfecto, ahora está todo correcto. Utilizar el shortcode y el css para cambiar estilo podría ser una solución, pero ahora me gustaría saber como podría modificar la página del slug creada por el plugin. O si hay alguna manera de meter el calendario por defecto en alguna página creada, no sé si es posible esto al ser un slug por defecto. 

Por otro lado, si prueban el plugin, en las opciones de ajustes, en la pestaña visualización, hay un elemento que indica: plantilla para eventos, y te deja escoger entre varias opciones. Hay opciones que indica Elementor ancho completo y Elementor canvas, creía que de esta manera me dejaría personalizar la página y tener el calendario por defecto, pero no funciona o no sé como activarlo. 

También he probado de crear una plantilla con Elementor, un archive, pero tampoco me ha salido bien.

Sabéis si con alguna de estas opciones se podría diseñar la página del calendario? Esta sería una opción óptima al problema y mi cliente estaría más que satisfecho. 

Muchas gracias ,un saludo !!

ResponderCitar
Respondido : 29/01/2021 9:56 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Alex.

Por favor abre un nueva tema pata la consulta nueva así mantenemos un orden en el foro y nos ayudas en nuestro trabajo.

No es bueno anidar consultas en una misma entrada, al final puede causar confusion y tardar mucho mas en poder darte una solución.

 

Un saludo 

ResponderCitar
Respondido : 29/01/2021 11:00 am