Una vez haya obtenido el archivo comprimido del paquete, deberá extraer su contenido a algún directorio y efectuar los cambios deseados en los archivos. De lo contrario, puede instalar el paquete de temas descargado en el servidor tal cual tal y como se describe en Instalación de temas en Plesk y modificar los archivos directamente en el servidor.

Nota: si así lo decide, compruebe que antes de instalar el tema ha establecido la información del tema tal y como se describe en la sección Edición de la información del tema que se muestra a continuación.

Estructura de un paquete de temas

La tabla que puede ver a continuación describe la estructura y el contenido de los archivos y directorios de un paquete de temas.

Nota: para ayudarle a determinar los archivos de imagen y los estilos que debe modificar, le recomendamos utilizar herramientas de desarrollo web como Firebug para Mozilla Firefox o bien Inspect Elements para Google Chrome. Estas herramientas le permiten seleccionar un elemento del interfaz y le permiten descubrir los estilos que se le aplican y en qué archivo y línea de dicho archivo se definen.

image 25890.gif
css 		 

El archivo custom.css presente en este directorio está vacío cuando descargar el paquete de temas. Todos los estilos se definen en el archivo presente en el tema de Plesk, que no puede modificarse. De todos modos, si desea redefinir el estilo de alguno de los elementos del interfaz, puede añadir una definición de estilo al archivo custom.css descargado y posteriormente cargarlo a Plesk. En este caso, al elemento sólo se le aplicará el estilo que haya definido y los demás elementos permanecerán intactos.

Puede añadir definiciones de estilo para el fondo de la página, las fuentes principales, los colores del texto y de los hipervínculos, los colores de los márgenes de los elementos de formulario, etc.
image 25890.gif
icons 		 

Este directorio sólo contiene los iconos presentes en los subdirectorios por su tamaño. Tenga en cuenta que en el caso de soporte para pantallas Retina se utiliza el doble del tamaño del icono.

Si no tiene previsto personalizar ninguno de estos elementos, puede eliminarlos del archivo comprimido con su tema personalizado. Puede dejar solamente los elementos que haya modificado o añadido.
image 25890.gif
images 		 

Este directorio contiene las imágenes que se utilizan como rellenadores de fondo para algunos elementos del interfaz.

Algunos de estos archivos gráficos son «sprite sheets» formados por varias imágenes usadas en distintos sitios del interfaz del producto. Por este motivo, cuando modifica una imagen de fondo, compruebe siempre que el archivo correspondiente no se utiliza en ninguna otra parte. Es mejor crear archivos gráficos nuevos y cambiar las hojas de estilo para usarlo que simplemente reemplazar el archivo.

Si no tiene previsto personalizar ninguno de estos elementos, puede eliminarlos del archivo comprimido con su tema personalizado. Puede dejar solamente los elementos que haya modificado o añadido.
 
image 25890.gif
logos 		Este directorio contiene las imágenes del logo del producto y de la empresa que se muestran en Plesk. Para cambiar el logo, prepare el archivo con el mismo nombre y reemplácelo en la carpeta.
image 38607
meta.xml		   Este archivo contiene la información acerca del paquete de temas, como puede ser su nombre y su descripción.

Cuando necesite revertir los cambios efectuados y utilizar las imágenes o estilos predeterminados, simplemente elimine las definiciones personalizadas de CSS del archivo custom.css y elimine las imágenes personalizadas de los directorios /images/ y /images/logos/ de su tema personalizado.

Edición de la información de un tema

Para editar la información de su tema:

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

  • name. Establezca el nombre que usará para referirse a este tema. Use únicamente caracteres latinos y el signo “-“.
  • description. Describa brevemente el tema.
  • version. Especifique la versión del tema.
  • vendor. El nombre de su empresa o su nombre.