En este ejemplo solicitaremos una imagen de un post especifico como para una galeria.

Antes de empezar

• Estar familiarizado con el theming de WordPress
• Saber jQuery y de preferencia haber usado el $.ajax del mismo framework
• HTML5

Saber que quierer hacer

Una de las cosas mas importantes es saber que tengo para enviar y que deseo que me devuelva la consulta. En nuestro caso usaremos los atributos de data de HTML5, el functions.php y una de las funciones que mas me gustan de jQuery, $.ajax.

Generar el markup

<ul class="gallery-list">
<?php $gallery = new WP_Query('post_type="gallery"&showposts=-1');
  while ($gallery->have_posts()) : $gallery->the_post(); ?>
     <li><a href="<?php the_permalink() ?>" data-id="<?php the_ID(); ?>"><?php the_title(); ?></a></li>
  <?php endwhile; ?>
</ul>

<div id="view-port"><div class="drop"></div></div>

• Con este codigo hacemos un ciclo que busca todos los posts del post_type Gallery.
• El div con ID view-port nos servirá para colocar la imagen que mandaremos a llamar.

El Javascript

$('.gallery-list a').click(function(e){
	var tid = $(this).attr('data-id');
	$('#image-viewport .drop').fadeOut(200);
	$.ajax({
		url : '<?php bloginfo('wpurl'); ?>/wp-admin/admin-ajax.php',
		type : 'POST',
		async : false,
		data : { action : 'theid', id : tid },
		success : function(data){
			$('#image-viewport .drop').html(image).fadeIn(400);
		}
	});
	e.preventDefault();
});

• A los hipervinculos de el ul.gallery-list al darles click tomamos el atributo data-id que en HTML5 son validos
• Hacemos un fadeOut del div que contendrá la información
• Hacemos el request de Ajax, donde la url <?php bloginfo(‘wpurl’); ?>/wp-admin/admin-ajax.php , es la direccion que tiene el control de como WordPress maneja los llamados de Ajax.
• El action de la data, es algo muy importante, en este caso yo le he dado theid, podría ser cualquier nombre a fin a la función.

En el tema de WordPress

Este codigo lo colocamos en el functions.php o en /functions/custom-functions.php en TRF.

function thumb_caller(){
	if(isset($_POST['id'])){
		$id = $_POST['id'];
		$out  = get_the_post_thumbnail( $id, 'gallery');
		if(!$out){
			$out = '<img src="'. get_bloginfo('stylesheet_directory') .'/images/no-image-950x430.png" width="950" height="430" alt="No image" />';
		}
	} else {
		$out = _e('No parameter was given...');
	}
	echo $out;
        die();
}
add_action('wp_ajax_nopriv_theid', 'thumb_caller');

• thumb_caller es mi función que manda a llamar el thumbnail, de tamaño gallery si no tiene thumbnail llamo una imagen del mismo tamano.
• Sino existe un parámetro llamado id, simplemente devuelvo un texto
• Luego anado esa funcion al hook wp_ajax_nopriv_the_id donde, para que funcione es wp_ajax_nopriv_[el parametro de action], es no_priv porque es para uso del front end, si fuera para uso del backend seria, wp_ajax_[el parametro de action]

Y listo!

Ahora tomaremos a un nuevo y real cliente para la serie de artículos. Primero, nuestro cliente:

• Es una empresa dedicada a los negocios en general, tienen 3 productos principales: Libros (enciclopedias y libros tematicos), Carnés plásticos y eletrónicos pequeños (cámaras, marcos digitales, etc.)
• Su grupo objetivo son personas 25 – 50 años para ventas, para grupo de trabajo su principal solicitante es recién salido de diversificado (18 – 24 años).
• Necesitan renovar imagen empresarial y desde luego, tener un sitio web que cumpla el objetivo de herramienta de ventas.
• El sitio deberá proveer información suficiente para la cotización en línea y también la confianza y despertar la acción a aplicar para plazas por el lado del contratante.
• No tendremos conectividad con Facebook o Twitter por el momento, ¿Por qué? Es una empresa que está saliendo del cascaron, por el momento debemos hacer presencia de marca (lo explico detalladamente luego).
• Nuestro sitio será solamente informativo, pensado en la escalabilidad a tienda en línea para un futuro próximo.

