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:
- La forma habitual título y contenido,
- con forma de cuadrícula con thumbnails
- 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.
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.
quiero aprender a configurar con constructor de wordpress
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.
Gracias Gustavo. Constructor es un tema para crear temas, con él puedes crear tus propios temas, es un framework para utilizar dentro del propio WP. Aquí tienes un curso que lo explica con detalle:
Creación de temas para WordPress sin programar
Saludos
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
Hola Gustavo,
COn constructor o empiezas de cero o con algún theme de ellos. Para personalizar tu propio theme puedes realizar este curso:
https://partner.video2brain.com/ceslava/course-35647.htm
Y las dudas q te surjan puedes hacerlas en el foro: http://foro.ceslava.com
Saludos