|
Para darle mayor dinamismo a una página web es
interesante rotar, en una sección de la misma, distintos
contenidos. Por ejemplo, podemos hacerlo en la página de
entrada de nuestro sitio o en cualquier otra. Cada vez que un visitante acceda a
dicha página se mostrará, de forma aleatoria, uno de los
contenidos incluidos. Para ello es obligatorio tener
activado PHP en el servidor, aunque también es posible hacer
algo similar utilizando otros lenguajes de servidor o, por
que no, JavaScript.
El primer paso que se debe dar es crear una página que
incluya el primer grupo de contenidos que vamos a mostrar.
Por defecto, en cualquier programa de edición, cuando
seleccionamos la opción de crear nueva página, se incluirán
una serie de etiquetas que debemos borrar. Para ello,
escogemos la vista código y borramos todo lo que vemos:
etiquetas <html>, <head>, <meta>, <body>... A continuación,
en la vista diseño, elaboramos la página. Nos quedaría algo
similar a lo siguiente (sin las etiquetas clásicas de las
páginas web):
| Código: |
<style type="text/css">
<!--
.Estilo2 {color: #CC6600}
-->
</style>
<table width="100%" border="1" cellpadding="2"
cellspacing="0" bordercolor="#C0C0C0" style="border-collapse:
collapse">
<tr>
<td>
<table width="100%" border="0" cellspacing="0"
cellpadding="4" bgcolor="#F3F3F3">
<tr>
<td width="68"><a href="../curiosid/curiosid01.php"><img
src="../images/promocion/curiosidades_humor.jpg"
alt="Humor en Curiosidades" width="60" height="60"
border="0" /></a></td>
<td><span class="Estilo2"><strong>Humor</strong><br
/>
</span><a href="../curiosid/curiosid01.php">Pasa
un buen rato</a></td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0"
cellpadding="4" id="table1" bgcolor="#F3F3F3">
<tr>
<td width="68"><a href="http://directorio.batiburrillo.net">
<img src="../images/promocion/directorio.jpg"
alt="Directorio de Batiburrillo.net" width="60"
height="60" border="0" /></a></td>
<td><span class="Estilo2"><strong>Sitios web</strong><br
/>
</span><a href="http://directorio.batiburrillo.net">Encuentra
lo que
buscas</a></td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0"
cellpadding="4" id="table2" bgcolor="#F3F3F3">
<tr>
<td width="68">
<a href="http://batiburrillo.melodias-logos-juegos.com/1-002/es_es/tonos-monofonicos/0-top/0-default/top-1.html"
target="_blank">
<img src="../images/promocion/melodi_clasis.jpg"
alt="Tonos monofónicos" width="60" height="60"
border="0" /></a></td>
<td><span class="Estilo2"><strong>Para tu
móvil</strong><br />
</span>
<a target="_blank" href="http://batiburrillo.melodias-logos-juegos.com/1-002/es_es/tonos-monofonicos/0-top/0-default/top-1.html">
Tonos monofónicos</a></td>
</tr>
</table></td>
</tr>
</table> |
Que al mostrarse en un navegador quedaría así:
Creamos un directorio (carpeta) nuevo en
nuestro servidor, al que podemos llamar modulos.
Guardamos en el interior la página creada, con la extensión
php. Le llamamos, por ejemplo, pagina01.php.
Repetimos el proceso anterior, creación de
una página, tantas veces como queramos. En cada ocasión
guardamos en la carpeta modulos, o en la que hayamos
creado al efecto, las páginas creadas con nombres distintos:
pagina02.php, pagina03.php...
Script para la rotación
En la página en la que queramos incluir la
rotación de contenidos, y en el lugar que seleccionemos,
debemos insertar un script similar al siguiente:
| Código: |
<?php
$ads[0]='/ruta_del_servidor/modulos/pagina01.php';
$ads[1]='/ruta_del_servidor/modulos/pagina02.php';
$ads[2]='/ruta_del_servidor/modulos/pagina03.php';
$idx = rand(0, 2);
include ("$ads[$idx]");
?> |
Tendremos que sustituir ruta_del_servidor
por la correspondiente en nuestro hosting. La variable
$idx se ocupa, cada vez que se llama el script, de crear
un número entre 0 y 2. Con include se
mostrará la página correspondiente, en función del valor que
haya tomado $idx. (Si queremos rotar más de tres
páginas, tendremos que añadir nuevas líneas $ads[3]='/ruta_del_servidor/modulos/pagina04.php';
y modificar en $idx = rand(0, 2);, el número 2
por el que corresponda).
Un ejemplo
Hemos creado tres páginas siguiendo las
pautas explicadas anteriormente. Si incluimos el script
anterior en una sección de una cualquiera de las páginas de
nuestro sitio, se mostraría, cada vez que se cargue o se
refresque la página citada, uno de los contenidos que
mostramos a continuación:
Conclusión
De esta forma podremos rotar diferentes contenidos en
distintos lugares de las páginas de nuestro sitio. Para ello
sólo tendremos que incluir en el sitio adecuado un script de
rotación que llame a los contenidos que queramos. |
