Aprende a diseñar tus propias plantillas para WordPress, y es sin duda, la mejor manera de aprender haciéndolo pedazos. Templatr es un servicio gratuito para crear un diseño único. Con práctica te garantizo que podrás alcanzar los resultados deseados más rápido que escribiendo tu propio CSS.

Este sitio cuenta con 4 secciones en el proceso de Diseño de Plantillas para WordPress, ¿te sientes con suerte el día de hoy?

Templater

La sección del lado izquierdo muestra los primeros pasos, que son necesarios para la creación de la plantilla. Durante la creación de la plantilla para WordPress puedes cambiar entre las secciones sin problemas, la información no se perderá.

En la primera sección decides el “Layout”, es decir, cómo la página es dividida). Unas son “Barras Laterales” y “Barras Extras”, hay algunas que solamente utilizan una sola barra. La “Barra Lateral” se muestra en color amarillo y la “Barra Extra” en rojo. El área verde indica la sección de “Contenido”, en azul oscuro se muetra el “Encabezado” (el área superior) y en azul celeste para el “Pie de Página”. Puedes cambiar las opciones del “Layout” con las flechas, y si haces click en el diseño, la “Plantilla” seleccionada se mostrará en la “Vista Previa” y en tu “Plantilla”. Puedes cambiar el “Layout” cuando quieras.

En la segunda sección puedes agregar Imagenes y Logotipos a tu “Plantilla”. Las imágenes pueden añadirse posteriormente en el “Diseñador”. (Más adelante te explico con más detalle). Puedes agregar imágenes en los siguientes formatos: GIF, JPG y BMP. Las imágenes que se encuentren en alguna dirección. En este momento no es posible enlazarlas desde el servicio de Templatr. Si quieres utilizar imágenes en tu diseño, entonces es mejor subirlas primero en tu servidor para que puedas concentrarte en los elementos del “Diseñador”.

En la tercera sección decides el formato de los elementos de la página por separado. Todo lo que te imagines puede cambiarse y todo puede ser modificado utilizando un editor HTML). Para seleccionar un elemento, grupo, clase (elementos del mismo tipo) o una etiqueta HTML tienes dos posibilidades: puedes seleccionar el elemento con las “Cajas de Selección” las cuales se encuentran en la vista previa, puedes hacer click en el elemento que quieras modificar en la vista previa. Si seleccionas la segunda opción, el area en donde el elemento será modificado se resaltará en el color (amarillo) dependiendo su estilo. Si es un grupo de una etiqueta HTML, todos los elementos serán resaltados. El también llamado “Elemento Pariente” será resaltado en color azul. De esta manera podrás orientarte rápidamente y encontrarás el sentido de las conexiones.

Cada elemento puede cambiarse únicamente al seleccionar una acción. Selecciona lo que quieres cambiar: el tipo de letra, el borde, el fondo, etcétera. Al seleccionar una acción un diálogo se abrirá correspondiente al área del formulario.

Aunque si no estás seguro de todo lo anterior o no entiendes muy bien, entonces solamente ve a experimentar con todas las opciones, no hay nada que puedas arruinar.

El diseño de tu plantilla puede salvarse con un solo click. Los cambios se pueden ver al instante y no hay problema si refrescas tu sitio, la configuración se quedará tal y como está.

El último y cuatro paso es la descarga, eso es todo. Si estás satisfecha o satisfecho con los resultados puedes descargarla en un archivo ZIP. Este archivo deberá descompactarse y copiar el contenido en tu carpeta de “Plantillas”.

Templatr te garantiza que guardará tu diseño durante los próximos 30 días en caso de que quieras probar el diseño en tu aplicación (WordPress). En caso de que quieras continuar con cambios solamente deberas entrar al sitio de nuevo y continuar donde te quedaste.

Diseñador gratis de Plantillas para WordPress