Rebranding del Portal Horizon HOS 2.0
2016-02-22
Machine-translated — the English original is authoritative.
Compañía de marca en OpenStack Horizon (Sin convertirse en un gurú de CSS)
Todos sabemos que la característica más importante que los CxOs quieren ver después de haber gastado muchos miles de libras en una nueva solución de nube es, por supuesto, su logotipo corporativo estampado en el portal.
OpenStack Kilo tiene algunas nuevas características de marca incorporadas con la introducción de temas. Los detalles sobre cómo se puede configurar la marca oficial de Horizon se encuentran aquí. Tenga en cuenta que Helion OpenStack 2.0 utiliza /opt/stack/venv/horizon-<date-time>/ como la base de su estructura de directorios de Horizon.
Este artículo de blog es para aquellos de nosotros que no estamos interesados en convertirnos en gurús de CSS pero necesitamos marcar la casilla en una hoja de instalación que dice “Marca corporativa en el portal”. Es increíble el impacto que tiene un logotipo tan pequeño en los clientes – no lo subestimen – siempre vale la pena hacerlo si tiene tiempo.
Los cambios involucrados son ridículamente fáciles.
HOS 2.0 de serie utiliza un tema llamado helion – dentro de este directorio temático hay un directorio de imágenes con dos imágenes:
logo.png[160×35 píxeles] – la marca visible en todo momento en la parte superior izquierda del portal de Horizon.logo-splash.png[350×75 píxeles] – la marca visible en la pantalla de inicio de sesión
Cree dos imágenes con marca, brand-logo.png y brand-logo-splash.png del mismo tamaño que las descritas anteriormente – siéntase libre de desviarse de estos tamaños de imagen. Me mantuve con ellos ya que se veían aceptables en el portal.
Ahora copie estas imágenes al directorio home del usuario stack en los 3 controladores y luego haga lo siguiente en cada controlador:
# Ejecute estos comandos en cada controlador
# haga una copia de seguridad de las imágenes actuales
cd ~
sudo cp –pri /opt/stack/venv/horizon-20151022T080854Z/static/themes/helion/img/logo.png logo.png.orig
sudo cp –pri /opt/stack/venv/horizon-20151022T080854Z/static/themes/helion/img/logo-splash.png logo-splash.png.orig
# copie las nuevas imágenes sobre las imágenes originales – asume que ya ha transferido las nuevas imágenes al directorio home de stack
sudo cp brand-logo.png /opt/stack/venv/horizon-20151022T080854Z/static/themes/helion/img/logo.png
sudo cp brand-logo-splash.png /opt/stack/venv/horizon-20151022T080854Z/static/themes/helion/img/logo-splash.png
Si desea deshacer estos cambios, simplemente copie las imágenes originales de nuevo como sigue.
sudo cp logo.png.orig /opt/stack/venv/horizon-20151022T080854Z/static/themes/helion/img/logo.png
sudo cp logo-splash.png.orig /opt/stack/venv/horizon-20151022T080854Z/static/themes/helion/img/logo-splash.png
Ahora, si siguió estas instrucciones correctamente, incluidas las notas a continuación, debería tener un Horizon con nueva marca como este –
Notas
- La ruta del directorio
horizon-20151022T080854Zpotencialmente será diferente en sus sistemas – por favor, modifíquela en consecuencia. - Los navegadores almacenan en caché las imágenes – asegúrese de actualizar o vaciar la caché de su navegador antes de pensar que no funciona … no es que yo nunca haya cometido un error como ese. 😉
Es posible que necesite usar imágenes transparentes y ajustar los tamaños.
ACTUALIZACIÓN
Un cliente muy amablemente señaló que el favicon (icono de la pestaña del navegador) que también está marcado con HP se puede reemplazar fácilmente con los siguientes pasos:
# Ejecute estos comandos en cada controlador
cd /opt/stack/venv/horizon-20151022T080854Z/static/dashboard/img
sudo cp -pri favicon.ico favicon.ico.orig
sudo cp -pri ~/edited_files/favicon.ico .
¡Gracias Stuart!
Originally published on allthingscloud.eu (2016-02-22).