Cómo elegir un theme de WORDPRESS (3/6): tipo de plantilla

Este tercer post de la serie sobre la elección de una plantilla en WORDPRESS está dedicado íntegramente a las diferentes modalidades de presentación de contenidos que permiten los themes de esta herramienta.

(El texto de este post ha sido actualizado respecto de su versión inicial). 

Elegir un tipo de plantilla

Hay que dejar claras desde el principio dos ideas:

  • La modalidad de cada plantilla se configura por su modo predominante (o destacado) de presentación de contenidos, adecuado para determinados usos u objetivos de los websites.
  • Una plantilla calificada aquí (o en cualquier otro sitio divulgativo) como de una determinada modalidad de presentación de contenidos puede contener como opciones otros formatos de presentación complementarios o alternativos.

Lo mejor es buscar un orden lógico y, de los dos criterios en los que se estructura este post, empezar por el referido a los usos posibles que podemos dar a los sitios creados en la red (o, por extensión, en redes internas de empresas o para equipos de trabajo o estudio).

(Recuerda que seguimos con la numeración correlativa de los 15 criterios a tener en cuenta para elegir plantilla: los primeros seis se examinan en el segundo post de la serie: Cómo elegir un theme de WORDPRESS (2/6): aspectos generales).

7. Usos del sitio

A poco que pensáramos un poco en los espacios que consultamos con regularidad en la red, podríamos mencionar muchos usos diferentes a los que pueden dedicarse tanto los sitios como las secciones diferenciadas que pueden existir dentro de estos.

Así, una empresa podría crear un solo sitio con objetivos, en diversas secciones, como presentar su organización, vender productos, ofrecer servicios, informar sobre soporte y mantenimiento, exponer documentos, mostrar imágenes y vídeos, canalizar opiniones (de directivos o empleados, de clientes, de consumidores…). Pero, de la misma manera, también podría plantearse dedicar a alguno de esos objetivos un subdominio diferente (o incluso un dominio separado) dentro del cual habilitar un sitio diferenciado, con otros estilos y formatos de presentación para los contenidos.

La siguiente es una lista de los usos generales más habituales a los que se dedican la mayoría de sitios que podemos encontrar en la red (globalmente o en algunas de sus secciones internas):

  • Presentación de organizaciones con ánimo de lucro (empresas/negocios/despachos…).
  • Presentación de organizaciones sin ánimo de lucro (organismos/instituciones/asociaciones…).
  • Presentación de países, regiones, lugares (a nivel administrativo o turístico).
  • Publicación de diarios personales (bitácoras).
  • Publicación de opiniones personales (artículos).
  • Exposición de documentación técnica.
  • Divulgación técnica.
  • Prestación de servicios informativos y analíticos.
  • Diccionarios o glosarios.
  • Exposición de imágenes (fotografía, diseño, ilustraciones, arte…).
  • Books de fotografías personales o de diseño.
  • Diarios de noticias/reseñas/artículos/reportajes (generales o temáticos).
  • Fuentes de noticias breves (hechos, eventos, nombramientos…).
  • Diarios o revistas de viajes.
  • Diarios o magazines humorísticos o de información gráfica.
  • Catálogos no comerciales de productos (previews y reviews).
  • Tiendas on line de productos.
  • Establecimientos de venta con reserva (transportes/hoteles/espectáculos…).
  • Presentaciones promocionales de productos.
  • Información integral sobre eventos breves (festivales, galardones, certámenes, estrenos, presentaciones…).
  • Perfiles profesionales.
  • Espacios wiki.
  • Foros.
  • Otros espacios (actividades académicas, campañas políticas, iniciativas ciudadanas…).

Esta lista de tipos de websites por sus objetivos no tiene ánimo exhaustivo, pero cubre una buena parte de los sitios que podemos visitar si navegamos por la red. Podría, por ejemplo, haber mencionado también las webs de descargas o los agregadores de noticias, pero, por tratarse de terreno con frecuencia pantanoso, dejo estos tipos de sitio al margen. También podría citar las websites o secciones de estas que sirven para el uso o disfrute on line de juegos, herramientas de diseño, audios y vídeos (en streaming), simuladores…

Sería raro encontrar una misma organización que dedicara sitios diferenciados para todos los objetivos comunicativos o comerciales asociados a sus actividades, pero hay algunas que combinan los dos criterios: establecen un sitio principal con secciones dedicadas a ciertos objetivos y habilitan algún subdominio o dominio separado para algún uso al que quieren dotar de entidad propia.

Sean unos u otros los criterios seguidos, la primera conclusión que debemos extraer es que, si tenemos el proyecto de crear un sitio con el fin de publicar contenidos, antes deberemos determinar:

  • Cuál será el uso primordial al que destinaremos el sitio.
  • Para qué otros usos asociados al sitio deberemos crear espacios o secciones.
  • Qué nivel de conexión tendrán los espacios con usos u objetivos diferentes asociados a un mismo proyecto (secciones vinculadas, secciones independientes…).
  • Qué tipo de destinatarios prevemos para cada uso diferente dentro del sitio o grupo de sitios.

Los usos de los que aquí hablamos son tanto los dominantes a los que pueda dedicarse cada sitio instalado en un dominio como los que puedan corresponder a espacios más o menos diferenciados incluidos dentro de este, sean subdominios con entidad propia o simples secciones creadas con categorías, etiquetas o tipos específicos de páginas (custom pages o custom posts).

