Meadow Plantilla con Estilo en WordPress (Making of)

Ya tenemos una nueva plantilla para WordPress en la calle! Meadow se ha hecho mayor y ya está disponible aqui en la web de los chicos de Mojo-Themes, para poder instalarla en cualquier wordpress.org y darle una nueva imagen y estilo a cualquier blog que busque un diseño limpio, elegante y sofisticado. (ver demo)

plantilla con diseño responsive WordPress

Este nuevo tema incorpora algunas funcionalidades nuevas, a la vez que es, como el resto de la familia de plantillas para WordPress de SiloCreativo, totalmente personalizable con colores, texturas, logo, favicon…Os contamos el Making of de Meadow:

Making Of: del papel a WordPress

Tras la buena acogida del Tema para WordPress Vowels, que iba dirigido a crear o rediseñar blogs con alto contenido creativo, nos apetecía mucho lanzar una nueva plantilla, también para blogs, con algunas ideas que habíamos descartado para en el proceso de brainstorming que tuvimos hace unos meses.

Algunas de estas ideas eran muy buenas así que decidimos ordenarlas y vimos que todas ellas podían conformar un diseño web interesante con el foco principal del proyecto puesto en que el contenido del usuario final debe ser el rey, y que el resto de elementos fuesen lo menos ornamentales posibles.

Teníamos por tanto algunos elementos de flat design, bocetos de una versión responsive basada en contenedores, sombras muy muy suaves, incorporación de shortcodes, importancia de imagenes destacadas, combinación de una tipografía serif con una sans-serif, verde esmeralda…muchos ingredientes (y muy buenos) con los que empezar a cocinar los primeros wireframes del diseño web:

wireframes para tema WordPress

El punto de mira en el Diseño (imágenes)

En el proceso de diseño de un tema para WordPress, siempre hay una fase en la que te das cuenta que no puedes controlarlo todo, y que la plantilla estará siempre a merced de lo que el usuario final haga con ella. (pasa lo mismo con Joomla, Drupal y demás CMS)

Así que, confiemos en él, dejémosle la capacidad de decidir y administrar los contenidos e imágenes con libertad. Estamos convencidos de que si el usuario final entiende que una plantilla es el soporte sobre el que construir su contenido, seguro que se esmera con buenos textos e imágenes de calidad, consiguiendo un excelente compendio entre plantilla-contenido, logrando finalmente una excelente web.

imagen-destacada-en-wordpress

Por todo ello, en este tema premium para WordPress, las imágenes van a tomar un lugar destacado en toda web que se realice bajo Meadow (hace poco hablabamos aqui de la importancia de las imagenes en un blog y su relación con la tasa de rebote). La imagen destacada del post aparecerá como cabecera en los post que la adjunten, tomando incluso más protagonismo que el título. La llamada al thumbnail está complementada con una función en el functions.php del tema que va a recortar automáticamente las imágenes que utilicemos como destacada a unas proporciones de 700x300px, para darle uniformidad a todos los artículos dentro del diseño web. Así que ya estamos avisados, las mejores imágenes para Meadow!

La personalización en los temas de WordPress

Otro punto común en todos los temas para WordPress es la personalización. El usuario final que usa una plantilla quiere dejar su marca para hacer su web diferente al resto del mundo. Esto nos parece fundamental, y es algo que tenemos por obligado cumplimiento incorporar en nuestros temas.

Así que para Meadow, una de las cosas que teníamos claras era que el control de los colores debe ser total para el usuario final, así que dentro del panel de opciones del tema se encuentran 6 selectores (si, 6 selectores) de colores con los que controlar todos los elementos del tema (enlaces, enlaces:hover, enlaces:active, menu, submenu…). Fundamental para que el usuario final tome los mandos de la nave.

colores propios en tema WordPress

Por supuesto, además de esto, la carga personalizada de un logotipo, y la de un favicon, además del listado de iconos sociales en el footer, donde solo es necesario copiar y pegar la dirección de facebook o twitter y listo. Estos iconos están realizados mediante fuentes, no con imágenes, por lo que la carga de la web es menor! 😉

Nuevas funcionalidades (shortcodes)

Perfecto, teníamos un diseño limpio, tipografía perfectas (una combinación cuidada de dos google fonts, Playfair Display cursiva para los títulos, y Roboto 300, una fuente muy limpia y legible para los textos), colores bien seleccionados, plantillas de página con o sin barra lateral, plantillas para etiquetas, categorías y archivos…y queríamos añadir una nueva funcionalidad: nuestros propios shortcodes.

Una explicación muy sencilla de los shortcodes: son pequeños códigos entre corchetes, que introducidos dentro del contenido de nuestro artículo, nos permiten realizar alguna función extra. En nuestro caso, hemos optados por dar soporte en la plantilla Meadow con estas funcionalidades:

Columnas personalizables: shortcode para que podáis incluir en vuestro WordPress el contenido más ordenado, con dos, tres o cuatro columnas (100% responsive) fácil de combinar.

Botones: ¿Quieres hacer un enlace con forma de botón? ¿El color verde es el que más convierte? Pues hemos preparado un puñado de colores con sus respectivas clases css para cuando pases por encima con el ratón (hover) o pinches en él (input)

Cajas de Colores: Para destacar un texto, hace un aviso, advertir de algo…nos parece un buen recursos que seguro aporta algo de color y singularidad a un artículo o una página dentro de la web. Al igual que los botones, con varias opciones de colores.

Shortcode para wordpress en plantilla

Con esto ya teníamos suficiente material para lanzar nuestra nueva plantilla, que cuenta además con archivos de traducciones preparadas, compatibilidad con todos los navegadores, documentación…etc. Puedes ver todas las opciones disponibles aquí.

Solo faltaba empaquetar, limpiar bien el código, testearlo mediante los plugins de desarrollo (pronto haremos un listado de los que más utilizamos), crear los banners y preview, y listo, a volar, con trabajo y esfuerzo: tenemos un nuevo tema WordPress en el aire!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *