El documento describe la estructura básica de un template HTML y CSS para Concrete5. Incluye archivos como index.html, default.css y carpetas como /img y /js. Explica que estos elementos se transforman en una plantilla para Concrete5 con archivos como default.php, header.php, footer.php y carpetas como /images.

1. Templates
María Salomé Dávila
UnderMedia SA

2. Templates HTML
María Salomé Dávila
UnderMedia SA.

3. Templates en HTML y CSS
 Este tipo de templates son la base para crear un tema o template. Concrete5
utiliza como base una maquetación HTML, la cual será convertida en un
template administrable.
 Para esto debemos conocer la estructura básica de un template HTML, la cual
está conformada por:

4. Templates en HTML y CSS
 index.html: contiene el esquema
del diseño en formato html y
usando css.
 /img: carpeta de imágenes
utilizadas en el diseño del tema
 default.css: carpeta que contiene
las hojas de estilo utilizadas en el
diseño.
 /js: carpeta con código javascript
utilizado para ampliar la
funcionalidad del diseño
Una vez que tenemos esta maquetación realizada o descargada, procederemos a
transformar estos elementos en una plantilla para Concrete5.

5. Estructura de un Template para C5
María Salomé Dávila
UnderMedia SA.

6. Estructura para un Template en
Concrete5
 Cada tema consiste en por lo
menos un
template, default.php, el cual es
usado por defecto para las páginas
sin un template definido.
 Cada página puede tener un
tipo, es decir su estructura, en
donde se ubicarán los bloques, y un
template es el que le da estilo a la
misma.

7. Elementos de un Template para C5
María Salomé Dávila
UnderMedia SA

8. /elements: Este directorio almacena los archivos de la
Elementos de un

cabecera y el pie de página, header.php y footer.php.
Sirven para que no tengamos que escribir una y otra vez
Template para el código para todas las páginas que creemos.
/images: Usado para ubicar imágenes si son necesarias.
Concrete5

 default.php: El archivo por defecto usado para renderizar
el sitio. Es la plantilla que utiliza para mostrar las páginas
en caso que no haya una en específico.
 description.txt: Posee la información del template,
nombre y descripción, para cuando se vaya a instalar.
 full.php: Archivo de template similar a default.php,
usado para las páginas de tipo FULL.
 left_sidebar.php: Archivo de template similar a
default.php, usado para las páginas de tipo LEFT SIDEBAR.
 main.css: Archivo de configuración de estilos CSS.
 thumbnail.png: Archivo de vista previa del template que
se muestra en el Panel de Administración a fin de
ubicarlo.
 typography.css: Un segundo archivo CSS para la
configuración de textos.
 view.php: Un template especial usado para páginas
simples que debe crearse automáticamente.
A continuación se presenta la estructura
básica de un template para Concrete5, la
cual posee varios archivos y dirctorios
comunes.