Sabiendo esto podemos pasar a la solución.

La imagen gráfica

Después de pasar la información (aclaro que este proyecto no lo diseño yo, como director de proyectos mi tarea consiste en chequear las propuesta por nuestro diseñador y ver si concuerda con el objetivo propuesto, aportando ideas y construyendo junto al diseñador y el cliente el producto esperado.

Antiguo isotipo y su concepto

El concepto encerrado en este isotipo es simple. Negocios Globales.

Pero lastimosamente no está bien definido, ahora, que podemos rescatar del isotipo pues para nuestro cliente encierra mucho, su base como empresa.

• Negocios Globales, es decir, el mundo es uno solo y por lo tanto los negocios se pueden hacer en cualquier lugar.
• Todo se basa en comunicación su estrategia para hacerlo
• Ventas, su fuera y base para mantenerse. El grupo de ventas es una parte vital para la empresa

La propuesta

La nueva propuesta consiste en la descentralización de los negocios donde el punto de partida es su base, Guatemala. Marcado de color verde, al igual que el nombre Marketing. Haciendo referencia a Marketing desde Guatemala. Y el color azul (mercados en todo el mundo) del mismo color que International.

Esta propuesta fue hecha por un nuevo interno de Royal Estudios. Mostramos las propuestas en fondo claro y oscuro. El cliente aprobó esta propuesta, la primera mostrada. El nuevo isotipo de la empresa.

Esperen el próximo artículo, diseñando el sitio web.

Puntos importantes a tomar

En este tipo de sitios web, las características que puedo evaluar para la creación de las mismas son las siguientes:

• Reflejo de identidad
• Objetivo específico (ganar más aliados, promocionar a un nuevo candidato, voluntariado, información del partido)
• Cuidado en el grupo objetivo y el alcance que se debe tener con ellos
• 2 Acciones indispensables, llamado a afiliación y mostar en primer plano el plan de trabajo
• Tener uso de redes sociales para divulgación de contenidos
• Contenidos media para poder facilitar la digestión de contenidos tan serio

Partido Unionista

Empiezan bien, ya que utilizan un CMS (WordPress). Urls intuitivas, buen uso de espacio, no hay saturación de elementos. Estoy chequeando que se pueden accesar con facebook para que los comentarios sean linkeados a los perfiles, está bien. Sin embargo me parece que es un tema modificado y más que eso no refleja una imagen profesional. Más bien una imagen genérica de una plantilla, no se tenía un objetivo claro de que se quería con el sitio. A mi no me llaman a ninguna acción, parece un tipo periódico en línea con noticias.

Partido Patriota

Ya escuchamos un par de cosas no muy agradables que descubrió Oscar Mota sobre el Partido Patriota y su campaña de social media. Fuera de eso vemos que utilizan Joomla! para su plataforma de contenidos, cosa que estoy en desacuerdo ya que no pudieron modificar las url’s a amigables para un mejor SEO. El sitio tiene un orden, sin embargo como el anterior, no tiene un objetivo propuesto. Es un sitio informativo que no llama a la acción. Las secciones son las que se necesitan, nada fuera de lo común.

Partido Gana

Primer GRAN ERROR, ¿una animación flash? Para que queremos un logotipo de un Partido Político volando por todos lados. Tienen un manejador de contenidos propio o al menos no conocido, además de un diseño con un estilo de los 90′ no pasan de tener banners flash por todos lados. Hay errores en el html pues si pongo el puntero sobre el link no me acepta, pero si le doy a sus alrededores si me manda al sitio. Tiene un código realmente sucio. Si bien tiene una organización de menús más ordenada y banners a secciones de interés, no tengo nada más que decir referente al sitio.

Partido Viva

Este es uno de los sitios que mejor me pareció ya que tiene colores que son frescos y no la típica paleta. La organización de los links está bien, tienen más o menos el objetivo del sitio. Me gusta la estructura de la página de inicio. Pero creo que perdieron esfuerzos en el link de “Fuerza Viva” porque no encuentro nada de fuerza ni vida en esa sección.

Encuentro por Guatemala

Primero, es una plantilla de CSS. Segundo, está feo. Tercero, no utiliza manejador de contenidos. Trataron de hacer unos call-to-action buttons de afíliate y plan de trabajo, puntos a favor. A este sitio le falta dinamismo y si el sitio es redondo, no entiendo por que tanta geometría cuadrada.

Frente Republicano Guatemalteco

Empezamos bien, CMS (WordPress) sin embargo no tomaron en cuenta lo fácil que es hacer que las url’s sean amigables. FRG utilizó un tema llamado White House en su versión gratuita. No pudieron ni invertir US $ 79 por su proyección en internet, MUY MAL. Creo que caemos en lo mismo que encuentro por Guatemala, solo que con un CMS. Además de tener secciones vacías.

Partido Creo

Un sitio web hecho nuevamente en WordPress, bien por el CMS. Con un diseño bastante sutil y podría decirse moderno, sin embargo estoy casi seguro que es un plantilla. No tienen un objetivo en el sitio, más que informativo y ese es uno de los errores más grandes a la hora de crear un sitio web para una organización. Pese a eso, creo que está bien la división de los menús, no tengo más que decir.

Partido de Avanzada Nacional

Bueno, bueno… Detengámonos un poco, un sitio web así me daña la vista. Está bien que sean sus colores oficiales pero hay que tener buen uso de ellos. El sitio me parece como de esos que regalan y que son plantillas para hacer tu sitio web. No me llama la atención pues parece un blog mal hecho con un estilo, sin estilo.

Doctor Manuel Valdizón

Deje a este de último por 2 motivos: su sitio web y la publicidad que tiene por todos lados. Es un sitio web del candidato que a la vez es de su partido. Donde está la estética, al entrar una canción robada (supongo que no compró los derechos para modificarla) que no se puede parar, es totalmente intrusivo y un insulto a los desarrolladores web. Además de crear un sitio web con el estilo de los años 80′, el sitio tiene imágenes desproporcionadas y unos íconos que no tienen ni un poco de diseño. Realmente este es el peor sitio de los que he visto en mi vida, lo siento por ser tan cruel pero es la verdad.

Por favor, no contratar a el sobrino o hijo pequeño para hacer trabajos tan importantes como este. Solo me queda decir que, en el tiempo donde la tecnología está adelantandose y penetrando en los usuarios con mayor impacto, no podemos dejar que pseudo-asesores pongan en riesgo la credibilidad de una organización por prostituir el mercado web.

Es como un doctor, creo que nadie se iría con uno que su consultorio tengan como bisturí un cuchillo de cocina oxidado. Solo nos queda tratar de mejorar el mercado, pensar como los usuarios, estudiar el caso y sobre todo asesorar a nuestro cliente.

Es por eso que espero sus comentarios, ahora el cliente es ficticio es real, yo voy a crear el ambiente real y las soluciones serán reales. Antes de empezar quiero resumir las tareas que desempeñaremos y que aprenderemos:

• Entender al cliente y sus requerimientos
• Estudio de soluciones para el cliente
• Principios de diseño web
• Jquery, lo bueno del javascript
• WordPress, la vida del sitio web
• Promoción y divulgación

Ok, yo creo que con eso estamos. ¡Empecemos!

El cliente y nuestro nuevo proyecto

Nuestro cliente será una empresa que necesita un sitio web “básico”, con funciones “web 2.0″ y que sea dinámico. ¿Entonces, te quedó claro? Un brief no es un resumen del problema, no es una explicación de un problema tampoco una solución a medias.

Cuando tenemos un cliente, lo primero es saber que significa para el palabras como “básico”, “web 2.0″, “dinámico”, “que venda” por ejemplo. Un brief nos dará una idea bastante clara de lo que se necesita y como se puede solucionar.

Otro punto muy importante es que los requerimientos no son barreras. Las barreras se llaman limitaciones. Los requerimientos son, para el cliente, lineamientos talvez de marca. Más no cosas como “que el logo se mueva”, son cosas como “mis clientes son personas con pocos conocimientos en internet”, no “quiero que funcione igual en firefox que en IE6″.

Entonces, nuestro cliente necesita un nuevo sitio web para su empresa. Ellos se dedican a la venta o alquiler de casas y apartamentos que personas particulares quieren vender o alquilar. Los requerimientos son los siguientes:

• Necesitan que se puedan ingresar casas o apartamentos y que puedan identificarse por ubicación en Guatemala (mi país) y si se pueden vender o alquilar.
• Solo utilizarán dolar para los precios
• Desean que cada ficha de casa tenga sus opciones generales: número de cuartos, de baños, si tiene jardín, serviciso, cuantos níveles, etc. además de una galería con una N cantidad de imágenes.
• Un blog de noticias y cosas de interés
• Conectividad para redes sociales
• Grupo objetivo clase alta y media-alta

La ventaja es que nos han dejado hacer lo que queramos.

Planificando el proyecto

Por ser un sitio donde tendremos un catálogo de propiedades que pueden expanderse luego no solo casas y apartamentos sino a oficinas, bodegas, fincas, etc. necesitamos alguna forma de categorizar y que no tiene nada que ver con las noticias.

Necesitamos también categorizar por ubicación y por modo alquier/venta.  Aparte de las secciones que comúnmente se ven un sitio corporativo. Necesitamos facilitar la búsqueda por tipo de vivienda, ubicación, alquiler o venta y posiblemente por rango de precios.

En algún momento puede que hayan propiedades que sean más relevantes que otras y que se quieran mostrar en forma de compreme.

Solución

Usaremos WordPress y sus famosos post-types y taxonomías (si, se te acaban de alumbrar los ojos, también habrá un artículo completo mostrando el uso de estos recursos en la vida real y no solo ejemplos dummy).

El diseño estará basado en una paleta de colores rojos y tonos oscuros (negros) ya que nuestro cliente solo vende propiedades de lujo y queremos dar un toque de pasión en las propiedades.

Usaremos 960 (si otra vez tus ojos, usaremos 960 al máximo para que te des una probadita de poderoso sistema de maquetación).

Los custom fields de WordPress serán quienes nos darán información extra para poder hacer las búsquedas.

• Ver nuevo cliente real, para la serie de artículos

La configuración

WordPress (como todos saben) empezó como una solución para crear blogs de la manera correcta, desde sus principios (Code is poetry) WordPress se ha caracterizado por su forma distinta de; publicar y construir los sitios web. Para crear un sitio web basado en WordPress lo primero son las configuraciones.

Crear una template para Homepage

La mayoría de veces no necesitamos los últimos post al principio, por eso debemos crear un template para la Página de inicio. Lo más fácil es copiar tu page.php y nombrarlo homepage.php por ejemplo. Agregar un comentario para que WordPress identifique que es un template de página.

/*
Template Name : Homepage (o Inicio)
*/

Luego que la creamos la modificamos según nuestro diseño y la configuramos como página de inicio.

Con eso ya cambiamos la vista, pero más que eso tenemos que basarnos en ciertas otras características que ahora ya son indispensables y a lo que voy.

Funcionalidad

Gravity Forms

Este es un sistema completo de formularios, donde no solo podrás enviar formas de contacto sino también construir aplicaciones, por ejemplo o cualquier cosa que requiera recopilar datos, pues Gravity Forms te da la opción desde mandar datos de un formulario de contactos hasta opciones como crear posts, formularios para pagos en línea, Add-ons con Paypal y Mailchimp. Por mi parte he creado implementaciones con sistemas de cotizadores en línea, sistema de tickets, aplicaciones para puestos, entre otras cosas.

Este tiene una ventaja grande sobre sus similares (Contact 7, cForms II) ya que es mucho más flexible y a pesar que no tiene mucha documentación oficial, el foro es muy activo y encuentras casi siempre respuesta a preguntas que a ti te puedan surgir.

Ejemplos: Multyprint, Royal Estudios, Inlexca, Joyas Miguelángel | Sitio del plugin

WPML

Hace muy poco WPML se hizo comercial, sin embargo no es un pero para poder tenerlo en el sitio web. Más que solo un plugin, hace que WordPress se convierta en un CMS poderosísimo para manejar contenidos multilingües. Y es tan fácil que con que utilices las etiquetas de traducción de WordPress estás hecho. Las etiquetas, categorías, taxonomías, post-types, y todo está administrado por WPML sin ningún problema.

Ejemplos: Cazador Italiano, Universidad Galileo, Casa Escobar, Hotel Islaverde | Descargar | Sitio del plugin

More fields

Ya deben de saber sobre Magic Fields (anteriormente Flutter), Custom Fields Template, Simple Fields entre otras opciones. Pues para mí, la mejor opción es More fields, me topé con que simple fields es muy bueno del lado del administrador pero no tan bueno en el templating. Magic Fields es muy poderoso también sin embargo no tiene aún soporte para Post Types que esperemos tenga en su versión próxima.

Uso More fields para extender la funcionalidad de WordPress, haciendo más bonita la forma de ingresar los datos en los custom Fields

Descargar | Página de plugin

Custom Posttype UI

Este plugin lo utilizo cuando deberas es necesario por que de otro modo puedo incluir los posttypes y taxonomías dentro de functions. Pero que sino, talvez quiero cambiar algo y en vez de hacer la rutina de modificar el functions.php y subirlo al FTP no es lo que quiero o porque son muchos los posttypes que hago, pienso que es mejor ya que tiene un administrador que además de ser para posttypes, también lo es para taxonomías.

Es decir, puedo manejar taxonomías y posttypes con el mismo plugin, cambiar las opciones y que no se me arruine lo que estoy haciendo.

Descargar

Herramientas

Feedburner

Una de las grandes ventajas de tener Feedburner en tu sitio es que ya no te preocupas de manejar las suscripciones por tu sitio web, no cargas base de datos y le estás dejando el trabajo a los que saben de ello. Al tener un espacio de suscripción de contenidos, tienes a gente que está leyendote ya que todas tus actualizaciones llegan ya sea a su Reader o a su bandeja de correos.

Capability Manager

Cuando le damos a nuestros clientes la opción de poder modificar el contenido del sitio (agregar entradas de blog por ejemplo) con este plugin podemos manejar hasta donde puede llegar el cliente, esto sirve para quitar las opciones de modificar los Ajustes de WordPress y poder desempañar tareas específicas.

Descargar

Revision Control

Cuando los proyectos son muy grandes y/o hay mucha gente involucrada en ingresar contenidos es un buen momento para utilizar este plugin, que te añade la opción de poder comparar versiones de posts y páginas. Para, si hay algo malo, regresarlo a una versión anterior y corregir el error.

Descargar

Query multiple taxonomies

Un inconveniente que tenemos cuando hacemos búsquedas personalizadas dentro de WordPress es que si tiene más de 2 taxonomías WordPress por default elimina todas y al final solo de una, la primera. Esto se soluciona con este plugin.

Descargar | Página de plugin

Performance

All in one SEO pack

Este plugin en una maravilla para poder mejorar el SEO para tu sitio web, puedes manejar independiente las keywords, modificar el título, descripción para cada página o post, además de configuraciones generales para cambiar el title dependiendo la sección, escribir las keywords y descripción del sitio.

Descargar | Página de plugin

XML Sitemap

Una buena indexación se hace más rápido cuando se le proporciona a Google un sitemap, además de poder agregar la funcionalidad de Webmaster Tools de Google. Este plugin general XML con los sitemaps cada tiempo que se programe, además manda notificaciones de cambios en el sitemap a Google, Yahoo y otros servicios.

Descargar | Página de plugin

WP Super Cache

Cuando tu sitio web va a recibir muchas visitas y no quieres cargar al servidor de queries, esta a mi parecer es la mejor opción. Me ha funcionado muy bien y realmente agiliza la entrega de páginas cacheadas a que el servidor las cree directamente.

Descargar | Página de plugin

Theming

Recordemos que una buena base para poder crear sitios escalables es pensar en todas las posibilidades.

Internacionalización (_e)

Hay un tag de WordPress llamado _e o __ que sirver para poder tener dominios de texto para cuando deseamos traducir el tema para posteriormente utilizarlo en un sitio multilingüe.

Si quiero hacer echo del texto:

 <?php _e('aquí va mi texto','el dominio de texto de mi tema, sin espacios') ?>

Si quiero guardarlo para utilizarlo junto a una variable:

 <?php __('aqui va el texto con $variable','el dominio de texto de mi tema, sin espacio') ?>

Más información de la función

The Royal Framework

Creo que es buen momento para comentar que he estado trabajando en un proyecto para WordPress que hasta el momento a soportado ya varios sitios que hecho a mis clientes. He visto, usado e implementado algunos de los “Frameworks” para WordPress, que no son más que temas padres y no me quedo satisfecho, sin embargo me topé que 2 que vale mencionar y que en ellos me base para crear mi propio framework:

Carrington Framework – Carrington es un punto de partida muy bueno para desarrolladores más avanzados sin embargo cambia el workflow a su manera, que si bien ellos lo explican, no es para mi bueno migrar de una forma estándar para hacer temas a una específica.

Sandbox – este más que un framework es un tema base sin estilos y un markup bastante limpio. Me gusta la sencillez con la que se pueden hacer temas con Sandbox, pero dado a su simpleza faltan un poco de características para poder hacerlo más poderoso.

Ahora si, TRF

Como les mencioné me basé en estos 2 ejemplos y requerimientos que tenía en la mayoría de sitios. Una de las ventajas que tiene TRF a comparación a Carrington es que no se cambia practicamente nada con el workflow normal para hacer una plantilla. Más bien, para poder implementarlo a tu tema solo necesitas cambiar una línea de código de functions.php y pegar las carpetas de The Royal Core que es el corazón del framework. Las caracteríticas del framework más importantes son las siguientes:

• Cuenta con panel de opciones nativo, que con un poco de conocimiento en PHP podrás expander según tus necesidades.
• Opciones socialmedia, por default TRF tiene un badge para mostrar tu perfil de Facebook y tu feed the Twitter ya se en un widget o con un tag nativo de wordpress get_option(‘twitter’);
• Feedburner integrado, con solo colocar tu dirección de feed para el sitio y para los comentarios.
• Google analytics, puedes pegar tu código de google analytics en las opciones de tema y listo.
• Breadcrumbs integrado, con pegar el código get_opcion(“the_breadcrums”); en el tema se habilitan o desabilitan según tu elección
• Tu tema será más ordenado, en la carpeta de includes se alojaran piezas de código que reusarás solo con llamarlas get_block(“el nombre del archivo”);
• Listo para 960 grid system.
• Listo con traducción al español.
• He agregado varios shortcodes y funciones para facilitar muchas necesidades que exiten y no hay funciones directas que las satisfagan.
• Y se agregan más…

Ahora voy por la versión .4 tengo que hacerle unos ajustes más y una vez esté en la versión .5 la liberaré para que prueben el framework, espero que lo utilicen para poder hacer sitios más poderosos y escalables.

Existen una serie de plugins para poder mejorar la funcionalidad, desde un Search API creado por Justin Shreve. Hasta plugins como WP Custom Search de Benjamin. Un buen plugin pero es difícil de modificar y en un proyecto anterior hacia conflicto con Jquery.

No es nada nuevo (para mi lo fue en su momento) pues muchas veces queremos buscar en cierta categoría, o en cierta taxonomía, algún custom field, etc.

¿Cómo funciona el formulario de búsqueda?

Cuando hacemos un query, le mandamos los parámetros para que nos muestre los posts de la categoría X, o la taxonomía Y, etc. Con el formulario es igual, por medio de hidden fields (en el más básico de los casos) o selects, checkboxes y campos de texto creamos el query para poder hacer la búsqueda.

¡Ya los ejemplos!

Buscar en una categoría específica

Imaginemos que quiero buscar en mi blog solo en la categoría portafolio, el código sería así:

<form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
<div>
<input type=”text” value=”<?php echo wp_specialchars($s, 1); ?>” name=”s” id=”s” />
<input type=”hidden” name=”cat” value=”5″ />
<input type=”submit” id=”searchsubmit” value=”Buscar” />
</div>
</form>

Donde con un campo invisible  coloco la categoría que deseo, pero es engorroso buscar el id de la categoría pues muchas veces cuando uno trabaja en local los id’s cambian ya en el WordPress de producción, ¡pero no se asusten! Podemos quitarnos esa piedra del zapato con una función donde es mucho más fácil por nombre de categoría así:

$id_categoria = get_cat_id('Coloco el nombre de la categoría');

Para que al final nos quede algo así:

<form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
<div><?php $id_categoria = get_cat_id('portafolio'); ?>
<input type=”text” value=”<?php echo wp_specialchars($s, 1); ?>” name=”s” id=”s” />
<input type=”hidden” name=”cat” value=”<?php echo $id_categoria; ?>″ />
<input type=”submit” id=”searchsubmit” value=”Buscar” />
</div>
</form>

Pero que si no quiero que busquen en una sola categoría, sino que pueda elegir en que categoría buscar de todas las que tengo. Solo cambiamos el campo nombrado “cat” (de categoría) por un select con el mismo nombre y usando la función dropdown_categories nos queda así:

<?php wp_dropdown_categories('show_count=0&hierarchical=1&depth=1'); ?>

Podemos cambiar a mostrar la lista de tags, todas las categorías, solo las categorías principales todo depende de la configuración de esta función.

Buscar solo los hijos de una categoría

Siempre seguimos con los select y esta vez utilizamos la función get_categories() digamos que quiero las subcategorías de mi categoría principal llamada Sodas y bajo esta categoría se encuentran los sabores de gaseosas.

<form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
<div id=”search”>
<input type=”text” value=”Search… ” name=”s” id=”s” />
<?php $id_categoria = get_cat_id('sodas'); ?>
<?php $categorias = get_categories(‘child_of=$id_categoria′);
$catlist = ”;
foreach ($categorias as $cat) {
$lista_cat.= $cat->cat_ID.’,';
}
$lista_cat. $id_categoria;
?>
<input type=”hidden” name=”cat” value=”<?php echo “$lista_cat”?>” />
</div><!–/search –>
</form>

Buscando en una taxonomía

Primero debemos tener en cuenta que es una taxonomía, hay un sin fin de tutoriales y explicaciones; para hacerlo fácil es una clasificación de un algo. Ahora como ejemplo, tengo mi taxonomía llamada área donde están concentradas las carreras de una univesidad para las cuales quiero buscar y también esas carreras solo están disponibles en ciertas partes del mundo, entonces quiero un formulario que me busque el tipo de carrera y la ubicación y que me muestre SOLO los resultados que están para esos lugares y que sean el tipo de carrera que deseo.

Lo primero será crear una función que podré utilizar cuantas veces sea por si necesito diferentes formularios, entonces colocamos esto en functions.php.

function get_terms_dropdown($taxonomies, $args){
$myterms = get_terms($taxonomies, $args);
$output ="<select name='".$taxonomies."'>";
foreach($myterms as $term){
$root_url = get_bloginfo('url');
$term_taxonomy=$term->taxonomy;
$term_slug=$term->slug;
$term_name =$term->name;
$link = $term_slug;
$output .="<option value='".$term_name."'>".$term_name."</option>";
}
$output .="</select>";
return $output;
}

Esta función nos toma todos los terminos de una taxonomía que querramos y podemos reutilizarla para las taxonomías que sean.

Entonces regresando tengo mi taxonomía area y ubicación y quiero buscar por ese criterio.

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<?php
$taxonomies = 'area';
$args = array('orderby'=>'name','hide_empty'=>true);
$area_select = get_terms_dropdown($taxonomies, $args); ?>
<p><label>Elije el area de la carrera que le interesa</label>
<?php echo $area_select; ?></p>
<?php
$taxonomies = 'ubicacion';
$args = array('orderby'=>'name','hide_empty'=>true);
$ubicacion_select = get_terms_dropdown($taxonomies, $args); ?>
<p><label>Elije el lugar donde deseas estudiar</label>
<?php echo $ubicacion_select; ?></p>
<input name="Buscar" type="submit" value="Buscar" />
</form>

Buscando en los custom fields

Esto es muy importante y sobre todo útil, para una inmobiliaria utilicé uno de los plugins listados allá arriba y hasta ahora me dí cuenta que puedo hacer lo mismo pero con mejor control de lo que quiero.

Vamos a hacer un ejemplo que no tiene nada que ver con la inmobiliaria, digamos que tengo una biblioteca virtual, y los libros pueden buscarse por género, titulo y autor. Colocaré entonces un radio que me marque una de las 3 opciones (por supuesto que podemos hacer eso mucho más fácil con taxonomías). El formulario me quedaría así:

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<label for="titulo">Buscar por título<input name="key" type="radio" value="titulo" /></label>
<label for="autor">Buscar por autor<input name="key" type="radio" value="autor" /></label>
<label for="genero">Buscar por género: <input name="key" type="radio" value="genero" /></label>
<input type="submit" id="searchsubmit" value="Buscar libro" />
</form>

Básicamente lo que se hace es darle el nombre “key” que hace referencia que es un custom field y le damos el nombre del custom, entonces buscaremos en valor en el campo “s” en el custom field que elijamos.

Opciones, ¡infinitas!

Básicamente se puede hacer una búsqueda en todo lo que se necesite dependiendo de los condicionales que uno desee aquí está un lista de los que he probado esta el momento.

name=”cat” value=”ID de la categoría” – busca en categorías, con los ID’s de las mismas. Separado en comas (,) para buscar en más de una categoría y le agregamos un signo menos (-) para excluir categorías

name=”key” value=”nombre del custom field” - busca en los custom fields, se coloca el nombre del custom.

name=”tag” value=”el nombre del tag” – busca en los tags y si tiene valor busca en el contenido y que tenga el tag incluido en el post

name=”nombre de la taxonomía” value=”el término de la taxonomía” – al tener varias taxonomías, hace el condicional AND para buscar en entradas que cumplan con las taxonomías, se pueden hacer OR agregando terminos separados por comas (,) en el mismo value de la taxonomía (ejemplo: name=”taxo_talla” value=”small, medium”).

¡Espero que les ayude un poco en su próximo proyecto!

Y que cosas encontré entre las cuales puedo listar:

• Que se han unido WordPress y WordPress MU. Con unas simples configuraciones e instrucciones podemos hacer eso
• Se están enfocando a hacerlo más usable
• Recuerden que solo con un tag podemos hacer que WordPress tenga thumbnails nativos.
• Eliges tu usuario, pues ya no es el “admin” por default (¡me encanta eso!)

Pero las características que más me llamaron la atención están

• Nueva forma de instalar temas, mucha más usable
• Nuevo tema de default. Se llama Twenty Ten en su versión 0.7
• Podríamos utilizarlo como framework, Ia Stewart nos explica como en su post de temas hijos.
• Los thumbnails los tiene por defecto y pueden cambiar la cabecera del tema
• Tiene 2 sidebards diferentes y 4 sidebars en el footer
• Código limpio y semántico
• Opciones de fondo (interesantes)
• Opciones de imagen de header
• ¡Podremos crear menús! Una de las opciones que más me gusto (aún está en desarrollo pero estará genial)

Sección de menús

Sección de temas wp 3.0

• Ver noticia (inglés)
• Descargar WP 3.0 beta 1
• Ver tema Twenty Ten