Habemus nuevo tema de WordPress

Publicado el 5 de febrero de 2008

Anoche “metí huevo” como dirían algunos, y por fín puse manos a la obra con el tema de la página. Los últimos dos meses tuve problemas con el límite de transferencia del servidor gracias a la gran cantidad de visitas (un poco de autobombo por favor! Gracias…). Por esto decidí hacer el tema bien liviano.

Miren qué lindo y novedosa la forma de publicar código:

También metí mano en el código, de forma que ahora puedo poner dos columnas de widgets, haciéndolo más flexible.
No tenía ninguna idea específica de lo que quería, simplemente agarré el tema que estaba, lo “hice mierda”, y quedó lo que ven ahora. No está hecho de cero. Mezclé código de varios temas que tenía guardados de ejemplo, y lo combiné con el tema anterior. En sí, el diseño actual viene del anterior, pero hackeado, reciclado y modificado para verse como está. Todavía me falta hacer un poco más liviano el CSS, y revisarlo bien, porque creo que quedó algún excedente por ahí que no uso. Además que el “diseño” no está muy planeado, lo que sí me convenció fue la distribución de las cosas.

Lo correcto es poner los links de los temas de los cuales miré código, y así es como debe ser:

Redoable

My Starcraft 2

Y no olvidarme que todo el tema está construido sobre la base de mi tema anterior: Transformers Movie

No sé qué parte saqué de dónde, más que nada estuve observando el código para las dos columnas, y resultó bastante sencillo.
Puede tener errores o correcciones, las cuales son totalmente bienvenidas. Cualquier opinión, idea o crítica viene bien, para los que leen el blog por RSS, les agradezco se den una vuelta y critiquen el nuevo diseño. Por cierto, aclarar que está hecho por un programador, que es distinto en muchas cosas a un diseñador… De todas formas es un trabajo en construcción así que habrán más cambios.

A continuación el “Antes y Después” del diseño del blog:

ANTES
Diseño viejo

DESPUÉS
Diseño nuevo

Sigue abierto a modificaciones.

Por cierto, también me actualicé a WordPress 2.3.3, así que el blog está de estreno hoy!

18 comentarios en este post

