Recientemente preparé un blog para un amigo que sobre todo cuenta con muchas imagenes y buscaba un tema que potenciara este elemento. Aquí el reporte de DelfiWeb Zone aplicando el tema magazine gratuito de WordPress Modularity Lite y en español.
Hemos incluido como personalizar el tema, de los mas modernos del 2012 y que puede hacer que un blog personal parezca un gran medio de prensa. Con Slider Show, o Bienvenida, a una columna o dos columnas con lateral, este tema es muy completo y se trabaja de forma sencilla. Aqui los tamaños de las imagenes que toman protagonismo en el tema y que siempre que respetemos estos tamaños nuestro blog será de exito.
Jorge Cruz Para Delfi Webzone
Resumen del Tema Modularity Lite
Modularity Lite es un tema perfecto para un blog basado en las imagenes y las fotos. Se logra un impacto visual muy fuerte sin apenas mucha escritura. La clave de Modularity Lite está en que nos permite llenar casi por completo el espacio visto de la portada o homepage con imágenes.
Son las imágenes las que dan la clave de cómo se verá el blog y lo que dispongamos en Escritorio à Apariencia à Opciones del Tema. Ahí se definen los estilos básicos de Modularity.
El Slider Show, la joya de la corona.
La Imagen de los chicos en bañadores es el Slider Show que suele tener 3 a 7 imagenes que van cambiando suavemente. Mientras se visualiza una imagen, está activa y al hacer Click sobre ella nos enlaza con la entrada correspondiente.
El Slidershow como se puede ver en ese blog da un impacto visual tremendo. La informacion mas importante, las imagenes que mas queremos enseñar estan alli moviendose delante de los ojos del lector. Para disponer el Slidershow hemos de hacer dos cosas. En opciones del Tema hemos de activar la opcion del SliderShow. Con esto solo logramos reservar el espacio en la parte alta de la portada debajo del logo.
1: Marcamos el esquema de color del blog, oscuro o claro
2: Marcamos si queremos Lateral derecho o no y si queremos
Slider Show o no
3: Marcamos si queremos texto de bienvenida y ponemos el texto en la casilla.
O texto de Bienvenida o Slidershow.
Para que el Slider Show se muestre hemos de poner imagenes de 950 pixels x 425 pixels en las entradas, que queremos destacar. Es que el Slider Show es activo y cuando se visualiza una imagen y picamos sobre ella, nos lleva a la entrada que la contiene.
El tamaño es importantísimo. Si no tiene exactamente este tamaño no aparece la imagen en el Slider Show. Esta imagen es grande, pero si la ponemos en formato jpg se logra una visualización excelente con tamaños alrededor de los 50kb, o sea perfecto. Yo no recomiendo el formato PNG por el tamaño de la imagen, pero si puede emplearse formato gif
¿Cuántas Fotos? Tantas como entradas queremos mostrar en la portada o homepage. En el lateral del escritorio seleccionamos Ajustes à Lectura. Aquí en el cuadro de entradas a mostrar ponemos las que nosotros deseamos. Si ponemos 5, el Slider Show mostrará 5.
Sin Slider Show pero con Bienvenida.
Es la otra gran opción del tema. Si aplicamos esta opción en las Opciones del Tema hemos de escribir dentro del recuadro un mensaje de bienvenida, de actualidad, lo que queramos. Esto aligera la visión del blog y en la opción de blog oscuro brinda elegancia. Es más compacto en altura que la opción del Slider Show.
Los textos deben ser bien estudiados, compactos y con gancho. El mensaje asume el protagonismo.
Con o sin lateral derecho.
Es un asunto de estilo. Por defecto cuando se activa Modularity Lite es a una sola columna de 950 pixels de ancho y sin Lateral. Si en opciones del Tema activamos el lateral, aparecerá del lado derecho. Como otros temas de WordPress contamos con un arsenal de widget para enriquecer el blog.
Solo hemos de tener en cuenta que como es un estilo de blog visual, las imágenes para acceder a información en el lateral son preferentes. En estilo apaisado.
En esta opción la columna central tiene 590 pixels y el lateral derecho 310 pixels. Para imágenes en el lateral formatos de 2,25 – 1,8 Ancho/Alto suelen ser perfectas. En la imagen destacada de la entrada se cumple la misma proporción pero el impacto se logra con la relación 2,25 – 2,0 ancho/largo. Cuando hemos dispuesto en esta entrada una imagen para el slider Show de 950 x 450, el tema la escala directamente a 590 x 263 pixels.
| Tema Modularity a una sola columna |
| 950 pixel de ancho en la columna única y central.Imagen destacada para Slider Show de 950 x 425 pixels |
Cuando elegimos poner lateral derecho, se generan dos columnas por debajo del Slider Show. En la columna mayor de 590 pixel se muestran las entradas y en el lateral derecho de 310 pixels los contenidos de widget. Si disponemos videos en el lateral será también de 310 pixels de ancho. En la columna central el ancho lo dispone directamente el tema.
| Tema Modularity Lite con dos columnas | |
| 590 x 263 foto del bloque de artículos | 310 lateral derechoImágenes recomendas
310 pixels x 140 – 200 pixels |
Sobre el tema Modularity Lite:
Modularity Lite design by Thad Allender. This theme is also available for self-hosted WordPress.org sites from the WordPress.org Themes Directory.
