Personalizar Events Calendar  

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 🖐️ 

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.

@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... 

Hola

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

Saludos.

@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...

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 🖐️ 

@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/

@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

@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

@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

@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 !!

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