Tecnología

Inicio

Cómo hacer un sistema de plantillas en PHP

July 27

sitios web básicos que sólo utilizan HTML y JavaScript veces contienen muchas páginas que repiten el mismo código. La página de inicio y una página "Acerca de Nosotros" tendrán diferentes contenidos pero el mismo código de cabecera y pie de página, por ejemplo. Cuando tenga que actualizar un sitio de este tipo, cada página necesita su código actualizado, y esto hace difícil si el sitio es grande. Estos sitios web se benefician de plantillas PHP, que puede crear usted mismo. Picando código HTML en partes reutilizables y utilizando un único archivo PHP para llamar a las partes, ahorrarse el trabajo de editar el encabezado o pie de página de cada página en su sitio.

Instrucciones

1 Código de una página HTML básico, esquelético como su base para el sistema de plantillas. Su base necesita todo lo que puedes encontrar en el código de una página web entera, aunque se puede empezar simple:

<! DOCTYPE HTML>
<Html>
<Head>
<Charset meta = "UTF-8">
<Title> Su título de la página Aquí </ title>
<Link rel = href = "ruta / a / style.css" "estilo">
</ Head>
<Body>
<! - Cuerpo de la página web va aquí ->
</ Body>
</ Html>

Esto es sólo un ejemplo de una página web muy simple, base. Va a cortar esto en varios archivos PHP para crear el sistema de plantillas.

2 Guarde el archivo HTML base en una nueva carpeta en su computadora. Guarde todas las partes del sistema de plantillas dentro de esta carpeta. Además, puede organizar sus archivos en subcarpetas dependiendo de la preferencia, y lo hace, es recomendado si el sistema incluirá muchos archivos.

3 Copia el código HTML, a partir de la declaración DOCTYPE y terminando en la apertura "<body>" etiqueta. Pega este fragmento de código en un nuevo archivo y guardarlo como "header.php". Esto se convertirá en la plantilla de cabecera, a la que se debe añadir HTML para una página de título, barra de navegación y cualquier imagen que dirigen.

4 Copiar el código que empieza en la línea siguiente de "<body>" y terminando en el código HTML para el pie de página. El HTML para el pie de página podría ser un div o un par de "pie de página <>" etiquetas. Si no lo ha codificado un pie de página en el archivo de la base, sin embargo, a continuación, copiar el código hasta, pero no incluyendo el cierre de etiquetas "</ body>". Pega este código en un archivo en blanco y guardarlo como "body.php". También puede cortar aún más el cuerpo en dos o más partes, tales como "content.php" y "sidebar.php" para un diseño de dos columnas.

5 Copia y pega el código HTML restante en un archivo en blanco y guardarlo como "footer.php." La plantilla de pie de página debe incluir el código HTML para el pie de página, así como etiquetas de cierre para el cuerpo y HTML. Si su base de JavaScript coloca en el pie de página, asegúrese de que la plantilla de pie de página incluye ese código también.

6 Crear un nuevo archivo PHP y guardarlo como escribe el siguiente código "index.php.":

<? Php
require_once ( 'ruta / a / header.php');
require_once ( 'ruta / a / body.php');
require_once ( 'ruta / a / footer.php');
?>

Este archivo se llame a todas las plantillas en un archivo y, de aquellas disposiciones, se va a construir una página completa de HTML. Cuando se carga el índice en un navegador, haga clic derecho y seleccione para ver el código fuente, sólo verá HTML y JavaScript. Esto es debido a que PHP se ejecuta en el servidor antes de que la página se envía a un navegador.

7 Copiar y pegar el contenido de "index.php" en un nuevo archivo y guardarlo como "homepage.php." Crear otro archivo nuevo y pegar en el contenido de "body.php", a continuación, cambiar el código del archivo que concuerde con lo que desear para su página de inicio. Guardar la nueva página como "página de inicio-body.php." Volver a "homepage.php" y el cambio "body.php" a la "página de inicio-body.php." Este es el método básico para la reutilización de las plantillas y la creación de otras nuevas.

Consejos y advertencias

  • Si necesita un archivo bueno, ya hecha base de HTML, descargar la plancha de caldera de HTML5. Este texto modelo contiene muchas mejores prácticas para la codificación HTML y JavaScript y le ayudará a empezar con mayor rapidez.