Repaso a las novedades que traerá Wordpress 2.7

Wordpress 2.7 está a la vuelta de la esquina. Su lanzamiento está previsto para finales de Octubre, primero de Noviembre.

En este sitio podemos registrarnos y probar desde el panel de administración como será la nueva versión y ver/probar las novedades más profundamente.

Algunas novedades:

  • Nueva interfaz: se trata de un pequeño cambio, ahora se ha colocado el menu en la parte lateral izquierda y además es desplegable con lo que nos ahorraremos unos cuantos clics.
  • Cambio de orden de los widgets del editor, y además, podremos elegir que widgets queremos que aparezcan y cuales no.
  • Nuevo Widget en el Dashboard: Quickpress nos permitirá publicar de forma más rápida.
  • Unificación de los botones para insertar elementos multimedia.
  • Nuevas configuraciones para inserción de imágenes por defecto (tamaño, alineación)
  • Autoinstalación y actualización de plugins.
  • Cita a comentarios sin salir del panel de administración.
  • Más cambios…

Aún quedan más cambios por llevarse acabo, esto no es todo.

Es posible mejorar las cajas de alerta de Javascript usando Mootools para ellos y sino mira este ejemplo. — [0].

Iconos con fecha y número de comentarios para los post en Wordpress

Lo que tenemos a continuación es una forma atractiva de mostrar la fecha de publicación de una entrada y el número de comentarios de forma sencilla y por medio de CSS.

El resultado queda tal cual lo muestra la imagen de arriba (demo) y el CSS y el código Html para añadir en Wordpress es: Continuar leyendo »

DownloadSquad ha hecho una pequeña recopilación de 5 fuentes grunge, y como 5 es un número muy pequeño aquí tenéis cientos de ellas. — [0].

El pequeño problema de la alineación de imágenes en Wordpress

Wordpress desde la versión 2.5 permite seleccionar la alineación de una imagen desde el cargador de imágenes. El problema es que en vez de utilizar la propiedad align lo han hecho por medio de una clase de css. Por ello la solución es introducir el siguiente código en la hoja de estilo de nuestro theme:

img.alignleft, div.alignleft {
    float:left;
    margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
    float:right;
    margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
    text-align:center;
    margin:0 auto;
}

Otra posibilidad que da Wordpress 2.6 es la de añadir Captions, si queremos que estas se vean correctamente alineadas debajo de la imagen tenemos que añadir además:

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

No hace falta decir que el código es personalizable y lo podemos editar para que encaje a la perfección con el diseño de nuestra web.

25 August del 2008 (10:30 pm) CSS, Wordpress.

¿Como hacer que nuestra web cambie dependiendo de la hora del día?

En ocasiones pude ser interesante hacer que nuestra web se vea distinta por el día y por la noche. Para ello solo tenemos que crear dos Hojas de estilo (CSS) y hacer que dependiendo de la hora la web cargue una o otra.

Para ello disponemos del siguiente script muy sencillo:

<link rel="stylesheet" href="<?php $hour = date("H"); if ($hour <= 5) echo "css/noche.css"; elseif ($hour>= 6 AND $hour <= 19) echo "css/dia.css"; elseif ($hour>= 20) echo "css/noche.css"; else echo "css/white.css"; ?>" type="text/css" />

Explicación:

Lo primero que se hace es crear la variable $hour que almacena la hora del servidor. Luego, por medio del uso de condicionales vamos definiendo las diferentes hojas de estilo.

Concretamente el código anterior establece que la hoja de estilo sea noche.css desde las 8 p.m. hasta las 5 a.m. y el resto de horas del día se cargara la hoja dia.css

22 August del 2008 (7:22 pm) Programacion.

Es posible copiar un theme por completo, lo único que nos hace falta es Firefox, Firebug, un editor de texto y mucha paciencia. — [0].

Notepad Chaos: un theme muy currado y gratuito

Notepad Chaos es un theme gratuito con un acabado muy bueno y profesional. Aquí podéis ver un demostración de como queda la pagina principal. [Descargar/Fuente]

Pattern Tap la inspiración ordenada por secciones

Pattern Tap nos permite buscar la inspiración por secciones, es decir: no se trata de la clásica galería en la que se van aglomerando webs con un diseño inspirador si no que nos va mostrando por categorías webs que destacan en algunos puntos.

Por ejemplo, si queremos incluir en nuestro diseño unas tablas o un footer podemos dirigirnos a Pattern Tap y nos mostrará una categoría en la que veremos webs con un buen footer o un buen diseño de tablas.

19 August del 2008 (2:51 pm) Diseño, Recursos.

La colección definitiva de recursos, themes y tutoriales de diseño grunge. Una gran recopilación muy completa de los artículos más interesantes relacionados con este estilo. — [0].