Modificación de los archivos

Una vez haya obtenido el archivo comprimido del paquete, deberá extraer su contenido en un directorio y efectuar los cambios que desee a los archivos. Asimismo, puede instalar el paquete descargado en el servidor (tal como se describe en Instalación de skins en Plesk) y, una vez ahí, modificar los archivos.

¡Importante! Si escoge esta última opción, asegúrese de configurar la información del skin siguiendo las indicaciones de la sección Edición de la información del skin antes de instalar el skin.

Estructura de un paquete de skin

La siguiente tabla muestra la estructura y el contenido de los directorios y archivos que contiene un paquete de skin.

Nota: para que le resulte más sencillo determinar qué archivos de estilo o imágenes debe cambiar, le recomendamos que utilice herramientas de desarrollo web, como Firebug para Mozilla Firefox o Inspect Elements para Google Chrome. Utilizando estas herramientas, podrá seleccionar un elemento de la interfaz y saber qué estilos tiene asignados y en qué archivo y línea dentro del archivo están definidos.

 

css

En el momento de la descarga del paquete de skin, el archivo custom.css, ubicado en este directorio, está vacío. Todos los estilos están definidos en el archivo que contiene el tema de Plesk que no es posible cambiar. Si desea redefinir el estilo de algún elemento de la interfaz, puede añadir una definición de estilo al archivo descargado custom.css y, a continuación, cargarlo en Plesk. En ese caso, el estilo definido solo se aplicará a dicho elemento concreto; el resto de elementos permanecerán inalterados.

Es posible añadir definiciones de estilo para fondos de página, tipografías principales, colores de texto o de hipervínculos, color del borde de los elementos de los formularios, etc.

icons

Este directorio contiene únicamente los iconos que se ubican en subdirectorios por tamaño. Tenga en cuenta que el tamaño de icono doble se utiliza para pantallas Retina.

Si no tiene intención de personalizar ninguno de estos elementos, puede eliminarlos del archivo comprimido de su skin personalizado. Si lo desea, puede dejar solo aquellos elementos que haya cambiado o añadido.

images

Este directorio contiene las imágenes que se utilizan de fondo en algunos elementos de la interfaz.

Varios de estos archivos gráficos son hojas de sprites compuestas de imágenes pertenecientes a diversos elementos de la interfaz del producto. Por ello, es importante que, cuando cambia una imagen de fondo, verifique que el archivo correspondiente no está siendo usado para ningún otro elemento. Resulta más conveniente crear un nuevo archivo de gráficos y cambiar las hojas de estilo para usarlo que simplemente sustituir el archivo.

Si no tiene intención de personalizar ninguno de estos elementos, puede eliminarlos del archivo comprimido de su skin personalizado. Si lo desea, puede dejar solo aquellos elementos que haya cambiado o añadido.

 

logos

Este directorio contiene las imágenes del logo de la empresa y del producto en Plesk. Para cambiar un logo, prepare el archivo con el mismo nombre y sustitúyalo en la carpeta.

meta.xml

Este archivo contiene información sobre el paquete de skin, como su nombre y descripción.

Si en algún momento desea revertir los cambios y utilizar los estilos o imágenes predeterminados, simplemente debe eliminar sus definiciones CSS del archivo custom.css y las imágenes personalizadas de los directorios /images/ e /images/logos/ de su skin personalizado.

Edición de la información del skin

Para editar la información del skin:

Abra el archivo meta.xml y especifique las siguientes propiedades:

  • Nombre. Indique qué nombre desea asignar al skin.
  • Descripción. Escriba una breve descripción del skin.
  • versión. Indique la versión del skin.
  • fabricante. Su nombre o el de su empresa.