¡Liberamos nuestro tema para Wordpress!

403 artículos, 1.998 opiniones y 1.320 usuarios desde 2006. Ver referencias



¡Liberamos nuestro tema para Wordpress!

Por benjamin | 16 de Octubre del 2008

liberamos nuestro tema para wordpress | MilBits Hemos recibido varios emails de usuarios interesados por conseguir el tema de wordpress que usamos en MilBits. Tras pensarlo con el equipo hemos decidido liberarlo y ofrecerlo gratuitamente a todo el mundo bajo licencia GPL. El tema tiene optimizaciones, estrategias de desarrollo y código pensados para mejorar su rendimiento de cara al usuario y a los buscadores; en este artículo haremos una breve reseña a los puntos más importantes. Por eso pensamos que este tema también puede servir para aprender a optimizar wordpress. Descargar tema de Milbits para Wordpress Puedes ver la página de información.

Diseños visuales

Dentro del tema se ofrecen varios diseños para que podamos escoger los colores de cabecera y pie de página que mejor se adapten a nuestras necesidades: liberamos nuestro tema para wordpress | MilBits En el archivo leeme.txt del tema encontrarás información sobre cómo usar un diseño u otro.

Características del tema:

  • Compatible con widgets
  • No muestra enlace a comentarios si no hay almenos uno.
  • Imágenes optimizadas mediante la técnica CSS sprites
  • Muestra en el sidebar los últimos comentarios usando el plugin Simple recent comments pluginliberamos nuestro tema para wordpress | MilBits
  • Muestra en el sidebar los artículos más comentados usando este pluginliberamos nuestro tema para wordpress | MilBits
  • Los comentarios de los editores se muestran destacados frente a los demás mediante esta técnicaliberamos nuestro tema para wordpress | MilBits
  • Maquetación por CSS. Cada parte de las páginas (sidebar, artículos, iconos, paginación...) están comentadas y separadas para facilitar su localización y modificación.
  • Separación de opiniones y trackbacks gracias a estos consejos
  • Página de error 404 optimizada para que sea fácil de entender y dé propuestas al usuario para seguir navegando.liberamos nuestro tema para wordpress | MilBits
  • Ancho de las líneas optimizado para hacer una lectura fácil de seguir (usable)liberamos nuestro tema para wordpress | MilBits
  • Posicionamiento (SEO): Las páginas de archivos, etiquetas y categorias no muestran el contenido de los artículos para que sea la propia página del artículo la que posicione mejor siempre.liberamos nuestro tema para wordpress | MilBits
  • Cada artículo incorpora una opción para compartirlo en 20 redes socialesliberamos nuestro tema para wordpress | MilBits
  • Se fomenta la suscripción al feed desde la parte superior del sidebar y debajo de cada artículo.liberamos nuestro tema para wordpress | MilBits

Optimizaciones

El tema ha sido pensado para que cargue muy rápido y consuma pocos recursos del servidor. Sólo usa 66 KB y carga en 0.5 segundos. ¿Cómo hemos hecho esta optimización?
  • El análisis del rendimiento lo hemos realizado con:
  • Navegadores soportados

  • Se visualiza correctamente desde todos los navegadores modernos en Windows, Linux y MAC: Firefox, Safari, Internet Explorer, Chrome... (sólo se descoloca el sidebar en IE 5.5 y 8.0).
  • CSS y HTML

  • El CSS del tema es válido.
  • El HTML también es válido. El código de la plantilla valida en HTML, pero Wordpress a veces añade códigos en XHTML, lo que hace que no valide. Para solucionarlo puedes instalar este sencillo plugin
Descargar tema de Milbits para Wordpress

Demo y Descarga

Descargar tema | Más información


Valoración

Opina ahora sobre este artículo

MilBits

¿Te ha gustado? Recibe lo más interesante sobre informática en tu email:


Artículos relacionados


Opiniones

Gracias Benjamín,
lo intento, pero no lo consigo.

Felicidades, hace tiempo que no veía un tema tan bonito.

Me parece realmente interesante el theme, algo que note es que al redimensionar la ventana del explorador web se descontrola todo.

La solución que encontré probando el theme fue colocando un width: xxx;

body{
font: 95% arial,helvetica,sans-serif;
margin: 0 auto;
width: 960px; <<<<<<<<<<<

}

Saludos

eperezchica, es verdad lo de 'opionar'. Ya lo hemos arreglado. Me gustó el toque humorístico.

