Índice

La zona central

1. Las cajas de vista

En la zona central, el elemento HTML5 <main>, situaremos la columna izquierda <div id="colIzda"> y la columna derecha <div id="colDcha", para ubicar módulos en ellas. La zona central, <div id="content"> mostrará el contenido de los artículos.

Esta es la estructura de la zona de vista.

images/OW03-08.png

2. Las condiciones de vista

Para esta zona central, deberemos comprobar si hay módulos en las columnas izquierda y derecha:

  • Si no hay módulos en la columna izquierda, mostraremos el contenido y la columna derecha.

  • Si no hay módulos en la columna derecha, mostraremos el contenido y la columna izquierda.

  • Si no hay módulos en las columnas izquierda y derecha, solo mostraremos el contenido.

Usaremos de nuevo el test PHP if().

En el archivo index.php, en el elemento <main>, introduzca este código:

<main>  
  <?php if ($this->countModules(’position-2’)): ?>  
    <div id="colIzda">  
      <jdoc:include type="modules" name="position-2"  
        style="xhtml" />  
    </div>  
  <?php endif; ?>  
  <div id="content">  
    <jdoc:include type="component" />  
  </div>  
  <?php if ($this->countModules(’position-3’)): ?>   ...