Este blog está libre de NOFOLLOW!

Excluir categorías de la lista usando query_posts

en Desarrollo web, Tutoriales, Wordpress / Agosto 31, 2009 / 2 Comentarios

wordpress

El siguiente tutorial es bastante específico, más adelante voy a escribir sobre las enormes posibilidades que ofrecen las etiquetas condicionales en Wordpress.

Si tienes instalado un plugin para crear slideshows seguramente sabes que la mayoría de estos filtran los posts basándose en categorías, es decir, el usuario indica al plugin de qué categorías tomar los posts para crear el slideshow. Y algunas veces quieres tener una categoría totalmente aparte de los posts normales, para que los posts que aparecen en el slideshow no se muestren en el loop.

En ese caso, necesitas excluir dicha categoría del loop en el index.php  y del widget de categorías (si lo usas).

La solución es usar query_posts en el loop y en la lista de categorías. Busca el loop del index.php, que debería verse así:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Y agrega la siguiente línea entre las 2 anteriores:

<?php query_posts ("cat=-nro_de_categoria"); ?>

Donde nro_de_categoria es el id de la categoría que quieres excluir, y signo – (menos) significa excluir.

Ahora pasemos a la lista de categorías. Busca lo siguiente en el sidebar.php:

<ul>
	<?php if ( !function_exists('dynamic_sidebar')
		|| !dynamic_sidebar('Men&uacute; lateral') ) : ?>
	<?php endif; ?>
</ul>

Y agrega las siguientes modificaciones:

<ul>
        <?php if ( !function_exists('dynamic_sidebar')
		|| !dynamic_sidebar('nombre_de_tu_sidebar') ) : ?>
	<?php endif; ?>
	<li>
		<h2>Categorías</h2>
		<ul>
			<?php wp_list_categories('exclude=nro_de_categoria'); ?>
		</ul>
	</li>
</ul>

Donde nro_de_categoria es el id de la categoría a excluir

Caricatura del planeta tierra – tutorial de dibujo vectorial

en Diseño, Illustrator, Tutoriales / Agosto 10, 2009 / 1 Comentario

Estoy corto de tiempo para escribir artículos “originales” o por lo menos un poco más extensos, así que hoy les dejo un tutorial bastante básico de VectorTuts, con el que los principiantes en diseño vectorial (me incluyo) podremos ejercitar el manejo de degradados y las formas de recorte. El tutorial está hecho en Illustrator CS4, [...]

5 tutoriales para crear tooltips con Jquery

en CSS, Desarrollo web, Diseño web, JQuery, Javascript, Tutoriales / Junio 29, 2009 / 2 Comentarios

Unos proyectos en desarrollo me llevaron a buscar tutoriales para hacer tooltips, y como verán hay de todo, simples, animados, minimalistas, feos, etc. Aquí va una lista de los que me parecieron más interesantes
Animated hover effect – Webdesignerwall
En el tutorial no dicen que es un tooltip, pero puede ser usado como tal. Son los ítems [...]

Links con iconos usando condicionales CSS

en CSS, Desarrollo web, Diseño web, HTML, Tutoriales / Junio 25, 2009 / 3 Comentarios

Algo que queda muy bien y sirve para guiar a los usuarios: iconos distintos para links a tipos de archivo específicos: Un ícono para los PDF, otro para los ZIP, y hasta para links salientes a otros sitios. Obviamente lo ideal es que los íconos aparezcan automáticamente para cada link, y no estar cargándolos manualmente.
Si [...]

Dibuja un auto vectorial – Tutorial de Illustrator

en Tutoriales / Abril 16, 2009 / 1 Comentario

En DeviantArt encontré un COMPLEJO tutorial de dibujo vectorial, bastante complicado para principiantes. El tutorial está en flash, los pasos están numerados en un menú en la parte inferior de la película flash. Basándose en una fotografía de alta calidad, el autor del tutorial crea un dibujo bastante profesional. Enlace al Tutorial

Convierte tu PC en un servidor de prueba – parte II

en Desarrollo web, PHP, Tutoriales, Wordpress / Abril 6, 2009 / 3 Comentarios

En la primera edición de este tutorial dejábamos en claro la utilidad de usar nuestra pc como servidor de prueba, además de descargar Xampp para hacer todo esto en 2 o 3 clicks. Ahora voy a explicar brevemente la instalación del server:
Luego de descargar Xammp, descomprímelo al disco c (o el disco donde tengas instalado [...]

Convierte tu PC en un servidor de prueba

en Desarrollo web, PHP, Tutoriales / Abril 3, 2009 / 2 Comentarios

ACTUALIZACIÓN: Ya puedes ver la parte II de este tutorial
A la hora de crear y probar themes o plugins para wordpress no puedes usar tu propio blog porque obviamente habrá algún error en el proyecto, causando una malísima impresión para los visitantes. Todos éstos trabajos deben hacerse en un servidor de prueba, lo bueno es [...]

Menú manuscrito grunge con css

en CSS, Diseño web, HTML, Tutoriales / Marzo 31, 2009 / 1 Comentario

Es muy común ver en webs con diseño grunge esos menús con tipografía manuscrita que se subrayan al pasar el cursor encima.
Una técnica para lograr esto consiste en usar 2 imágenes: una para el menú no activado y otra para cuando pasamos el mouse encima, en este caso con los ítems subrayados. Usar la imagen [...]

Diseñar un Blog Grunge en Photoshop

en Diseño web, Photoshop, Tutoriales / Marzo 19, 2009 / 2 Comentarios

Tutorial para diseñar un blog de estilo grunge en Photoshop, creado por Tom Ross. El autor promete una secuela con la codificación correspondiente, estamos esperando.