• ¡Liberamos nuestro tema para Wordpress!

    Internet en MilBits



¡Liberamos nuestro tema para Wordpress!

Por Benjamin Segura | Hace 3 años y 3 meses

                       
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 plugin liberamos 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


  • ¿Qué te ha parecido el artículo?



    Comparte tu opinión ahora

  • Compartir con mis amigos

  • Ponte al día en informática

    Recibe gratis los nuevos artículos en tu email


Opiniones

  • ana

    Hace 3 años y 3 meses

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

  • Jose Santo...

    Hace 3 años y 3 meses

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

  • Gabriel Hu...

    Hace 3 años y 3 meses

  • 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

  • Benjamin

    Hace 3 años y 3 meses

  • 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.

  • eperezchic...

    Hace 3 años y 3 meses

  • 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.

  • Nachitox

    Hace 3 años y 3 meses

  • Vaya, que bonito theme!

  • IlliPro

    Hace 3 años y 3 meses

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

  • ana

    Hace 3 años y 3 meses

  • 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

  • ana

    Hace 3 años y 3 meses

  • 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

  • ana

    Hace 3 años y 3 meses

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



  • Benjamin

    Hace 3 años y 3 meses

  • 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.

  • Benjamin

    Hace 3 años y 3 meses

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

  • nadie007

    Hace 3 años y 3 meses

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

  • Benjamin

    Hace 3 años y 3 meses

  • 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.

  • Ivan

    Hace 3 años

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

  • take

    Hace 3 años

  • 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?

  • Diego

    Hace 3 años

  • 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

  • Diego

    Hace 3 años

  • 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

  • Diego

    Hace 3 años

  • 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.

  • Benjamin

    Hace 3 años

  • 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.

  • Benjamin

    Hace 3 años

  • 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

  • Diego

    Hace 3 años

  • 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

  • Diego

    Hace 3 años

  • 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

  • Diego

    Hace 3 años

  • 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

  • Alexander

    Hace 1 año y 3 meses

  • Muchas gracias por el theme lo tendremos que probar.

    Un saludo.


    Comparte tu opinión

    Tu opinión es importante para todos nosotros.

    *

    *

    Ej: http://www.portalprogramas.com/

    *


    Enlaces hacia este artículo

    [...] Milbits [...]
    [...] leer este post. Te comento que me escribieron de milbits para contarme que acaban de lanzar un theme para Wordpress completamente en [...]
    [...] Milbits [...]
    [...] 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 [...]
    [...] Milbits [...]
    [...] Milbits [...]
    [...] 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 (Hace 3 años y 3 meses)
    [...] presentamos un nuevo tema gratuito en español para Wordpress con un diseño original en 4 colores [...]
    [...] Milbits [...]
    [...] Milbits [...]
    [...] leer este post. Te comento que me escribieron de milbits para contarme que acaban de lanzar un theme para Wordpress completamente en [...]
    [...] Demo - Descarga [...]