Tener una idea, si no definitiva, cuando menos encauzada de cómo vamos a organizar la exposición de contenidos de nuestros websites es importante si queremos pasar al siguiente punto, que es la selección de plantillas idóneas para permitirnos exhibir esos contenidos en formatos adecuados a cada fin.

8. Tipos de plantilla

Clasificaciones de plantillas

wordpress-logoSi nos preguntáramos qué criterio sigue WORDPRESS para clasificar los themes por su forma de presentación de contenidos, la respuesta sería clara: no hay ningún tipo de clasificación oficial o canónica .

En el buscador avanzado del sitio de WORDPRESS solo aparece el ítem Photoblogging, que podríamos considerar equivalente a una de las modalidades de interés en esta clasificación (la denominada portfolio), pero, más allá de este tipo, no hay en ese buscador más que filtros por características o prestaciones, junto a dos referencias casi perdidas a ciertas estéticas o temáticas .

Por otra parte, si visitamos sitios tecnológicos (hay muchísimos) de los que incluyen con frecuencia listados de plantillas podremos ver que se utilizan denominaciones (a menudo en inglés) como themescorporate, business, portfolio, blog, magazine…, como también themesslider, gallery, grid, masonry, premium, lawyer, travel, photography, SEO, responsive, multimedia, e-commerce, clean, minimalist, timeline, facebook, pinterest, bootstrap

Se trata de una auténtica ensalada de criterios de identificación, clasificación o caracterización la que nos vemos obligados a consumir, lo que, para el propósito que centra este post, no nos sirve si previamente no los destilamos y racionalizamos.

Si queremos que una tipología de plantillas nos sea útil como criterio de elección, debemos poder asociarla con los usos mencionados en el anterior punto. Para ello, lo mejor es ceñirla al modo o formato de presentación de los contenidos.

Siguiendo este enfoque, los tipos de themes que te propongo son los catorce siguientes, con uno extra a modo de cajón de sastre:

  • Blog clásico (full content)
  • Blog extractado (con excerpts)
  • Blog en columna única
  • Magazine simple
  • Magazine complejo
  • Magazine galería (grid)
  • Portfolio
  • Business o corporate
  • Franjas horizontales (one page)
  • Franjas verticales
  • Página única
  • Perfil personal
  • e-commerce
  • Layout horizontal
  • Otros formatos y estilos

Podrían ser más tipos, si diferenciáramos plantillas según algunas características internas que suponen opciones de diseño y presentación, pero, al objeto de no ampliar en exceso la clasificación, la matizaremos en el post siguiente de la serie examinando algunas características internas.

Dado que, como he indicado el principio del post, una misma plantilla puede incluir opciones diferentes de presentación de contenidos y, por tanto, correspondería a más de uno de los tipos enumerados, considero aquí que un tema se encuadra en uno de estos tipos si es así como se presenta oficialmente en la red, sea en el directorio de WORDPRESS, sea en el sitio de la marca, diseñador o propietario de la plantilla (por su homepage de presentación o por lo que se deriva de la descripción del tema).

Las denominaciones de estos tipos de plantilla son de mi cosecha, por lo que, aunque están inspiradas tanto en los términos que se utilizan para describir los temas de esta herramienta como en sus características diferenciales, ello no implica que en el sitio de WORDPRESS, en los websites oficiales de los temas o en otros sitios de divulgación se utilicen tal como yo las propongo.

A continuación incluyo una breve descripción de cada uno de estos tipos de plantilla, acompañada de una captura de imagen a modo de ejemplo (con la indicación de la denominación del template y de su diseñador o propietario al superponer el cursor).

Algunas plantillas son gratuitas y otras premium, pero eso en este momento es irrelevante y por ello no lo indico. Recuerda que son ejemplos escogidos solo por ser ilustrativos de los diferentes formatos (los reflejan muy bien). No existe ninguna relación comercial entre este sitio y los propietarios de cada plantilla que haya condicionado la elección: los links a los sitios son solo de lógica cortesía por la mención, además de que permiten ver con mayor detalle el formato de cada ejemplo mediante la demo oficial.

Clica sobre la imagen se quieres ver solo una captura (extracto de la homepage) o sobre la leyenda que hay debajo de la imagen si quieres acceder a la página oficial del tema (título del theme) o a la demo oficial de la plantilla si esta existe, en ambos casos en el sitio propio del diseñador o propietario. (Desde las demos es fácil acceder a la página oficial clicando sobre los logos del sitio).

Modalidades de plantillas según la presentación de los contenidos 

BLOG CLÁSICO (FULL CONTENT)
theme blog full
ADELLE

Es el formato más tradicional que se utilizaba en los websites dedicados a blogs personales de tipo bitácora, en los que el autor, a modo de diario, iba introduciendo reflexiones personales o experiencias.

Los posts aparecen ordenados según su publicación, mostrando todo su contenido. El orden es cronológico por fecha de publicación, aunque se puede destacar alguno poniéndolo al principio por su importancia, obviando su fecha.

Este tipo de blog muestra menudo varios posts completos en cada página, por lo que para continuar navegando se deberá recorrer la homepage con el scroll y pulsar al final un número o flecha como modo de acceder al siguiente grupo cronológico de entradas (segunda página de posts, tercera…).

