Los sitios enfocados al contenido como los blogs y revistas en línea tienen varias maneras de organizar y ordenar su contenido. Ordenar los artículos por fecha y por autor usualmente se hace de forma automática por el sistema de administración de contenido. Hay dos conceptos que pueden ser usados por sobre eso para organizar el contenido de tu sitio: las categorías y las etiquetas. Si bien puedes usar ambas al mismo tiempo, probablemente es mucha molestia – así que, ¿cuál deberías usar y por qué? Examinemos a cada una por separado.

CATEGORIAS

Las categorías son como carpetas – son colecciones de cosas relacionadas a un tema. Esto, en realidad, no es estrictamente cierto porque en el mundo digital puedes adjuntar más de una categoría a tu contenido, pero la función es la misma – categorizar.

La principal ventaja de las categorías es que hay una cantidad fija de ellas – y si quieres usarlas apropiadamente entonces tampoco deberían haber demasiadas. Esto permite que la gente escudriñe rápidamente por la lista para escoger el tema que desean navegar. Las categorías le dan estructura a tu contenido y una fácil experiencia de navegación.

La desventaja de las categorías recae en quien publica. Primero, tienes que decidir la lista de categorías que quieres usar. Usualmente esto es más difícil de lo que parece porque necesitas asegurarte de que no hay demasiadas categorías que podrían tener muchas o muy pocas entradas en ellas. No tiene sentido crear una categoría si todas tus entradas estarán incluidas en ella o si sólo hay una entrada. Y segundo, cuando publiques contenido nuevo, necesitas decidir en qué categoría ponerlo. Esto no es demasiado difícil si mantienes corta tu lista de categorías y asignas categorías múltiples al contenido, pero aún requiere un poco de esfuerzo.

ETIQUETAS

Las etiquetas son el equivalente digital a las etiquetas reales – pequeñas etiquetas que adjuntas a las cosas. Las etiquetas tienen una ventaja por sobre las categorías en el hecho de que no están pre-configuradas. Cuando adjuntas etiquetas las escribes manualmente y tienes la libertad de escribir lo que quieras. Si una etiqueta no existe todavía, lo hará una vez que aprietes publicar. No hay necesidad de preocuparse por encontrar una categoría existente para poner dentro la entrada – sólo escribes las etiquetas que crees representan mejor el contenido.

Leer más…

Recientemente tuve la increíble experiencia de hacer un pequeño sitio web para un cliente en base a Wordpress, y aprendí muchas cosas acerca de codificar el tema y hacer más fácil la vida de los clientes. Voy a repasar las que, en mi opinión, son las cinco cosas más importantes que aprendí.

Sidebars “Widgetizadas” (Sidebars Dinámicas)

Esto fue lo que más me ayudó. El diseño del sitio necesitaba un área de enlaces en el pie de página para enlazar a otros grupos, departamentos y organizaciones relacionadas con el sitio. También necesitaba información de contacto al pie de página.

La solución fue utilizar barras laterales en base a widgets y luego modificar el código CSS para convertir estas barras laterales en pie de página.

Para agregar una barra lateral, inserta este código en el archivo functions.php de tu tema:

1
2
3
4

<?php
 if ( function_exists('register_sidebar') )
 register_sidebar(1);
?>

Puedes repetir este código para cuantas barras laterales necesites. Sólo tienes que ir cambiando el “1″ por otro número para cada barra.

Ahora inserta este código donde quieres que aparezca tu barra lateral:

1
2
3

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar(1) ) : ?>
<?php endif; ?>

Esto hará que tu barra lateral dinámica aparezca. En mi caso, sólo ajusté el ancho de cada widget y los alineé hacia la izquierda con este código:

1
2
3
4

#footer .widget{
width:290px;
float:right;
}

Al configurar el ancho de los widgets y alinearlos hacia la izquierda en mi pie de página, creé un área de contenido editable que no interfiere con las entradas o la estructura de la página, utilizando widgets y barras laterales dinámicas.

“Loops” Personalizados

En el sitio que estaba haciendo no iba a existir un blog, sino que una sección de noticias y una sección de eventos, así que necesitaba separar las entradas por categorías y realizar una consulta en forma separada:

1
2
3
4
5

<?php
 $news= 'category_name=news&orderby=date&order=DEC&showposts=3';
 query_posts($news); // run the query
 ?>
 

