Como usar un layout de la web e implantarlo en la estructura MVC


Comprar o bajarse un layout que nos guste de internet, por ejemplo en

Usaremos dos layouts
  • frontend: público. Tendrá ancho fijo, de por ejemplo 950 pixels.
  • backend: Para usuarios registrados.
  • administración: tendrá ancho variable.

Poner el layout en las carpetas (los partials depende del layout en cuestión)
  • application/layouts/
    • layout_frontend.php
    • partials/
      • content.php
      • header.php
      • logo.php
      • sidebar.php
      • content.php
      • footer.php
  • public/styles/
    • css/
      • style.css
      • images/

A tener en cuenta que
  • layout_frontend.php lo hemos dividido en partials para hacerlo mas claro
  • style.css lo hemos movido a la carpeta public/styles/css
  • hemos creado la carpeta images en CSS porque este layout lleva imágenes en el propio css
  • el enlace al css lo hemos marcado no relativo con
    href="/styles/css/style.css"

Layout_frontend.php

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="/styles/css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
    <div id="wrapper">
        <div id="logo">
            <?php include_once("../application/layouts/partials/logo.php");?>
        </div>
        <?php include_once("../application/layouts/partials/header.php");?>
        <div id="page">
            <div id="content">
                <?php include_once("../application/layouts/partials/content.php");?>
            </div>
            <!-- end #content -->
            <div id="sidebar">
                <?php include_once("../application/layouts/partials/sidebar.php");?>
 
            </div>
            <!-- end #sidebar -->
            <div style="clear: both;">&nbsp;</div>
        </div>
    </div>
    <div id="footer">
        <?php include_once("../application/layouts/partials/footer.php");?>
    </div>
</body>
</html>