Crear web en php de plantilla de diseño.

Buenas, esta vez traigo un tema muy interesante, como crear una web en php a partir de cualquier plantilla de diseño.
En este ejemplo usare una plantilla de las que más me gustan, SB-Admin 2 - Bootstrap, ¿Qué es bootstrap? Es un framework que contiene caracteristicas CSS y JavaScript que nos permite plantear una estructura en grid o rejillas también en modo responsive, incluye diversos módulos JavaScript para insertar gráficos fácilmente, permite consultas juey integradas, y mil cosas más que no terminaría de explicar.
Bien, primero descarga la plantilla y descromprime el contenido en una carpeta. Ahora busca el archivo pages/blank.html, ábrelo en el explorador y también con tu editor. No te costará identificar las partes que estamos buscando.
Una vez llegados a este punto deberíamos plantearnos como estructurar nuestro sitio en php. En este ejemplo usaremos el siguiente formato de url, http://ejemplo.es/index.php?modulo=nombre_de_modulo, asi que los modulos deben ser llamados desde index.php. Vamos a montar nuestro index.php y definir las partes en las que dividimos el contenido de la plantilla.

Ejemplo de index.php

<?php

//Buscamos en la URL la variable modulo y guardamos su contenido

if (isset($_GET['modulo']) && !empty($_GET['modulo'])) {
    $modulo = $_GET['modulo'];
}

include("./includes/cabecero.php");         //incluimos la sección del cabecero.
include("./includes/salpicadero.php");      //incluimos la sección del salpicadero
include("./includes/menu.php");             //incluimos la sección del menu.

if (isset($modulo) && !empty($modulo)) {         //comprobamos que $modulo contenga algo

    if (is_file("modulos/$modulo/$modulo.php")) {      //comprobamos que exista el archivo principal del modulo
        require_once("modulos/$modulo/$modulo.php");   //carga la pagina principal del modulo
    } else {
        require_once("error_404.php");                 //si no existe el modulo cargamos error_404.php
    }
} else if (!isset($modulo) && empty($modulo)){         //comprobamos que $modulo no contenga nada
    $modulo = "portada";                               //asignamos a $modulo el valor del modulo por defecto
    require_once("modulos/portada/portada.php");       //carga la portada
}

include("includes/pie.php");                 //incluimos la sección del pie.

?>

Cómo habréis podido comprobar desde el archivo index.php comprobamos el valor de la variable modulo en la URL mediante $_GET['modulo']. Si existe buscamos dentro de la carpeta módulos el archivo correspondiente al modulo solicitado. Si el modulo no existe cargamos el archivo error_4040.php.
Podéis descargaros la plantilla ya preparada para funcionar en este enlace SB-Admin 2 - Bootstrap - Plantilla php y para ver el ejemplo funcionando Bootstrap PHP
En otra entrada os hablaré del tema de seguridad y como añadir secciones a los módulos.

2 Comentarios

  1. Muchas gracias!! Me ha servido para montar mi propia estructura para una web en php, no he usado ese diseño pero si la solución del index pero me surge el problema de que puedo entrar a los modulos sin necesidad de llamarlos desde el index, ¿como puedo hacer para que no se pueda cargar el modulo sin cargar el index?

    1. Hola afev, para solucionar ese problema puedes declarar una variable en el index.php y comprobar, al principio de cada archivo php, si esa variable existe y su valor. de esta manera complicamos al “caco” el acceso a alguna de nuestros módulos sin nuestro permiso. Un saludo y gracias por tu comentario

Comentarios del artículo

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *