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.
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].
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:
Código CSS (Copiar):
-
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:
Código CSS (Copiar):
-
.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.
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:
Código PHP (Copiar):
-
<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.
Actualización: Carlos nos propone una opción mucho mejor. Yo me hice la picha un lio cuando escribí esta noticia. Aunque ambos funcionan esta opción es más sencilla y compacta.
Código PHP (Copiar):
-
<link rel="stylesheet" href="<?php $hour = date("H"); if ($hour>= 6 AND $hour <= 19) echo "css/dia.css"; else echo "css/noche.css"; ?>" type="text/css" />
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 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]