Este fragmento de código crea una nueva consulta llamada news ($news), toma 3 entradas desde la categoría de noticias y las ordena en forma descendente por fecha. Luego, se debe configurar el Loop de forma normal bajo ese código. Mi Loop completo se veía así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	<?php
		if ( $news%2 ) {
    		echo "<li class='news_even'>";
			} else {
    		echo "<li class='news_odd'>";
			}
			?>
			<h3 class="smallindent"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
			<p class="posted smallindent"><?php the_time('m-d-y') ?> </p>
			<div class="smallindent"><?php the_excerpt(); ?></div>
		</li>
		<?php $news++ ?>
	<?php endwhile; ?>
	<?php else : ?>	
	</ul>
	<?php endif; ?>

Menús Desplegables

Los clientes querían que el sitio web tuviera un menú despegable. Normalmente me habría opuesto a esta idea, pero ellos tenían bastante contenido que deseaban incluir en el sitio. Después de buscar durante varias horas y probar varios métodos para el menú despegable, encontré esto. Resultó ser el “santo grial” que estaba buscando, compatible con todos los navegadores, y funcionó de inmediato con el marcado generado por la función wp_list_pages.

Simplificar el Panel de Administración

Después de la primera reunión y sesión de entrenamiento, quería encontrar una manera de esconder varias partes del panel de administración que permanecerían sin uso. El asunto era simplificar Wordpress hasta dejarlo en lo más básico: sin etiquetas, sin necesidad de organizar categorías o la biblioteca multimedia. La solución fue wplite. Este ingenioso complemento permite deshabilitar paneles en la pantalla de administración. También, permite limitar los campos de metadatos de las entradas (excepciones, etiquetas de las entradas, orden de páginas, plantillas, nombres para url, etc). Resultó ser lo que estaba buscando para hacer la administración del sitio simple y fácil; incluso puede eliminar el tablero para que la página de inicio sea la escritura de una nueva entrada.

(Fuente: artículo de upsidedowncity.net escrito por Gino y traducido por Sara Salazar para nerv. )

Recientemente me encontré con el problema de ocultar las subcategoría en el sidebar de wordpress ya que las opciones que tiene wp_list_categories() no lo permiten. Lo único que puedes hacer es mostrar las subcategorias de una forma mas ordenada con una ligera sangria.

Tienes dos opciones, o usar algún plugin para intentar ocultarlas o simplemente añades al CSS esta línea de código:

.children {display:none}

Con esta regla ocultaremos las subcategorías. Recordad que la opción hierarchical tiene que estar activada, igual a 1.

El desorden en un blog son ese tipo de cosas que los visitantes no necesitan, y no sirve para indicarnos el camino hacia el contenido real u otra información vital. Tu contenido y páginas importantes son el sonido, y el desorden del blog es el ruido. Puedes mejorar la primera parte recortando la segunda.

Los 50 consejos de este artículo te ayudarán a limpiar el sidebar, el pie de página, los posts, y el blog en su conjunto, y al hacerlo, mejorará la sencillez y facilidad de uso centrando al usuario en el contenido.

Lee esto primero

Estuve viendo muchos blogs para la redacción de este artículo. No era mi intención señalar los elementos que estaban mal, sino identificar los elementos de un blog que no aportan nada o que tienen un impacto negativo en los lectores. No estoy sugiriendo que recortes los 50 elementos del blog, pero si estás pensando reducir el desorden en tu blog, estas son todas las cosas que puedes retirar.

Probablemente apoyarás algunos de estos puntos y estoy interesado en conocer tu opinión en la sección de comentarios. Puede que también pienses que otros no deberían estar.

Limpiar el sidebar

1. Mover los “Archivos” a una página propia. Me refiero a los archivos mensuales, es decir, los posts que se han escrito en un determinado mes. No hay una razón real para que tengan que estar en el sidebar. Un lector que ha decidido que quiere profundizar en tu blog, estará dispuesto a navegar a otra página. Reduce el desorden vinculando todos esos enlaces a un “Archivo por meses” por ejemplo.

Nota del traductor: Personalmente nunca le he encontrado utilidad a saber que posts ha escrito Pepito en Marzo del 2004 exactamente.

2. Borra los enlaces “meta” del sidebar. Enlace a la página de login de wordpress por ejemplo. A no ser que tengas muchas cuentas de usuario este elemento no es útil para los lectores y lo puedes borrar.

Leer más…

¿Cuáles son tus planes para el futuro? ¿Cómo te ves dentro de un par de años desde ahora? ¿Cuáles son tus objetivos? Mucha gente comete el error de no pensar en grande, y al final, esta actitud no les lleva a ningún sitio. Por ejemplo, algunos dicen “Quiero se un blogger”, como una respuesta a la primera pregunta, o “Nose, supongo que me veo como un blogger mas o menos bueno”.