Feed de comentarios
  1. Avatar

    Nicoman 5 febrero. 2008 - 14:37

    Sin duda un theme al mejor estilo “código”, me parece que estoy sobre una consola :P.

    Los themes con fondo negro y letras claras tienen el problema del contraste que hace difícil leer artículos largos, por que te queman los ojos 😛 pero si la idea es que sea tipo terminal… lo lograste 🙂

    Debian IceWeasel 2.0.0.11 Debian GNU/Linux 64 bits
  2. Avatar

    Diego C. 5 febrero. 2008 - 15:53

    Bueno, el theme transformes movie quedo, (y se entiende xq 😛 )
    La “onda” temrinal, me gusta, es tipo una consola como dicen ahi arriba, y esta muy bueno, lo unico que a veces me pasa con paginas asi (con la de aquel loko que era un zarpado en C tambien me pasa) es la letra, digo, no el tamaño, sino la fuente. No se me cuesta leerla a veces, pero igualmente, queda bueno.

    Internet Explorer 7.0 Windows XP
  3. Avatar

    fernando 5 febrero. 2008 - 17:34

    No, no, a ver…
    Los man (de manuales) de GNU están todos en consola. Los que sigan el reglamento sagrado (RTFM), habrán leído más de un man entero en la consola. Ésto implica letra blanca sobre fondo negro. ¡No rompe la vista!
    Como a veces escribo código, es importante tener un tipo de letra donde se diferencia la “l” del “1”, y de la “I”, por ejemplo.
    Hay muchas páginas negras con letra blanca.

    Debian IceWeasel 2.0.0.11 Debian GNU/Linux
  4. Avatar

    math_roger 5 febrero. 2008 - 22:50

    No me gusta como quedo, el anterior estaba bien y no molestaba tanto en leer pero este, abundan los banners y demas, me recuerda a las webs 1.0.

    Esta horrible.

    Firefox 2.0.0.11 Windows XP
  5. Avatar

    ...sErGiO... 6 febrero. 2008 - 07:52

    Desde mi humilde y modesta opinión el blog ahora pierde mucho. No te ofendas, pero creo sinceramente es más costoso leer los textos, que al fin y al cabo es a lo que va a entrar la gente. El estilo está bien, tipo consola, pero creo que no es válido para este tipo de cosas..

    Saludos! 😉

    Firefox 2.0.0.11 Windows XP
  6. Avatar

    TheKeeperOfThe7Keys 6 febrero. 2008 - 12:49

    En general bien, por ahí un no-programador o anti-consolas no lo entiende, o no se acostumbra, pero cambiando unos detalles me parece que levantaría. Usaría la fuente “Courier New” para evitar los “problemas” de ojos-rotos… pero es una sugerencia nada más.

    Firefox 2.0.0.11 Windows XP
  7. Avatar

    Xanthus 6 febrero. 2008 - 14:21

    Hola Fernando.

    El cambio no está mal, entiendo la idea 🙂

    Yo le haría éstos cambios:

    1. Cambiá el verde chillón por un verde claro
    2. Hacéte una buena imágen de cabecera, éso cambia radicalmente la cosa. Por ejemplo una foto parcial de un teclado con “Picando Código” con alguna fuente interesante.
    3. Hacé que haya más espacio entre la columna de post y la segunda columna. Lo veo un poco apretado todo.
    4. Considerá colocar el plugin Share This! Asi en lugar de tener un montón de iconos para compartir tenes uno solo.
    5. Aumentá un poco el tamaño del título de cada post.
    6. También queda bien que haya un fondo oscuro (pero no negro) y que el área del blog sea apenas menor. Le da un marco.

    Bueno, ésas son mis modestas apreciaciones. Dále para adelante que lograr un buen tema lleva tiempo y mucho prueba y error.

    Saludos!

    Firefox 2.0.0.11 Ubuntu
  8. Avatar

    fernando 6 febrero. 2008 - 17:21

    Bueno, quiero que todos miren el comentario que me hizo Xanthus y lo tomen como ejemplo!
    No, en serio gracias a todos por comentar y dejar sus opiniones (Algunos más específicos que otros). Por cierto, visiten su blog que también tiene un diseño blanco sobre negro (no tan feo como éste… jeje).
    Esta noche tengo trabajo, y me voy a poner a trabajar en el tema, cambiarle algunos detalles, a ver si lo “des – afeo” un poco. Por lo menos para que quede cómodo leer.
    Saludos y gracias!

    Firefox 2.0.0.11 Windows XP
  9. Avatar

    dm 6 febrero. 2008 - 19:26

    Bueno, ya que todos opinan yo también…
    No esta del todo mal, hay que hacerle unos ajustes pero esta bien, lo que se te fue un poco fue querer GANAR MAS PLATA! ahora lo único que resalta son los ads!
    De repente un cambio en la letra para Currier New como dice Pablo y algo más de imágenes por ahi, un buen banner arriba y alguna cosa mas al costado, por más que sea chica, pero algo.

    Saludos!

    Internet Explorer 7.0 Windows XP
  10. Avatar

    fernando 7 febrero. 2008 - 14:12

    Buenísimo, me alegro que haya gustado más.
    Yo quedé más conforme también, mantiene la esencia, pero lo modernicé un cacho.
    Queda así por ahora entonces, no descarto la posibilidad de más cambios.
    Saludos!

    Debian IceWeasel 2.0.0.11 Debian GNU/Linux
  11. Avatar

    TheKeeperOfThe7Keys 10 febrero. 2008 - 18:05

    Veo que mejoróy que te hicimos la cabeza entre todos!! jaja
    En este momento si lo estoy viendo en consola y no se ve tan mal, me instalé el lynx para ver como quedaba picando en la consola…
    Sorprendentemente no me rompe los ojos, aunque no logro ver los caracteres “latinos”

    Lynx 2.8.6rel.4 Unknown O.S.
  1. WordPress Cambio de imagen en Picando Código | Picando Código | 26 abril. 2010 - 01:21

    […] de más de dos años con el mismo tema de WordPress, decidí renovar un poco el blog. Este tema fue comenzado desde cero, sin basarme en otros temas de […]

  2. WordPress Nuevo diseño en Picando Código | Picando Código | 28 enero. 2013 - 10:01

    […] Yo le tenía bastante cariño, aunque algunos me decían que los colores no contrastaban lo suficiente para leer bien. Igual no duró demasiado, a los pocos meses, volví a cambiar de diseño: […]

Dejar un comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.

Toasty!