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.

image

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.

image

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:

img-ceslava008

1.- Elegir un theme dentro de un theme

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

image 

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

image

3.- Sidebar

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

image

4.- Header

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

image

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

image

5.- Content

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

image

6.- Comments

Posición y tamaño del Avatar

image

7.- Footer

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

image

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.

image

9.- Fonts

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

image

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

image

11.- Images

Podemos definir estas imágenes de fondo:

image

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

image

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.

image

 

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

image

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: 

image

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.

image

Enlaces

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

Dicotomí­as relacionadas en pqpq.es

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.

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

La diferencia respecto a la web oficial de video2brain:

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:

Cualquier duda ponte en contacto, estaremos encantados de atenderte.

Deja una respuesta

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

  1. Hola es un placer encontrar este sitio el cual me ha brindado mucha informacion respecto de WP.
    Mi duda sobre este plugin «constructor» pasa por saber si es posible añadir nuevos themes a los ya integrados en el plugin?
    Gracias por los aportes y ayudas que brindas.

  2. Hola de nuevo perdon por no haberme explicado mejor.
    Mi pregunta es si es posible modificar ya un theme que tengo instalado en WP.
    He visto el curso de V2B ademas de otros aportes web, pero todos parten de los theme por defecto que trae WP y/o Constructor.
    Mas alla de poder crear mi propia plantilla en Constructor, me interesa saber si posible modificar un theme mas complejo que el Twentyeleven o los default de constructor?
    Quiero modificar por completo un theme de bolsa de trabajo, pero no se si es posible insertarlo dentro del constructor o bien como hacerlo.
    Gracias