Gabriel Huiriqueo, ¿a que ancho y con qué navegador se te mueve el sidebar? Gracias por ayudar a resolver errores ;) ¿quizá podríamos mejorarlo usando un width relativo? (98%, por ejemplo). Así tenemos un diseño líquido.

mi opinion es que "opionar" no es una palabra... o están regalando opio?

Ya, dejando de lado la crítica constructiva; felicidades por el diseño y portomar la decisión de compartir.

Vaya, que bonito theme!

Wow con este template se puede usar excelente como base para desarrollar otros, gracias por el aporte ;)!

Hola Benjamín,
solucionadas las dos cosas... es que me habían hecho alguna modificación y veo que no de forma muy correcta. al césar lo que es del césar...
bueno, ya puestos quisiera saber si de forma fácil se puede modificar la plantilla para que haya 3 columnas. me gusta mucho ésta, pero me temo que necesito una de 3 columnas.
Gracias

hola,
gracias por el tema. lo estoy utilizando en mi página. Me urge una duda. haciendo cambios en el sidebar, no sé que he tocado pero se ha ido todo al garete.. cómo puedo restablecer el sidebar... he copiado el archivo del sidebar.php, pero no se resuelve..

cómo hago para hacer pruebas sin subir la página hasta que me guste.Gracias

Gracias Benjamín... siento ser tan poco resuelta en estos temas.... se hacer pequeñas modificaciones con html.. pero ésta no puedo.. lo he intentado y se ha desbaratado todo. No veo dónde colocar lo que me dices:

sustituye a algo, va al principio??






Suscríbete a

<a class=iconoRssGrande href="" title="Suscribirse a " rel="nofollow" type="application/rss+xml">Feed RSS


<a class=iconoMail rel="feedMail alternate nofollow" href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2386410" title="Suscribirse a " type="application/rss+xml">Por email
<a class=iconoRss rel="alternate nofollow" href="/wp-commentsrss2.php" title="Suscribirse a comentarios de " type="application/rss+xml">Comentarios
<a class="compartir compartir_google_bmarks" rel="alternate nofollow" href="http://www.google.com/ig/add?feedurl=" title="Suscribirse en Google Reader" type="application/rss+xml">Google
<a class="compartir suscribir_yahoo" rel="alternate nofollow" href="http://add.my.yahoo.com/rss?url=" title="Suscribirse en Yahoo" type="application/rss+xml">Yahoo
<a class="compartir suscribir_live" rel="alternate nofollow" href="http://www.live.com/?add=" title="Suscribirse en Live" type="application/rss+xml">Live
<a class="compartir suscribir_netvibes" rel="alternate nofollow" href="http://www.netvibes.com/subscribe.php?url=" title="Suscribirse en Netvibes" type="application/rss+xml">Netvibes





Últimos comentarios




Lo más comentado

<?php
include ('plugin.top_comments.php');
// lo mas comentado esta semana
most_popular_posts(5, '', "\n", false, 70);
?>




Artículos sobre...





Etiquetas




<?php wp_list_bookmarks('category_after=&category_before=&title_before=&title_after=&title_li=Enlaces&categorize=0&before=&after='); ?>



El código que yo te he dado sirve para sustituir el fichero sidebar.php, y crearte 2 columnas en el sidebar (asíen total tendrás las 3 que querías).

Lo único que tendrás que hacer es distribuir las categorias, últimos comentarios, etc en las dos columnas que acabas de crear. Estos códigos son los que me has enseñado, los que ahora hay en tu sidebar.

Hola Ana,

La modificación es posible y muy sencilla. Te pongo un ejemplo del sidebar:

<!-- SIDEBAR -->
<div class="divDivisible contenido1Tercio sidebar">
Texto justo encima de las columnas (se puede eliminar)

<div class="divDivisiblePrimero contenidoIguales">
CONTENIDO DE LA PRIMERA COLUMNA
</div>

<div class="divDivisible contenidoIguales">
CONTENIDO DE LA SEGUNDA COLUMNA
</div><div class=limpiar></div>

</div>
<!-- FIN SIDEBAR-->

muy bonito el tema pues ando buscanod algo asi de fresco y ligero! pero me gustaria mas de 3 columnas!
enhorabuena adelante milbits!

Si sólo has tocado el sidebar con sólo subir el archivo de nuevo es suficiente para que funcione. Pero ¿qué significa exactamente que se ha ido todo al garete? ¿aparece un error de PHP? ¿Se descoloca la página por el HTML?...

En tu página has cambiado el enlace inferior por "Basado en tema MilBits de Diseño Web" con lo que parece que el tema lo ha realizado esa página de diseño web. Sería mejor dejar claro que el tema es de PortalProgramas, tal y como estaba en el enlace que viene por defecto.

