Cambio de la apariencia de su sitio web
Plesk Control Panel

Cambio de la apariencia de su sitio web

El diseño de su sitio web puede estar formado por los siguientes elementos:

• Encabezado. Se trata del área que aparece en la parte más superior del sitio, donde suele situarse un logo o un banner de la empresa. En los encabezados puede realizar las siguientes acciones:
  • Mover el logo y la imagen del banner del área del encabezado a cualquier parte de la página.
  • Reducir la altura del encabezado a 25 píxeles eliminando todos los elementos del mismo.
  • Cambiar el ancho del encabezado del valor predeterminado a 100%, para que así se amplíe para adaptarse al ancho de la página.
• Área de contenido. Se trata de la parte principal de un sitio web y es donde se encuentra la mayor parte del contenido. En el área de contenido puede realizar las siguientes acciones:
  • Ajustar la altura del área de contenido.
  • Dividir el área de contenido en distintas columnas. Para ello, arrastre los módulos nuevos a la parte más a la derecha o a la izquierda del área de contenido e inserte los módulos.
  • Cambiar la ubicación de las columnas en el área de contenido moviendo el contenido a la izquierda o a la derecha.
• Barras laterales. Se trata de columnas verticales que pueden usarse para añadir todo tipo de módulos, tanto a nivel de sitio como a nivel de página. En las barras laterales puede realizar las siguientes acciones:
  • Añadir una barra lateral y situarla a la izquierda o a la derecha del área de contenido.
  • Añadir dos barras laterales. Estas se situarán a la izquierda y a la derecha del área de contenido.
  • Ajustar la altura y el ancho de las barras laterales.
  • Mover las barras laterales a la parte superior de la página y situarlas a la izquierda o a la derecha del área del encabezado.
  • Cambiar la ubicación de las barras laterales.
• Pie de página. Se trata del área que aparece en la parte más inferior, donde suele ponerse el nombre de la empresa, la información de contacto o una advertencia de copyright. En el pie de página puede realizar las siguientes acciones:
  • Reducir la altura del pie de página a 25 píxeles eliminando todos los elementos del mismo.
  • Cambiar el ancho del pie de página del valor predeterminado a 100%, para que así se amplíe para adaptarse al ancho de la página.
• Bloque de publicidad debajo del pie de página. En función de su plan de hosting, debajo del pie de página del sitio web puede aparecer un bloque de texto adicional que contenga algún tipo de publicidad de su proveedor de hosting. Si en su sitio aparece dicho bloque, puede que desee actualizar a otro plan de hosting para así poder eliminarlo.

Para cambiar el diseño de su sitio:

1. Vaya a la pestaña Diseño > pestaña Apariencia.
2. Seleccione el número de barras laterales: Debajo de Barras laterales, seleccione No, Una o Dos.
3. Seleccione la ubicación de las barras laterales:
   • Si desea mover una barra lateral a otra parte de su sitio web o desea cambiar la ubicación de las barras laterales (si en su sitio tiene dos barras laterales), haga clic en Cambiar barras laterales.
   • Si desea mover las barras laterales a la parte superior de la página, haga clic en ellas en el modelo de diseño.
4. Defina el tamaño de los elementos de la página:
   • Para establecer el ancho total de las páginas del sitio web, debajo de Ancho de sitio web, seleccione una de las siguientes opciones:
     • Diseño fijo: su sitio web tendrá un tamaño específico sea cual sea el tamaño de la ventana del navegador con el que se está visualizando la página. En este caso es necesario especificar el ancho de su sitio web en píxeles.
     • Diseño líquido: se basa en porcentajes del tamaño de la ventana del navegador actual. En este caso es necesario especificar el ancho de su sitio web como un porcentaje del tamaño de la ventana del navegador.
   • Para cambiar el ancho del encabezado, el pie de página y el área de contenido principal para así ajustarse al ancho de la página, haga clic en los elementos correspondientes en el modelo de diseño.
   • Debajo de Altura mínima de la columna en píxeles, especifique la altura del área de contenido principal y de cada barra lateral, si ha optado por usarlas.

     Este valor muestra la altura de los elementos de su sitio web sin contenido. Cuando añada contenido al área principal de contenido y a las barras laterales, se ajustará su altura para adaptarse al contenido.

   • Con el fin de garantizar que las barras laterales y el área de contenido se alinean de forma vertical, seleccione la casilla Extender las barras laterales y el área de contenido hacia el pie de página.
   • Si usa una o más barras laterales, especifique el ancho de cada barra lateral en Ancho de la barra lateral en píxeles. El tamaño del área principal de contenido se determinará de forma automática.
   • En Tamaños de margen en píxeles, especifique el tamaño de los márgenes verticales y horizontales. Un margen es el espacio entre los extremos de los elementos colindantes.
5. Haga clic en ACEPTAR para guardar los cambios.