Mi nombre es Fernando Briano y soy programador.

Habemus nuevo tema de WordPress

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!

También te puede interesar:

Feed de comentarios | Url para Trackbacks | Suscribirse a los posts por correo electrónico

18 comentarios en este post

  1. Avatar Nicoman 5 febrero. 2008 - 2:37 pm Debian IceWeasel 2.0.0.11 Debian GNU/Linux 64 bits

    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 🙂

  2. Avatar fernando 5 febrero. 2008 - 3:35 pm Debian IceWeasel 2.0.0.11 Debian GNU/Linux

    Gracias Nicoman por el comentario a favor. Entendiste el concepto!

  3. Avatar Diego C. 5 febrero. 2008 - 3:53 pm Internet Explorer 7.0 Windows XP

    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.

  4. Avatar Luciano 5 febrero. 2008 - 4:22 pm Internet Explorer 6.0 Windows XP

    Esta buena la idea, pero me rompe la vista (no el windows).
    De todas formas lo que importa es lo de adentro (?)

  5. Avatar fernando 5 febrero. 2008 - 5:34 pm Debian IceWeasel 2.0.0.11 Debian GNU/Linux

    No, no, a ver…
    Primero, 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. Así que 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.

  6. Avatar math_roger 5 febrero. 2008 - 10:50 pm Firefox 2.0.0.11 Windows XP

    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.

  7. Avatar ...sErGiO... 6 febrero. 2008 - 7:52 am Firefox 2.0.0.11 Windows XP

    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! 😉

  8. Avatar Luciano 6 febrero. 2008 - 12:26 pm Firefox 2.0.0.11 Windows XP

    Modo plancha
    VOO LOCO cambiame la vista ahi porque sino te rompemos todo lo vidrio!!

  9. Avatar TheKeeperOfThe7Keys 6 febrero. 2008 - 12:49 pm Firefox 2.0.0.11 Windows XP

    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.

  10. Avatar Xanthus 6 febrero. 2008 - 2:21 pm Firefox 2.0.0.11 Ubuntu

    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!

  11. Avatar fernando 6 febrero. 2008 - 5:21 pm Firefox 2.0.0.11 Windows XP

    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!

  12. Avatar dm 6 febrero. 2008 - 7:26 pm Internet Explorer 7.0 Windows XP

    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!

  13. Avatar Xanthus 7 febrero. 2008 - 11:59 am Firefox 2.0.0.11 Ubuntu

    Mucho mejor Fernando!

  14. Avatar dm 7 febrero. 2008 - 1:25 pm Internet Explorer 7.0 Windows XP

    La verdad que mucho mejor si

  15. Avatar fernando 7 febrero. 2008 - 2:12 pm Debian IceWeasel 2.0.0.11 Debian GNU/Linux

    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!

  16. Avatar TheKeeperOfThe7Keys 10 febrero. 2008 - 6:05 pm Lynx 2.8.6rel.4 Unknown O.S.

    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”

  1. WordPress Cambio de imagen en Picando Código | Picando Código | 26 abril. 2010 - 1:21 am

    […] 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 am

    […] 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

Toasty!