Habemus nuevo tema de WordPress
Publicado el Martes, 5 de febrero de 2008Anoche "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:
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
DESPUÉS
Sigue abierto a modificaciones.
Por cierto, también me actualicé a WordPress 2.3.3, así que el blog está de estreno hoy!
![{WP-Syntax Hackeado} Cómo mostrar código fuente en los comentarios[1]](https://picandocodigo.net/default.jpg "{WP-Syntax Hackeado} Cómo mostrar código fuente en los comentarios[1]")
18 comentarios en este post
Feed de comentarios-
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 […]
-
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: […]
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 🙂
fernando 5 febrero. 2008 - 15:35
Gracias Nicoman por el comentario a favor. ¡Era la idea!
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.
Luciano 5 febrero. 2008 - 16:22
Esta buena la idea, pero me rompe la vista (no el windows).
De todas formas lo que importa es lo de adentro (?)
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.
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.
...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! 😉
Luciano 6 febrero. 2008 - 12:26
Modo plancha
VOO LOCO cambiame la vista ahi porque sino te rompemos todo lo vidrio!!
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.
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!
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!
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!
Xanthus 7 febrero. 2008 - 11:59
Mucho mejor Fernando!
dm 7 febrero. 2008 - 13:25
La verdad que mucho mejor si
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!
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”