Gracias por la pagina me ha sido de mucha utilidad para mi proyecto de verdad que son buenos en lo que hacen gracias

Una pregunta en este theme teneís la opción de mandar el post por email, pero en el que descargamos no existe esta opción.
Con que plugin has creado la opción de enviar por email?

Hola Take,

En el theme quisimos incluir únicamente lo que hemos hecho nosotros para él; para MilBits usamos una versión personalizada donde añadimos plugins de terceros. El plugin que comentas se llama wp-email:
http://lesterchan.net/wordpress/category/plugins/wp-email/

Hola, estoy insertando su theme en mi sitio web y me encuentro con el problema del minizar la ventana y le hice caso a gabriel y poner en el css width: 960px; pero al hacer eso no me gusta como queda porque la sidebar queda muy a la izq etc.. yo quisiera ponerlo con el width relativo pero no encuentro la manera de ponerlo, si me puedes pasar como quedaria se lo agradesco..

saludos

y si me puede decir como activar debajo de lo mas comentado > Populares ya qe veo qe tengo las imagenes pero no sale.. saludos y gracias desde ya

porfavor, digame como solucionar el problema de minizar la ventana pero sin perder que el theme ocupe toda la pantalla usted hablo de un width relativo como lo tendria que poner ? gracias.

Diego, para eso tendrás que hacer un poco más pequeño el sidebar o la zona de contenido. Haz pruebas y experimenta, es la mejor forma de encontrar la solución.

Lo que podrías hacer es centrar toda la página. Prueba con usar este código para la clase 'pagina' del CSS:
.pagina{padding: 2px 0.9% 5px 0.9%;background:#fff;margin:0 auto;width: 980px;}

Es la línea 131 del fichero 'style.css'. Debes eliminar la clase 'pagina' y pegar ésta que te he escrito.

Lo de 'populares' es un plugin fuera del estándard que liberamos, no puedes activarlo porque no viene incluido.

Saludos

Muchas gracias, ya me quedo listo.. le agradesco mucho ahora quisiera ver si puedo cambiar la opcion porque cuando inserto imagenes estan automaticamente se centran y quisiera que aparescan con alineacion left en todo caso yo las cento... muchas gracias

Amigo, al hacer eso en ie7 se me desarma el sidebar y queda debajo del ultimo post.. como puedo hacer ? quiero que funcione como este theme :S

ya esta todo en orden.. el tema de cuando minizo, ahora para qe las imagenes no se centren automaticamente debo hacer mas pequeño la zona de contenido o el sidebar ? ...

saludos


Comparte tu opinión

Tu opinión es importante para todos nosotros.

*

*

Ej: http://www.milbits.com/

*



Temas relacionados


Enlaces hacia este artículo

Milbits libera theme para Wordpress en espanol Chica Seo (17/10/2008)
[...] leer este post. Te comento que me escribieron de milbits para contarme que acaban de lanzar un theme para Wordpress completamente en [...]
MilBits interesante theme para Wordpress Punto Geek (16/10/2008)
[...] gente de MilBits me avisa que han liberado un nuevo theme para Wordpress, y como me pareció interesante lo comparto con ustedes. A mi parecer el theme es bien minimalista [...]
WordPress Theme Releases for 1017 PATRON DIGITALCOM (18/10/2008)
[...] Milbits [...]
WordPress Theme Releases for 1017 BlogBroker24 7 (18/10/2008)
[...] Milbits [...]
Tema en espanol para Wordpress Blogs Bazaar (18/10/2008)
[...] es un blog que recientemente ah liberado su tema para Wordpress. El tema, aunque no estoy muy seguro de si servirá para un blog muy serio, no esta [...]
Portal Programas Blog Prensa (20/10/2008)
[...] presentamos un nuevo tema gratuito en español para Wordpress con un diseño original en 4 colores [...]
WordPress Theme Releases for 171008 PATRONITNET (20/10/2008)
[...] Milbits [...]
Wordpress Themes for 1017 amplaquo WordPress SOS (20/10/2008)
[...] Milbits [...]
Milbits libera theme para Wordpress en espanol Mamanga Blog Argentina (28/10/2008)
[...] leer este post. Te comento que me escribieron de milbits para contarme que acaban de lanzar un theme para Wordpress completamente en [...]
Recopilacion de themes para Wordpress gratis Blogs Bazaar (15/12/2008)
[...] Demo - Descarga [...]


© 2007 - 2009 RedAccenir, S.L. | Información legal | Alojado en Ferca Networks