Theme generador de themes | wp-constructor

La creación de plantillas para WordPress, de themes puede acometerse empezando con un framework, una app web, un plugin para PS y tocando código.

Para los menos versados en programación toda ayuda que venga en formato de editor visual, de menús que configuren las opciones de un theme pueden suponer la salvación. Nada de HTML, ni PHP ni siquiera CSS.

Con esa idea os presento wp-constructor, no es más que un theme gratuito con multitud de opciones configurables. Curiosamente está alojado en los proyectos de Google.

Son muchos los themes en los que el autor ha pensado en permitir por ejemplo cambiar el logo, los colores y alguna cosa más, como por ejemplo en los themes de Vibrant CMS.

La diferencia de wp-constructor respecto a otros themes con opciones personalizables son:

• la enorme cantidad de opciones de wp-constructor y
• la posibilidad que tenemos de exportar el theme generado.

Opciones de wp-constructor:

Una vez instalado el theme tendrás en el menú Apariencia una nueva opción “Customize” que te lleva a todas las opciones de configuración:

1.- Elegir un theme dentro de un theme

Lo primero que podemos hacer es elegir un sub-theme dentro de wp-constructor.

2.- Layout

Podemos definir el layout de la página de inicio (home), la página archivos, búsqueda y la que muestra el blog (index):

3 opciones:

1. La forma habitual título y contenido,
2. con forma de cuadrícula con thumbnails
3. o con thumbnails en horizontal

3.- Sidebar

Podemos escoger entre 6 layouts y mediante un cómodo deslizador especificar los anchos de cada elemento

4.- Header

En las opciones del header podemos desde ocultar el título con CSS, con el famoso text-indent y configurar el menú.

Para ponerlo incluso más fácil, el theme añade nuevos sidebar a los que podremos añadir widgets desde el panel de admon. de WordPress

5.- Content

Opciones para el contenido, más widget y opciones para las miniaturas (thumbnails)

6.- Comments

Posición y tamaño del Avatar

7.- Footer

Para el Footer tenemos un campo de texto en el que incluir el contenido que necesitemos.

8.- Color

Opciones de opacidad y transparencias, sombras y definición de los colores de distintos elementos con la ayuda de un selector de color.

9.- Fonts

En Fonts escogemos la tipografía para los títulos y para el cuerpo desde un menú con previsualización:

10.- CSS

Desde la pestaña CSS insertamos los estilos que queramos personalizar o machacar, lo que pongamos tendrá prioridad sobre el resto de CSS

11.- Images

Podemos definir estas imágenes de fondo:

Como siempre desde un editor visual, con un formulario muy claro definimos las propiedades de esas imágenes de fondo:

12.- Slideshow

En esta última pestaña podemos generar un slideshow, tan de moda en las homes de blogs, tendrás que añadir las imágenes desde un custom-field o usar el plugin NextGEN-Gallery.

Exportar tu theme

Como adelantamos al comienzo, una de las opciones que wp-constructor añade es la de Exportar el theme creado.

Puedes desde un formulario añadir los datos de tu plantilla que luego irán en style.css para que WP lo reconozca

Se guardarán en:

wp-content/themes/constructor/themes

Esa plantilla tendrá las imágenes, el acrhivo style.css y el archivo config.php con todas las opciones que hayas escogido. Si te atreves también puedes editar ese archivo y cambiar las opciones de tu theme: 

Plantilla en psd

Anton comparte un psd para que nos facilite la creación de imágenes, design.psd, dividido en sectores.

Podremos fácilmente crear y exportar las imágenes de fondo.

Enlaces

• Página oficial de wp-constructor: http://code.google.com/p/wp-constructor/
• Descarga desde WordPress.org: http://wordpress.org/extend/themes/constructor
• Página del autor: http://anton.shevchuk.name/

Otra opción más para que los diseñadores web tengamos menos trabajo XD.

Dicotomías relacionadas en pqpq.es

• Adobe Dreamweaver vs. Microsoft Expression Web
• Navegador: IE, Firefox, Opera, Safari, Flock o Chrome
• ¿Vas a actualizarte a Adobe CS4?
• Diseño web ¿Flash o XHTML?
• ¿Diseño web líquido o estático?
• ¿Crees que es importante cumplir los estándares web del W3C?

Cursos de diseño web en cursos v2b

Para aprender a tu ritmo y desde tu equipo. Todos estos cursos son en formato videotutorial y tienen la garantía de video2brain.

• Curso de diseño web y Estilos CSS
• Curso de PHP
• Curso de JavaScript
• Curso TODO Web
• Curso Efectos Web

Puedes ver en esta demo más de 12 horas de vídeotutoriales completamente gratis.

La diferencia respecto a la web oficial de video2brain:

• en ceslava ofrecemos los mismos cursos con un 15% de descuento,
• y gestionamos las subvenciones de la Fundación Tripartita para que estos cursos resulten gratuitos para trabajadores residentes en España.

Si estás interesado en más de uno lo mejor es que adquieras una suscripción, acceso a TODOS los cursos de video2brain durante 1 año. Ofertas de suscripción anual:

• Suscripción Anual Online: sólo 189€
• Suscripción TOTAL Online: por 289€ te podrás descargas todos los cursos a tu equipo.

Cualquier duda ponte en contacto, estaremos encantados de atenderte.