Por supuesto, no es obligado que un blog de este tipo sea una bitácora, aunque este sea el uso clásico del formato. Puede destinarse este tipo de plantilla a otros proyectos (por ejemplo, para publicar artículos técnicos o divulgativos, para lanzar noticias corporativas, para reseñas de eventos…).

La clave para elegir este tipo de tema es que interese más el acceso directo al último contenido que la visión global de las publicaciones más recientes.

Es un formato actualmente muy poco utilizado, y además las plantiullas suelen incorporar la opción de los excerpts, del siguiente formato.

BLOG EXTRACTADO (POSTS CON EXCERPTS)
theme - blog excerpts
EXPRESS

Es un formato igualmente clásico, y mucho más utilizado en la actualidad que el tradicional con full content, ya que permite tener una visión global de los trabajos recientes en todo el área de contenido y no solo en un menú de últimas entradas.

Este tipo de blog también lista los posts cronológicamente (salvo que haya alguna entrada destacada), pero en esa lista no se muestran los contenidos completos, sino que aparecen unos extractos (excerpts) de las entradas (redactados como resumen de cada post o automáticamente insertados como fragmentos iniciales del texto).

Cada extracto puede ir o no acompañado de una imagen, y suele contener un botón o enlace para acceder al contenido completo (leer más…, leer entrada…), que en la mayoría de los casos no solo añade el texto que falta, sino que abre la página propia del post).

