Hacer un breadcrumb (migajas de pan)

Aqui os paso el codigo que uso para hacer esos enlaces comunmente llamado breadcrumb.
Solo teneis que hacer dos cositas mas o menos para mostralo.
Y para los que no sepan que es os dejo este enlace para que lo veais en funcionamiento:
Muestra del breadcrumb
Lo primero sera copiar el siguiente codigo en nuestro archivo Functions.php de nuestro tema.
Continua…

Theme DSminimal

Bueno os paso mi ultimo diseño para wordpress por si lo quereis usar.

Pequeñas modificaciones en los comentarios al darme cuenta de que no funciona la funcion de responder en los comentarios.

  Theme DSminimal (108.4 KB, 10 Descargas)


Demo

Favicon diferente para la administración de WP

Como no me gusta mucho lo copiar y pegar de otros sitios y considero que este blog es bueno simplemente os dejo el enlace de como hacerlo:
Explicacion de como hacerlo
Y para los que no saben como añadir un favicon os dejo el siguiente codigo:

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/i/favicon.ico" />

Como veis tiene la direccion de la carpeta donde tiene las imagenes nuestro theme y solo tenemos que copiarlo en nuestro archivo header.php antes de la etiqueta

</head>

cambiando el nombre de la carpeta i por la que corresponda.

Menu Jquery-Lavalamp y Worpress

Menu Jquery-Lavalamp y Wordpress v0.2

Bueno, hoy os explicare como añadir el famoso menu lavalamp de Jquery para que funcione perfectamente con Wordpress.
Lo primero que haremos sera descargar/guardar los siguientes archivos:
- Lavalamp.js
Archivo para crear el efecto del menu (este archivo tiene pequeñas explicaciones en ingles, pero podeis encontrar la version minificada aqui.)
- Jquery.js
Este archivo es la libreria Jquery minificada.
- Easing.js
Este archivo es un complemento para crear segun que efecto del plugin Lavalamp.
- Archivo CSS
Estilo CSS para el menu, AVISO!! Que esta preparado para mi menu, eso quiere decir que teneis que adaptarlo para vuestro diseño.

Aqui encontrareis todos los archivos que usa mi blog por si encontrais problemas con los enlaces anteriores

  Menu Lavalamp (21.9 KB, 118 Descargas)

Ahora crearemos un par carpetas llamadas, css y js, lo haremos para separar nuestro diseño del los archivos tipo js y el css del menu aunque la carpeta css la podemos descartar si quereis usar el editor de temas del wordpress. Aclaro que las explicaciones son con las carpetas creadas, lo comento porque se tendria que modificar un par de cositas sino creais la carpeta css.

Siempre tenemos que hacer copias de los archivos que editaremos por si tenemos un error y poder arreglarlo.
Aunque mi consejo es que si os gusta experimentar o tocatear vuestro Wordpress lo tengais instalado localmente para pruebas y una vez acabadas y revisando que todo funciona bien subirlo al servidor donde tengamos nuestro blog/web.

Lo primero que hacemos una vez descargados los archivos y colocados en su sitio (es decir, dentro de la carpeta de nuestro theme) empezaremos editando el archivo header.php que normalmente es donde se encuentra el menu y donde siempre se colocan las llamadas a los archivos tipo js y css.
Ahora como comente un poco mas arriba añadimos las llamadas para los archivos de nuestro menu.

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/menu-lavalamp.css" type="text/css" />

Este enlace lo colocamos justo despues de la llamada al archivo css del theme para que lo carge despues.

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.lavalamp.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/global.options.js"></script>

Estas llamadas las colocaremos antes de

<?php wp_head(); ?>


El primero es la libreria jquery, la segunda es el plugin easing y la tercera es el plugin lavalamp. Como podeis ver existe otro archivo que personalmente lo tengo puesto ya que me gusta tener los codigos js en archivos en vez de escribirlos en el header.
Lo podeis descargar desde aqui o lo encontrareis en el zip de mas arriba.
Continua...

Publicado en: WordPress.9 comentarios

Instalar Wordpress en windows

Como comente en otra entrada pienso que es mejor tener instalado un Wordpress en el pc, si eres como yo que te gusta ir haciendo pruebas del diseño, tocatear una base de datos, o incluso los archivos del Wordpress, etc...
Bueno pues es bastante sencillo instalarlo en Windows y lo primero que haremos es descargar un programa llamado XAMPP que basicamente es el centro de todo, es decir el que se encargara de convertir nuestro windows en un servidor para poder usar Wordpress.
Luego seleccionamos el exe para facilitar la instalacion. Continua...

Ocultar las paginas de los resultados de las busquedas

Esta entrada la tenia en el otro blog antes de borrarlo todo el motivo de empezar de cero es que soy olvidadizo y no me acorde de hacer una copia de mi base de datos asi que ahora podreis entender porque no tenia nada.
Aparte decir que esto lo explique en el blog de todowp.org. Pero como a lo mejor no pasais por hay y leeis mi blog aunque recomiendo pasarse, he decidido ponerla tambien en mi blog.

Bueno aqui teneis como hacer que cuando un usuario haga una busqueda dentro de nuestro sitio buscando alguna entrada y para que no muestre las paginas de nuestro blog que no seria lo que desea tenemos que añadir lo siguiente en el archivo search.php de nuestro tema:

<?php query_posts($query_string . "&post_type=post"); ?>

Justamente despues de

<?php if (have_posts()) : ?>

Asi que os deberia quedar algo asi.

<?php if (have_posts()) : ?>
<?php query_posts($query_string . "&post_type=post"); ?>
<?php while (have_posts()) : the_post(); ?>

Página 4 de 512345