Personalizar portal Citrix Storefront

Artículos relacionados

Virtualización: Función de cada fichero que componen máquinas virtuales

14 junio, 2024

Powershell: Comprimir perfiles FSLogix

27 septiembre, 2020

Powershell: Script para comprobar perfiles VHDX FSLogix en Citrix

27 septiembre, 2020

Personalizar portal Citrix Storefront

Hoy quiero mostraros como personalizar vuestro portal web Citrix, modificando directamente Storefront. Así que detallamos qué ficheros necesitaréis modificar y como podéis jugar con vuestra personalización logo, colores corporativos,…

Así que nos ponemos manos a la obra, partiendo de un portal estándar:

Si nos decidimos a hacerlo mediante consola, tendremos que abrir Citrix Studio (yo tengo todo en el mismo servidor) –> Sección Citrix Storefront –> Administrar sitios de Receiver para web:

Pulsamos Configurar:

Vamos al menú Personalizar apariencia y podremos cargar nuestro logo y cambiar los colores:

Adaptar los tamaños de las imágenes a las recomendaciones para que no quede “feo”. Eso se hace fácilmente con Photoshop:

Guardar la imagen para Web y en formato PNG:

Y una vez tenemos las imágenes vamos probando las combinaciones de colores:

Ahora tenemos que modificar el portal, porque sólo hemos subido el logo, y no queda muy bien:

Os explico como encontrar lo que hay que modificar, utilizaré Firefox Developer:

Lo que hay que hacer es ir a la vista de desarrollador (F12) y ver las imágenes que hay en la web marcando IMG. Te vas poniendo en cada una y así podréis localizar las carpetas en el servidor:

Los ficheros los encontraréis aquí:

• Imagen de fondo: C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\images\common\ReceiverFullScreenBackground_XXXXX.jpg (esta imagen es de 2560×1600)

• Color de los botones: C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\css\ctxs.large-ui.min_XXXXXXXXXX.css

• Línea central: También está en el mismo fichero, C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\css\ctxs.large-ui.min_XXXXXXXXXX.css. Al ser un CSS podéis jugar con las tranparencias o cambiar el color fácilmente en la sección background-color…

Estos CSS los podéis modificar con una aplicación tipo Notepad++. Conforme hacéis el cambio pulsáis F5 en el navegador y los cambios serán reflejados de forma instantánea. Primero cambio la imagen y la miro en varios navegadores y móviles.

Luego ya todo es tener un cierto gusto, yo he extraído casi todas las imágenes de mi página web El Blog de Negu, y estos son los parámetros utilizados y el resultado, espero os guste:

BARRA LOGON:

BOTON:

FUENTE LOGON:

Sitio oficial:

https://support.citrix.com/article/CTX215016

�Te ha gustado la entrada S�GUENOS EN TWITTER O INVITANOS A UN CAFE?

Follow @@elblogdenegu