30.05.09
Creando un sitio web con Textpattern I: Diseño del sitio web, análisis y estructura
por: Luis Flores
Este es el primero de una serie de artículos que conforman un tutorial de como realizar un sitio web con Textpattern, considero que es necesario que al menos conozcas la interface y tengas una noción de como funciona el sistema de plantillas.
Textpattern ha sido mi CMS de elección por el hecho de que es bastante amistoso para diseñadores que solo conocen de XHTML/CSS pero a su vez es bastante flexible y potente. Puedo seguir hablando cosas bonitas de este sistema pero la verdad prefiero ayudarte a conocerlo.
Las artículos que conforman este tutorial son:
- El sitio web, análisis y estructura.
- Configuración de la estructura del sitio.
- Aplicación de las etiquetas de Textpattern a la plantilla base.
- Los bloques, como crearlos y utilizarlos.
- Creación de las plantillas secundarias.
- Aplicando la etiqueta Article a todas las plantillas.
- Optimizando las plantillas.
- Configuraciones finales de Textpattern.
- Publicación.
- Sugerencias.
Lo necesario
Para realizar sin problemas este tutorial necesitarás:
- Textpattern 4.0.8
- Los archivos del sitio a realizar.
- Servidor web o Xampp, para crear uno local.
- Cualquier editor de html/css (Dreamweaver, Notepad++, RJ TextEd, Coda)
- Cliente FTP como FileZilla si utilizas un servidor web.
- Programa de edición de imágenes por si acaso.
Tomaré por hecho que ya tienes una instalación activa de Textpattern, sea en un servidor local o en un servidor web. También ten siempre a la mano el TextBook.
Comenzando
Empezaremos este tutorial de Textpattern con un análisis del diseño y estructura del sitio para saber como configurar su funcionamiento y a su vez ayudar a identificar que etiquetas son necesarias para la publicación de la información.
El sitio web
He creado un dummy estático del sitio a realizar, utilicé una misma plantilla con diferentes configuraciones.
Clic en la imagen para ver ejemplo en vivo:
Descarga los archivos de trabajo.
Inicio
En Inicio se mostrará el último artículo publicado y un resumen de los tres artículos anteriores. Los artículos publicados serán solamente de las secciones Noticias y Artículos. Luego en la barra lateral se mostrará el campo de búsqueda, enlaces a redes sociales(para identificar fácilmente esta lista de enlaces) y un listado de los últimos comentarios de los visitantes.
Luego más abajo se publicará una lista de los artículos publicados en la sección Guías , otra lista de enlaces a sitios amigos o recomendados y un formulario de contacto. Y por último el pie de la página.
Quienes somos
Quienes somos utilizará la misma plantilla pero se eliminarán los resúmenes de los artículos anteriores.
Noticias, Artículos y Guías
Estás tres secciones utilizarán el mismo formato que Inicio a excepción que en vez de mostrar un solo articulo completo, mostrarán tres.
Galería
Para esta sección todos los artículos publicados se mostrarán con un resumen y una miniatura. Para la publicación de los artículos de esta sección utilizaremos un bloque con formato especial.
Preparando para lo configuración:
Resumiendo, el sitio esta conformado de la siguiente manera:
- 6 secciones para las cuales se utilizarán 4 páginas.
- 2 listas de enlaces a sitios externos, por lo que crearemos categorías de enlaces.
- Solo dos secciones muestran artículos en la página principal.
Ya con esta información podemos comenzar a configurar nuestra instalación de Textpattern lo cual explicaré en el próximo artículo: Configuración de la instalación de Textpattern.