Tema Isopixel Kroma para Wordpress
Tema gratuito Isopixel para Wordpress:
Tema Isopixel Kroma diseñado por Monolínea
Demo | Descargar Tema Isokroma!
Siguiendo con las sorpresas dentro del mes de aniversario de Isopixel, toca el turno a un tema gratuito para Wordpress. Sobre el tema, baste decir que lo diseño Kemie Guaida de Monolínea. Entusiasta de los estándares, la usabilidad y el uso de CSS, ella es una de las mejores diseñadoras web que conozco, su trabajo en Diseñorama y su propio portafolio así lo avalan.
La colaboración con Kemie comienza también hace casi justo un mes y medio, momento en el que acordamos el diseño de un tema original para el aniversario de Isopixel. Aun con la premura debo decir que Kemie no se arredró, sino al contrario. Isopixel Kroma es el resultado del tema que originalmente comenzó con un bosquejo preliminar básico y que al final ha quedado con “features” que supera en muchos aspectos a temas de pago.
“Al empezar a planear el tema, me pareció que la prioridad debería de ser en crearlo lo más flexible y personalizable posible, para que la gente pudiera fácilmente adaptar a sus necesidades, y pudiera tener un blog bonito y único. En terminos de estructura y funcionalidad, la gente debería de poder escoger qué contenido mostrar, con widgets y espacios para anuncios. En cuestion de diseño, la mejor forma que encontré para lograr la personalización fué a través del color. El tema está diseñado de manera que gran parte de los elementos son monocromáticos, con sólamente tonos de gris, y hay algunos elementos, como el encabezado y los títulos que tienen un color complementario. El usuario puede cambiar este color fácilmente, haciendo posible tener infinitas variaciones del tema.
El reto en el diseño estaba entonces en hacerlo configurable y neutro sin hacerlo aburrido. En primer lugar utilicé imágenes semitransparentes para darle a las zonas de color configurable variaciones de tono y que no fueran simplemente un color plano . También utilicé iconos para que las areas neutras de la página no se volvieran monótonas.
Técnicamente hubo un par de retos. El primero fué hacer que las imágenes semitransparentes funcionaran en internet explorer 6, lo cual fué resuelto con un poco de javascipt. El segundo fué hacer la configuración del tema más fácil. Me sorprendió la flexibilidad de wordpress para crear una sección de configuración del tema, y pude crear una manera muy fácil para que los usuarios tengan el tema configurado de acuerdo a su gusto y necesidades.”
Un poco mas de código
De destacar es el trabajo de Gustavo Barrón, uno de mis más cercanos colaboradores, que tras el gran trabajo de Kemie, se dedicó a dotar el tema de varias mejoras substanciales. Como ordenar el código e incluso darle un poco mas de funcionalidad al mismo. Tal es el caso del las pestañas dinámicas en la barra lateral. Las cuales permiten ser modificadas al vuelo utilizando Widgets de Wordpress. Algo que resulta poco implementado en varios temas de Wordpress, incluso varios de los llamados ‘Premium’. Así mismo realizo el trabajo de localización en el tema, para poder ser disfrutado tanto en español como ingles. Pero ademas con la posibilidad de ser utilizado en otros idiomas (siempre y cuando alguien pueda contribuir con la traducción del tema).
El tema es liberado bajo la licencia GPL, así mismo, cualquier duda sobre el tema, así como mejoras o bugs, les agradeceríamos nos las hicieran llegar para poder mejorarlo.
Ademas, aunque septiembre ha finalizado. Solo les menciono que aun tenemos otras sorpresas en puerta.
Instalación
Una vez colocados los archivos del theme en la carpeta wp-content/themes/ deberás proceder a ir a la pagina de configuración del tema, para definir los valores iniciales, como colores e imagen de cabecera, si asi desea.
Es importante guardar la configuración del tema, para poder disfrutar del tema Isopixel Kroma en tu WordPress…
+'&title='+encodeURIComponent(document.title)+'&overview='+encodeURIComponent(document.title)+'&urllanguage=es&urlaffiliate=32003&encoding=UTF-8&urlpicture=http://www.viadeo.com/images/shareit/viadeoflower.gif')
Comparte este artículo en Viadeo
September 30th, 2008 at 4:23 pm
La verdad es que es un tema muy elegante y bastante completo, tal vez en el sidebar le falte algo más de contenido (en plan widgets y demás)
September 30th, 2008 at 4:32 pm
@esaiz – Todo el sidebar es totalmente personalizable. Al menos esa es la intención. Quizás el sitio demo, requiera mas widgets, pero creo que tienes la idea.
Quizás en un próximo release del tema, podría agregarse mas contenido por default.
September 30th, 2008 at 5:08 pm
Excelente Tema, muy padre Felicidades.
September 30th, 2008 at 5:56 pm
Estas echando la casa por la ventana, primero la fuente y ahora un theme; felicidades por el aniversario de Isopixel, un abrazo.
September 30th, 2008 at 6:08 pm
Sinceramente está excelente este theme, estético, amplio, colores apropiados, que más decir, me gusta mucho…
:) Felicidades por el excelente trabajo…
September 30th, 2008 at 6:32 pm
Me gustó bastante, y eso que solo tuve chance d ever el demo, mas tarde si puedo me pongo a ver como esta armado :)
De momento lo que te comente en twitter, será que la función de gravatars en los comments no esta puesta? o es parte de la configuración del theme? O será que no la veo al no estar aprovado mi comentario (btw, apruebalo para ver como se ven los comments en el demo!)
September 30th, 2008 at 6:51 pm
Saludos, gracias y felicitaciones por el theme, me parece bastante funcional y customizable, lo consideraré para una siguiente actualización, saludos.
September 30th, 2008 at 7:47 pm
Esta muy sencillo y elegante, lo voy a usar para mi proyectod e pagina web con blog, en todo caso muchas gracias y no voy a olvidar enlazarlos como creadores del tema!
September 30th, 2008 at 8:21 pm
Que tal, felicidades por este aniversario, mientras tanto, quisiera saber si el theme que see sta ofreciendo para descarga viene bien estructurado ó sin problemas, ya que lo he instalado en mi blog y no funciona correctamente.
Saludos…
September 30th, 2008 at 9:59 pm
Recuerda, nada mas pasar a las opciones de configuración del theme y revisar la configuración inicial, modificarla a tu gusto y guardarla.
September 30th, 2008 at 11:33 pm
Buenisimo el theme y se ve bastante PRO buen trabajo solo les recomendaria algo
en varios colores
de ahi en fuera se ve con madres el trabajo realizado
October 1st, 2008 at 12:26 am
@ReNe – So instalas el theme, veras que las combianciones de colores son infinitas!
October 1st, 2008 at 9:09 am
Como bien comenta alguien mas por ahí arriba, a la hora de instalarlo en mi pagina me salen mogollón de errores, desde que no se ve bien con la última versión de firefox hasta que el widget de la derecha no funciona.
Hay que colocarlo o instalarlo de alguna manera concreta o solo soy yo que soy demasiado torpe para estas cosas?
Un saludo y gracias por las respuestas!
October 1st, 2008 at 9:34 am
@Berto – Seria bueno, que comentaras que tipo de errores, o si colgaras alguna captura sería mucho mejor, para ir corrigiendo esos bugs en una futura revisión.
October 1st, 2008 at 9:44 am
Aqui pongo una captura de la pagina que estoy montando, lo único que hice fue subirlo todo, a la carpeta wp-content y luego cambiarle los colores para que aparecieran tanto las letras como la cabecera de color negro.
Después de hacer eso, me salio de la manera que veis en la captura, creo que no se ve bien la cabecera en la ultima actualización de firefox, porque en internet explorer si que se ve bien. Lo que directamente no funciona bien en ninguno de los dos navegadores es el javascript de la sidebar de la derecha, que da error de código de javascript.
Espero que me podáis decir alguna manera de poder arreglarlo.
Gracias y un saludo!
October 1st, 2008 at 9:44 am
Se me olvido poner la dirección de la captura, lo siento:
http://img148.imageshack.us/my.php?image=paginanl8.png
October 1st, 2008 at 10:19 am
@Berto – Despues de activar el tema, fuiste a la sección de configuración y guardaste la configuración deseada?
October 1st, 2008 at 10:22 am
Por supuesto, ademas como puedes ver en la captura, no se trata de que salga o no salga por ejemplo el sidebar, es que directamente me salen errores gráficos tanto en la cabecera, como a la hora de ejecutar el javascript con el navegador
October 1st, 2008 at 11:02 am
@Berto – Puedes bajar nuevamente el tema e instalarlo, creo que deberias poder disfrutarlo ahora sin problema alguno.
October 1st, 2008 at 11:09 am
Efectivamente, ahora si que se ve la cabecera perfectamente, lo que no consigo que me funcione es el javascript, se ve de la manera que te adjunto en esta captura, ya con los colores negros funcionando
http://img123.imageshack.us/my.php?image=paginakx6.png
De todas formas, tengo que agradecerte la rapidez y la profesionalidad con las que estas intentando resolver este problema con el que me encuentro, es sin duda alguna encomiable al 100%.
Gracias por todo y un saludo!
October 1st, 2008 at 12:02 pm
@Berto – Gracias, agradezco tu presencia y tus comentarios.
Ahora bien, un par de recomendaciones:
a) Solo por curiosidad que versión de Wordpress te encuentras utilizando, el script hace uso de jQuery proveído por WordPress, creo que olvidamos mencionar que solo se ha probado y diseñado el theme para 2.6.x
b) Al parecer la ruta de la imagen de fondo para la cabecera se encuentra mal, ¿podrías desactivar y activar el tema? Eso debería configurarte el theme con la URL correcta o en su defecto, utilizar alguna imagen de tu preferencia.
Espero eso resuelva tu problema.
October 1st, 2008 at 1:19 pm
@cicloid – Uso la versión de Wordpress 2.6.3, que si no me equivoco es la ultima que hay disponible, ya te comento que es para un nuevo proyecto y por eso estoy empezando desde cero.
En cuanto a lo de activar y desactivar el tema ya lo estuve probando, pero la imagen de fondo no me la llega a coger, incluso renombrando el archivo y poniendo ese dentro de las opciones, seguiré investigando por ese lado pero bueno, de momento me conformo con como queda.
Lo que mas me extraña es que el javascript al verlo en la demo funciona perfectamente con el navegador que lo vea, y sin embargo cuando lo cargo en mi pagina no funciona…
Si quieres puedes entrar a verlo en directo aquí:
http://www.elreversotenebroso.es
y comprobaras como directamente no lee los tabs del javascript, sino que directamente los saca todos directamente, incluso probé a cambiarle las pestañas por si era por alguna en concreto, pero cambiando el numero y el tipo de ellas sigue pasando lo mismo…
De todas formas muchas gracias y a ver si entre todos conseguimos descubrir porque no funciona bien el javascript.
Un saludo!
October 1st, 2008 at 5:51 pm
lo del problema con las tabs no será cosa del plugin Viper’s Video Quicktags? quizás si lo cambias por Easytube o por el de XHTML Video Embed.
October 1st, 2008 at 11:31 pm
Felicidades por el aniversario, el theme esta muy padre, elegante y minimalista (buena combinacion) solo una duda, en la liga opciones del thema aparece que el archivo theme_options.php no existe, lo busque y efectivamente no viene en la carpeta, no se les quedo por alla?
Saludos
October 2nd, 2008 at 6:39 am
Acabo de desactivar el plugin como me comentáis un poco mas arriba, y sigue de la misma manera, voy a mirar el código a ver si consigo ver porque no funciona, de todas formas muchas gracias y a ver si entre todos conseguimos desvelar este misterio.
Un saludo!
October 2nd, 2008 at 3:28 pm
Berto, acabo de entrar al sitio y ya aparecen correctamente las tabs, la captura
http://junkiemind.com/reverso.png
verificado en firefox 3.0.3 e IE 8
October 3rd, 2008 at 1:11 am
Si, al final ayer reinstale todo de nuevo y ahora funciona sin problemas, no se porque al principio no cogía el javascript, pero ahora ya funciona todo perfectamente, muchas gracias por la ayuda y los consejos.
Un saludo!
October 3rd, 2008 at 10:53 am
@Berto – Quizas lo tuyo fue algun detalle con el cache.
Gracias por uarlo y pasarnos algunos detalles que debimos ajustar!
October 4th, 2008 at 6:04 am
De nada, un placer poder usar vuestro tema y muchas gracias por todo.
Un saludo!
October 9th, 2008 at 7:29 am
Muy buenas otra vez, siento ser tan pesado, pero otra vez vuelve a fallar el javascript del widget lateral. Realmente no se que es lo que le pasa, porque al instalarlo funciona perfectamente, pero en cuanto metes una noticia o cualquier cosa, en seguida deja de tener efecto y se pone de la manera que podéis observar aquí:
http://www.elreversotenebroso.es
Me gustaría ver si hay alguna manera de poder hacer algo con el javascript porque sino creo que acabare editando el código y quitandolo, cosa que no me gustaría porque veo esa opción muy funcional.
Gracias por todo de nuevo y un saludo!
October 20th, 2008 at 2:35 pm
Me esta calentando el oido el theme… puedo cambiarle alguna cosita al cabezote???
October 20th, 2008 at 6:23 pm
Acabo de poner el theme en mi web, pero por alguna extraña razón si uso twittertools, me pasa lo que a Berto, me despliega las tablas sin ningun efecto, es por eso que lo desactivé pero si lo ocupo en verdad.
Saben por que puede ser esto, gracias
October 20th, 2008 at 6:34 pm
@Berto – @aNGEL – podrian subir una captura del error para darnos una idea y tratar de solucionarlo?
Gracias!
January 27th, 2009 at 1:44 pm
Amigos…. estamuy bueno el theme pero exite un problema
404 | Page Not Found!
Sorry, but the page you were looking for is not here.
alguien lo podira resubir.. esque estoy interesado en usar en un nuvo blog que empezare… gracias
January 27th, 2009 at 2:34 pm
Si, una disculpa, aparentemente, se desactivo una pieza del sitio, encargada de las descargas.
May 4th, 2009 at 10:34 am
una duda por que cuando pongo el codigo en ‘Sobre este sitio’:
me lo cambia por:
y no me deja poner nada saben por que????