@media screen and (min-width: 580px) { .flotantewhatsapp{ display:none; } }

Compartir por WhatsApp

personalizar-portal-citrix-storefront-10

Personalizar portal Citrix Storefront

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:

personalizar-portal-citrix-storefront-1

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:

personalizar-portal-citrix-storefront-2

Pulsamos Configurar:

personalizar-portal-citrix-storefront-3

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

personalizar-portal-citrix-storefront-4

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

personalizar-portal-citrix-storefront-5

Guardar la imagen para Web y en formato PNG:

personalizar-portal-citrix-storefront-6

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

personalizar-portal-citrix-storefront-7

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

personalizar-portal-citrix-storefront-8

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

personalizar-portal-citrix-storefront-9

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:

personalizar-portal-citrix-storefront-10

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)

personalizar-portal-citrix-storefront-11

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

personalizar-portal-citrix-storefront-12

personalizar-portal-citrix-storefront-13

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

personalizar-portal-citrix-storefront-14

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:

personalizar-portal-citrix-storefront-15

Sitio oficial:

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

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

El Blog de Negu

Acerca de Raul Unzue Pulido

Administrador de sistemas virtuales e infraestructuras IT, linuxero y entusiasta de la tecnología.

Compruebe también

citrix-powershell-extraer-licencias-mediante-wmi-1

Citrix Powershell: Extraer licencias mediante WMI

Citrix Powershell: Extraer licencias mediante WMI Buscando una solución para que mi Zabbix pueda mostrarme …

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

diecinueve − once =

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies
Blog Maquinas Virtuales - El Blog de Negu