Las imágenes pueden ser de diferente tamaño (los habituales son el pequeño, miniatura o thumbnail, el mediano cuadrado o rectangular —ambos situados a izquierda o derecha del extracto— y el ancho recortado que cubre todo el extracto, sobre este. No obstante, también hay blogs extractados con fotografías muy grandes.

BLOG EN COLUMNA ÚNICA
theme blog una columna
DECODE

Podríamos considerar este tipo de plantilla como una variante de la modalidad blog que muestra las entradas seguidas en una sola columna. Por tanto, sería equivalente a los dos tipos citados si en estos se eliminara el sidebar (en caso de que ello fuera posible)

Este tipo de plantilla suele presentarse como modalidad específica, muy a menudo con una estética minimalista, sin ornamentos ni zonas de contenido, recomendada para escritores, poetas o periodistas que quieran mantener su propio medio de expresión y dar al texto una importancia capital en sus publicaciones, sin distracciones, al darse todo el protagonismo en la zona de contenido a los posts, que quedan centrados.

Puede tratarse de un blog full content, que es lo más tradicional pero ahora mismo poco utilizado, o de uno con una lista cronológica de posts extractados, en ambos casos con o sin imágenes, aunque algunos blogs de este tipo que muestran entradas con texto completo suelen ser minimalistas, consagrados al contenido escrito.

MAGAZINE SIMPLE
theme magazine simple
YS MAGAZINE

En este caso la presentación de los posts se hace en dos columnas (muy habitual) o en tres, dándose una importancia equivalente a la imagen y al fragmento de texto.

Puede haber una imagen destacada con mayor tamaño (o un slider de posts destacados con imágenes), pero las demás entradas aparecen alineadas en las citadas dos o tres columnas.

Si la plantilla permite presentar los posts alineados en cuatro columnas ya estaríamos ante un estilo más cercano al que denomino magazine galería (en formato grid o de cuadricula) que suele exigir extractos más breves por cuestiones estéticas.

Una variante del magazine en dos columnas es el que intenta imitar el timeline tipo FACEBOOK, pero lo comento en el último punto Otros formatos, ya que la presentación de entradas es diferente.

MAGAZINE COMPLEJO
theme magazine complejo
ADVANCED NEWSPAPER

Es un acercamiento de las plantillas de WORDPRESS a las presentaciones que sigue la prensa digital, aunque no se llegue a un número tan amplio de zonas y secciones. (También podríamos utilizar para búsquedas de este tipo de plantillas términos como diario digital, prensa, periódico, newspaper, press…)

Puede haber áreas de la homepage que presenten alguna entradas en formato magazine simple con extractos e imágenes de tamaño medio o pequeño, o que incluyan mini sliders a modo de galería de posts en movimiento (solo con títulos y thumbnails, sin extractos), o que listen algunos posts con imágenes grandes y pequeños extractos…

También pueden diseminarse por la página posts independientes asociados a categorías, habilitarse zonas con sliders más grandes acompañados al costado por los thumbnails de los posts que se van mostrando regularmente, listados de entradas solo con sus títulos (sin imágenes ni extractos)…

En este tipo de plantillas, además de las zonas de contenido ya habilitadas por el diseño de serie de la plantilla, suelen existir, en mayor medida que en otros temas, diferentes widget areas en la propia zona de contenido central (no solo en los sidebars) que permiten enriquecer la estructura del sitio con plugins generadores de widgets.

MAGAZINE GALERÍA (GRID)

Este tipo de theme muestra, como el magazine simple, los posts distribuidos por toda la página principal, pero en más columnas (tres, cuatro, cinco…) y con una alineación amplia que cubre casi toda la zona de contenido y que se denomina genéricamente grid (cuadrícula).

Puede seguir dos estilos de presentación:

  • theme magazine grid
    PINBIN

    Estilo grid masonry. No se fuerza una regularidad en altura de los segmentos que engoban los posts extractados, de modo que estos, presentados con una imagen y un fragmento de texto cada uno, se van encajando como piezas en el área de contenido, sin dejar huecos. Es el formato más habitual. (La captura ilustrativa es la del tema PINBIN).

  • theme grid alineado
    ULTRAGRID

    Estilo grid alineado. Los posts aparecen alineados horizontalmente en filas que mantienen una altura marcada por el post extractado en esa fila que tenga más tamaño (por el conjunto de su texto y su imagen) o porque se ajustan las filas o franjas si hay una configuración de tamaños fijos de imágenes (height fijo) y de extractos (máximo de caracteres o de palabras).

A diferencia de las plantillas portfolio, en estos temas se da bastante importancia al extracto, aunque suele ser de extensión más reducida que en los de tipo magazine simple (si el texto extractado es muy largo serían ya fronterizos con estos).

También existen plantillas que coinciden en formato con el tipo magazine galería (o incluso con el tipo magazine simple), pero sin inclusión de imágenes, como si se tratara de un tablero de textos, por lo que el sitio adquiere una estética más austera que prima la información. Suelen presentar extractos algo más extensos si no hay más de tres columnas, y puede haber también entradas destacadas con mayor extensión en pantalla. (Son plantillas en desuso como tales, ya que la mayoría de los sitios basados en temas magazine también pueden presentarse con un listado de posts sin imágenes, con extractos de extensión flexible).

PORTFOLIO
theme portfolio
GRIDSBY

En este tipo de tema, que con frecuencia aprovecha también presentaciones en formatos amplios y ordenados como en el tipo magazine galería, lo que se prioriza es la imagen. Cada post que aparece en la retícula de la página principal (o de la sección que tiene este formato) viene representado por una imagen de cierto tamaño (medio o grande), normalmente acompañada por su título y, en caso de que haya algún texto más, por una brevísima frase alusiva.

Como sucede en el tipo magazine galería, puede haber presentaciones en las que los posts aparezcan alineados horizontalmente por el tamaño fijo de las imágenes o por el referente de altura de la que tiene mayor dimensión en la fila (estilo grid alineado), mientras que en otras plantillas las fotos pueden ser de alturas diferentes y encajar como piezas en el espacio del contenido sin dejar huecos (estilo grid masonry).

En algunas plantillas, tanto el título como la frase breve (si se incluye) suelen aparecer al superponer el cursor sobre la imagen, mediante algún efecto animado, de manera que la visión inicial del sitio muestra la galería fotográfica en estado puro.

Son plantillas adecuadas para quien quiere mostrar galerías o books de fotografías, obras de arte, diseños o ilustraciones, o incluso posts en los cuales la parte visual en la página de inicio es tan importante como la textual (o incluso es lo más relevante de la publicación), como ocurre, por ejemplo, con ciertos blogs de viajes, de gastronomía, de eventos…

BUSINESS O CORPORATE
theme corporate
ADVENT

Son dos denominaciones habituales de las plantillas que presentan un formato de homepage no diseñado para mostrar un listado de blogs, sino estructurado en diferentes zonas pensadas para incluir imágenes y textos informativos sobre la organización.

Aunque suelen incluir también secciones con formatos blog con posts extractados o magazine simple, el diseño de la página de inicio suele incluir una zona para una imagen de gran tamaño (o para un slider de imágenes) y, debajo, diferentes zonas para información (denominadas de modo diferente según la plantilla: ventanas, bloques, columnas, bloques…).

Estos bloques o ventanas de información —que suelen incluir una imagen de tamaño pequeño con un título y una frase alusiva, como en los formatos portfolio, o un título con un texto breve y un icono o pictograma, y que pueden enlazar con páginas o ser consistir simplemente en texto e imagen fijos— son idóneos para mostrar información sobre servicios, productos, clientes, prestaciones, equipos, proyectos, testimonios, datos de contacto…

También pueden mostrarse en la homepage algunas páginas informativas del sitio (con thumbnails) en formatos diferentes al de los bloques.

Algunos themes permiten desactivar las páginas de presentación de tipo corporate y presentar el sitio como un blog o magazine, o fundir ambas posibilidades situando un listado de posts después de los bloques de información.

E-COMMERCE
theme e-commerce
PAPER

Aunque WORDPRESS no es un CMS especializado en e-commerce como MAGENTO, PRESTASHOP, OPENCART o ZENCART, entre otros, esta herramienta puede adaptarse mediante plugins que permiten habilitar zonas de exhibición de productos y activar operativas de compra on line.

Más allá de esta posibilidad, algunos temas ya incluyen de serie alguno de estos complementos con el fin de facilitar que los sitios corporativos incorporen secciones de venta o se estructuren completamente como tiendas on line, o están adaptados para optimizar el uso de esos plugins específicos que activan sitios de comercio en la red.

FRANJAS HORIZONTALES (ONE PAGE)
theme - frame horizontal
ZERIT LITE

Es uno de los tipos de plantilla de diseño reciente que más se está utilizando para sitios de empresas o profesionales (es como una segunda modalidad de tipo business). Podríamos decir que, desde hace unos pocos años, es el estilo tendencia en el mundo corporativo (aunque eso pueda cambiar en cualquier momento, ya que, como todos sabemos, las preferencias son, como los sentimientos, casi siempre fugaces).

Estas plantillas suelen inspirarse en los diseños flat, que limitan el componente ornamental (carecen de relieves, bordes, gradientes, volúmenes…) y hacen predominar los objetos y segmentos de aspecto y colores planos, sin especiales efectos asociados a acciones del usuario (superposición de cursor, pulsados…), o con efectos mínimos.

Una de las versiones más habituales de este tipo de plantilla es la que suele denominarse también como one page, ya que la página de inicio se presenta como un conjunto de zonas, segmentos o franjas horizontales encadenadas sin solución de continuidad (cada una de las cuales puede incluir imágenes, bloques de texto, widget areas…) a la manera de los temas corporate. Lo de única página se debe a que, si se pulsa en los diversos ítems de los menús, no se accede a diferentes páginas informativas, como en otras plantillas, sino que el home desciende en busca del segmento horizontal que contiene el contenido deseado, manteniendo la misma página. Esta puede recorrerse, en consecuencia, moviendo el scroll vertical o con el sucesivo pulsado de los enlaces del menú.

Las franjas horizontales suelen diferenciarse por colores, aunque puede también haber algunas de fondo blanco marcadas solo por algún ligero cambio de tono, por algún borde fino o por los propios bloques de texto. Es frecuente, además, que se presenten con grandes tamaños de fuente, preparados para generar vistas enfáticas de imágenes y textos, con mucho tinte publicitario (aunque no es obligado).

También hay plantillas que siguen este formato, pero combinando este criterio de presentación de página única con la existencia de otros enlaces del menú que sí llevan a secciones distintas, en páginas separadas (en estos casos, el formato one page se suele aplicar solo a la página de inicio) .

FRANJAS VERTICALES
theme frame vertical
FLAT

Aunque a menudo también responden al estilo flat (diseños sin adornos ni efectos), no son más que una variante de los blogs de dos columnas (content + left sidebar), en los que se da especial protagonismo a una barra vertical situada a la izquierda que se constituye en el centro operativo del sitio, englobando los principales menús y algunos widgets de especial importancia para la presentación de contenidos (e incluso absorbiendo todos los posibles).

En la columna derecha, más ancha, que es la zona del content, es donde aparecen los textos e imágenes, normalmente en formatos blog (full content o con extractos) o magazine simple de dos columnas.

Son plantillas muy vinculadas a perfiles profesionales o a blogs personales o periodísticos en los que se busca una diferenciación estética de los esquemas clásicos, y a menudo se utilizan con el objeto de combinar esos dos objetivos (presentar perfiles profesionales combinados con un blog), pero son adecuados para cualquier tipo de blog temático en el que sea importante la imagen (tecnológicos, de tendencias…) o el texto y se prevean publicaciones con una cadencia regular (pero no varias ediciones a diario).

PÁGINA ÚNICA (O ESPACIO CENTRAL)
theme espacio central - profile
PRESTIGE

No son actualmente muy habituales, pero todavía pueden encontrarse plantillas que solo contienen una homepage desde la que se accede a contenidos que aparecen en el mismo espacio de los menús iniciales (o junto a estos) o se enlaza con otros dominios o subdominios gobernados por sus propios themes.

No hay que confundirlas, por tanto, con las plantillas one page antes citadas que corresponden al tipo de theme de franjas o segmentos horizontales.

Las de página única suelen utilizarse, por ejemplo, como carátula de presentación de un grupo de blogs o de otro tipo de websites (a los que se enlaza desde ese home) o como modo de presentación simple de un perfil profesional en el que, a partir del frontal con la foto y un menú sencillo, o con áreas o botones grandes a modo de menú, se accede a fichas con informaciones diferentes (curriculum vitae completo, resume, proyectos, servicios, compromisos, datos de contacto…, e incluso a pequeñas secciones con galerías y blogs) que van apareciendo siempre en el mismo espacio central.

Pueden incluir también secciones de contenido que pueden recorrerse con el scroll vertical, pero con una vista limitada al espacio central de contenidos.

LAYOUT HORIZONTAL
theme scroll horizontal
BOARDWALK

Hay themes en los que el listado de posts en formato blog aparece en horizontal, mientras que en otros la página de inicio muestra una pequeña galería de fotos que enlazan con contenidos que aparecen desde el lateral derecho de la pantalla.

En ambos tipos de plantillas la navegación por el listado se realiza con el scroll horizontal (o pulsando ítems de los menús) que mueven contenido de la pantalla de derecha a izquierda, aunque luego cada post o página puede recorrerse con la vista tradicional (scroll vertical).

También hay plantillas que siguen este criterio del deslizamiento horizontal pero en lo que respecta a secciones o páginas y no a posts. De esta manera, cada página o sección requerida aparece desde el lateral derecho y se fija en el home, de manera que el sitio parece tener siempre una página única centrada, pero con vista completa vertical, no limitada a un espacio central en pantalla.

PERFIL PERSONAL (VCARD)
theme vCard
BIOPIC

Aunque para la función de exponer información diversa de un perfil profesional (curriculum vitae completo o resumido, proyectos, muestras de trabajos, tablas de habilidades, testimonios, datos de contacto…) suelen utilizarse plantillas de diverso tipo (franjas verticales, franjas horizontales one page, layout horizontal, página única…), hay algunas de estas modalidades que están diseñadas de modo específico para contener información profesional asociada a personas y no a empresas. (Antes ya has podido ver una captura de una plantilla de tipo página única que estaba dirigida a perfiles profesionales).

La especialización de estas plantillas se nota en el formato especial de ciertas ventanas de texto preparadas para exhibir fotos y por la existencia de tipos de páginas o secciones con formatos adecuados para albergar barras de valoración, tablas de habilidades, listados formativos o de actividades realizadas, formularios, datos de contacto, ubicaciones en google maps

En algunos sitios divulgativos también suelen denominarse como themes CV, resume, profile, vCard, personal…

De todas maneras, ten en cuenta que si se quiere lanzar en la red un perfil profesional con contenido variado también puede utilizarse un tema business (un ejemplo es este mismo sitio que estás visitando, que tiene como usos presentar una información general sobre servicios profesionales personales —no empresariales—, sin que constituya en ningún caso un sitio de e-commerce o de contratación, combinado con un blog temático separado).

OTROS FORMATOS

La clasificación expuesta no es exhaustiva. Si revisaras a fondo la oferta de themes de todos los diseñadores encontrarías plantillas con formatos excepcionales que tendrían difícil encaje en alguno de los tipos que acabo de citar, por la estructura de la homepage, por el modo de navegación o por otros criterios o elementos.

Por ejemplo, hay temas que presentan una galería de imágenes superpuestas en forma de cascada o acordeón que se separan y despliegan completamente según se pasea con el cursor por encima de ellas y pueden enlazar con contenidos laterales, situados en columna, en segmentos que aparecen desde cualquier punto de la pantalla o ubicados en páginas solo visibles tras el pulsado. Otros combinan un espacio central de contenido, a partir de un menú de imágenes, con desplazamiento horizontal de entradas o secciones y efectos parallax (velocidades diferentes de fondo y contenido).

theme tipo tumblog
GORDON

Asimismo, hay plantillas que se inspiran en el interfaz de otras herramientas, medios o programas.

Por ejemplo, hay temas que corresponden a lo que se denomina estilo tumblog, que se inspira en las plantillas más clásicas de la herramienta de microblogging Tumblr (actualmente muy variadas). En esta, las entradas suelen aparecer en segmentos o áreas de contenido que parecen flotar sobre la página o encadenarse consecutivamente como franjas (en cierta medida, son una de las inspiraciones de los themes one page tipo franja horizontal antes vistos) y se da especial importancia a los formatos de cada entrada —estándar, imagen, galería, vídeo, audio, documento, cita, chat…— , algo que veremos respecto de WORDPRESS en el post 5 de la serie.

theme tipo timeline
POSTLINE

No obstante, la variedad de las plantillas Tumblr actuales, sumada a la existencia de muchos temas de WORDPRESS con formatos de entradas, resta algo de sentido a la denominación tumblog como estilo, limitada a la afinidad con los formatos clásicos, a la especialización en galerías de fotos, vídeos y audios y a que el diferente formato de las entradas queda muy marcado visualmente en el listado, sea tipo blog o tipo galería.

Y en esta misma línea de similitud estructural y estética, también hay plantillas que:

  • Imitan el timeline de FACEBOOK, con la alternancia de las publicaciones en dos columnas.
  • Siguen el formato magazine galería ya visto con estilo grid masonry (piezas encajadas, sin huecos) pero evocando la distribución de publicaciones de la plataforma PINTEREST.
  • Llenan de grandes iconos flat la pantalla evocando el estilo más reciente de WINDOWS.
  • Presentan menús en forma de pestañas como si se tratara de la ventana de un programa. navegador o sistema operativo, pero mostrando las entradas o páginas distribuidas en cuadrícula (grid) en el área de contenido.
  • Se asocian a frameworks, programas o conjuntos de recursos que pueden condicionar en parte el diseño (por ejemplo, Bootstrap, Flat UI…), aspecto que se mencionará en el post 6 de la serie.
theme restaurante
BISTRO

Por otra parte, se ofrecen themes presentados como específicos para determinados tipos de actividad —negocios jurídicos (abogados, bufetes…), actividades sanitarias, arquitectura, deportes, mundo académico, gastronomía, bares y restaurantes, viajes, pequeñas editoriales, sitios de escritores, revistas de cine…

No obstante, se trata de formatos más aparentes que reales, ya que responden a alguno de los tipos antes vistos, con alguna concesión más ornamental que funcional a la especialización descrita y quizá con algún formato adecuado de serie y asociado al tipo de sitio (por ejemplo, imágenes más altas que anchas para sitios literarios que suelen mostrar portadas de libros, formatos de menús en temas dirigidos a la hostelería…).

Por último (no para cerrar la casuística, que sería imposible, sino para no alargar más este apartado genérico dentro de la clasificación), también hay plantillas que se caracterizan por ciertos motivos estéticos, que no influyen en el formato de presentación de contenidos, por lo que solo se dirigen a quienes no prevén hacer modificaciones en su tema y por ello quieren aprovechar  esos toques de diseño (estilo siniestro, campestre, florido, aventurero, navideño…). No olvidemos, además, que otro criterio de búsqueda puede ser el de estilos, a partir de términos como, entre otros, flat (ya comentado), minimalista (descargado, con poco ornamento y bordes finos, con mucho menos énfasis que los flat) o clean (limpio, casi sin colores, sin bordes, muy enfocado al texto y a imágenes pequeñas).

Dentro de estas cuestiones de estilo, conviene mencionar que algunos temas están diseñados por defecto con colores predominantes en cabeceras, bordes, áreas o fondos, aspecto que, como ya vimos, puede utilizarse con el fin de filtar búsquedas en el website de WORDPRESS (aunque de modo genérico, como color principal dominante, sin especificar a qué elementos de la estructura del sitio afectan). Puede haber, por tanto, tanto colores dominantes en franjas y bordes como colores de fondo (que si son oscuros implicarán además un color de fuente blanco o similar). Hay, a su vez, plantillas que incluyen menús de administración con opciones para variar la apariencia del sitio en cuanto a colores (lo que se denomina skins, término que sugiere un cambio de piel).

Formatos mixtos (multiuso)

Como he indicado, muchas plantillas incluyen opciones de presentación de contenidos diferentes. Por ejemplo, la mayoría de blogs clásicos admiten también la presentación de post resumidos con extractos y botón de leer más…; las plantillas de tipo business con slider y tres o cuatro ventanas frontales suelen incluir también presentaciones tipo blog con extractos; hay temas tipo blog (clásico o con extractos) que incluyen también la posibilidad de páginas portfolio o de presentaciones tipo magazine simple… Hay temas flat de franjas horizontales que incluyen acceso a secciones con otros formatos…

Actualmente, a los que llevan incorporadas más opciones en este sentido se los suele denominar temas multipropósito o multiuso, pero es algo que en mayor o menor medida hace ya tiempo que caracteriza a muchas plantillas disponibles.

SHAPED PIXELS, por ejemplo, es una plantilla multiuso que ofrece (al menos en su versión PRO) varios formatos de los ya vistos: tipo portfolio grid alineado (con imágenes medianas y también con  grandes), blog extractado (con imágenes de cierto tamaño) y business.

theme shaped pixels portfolio 2theme shapped pixels portfoliotheme shapped pixels corporatetheme shapped pixels blog

 

 

 

 

theme - mix 4 columnastheme - mix 2 columnasY otro theme mixto con diferente criterio es PINBOARD que, además de disponer de vistas alternativas de blog extractado y de magazine simple, puede combinar en un mismo espacio el blog extractado (varios posts) con un magazine galería tipo grid masonry a dos, tres o cuatro columnas (el resto), con o sin sidebar, según cada formato.

Se trata solo de dos ejemplos. (Clica sobre las capturas para agrandarlas y sobre las denominaciones de los temas para acceder a las demos).

Por otra parte, si queremos caracterizar un tema no siempre tendremos que guiarnos por su denominación, ya que esta puede aludir a una modalidad de presentación cuando su formato es otro: por ejemplo, puede incluir el término magazine y ser un blog con posts extractados, denominarse blog y ser un magazine simple o conocerse como corporate y no ofrecer la posibilidad de una homepage tipo business con slider y bloques de contenido, llamarse one page y tener también ítems de menú que abren otras secciones, clasificarse como portfolio y permitir extractos largos bajo las imágenes…

En los dos siguientes posts de la serie comentaré una serie de aspectos que deben chequearse si deseamos elegir con criterio la plantilla, porque si nos limitáramos a escogerla por su denominación, por la impresión obtenida tras el mero examen de las capturas o incluso por el examen de las demos, no podríamos controlar si incluyen o no prestaciones relevantes para el diseñador y administrador del sitio.

Termino esta entrada con una reflexión rápida sobre la clasificación examinada, poniéndola en relación con los usos posibles de los websites, y unas recomendaciones finales a modo de resumen.

Usos y tipos de plantilla

No sería razonable hacer una correlación precisa entre los usos u objetivos de los sitios que hemos visto en el punto 7 y los tipos de plantilla examinados en el punto 8. Ni hay un theme para cada uso, ni hay ningún objetivo que requiera de un determinado formato de plantilla.

  • Una empresa puede elegir para su sitio un formato business, pero también uno de franjas horizontales one page o incluso un magazine simple o complejo, según el tipo de información que quiera priorizar y el dinamismo que prevea para sus publicaciones.
  • Un blog personal puede canalizarse mediante el formato clásico de bitácora con muestra completa del contenido de cada post, mediante un blog que liste las entradas con extractos y thumbnails, con un magazine simple o con un formato de franjas verticales con un sidebar izquierdo como centro de mando.
  • Un autor o promotor de contenidos especialmente dinámico con un objetivo de divulgación temática puede limitarse a un blog con extractos, preferir un magazine simple o, si quiere abrir diversas secciones y publicar muy a menudo contando con diversos autores, elegir un tema de formato magazine complejo.
  • Un escritor que quiera compartir con sus seguidores algunos trabajos publicando capítulos con regularidad puede utilizar un blog de columna única solo con texto, pero también un tema con franjas verticales o, incluso, si busca ser original, una plantilla con layout horizontal.
  • Un sitio de viajes podría elegir temas tipo magazine (lo más habitual), de formato blog extractado con imágenes de gran tamaño, de tipo portfolio o de navegación por un layout horizontal.
  • Un fotoperiodista puede presentar sus trabajos mediante un magazine de tipo simple, complejo o galería, o mediante un theme portfolio, pero también podría convenirle un formato de franjas verticales o un tema estilo tumblog.
  • Un periodista freelance que quiera crear su propia columna diaria o semanal puede optar por cualquier tipo de formato blog (completo, con extractos, en columna única, de franjas verticales), pero también por un magazine simple o incluso uno textual.
  • Un profesional podría recurrir a un formato de layout horizontal para presentar diversas facetas de su perfil e incluso insertar un pequeño blog, pero también optar por un tema de página única con espacio central o de tipo one page.

De nuevo, son solo algunos ejemplos de los muchos posibles.

Por poner otro, este sitio (luccla.com) utiliza un theme que presenta una página de inicio tipo business (puedes verla clicando en el logo), con un slider sobre unos textos breves bajo los que he habilitado cuatro bloques de contenido. En la zona derecha del menú principal del sitio, bajo el logo, hay un botón que enlaza con la sección BLOG, que genera un formato de lista de posts con imagen y extractos, sin formato magazine (que también podría activarse), y que es un blog selectivo (mediante un formato category page, muy práctico para mostrar solo los posts que yo decido).

De hecho, este theme me permitiría fundir un blog completo (no selectivo) con la página de presentación, situando todos los posts justo debajo de los cuatro bloques de contenido en formato magazine simple, pero yo he preferido no activar esta posibilidad y mantener ambas secciones separadas, ya que no quiero que el contenido del blog se relacione en ningún caso con las referencias a servicios profesionales disponibles (más allá de compartir cercanía con los menús en el sitio).

Otros usos de los websites antes citados, como los foros o los espacios wiki, pueden ponerse en marcha mediante otro tipo de herramientas (como, por ejemplo, phpBB, MyBB, bbPress, MediaWiki, PmWiki… ), aunque también es posible incluirlos en WORDPRESS mediante plugins que habilitan secciones diseñadas para estos objetivos.

Recomendaciones

La tipología de plantillas es, como hemos visto, suficientemente variada para que podamos ir intuyendo, tras el examen de algunas demos, cuáles podrían encajar mejor en nuestro proyecto. En la primera preselección que hagamos deberemos tener en cuenta nuestras necesidades, y también, por supuesto, será el momento para que nos dejemos llevar por nuestras preferencias y prioricemos las plantillas que más nos gusten, las que mejores vibraciones nos aporten, las que tengan ese toque seductor que encaja con lo que tenemos en mente.

Pero, como he comentado, si pretendemos elegir con criterio, aun nos faltará por examinar una serie de aspectos relacionados con el diseño de los temas y sus prestaciones. Por ello, los posts 4 y 5 de la serie están dedicados al chequeo interior de la plantilla y de ciertas posibilidades relacionadas con el diseño del sitio, la presentación de los contenidos y el manejo del escritorio de administración.

Finalizo con unas recomendaciones, como recapitulación de esta entrada:

  • Concreta bien los usos a los que destinarás el sitio (sean globales para este o diferenciados, para secciones distintas), porque eso debe condicionar la preselección de temas.
  • No te fijes solo en el formato presentado por cada theme como carátula por defecto, porque muchos temas permiten opciones de fijación de otros formatos (alternativos para la homepage o asociables a diferentes secciones).
  • Trata de imaginar la página de inicio que te gustaría como entrada a tu sitio, con el fin de decidir, básicamente, entre presentación de entradas o disposición de otros bloques de contenido o con acceso a este.
  • Si optas por una homepage con presentación de entradas, convendrá que hagas una primera valoración sobre si darás más importancia al texto o a la imagen, si querrás (grosso modo) imágenes grandes, medianas o pequeñas, si preferirás textos completos a la vista o extractados…
  • Si te inclinas por un formato de tipo galería, piensa en la importancia que prevés darle a unos u otros elementos (extensión del texto o extracto, tamaño de la imagen, importancia de esta, disposición alineada o encajada en la cuadricula…), porque de estas variables dependerá que sean más o menos recomendables unos u otros formatos.
  • Si en los usos del website prevés incluir el comercio electrónico, valora temas que entren en este formato, pero sin descartar otros, ya que muchos temas pueden completarse con plugins de e-commerce.
  • Si el destino del sitio es presentar un perfil profesional, valora si los formatos ad-hoc son lo que necesitas o prefieres montarlo a partir de otros menos específicos (tipo business combinado con blog extractado, por ejemplo).
  • Si te pirran las tendencias, adelante (formatos one page con segmentos horizontales, sitios web con plantillas multipropósito, themes de estilo flat…), pero ya sabes: lo que ahora se lleva, mañana puede parecer desfasado o demodé y se tomará su tiempo antes de que un día pase a ser retro o vintage.
  • Si lo que buscas es diferenciarte, entonces puedes elegir un tema que consideres innovador o con un diseño menos visto en la red (por ejemplo, un tema de layout horizontal o de página única centrada), pero no te obsesiones: puedes dejar de lado esa exigencia de momento y elegir un tema que sea más convencional y a pesar de ello te guste, pensando en una futura personalización mediante CSS (colores, fondos, tamaños del layout, dimensiones de la cabecera, tipos de fuente..).
  • Por último, considera que la selección tendrá al menos dos fases: la primera (preselección) basada en el examen de formatos, que es lo comentado en este post, y la segunda, de pruebas y chequeos con temas instalados, en la que deberás examinar ciertas prestaciones de las plantillas previamente elegidas, que es a lo que dedico los dos posts siguientes (el cuarto y el quinto).

Otros posts de la serie: