Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Introduccin
Website Baker es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creacin de sitios web no importa el tamao del mismo. El mismo permite una clara definicin de pginas con su correspondiente contenido. A diferencia de otros sistemas de este tipo, las plantillas creadas no son almacenadas en una base de datos, sino que se archivan en un directorio independiente (templates) con lo cual se evita el riesgo de perder nuestro diseo original si, por cualquier razn, se corrompe la base de datos. Este sistema de plantillas nos permite, adems, la posibilidad de tener temas diferentes para un mismo sitio web, de modo que cada cierto tiempo es posible cambiar la apariencia total del sitio con slo asignarle una plantilla diferente.
Instalacin
La instalacin de Website Baker es muy sencilla, ya que cuenta con instalador que te va guiando paso a paso durante todo el proceso. Para la instalacin del sistema contamos con tres posibilidades: 1. Instalacin como dominio principal Si queremos instalar Website Baker como nuestro dominio principal debemos agotar el siguiente procedimiento: A travs de Cpanel crear la base de datos websitebaker y otorgarle todos privilegios de usuario. Mediante nuestro cliente FTP subir al directorio raz (usualmente public_html) todo el contenido de la carpeta wb. Utilizando nuestro navegador ir a la direccin: http://www.dominio/install y seguir las instrucciones de instalacin.
2. Instalacin como subdominio Si deseamos instalar Website Baker como un subdominio dentro del dominio principal debemos proceder de la manera siguiente: Crear a travs de Cpanel la base de datos websitebaker y otorgarle todos privilegios de usuario. A travs del administrador de subdominios de Cpanel, crear el subdominio donde alojaremos el contenido de Website Baker. Mediante nuestro cliente FTP subir al subdominio que hemos creado todo el contenido de la carpeta wb. Con nuestro navegador ir a la direccin: http://www.subdominio.dominio/install y seguir las instrucciones de instalacin.
3. Instalacin como subdirectorio Si deseamos instalar Website Baker como un subdirectorio dentro del directorio raz debemos dar los siguientes pasos:
A travs de Cpanel crear la base de datos websitebaker y otorgarle todos privilegios de usuario. Mediante nuestro cliente FTP crear el subdirectorio deseado y subir al mismo todo el contenido de la carpeta wb. Con nuestro navegador ir a la direccin: http://www.dominio/subdirectorio/install y seguir las instrucciones de instalacin.
De todos estos elementos, index.php ser el nico con el que deberemos trabajar para disear la presentacin de nuestro sitio web. Siendo que, salvo el archivo index.php, los dems elementos de una plantilla NO sufren ninguna modificacin, resulta conveniente hacer una copia de ste para trabajar sobre l momento de disear nuestra propia plantilla.
El sistema viene con cuatro plantillas: blank, round, allcss y simple. De stas, la plantilla round es la que viene instalada por defecto. Esta puede ser cambiada desde el rea administrativa, despus de instalar todo el sistema. Para crear nuestra propia plantilla resulta conveniente hacerlo sobre la plantilla simple, la cual ha sido diseada con este propsito.
} ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title><?php page_title(); ?></title> <meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" /> <meta name="description" content="<?php page_description(); ?>" /> <meta name="keywords" content="<?php page_keywords(); ?>" /> <link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="<?php echo TEMPLATE_DIR; ?>/print.css" rel="stylesheet" type="text/css" media="print" /> <?php // this allows to include the optional module files (frontend.css, frontend.js) into the head section if(function_exists('register_frontend_modfiles')) { register_frontend_modfiles('css'); register_frontend_modfiles('js'); } ?> <?php // this allows to add custom information to the head section of your template (WB-->Settings-->Website Header) echo WEBSITE_HEADER; ?> </head>
Si deseamos eliminar la funcin de la Hoja de Estilo que el sistema trae por defecto para la presentacin del contenido, slo debemos eliminar la siguiente lnea:
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
Buscador Interno:
Muestra un motor de bsqueda interno que facilita el acceso rpido a las informaciones del sitio web. Es una combinacin de los siguientes placeholders y scripts:
1. <?php if(SHOW_SEARCH) { /* Only show search box if search is enabled */ ?> 2. <input type="submit" name="submit" value="<?php echo $TEXT['SEARCH']; ?>" style="width: 100%;" /> 3. <?php } ?>
Contenido Principal:
Muestra el contenido principal de la pgina web. <?php page_content(); ?>
Pi de Pgina:
Muestra la informacin al Pi de cada pgina del sitio web. <?php page_footer(); ?>
Nota: Para deshabilitar el fondo que trae el sistema por defecto, slo debemos sustituir el valor #333333 por none. De esta manera el sistema asumir el valor establecido por nosotros en nuestra plantilla. El efecto en los enlaces (link)
a:link, a:visited, a:active { color: #003366; text-decoration: none; }
Nota: Si deseamos eliminar la funcin de la hoja de estilo screen.css slo tenemos borrar del rea de elementos comunes la siguiente lnea de texto:
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
Insercin de Imgenes
Si deseamos insertar imgenes en nuestra plantilla, de modo que las mismas sean visualizadas en cada pgina de nuestro sitio web, debemos utilizar el siguiente script:
<img src="<?php echo TEMPLATE_DIR; ?>/images/nombreimagen.gif" border="0" alt="" />
Este script ser colocado en el punto de insercin donde queremos que aparezca la imagen. As mismo, la imagen ser colocada en la carpeta images del directorio la plantilla que estamos diseando.
1. Colocar los siguientes cdigos en los puntos de insercin correspondientes: rea de Contenido Principal: "page_content(1) Area de Contenido Adicional: "page_content(2)
2. Notificar a Website Baker que un nuevo bloque de contenido ha sido creado. Para ello editamos el archivo info.php, ubicado en el directorio templates, el siguiente cdigo: $block[2]="Right Column"; 3. En el rea Administrativa nos dirigimos a la seccin Configuracin y seleccionamos Ver Opciones Avanzadas. Aqu habilitamos la opcin Bloques de la Seccin. Nota: Asegrese de usar la plantilla modificada dado que los bloques creados slo sern visibles en sta. 4. Ahora, desde el rea Administrativa, creamos una nueva pgina. En el editor de texto que se abrir seleccionamos la opcin Administrar Secciones. 5. En la ventana que se abrir seleccionamos la opcin Agregar Seccin y agregamos un nuevo editor WYSIWYG. Esto nos crear un segundo editor para la pgina. 6. En la opcin Block de la misma ventana, asignamos el primer editor de texto para el rea de contenido principal y el segundo para el rea adicional que hayamos creado. Luego pulsamos Guardar. 7. Tan pronto hemos asignado editores a ambos bloques o reas de contenido, seleccionamos la opcin Modificar Pgina, para proceder a insertar contenido en la misma. Note que cada bloque de contenido tiene su propio editor WYSIWYG. Como puede notarse, es posible introducir el nmero de bloques de contenido editables que nuestro diseo requiera. Y algo ms interesante an: Aunque nuestra plantilla (como es lgico) la hayamos dividido en varias zonas de contenido, si en una pgina slo queremos que aparezca el contenido principal, ste ocupar el rea de contenido completa, obviando la divisin en zonas hecha por nosotros en el diseo. Esta posibilidad nos brinda mayor libertad en manejo y presentacin de los contenidos del sitio web que estamos creando.
propia cabecilla (header), un men con efectos que no se pueden lograr mediante las hojas de estilo o un rea para la colocacin de banners publicitarios. Los mdulos de contenido adicional se pueden disear tanto en PHP como en HTML. Como estas pginas no son administradas por la base de datos, debern ser subidas al directorio raz, al subdominio o al subdirectorio (segn el tipo de instalacin que hayamos realizado) usando nuestro cliente FTP. De igual modo, si el diseo incluye algunas imgenes, stas deben ser colocadas en la carpeta images del directorio raz, subdominio o subdirectorio. De igual modo debemos colocar una copia de stas en la carpeta images del directorio contenido. Los mdulos de contenido adicional son invocados por nuestra plantilla mediante el mandato include. Si, por ejemplo, tuviramos los mdulos adicionales modulo_header.php y modulo_menu.php, sus mandatos include seran:
<?php include(http://www.dominio/modulo_header.php); ?> <?php include(http://www.dominio/modulo_menu.php); ?>
Note que en ambos casos hemos colocado la direccin absoluta donde se encuentra ubicado el mdulo. Este detalle debe ser tomado en cuenta en los casos de instalacin de Website Baker como subdominio o como subdirectorio. Tambin podramos tener mandatos include usando la direccin relativa de los mdulos, lo que permitira tener un acceso ms rpido a stos, como por ejemplo:
<?php include(modulo_header.php); ?> <?php include(modulo_menu.php); ?>
Pero, en este caso, adems de subir los mdulos al directorio raz, debemos colocar una copia de stos en la carpeta contenido, ubicada en el directorio raz. Los mandatos include se colocarn en el punto de insercin donde queremos que aparezca el mdulo de contenido que hemos creado. Podemos crear tantos mdulos de contenido como los requiera nuestro diseo. Pero debemos recordar que estas pginas adicionales NO se actualizan desde el rea administrativa del sitio, debido a que no estn vinculadas con la base de datos. Para producir cualquier cambio en su contenido debemos hacerlo desde fuera, con nuestro editor de hipertexto, y luego subirla al servidor mediante un cliente FTP.
2. Seleccionar el punto de insercin donde deseamos que aparezca el contenido y colocar el siguiente cdigo: <?php page_content(); ?> 3. Modificar cada enlace del men colocando la ruta de acceso absoluta a cada pgina del sitio. Aqu debemos tener en cuenta el tipo de instalacin de Website Baker que hayamos realizado:
Para el dominio principal: http://www.dominio/contenido/nombredelapagina.php Para un subdominio: http://subdominio.dominio/contenido/nombredelapagina.php Para un subdirectorio: http://www.dominio/subdirectorio/contenido/nombredelapagina.php
4. Renombrar la pgina index.html como index.php y subirla a la carpeta simple del directorio templates, usando nuestro cliente FTP. 5. De igual modo, las imgenes deben ser colocadas en la carpeta images del directorio raz, subdominio o subdirectorio (segn el tipo de instalacin que hayamos realizado). No debemos olvidar colocar una copia de stas en la carpeta images del directorio contenido, para que el sistema funcione de manera adecuada.
Si el folder admin lo hemos renombrado como acceso, los cambios a efectuar en el archivo config.php seran los siguientes:
define('ADMIN_PATH', WB_PATH.'/acceso'); define('ADMIN_URL', 'www.mydomain.tld/acceso');
Crditos:
Todas las mejoras producidas y la elaboracin del manual para esta versin de Website Baker han sido realizadas por: Rafael Delmonte rafdel@webcolectiva.org