Themes Wordpress

Como siempre, Smashing Magazine nos acerca recursos sumamente atractivos. Hoy se trata de un nuevo paquete de iconos sociales, que simulan estar posados sobre diferentes hojas.

El paquete, llamado “The leaf fall“, contiene 11 iconos relacionados a Twitter, Technorati, RSS, Reddit, Facebook, Delicious, StumbleUpon y Digg. Las redes mas utilizadas por todos. Son totalmente gratuitos y están disponibles en formato Png.

Pueden ser usados sin restricciones, tanto para proyectos personales como comerciales. Sin embargo, y para quienes no lo sepan aún, naturalmente no pueden redistribuirlos como propios ni venderlos.

Siempre que veo este tipo de señales se me da que serian geniales para crear un sistema de navegación. Pero bueno, a pesar de tener esa idea fija, es claro que pueden utilizarse para miles de cosas.

En DragonArtz nos regalan un paquete de señales vectorizadas de excelente calidad, de madera, en archivos Png de 300dpi. Todo esto en un archivo de 9,55Mb que pueden descargar por Depositfiles.

En The Design Superhero encuentro un tutorial que nos explica claramente como crear un menú horizontal con Css de forma muy sencilla. Ideal para aprender de una vez como tener un sistema de navegación para nuestro sitio, y una vez nos manejemos mejor, poder modificarlo a nuestro gusto.

Lo primero es crear el HTML, que estará formado por algo como esto:
——————————
<ul id=”button”>
<li> <a href=”#”>Inicio</a></li>
</ul>
——————————

Donde la segunda línea es una de las opciones del menú, en este caso “Inicio”.

Seguimos con el CSS, que es lo que le dará estilo al menú. Como será un menú horizontal, deberemos poner:
——————————–
#button li {display:inline;}
——————————–

Y solo queda comenzar con Css a darle color y forma al menú.

A todo esto nos ayuda el tutorial, que logrará obtener un diseño como el que vemos en la imagen. Así que los invito a que lo visiten.

El proceso de instalación es el siguiente:

• Descarga el plugin desde aquí:

• Descomprime y sube el archivo pagination.php a tu carpeta de plugins wp-content/plugins
• Activa el plugin desde el panel de administración de WordPress
• Edita el fichero index.php de tu theme activo
• Busca algo parecido a esto:

<div class=”navigation”>

<div class=”alignleft”><?php next_posts_link(’« Previous Entries’) ?></div>

<div class=”alignright”><?php previous_posts_link(’Next Entries »’) ?></div>

</div>

• Reemplázalo por:

<?php

$p = new wp_pagination_plugin();

$p->nextLabel(’Siguiente’);

$p->prevLabel(’Anterior’);

$p->show();

?>

• Guarda los cambios del fichero index.php
• Puedes buscar otros diseños para tu paginación en este enlace

Gracias a Viciao2k3 y mis-algoritmos por estos excelentes aportes.