¿No lo sabes? ¿Un blogger “mas o menos bueno”? ¿Por qué no quieres convertirte en el mejor blogger? La mayoría de empresarios online resuelven sus problemas a un nivel muy inferior de su verdadero potencial, y eso es una verguenza. En otras palabras, responden mal a la primera pregunta.

Tratar de convertirse en el mejor en lo que estás haciendo es el camino a seguir y pensar de otra manera simplemente demuestra que tienes poca confianza en ti mismo. “Pero siendo el mejor quiere decir que gano millones”, podriamos decir. ¿Y que? ¿Los millonarios o multimillonarios son robots? Por supuesto que no, son seres humanos, igual que todos los demás. Hay innumerables casos de éxito de webmasters que se han convertido en millonarios y adivina qué, todas sus páginas han empezado con un visitante, como la tuya.

¿Porqué piensas que no eres capaz de lograr esos resultados? No se puede esperar tener éxito si empiezas con una actitud equivocada, simplemente no tiene sentido. Si lo que quieres es convertirte en un blogger “más o menos bueno”, entonces eso es exactametne lo que conseguirás, y eso no lo deseas. Nunca tengas miedo de fijarte metas altas, aunque pueda parecer fuera de tu alcance en un determinado punto.

Leer más…

Hoy os voy a enseñar una técnica que he aprendido hace poco de unos compañeros veteranos en internet. Os recomiendo que prestéis especial atención a los pasos ya que pueden ser un poco liosos al principio. Aunque luego el resultado vale la pena.

¡Primer paso!

Busca en la blogosfera algunos posts que te resulten atractivos, que te hayan recomendado por email o encontrado a través de enlaces. Como por ejemplo estos mismos:

• 11 maneras de ganar visibilidad como diseñador web
• ¿Pasa tu tarjeta de visita el Test de la basura?
• 10 pesadillas de la usabilidad que deberias evitar
• Esta es la característica más importante para una interfaz de usuario exitosa.
• Reflexión sobre los espacios en blanco en el diseño

Extra bonus: ¡Encima en castellano! Estamos de suerte.

¡Segundo paso!

Vale, ya tienes tu material, atentos ahora:

Selecciona todo el post y pulsa esta combinación de teclas: CONTROL + C

Leer más…

Me pregunto por qué los diseñadores de Wordpress no implementaron esto. Separar los trackbacks de los comentarios es muy sencillo y ayudará a mejorar la experiencia de usuario para gente que comenta o lee los comentarios de tu blog. Si los tienes juntos (como yo hasta hace poco..) los lectores verán un montón de enlaces y fragmentos de código mezclados con los verdaderos comentarios, lo que hace dificil seguir la conversación.

Nota del traductor: Tema que tengo aún pendiente, por cierto.

Así que, ¿Cómo hacerlo? Sólo tienes que abrir el archivo comments.php y editar algunas líneas. Michael de Pro Blog Design tiene un tutorial paso a paso para este fin, y él me permitió adaptarlo aquí.

En pimero lugar tienes que localizar la siguiente línea dentro de comments.php (está dentro de “Presentación” y “editor de temas” dentro del panel de control de Wordpress).

<?php foreach ($comments as $comment) : ?>

Inmediátamente después de esa línea, pega el siguiente código:

Leer más…

Hay métodos simples y quizás incluso beneficiosos para hacer tu blog accesible a lectores de todos los niveles. Para clarificar los métodos, usaré mi blog de finanzas como ejemplo.

1. Crea una columna “Vuelta a los inicios”

Podrías escribir una serie de posts o una columna semanal acerca de temas básicos de tu sector. Alli se explicarían términos técnicos, explicar los principios básicos de un determinado tema y así sucesivamente.

Solo recuerda destacar en el titulo de cada post que estás explicando cosas básicas, de modo que los lectores mas avanzados puedan obviarlo.

2. Escribir algunos tutoriales

Cada día es más común escribir algunos tutoriales básicos o directrices en alguna tarea específica dentro del sector al que te dediques. Por ejemplo en mi web de finanzas tengo una explicación sobre diferentes técnicas de comercio o la manera de encontrar patrones en las gráficas de valores.

Además de educar en los niveles más básicos de la piramide, también estás creando contenido para SEO y posiblemente artículos con los que te enlacen. Algun día puedes crear un e-book recopilando todos los tutoriales. Para asegurarte de que no excluyes a niveles más avanzados, puedes incluir técnicas avanzadas, o en mi caso, recomendaciones de valores reales usando las técnicas correspondientes del tutorial que se está explicando.

Leer más…