Índice

Las composiciones de página específicas

1. La composición fluida

La página se incluye en la caja <div class="body" id="top">, y luego en la caja <div class="container<?php echo ($params->get(’fluidContainer’) ? ’-fluid’ : ’’);?>">.

Esta última caja contiene una clase condicional PHP que permite recuperar la selección del usuario en las opciones de la plantilla y tener un diseño de página fluido.

images/OW06-25.PNG

Esta es la clase utilizada con un diseño Estático: <div class="container">.

Esta es la clase utilizada con un diseño Fluido: <div class="container-fluid">.

2. El diseño del encabezado

Para el encabezado del sitio, incluido en una caja <div> dentro de la caja <div class="header">, la plantilla utiliza la variable $logo. Esta variable permite saber si el usuario ha usado las opciones de personalización para la imagen del logo y el título alternativo.

images/OW06-32.PNG

Encontramos también la descripción del sitio, en caso de que exista, recuperada de las opciones de la plantilla.

images/OW06-36.PNG

Estos elementos se incluyen en un enlace <a> que permite volver a la página de inicio del sitio.

<header class="header" role="banner">  
    <div class="header-inner clearfix">  
        <a class="brand pull-left" href="<?php echo $this->baseurl; ...