¡Liberamos nuestro tema para Wordpress!

Logo de MilBits programas windows



¡Liberamos nuestro tema para Wordpress!

Por Benjamin | 16 de Octubre de 2008 | 32 comentarios

tema-azul-300x252 ¡Liberamos nuestro tema para Wordpress!

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 una demo del tema desde PortalProgramas y 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:

tema-wordpress-milbits ¡Liberamos nuestro tema para Wordpress!

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 pluginultimos-comentarios ¡Liberamos nuestro tema para Wordpress!
  • Muestra en el sidebar los artículos más comentados usando este pluginmas-comentario ¡Liberamos nuestro tema para Wordpress!
  • Los comentarios de los editores se muestran destacados frente a los demás mediante esta técnicacomentarios ¡Liberamos nuestro tema para Wordpress!
  • 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.404 ¡Liberamos nuestro tema para Wordpress!
  • Ancho de las líneas optimizado para hacer una lectura fácil de seguir (usable)ancho-pagina ¡Liberamos nuestro tema para Wordpress!
  • 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.seo ¡Liberamos nuestro tema para Wordpress!
  • Cada artículo incorpora una opción para compartirlo en 20 redes socialescompartir ¡Liberamos nuestro tema para Wordpress!
  • Se fomenta la suscripción al feed desde la parte superior del sidebar y debajo de cada artículo.suscribirse ¡Liberamos nuestro tema para Wordpress!


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). Puedes ver la lista completa en Browsershots
  • 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

Demo | Descargar tema | Más información



Valora este artículo

* * *    

¿Te ha gustado este artículo?

¿Quieres opinar?, tu opinión nos interesa

Suscríbete a nuestro feed y recibirás muchos más gratis.

Enviar a tus amigos

Compártelo


32 opiniones

Comparte tu opinión

17 de Octubre de 2008
a las 17:21

Gabriel Huiriqueo:

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

17 de Octubre de 2008
a las 21:31

José Santos:

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

18 de Octubre de 2008
a las 2:00

Nachitox:

Vaya, que bonito theme!

18 de Octubre de 2008
a las 5:36

Illi.Pro:

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

18 de Octubre de 2008
a las 6:39

eperezchica:

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.

18 de Octubre de 2008
a las 22:40

Benjamin:

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.

27 de Octubre de 2008
a las 6:22

nadie007:

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

31 de Octubre de 2008
a las 22:52

ana:

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

1 de Noviembre de 2008
a las 15:35

Benjamin:

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.

1 de Noviembre de 2008
a las 18:48

ana:

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

3 de Noviembre de 2008
a las 2:49

Benjamin:

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–>

3 de Noviembre de 2008
a las 11:22

ana:

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=’); ?>

3 de Noviembre de 2008
a las 19:55

Benjamin:

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.

5 de Noviembre de 2008
a las 18:04

ana:

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

21 de Noviembre de 2008
a las 17:07

Ivan:

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

27 de Diciembre de 2008
a las 18:14

take:

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?

27 de Diciembre de 2008
a las 19:55

Benjamin:

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/


15 trackbacks
  1. MilBits, interesante theme para Wordpress | Punto Geek
  2. Milbits libera theme para Wordpress en español - Chica Seo
  3. WordPress Theme Releases for 10/17 | bloground.ro - Blogging resources, WordPress themes and plugins for your development
  4. WordPress Theme Releases for 10/17 | Wordpress Blog NL
  5. WordPress Theme Releases for 10/17 | BlogBroker24-7
  6. Tema en español para Wordpress | Blogs Bazaar
  7. Weblog Tools Collection: WordPress Theme Releases for 10/17 | KaosKoxp Oyun Portali
  8. WordPress Theme Releases for 10/17 | PATRON DIGITAL.COM
  9. WordPress Theme Releases for 10/17 · Softonix.com
  10. Portal Programas | Blog Prensa
  11. Wordpress Themes for 10/17 « WordPress SOS
  12. WordPress Theme Releases for 17.10.08 | PATRONIT.NET
  13. Weblog Tools Collection: WordPress Theme Releases for 10/17 | Aslifmbiz Blog
  14. Milbits libera theme para Wordpress en español | Mamanga Blog Argentina
  15. Recopilación de themes para Wordpress gratis | Blogs Bazaar

Comparte tu opinión

Los campos marcados con * son obligatorios



Sobre MilBits

Programas

RedAccenir © 2007 - 2008 | Alojado en Ferca Networks y desarrollado con WordPress