Presentaciones de SlideShare

Según mi opinión, SlideShare es la mejor herramienta disponible –compatible con WordPress– para crear una presentación, un slideshow.

El formato (tiene la opción de verse en pantalla completa, clicando “full” en la barra de menú debajo de la presentación), la flexibilidad y, definitivamente, el resultado final compensan lo trabajoso que puede resultar, al menos al principio, crear una presentación prácticamente profesional. Para muestra, el botón que acaban de ver. [Mil gracias a Milla por su ayuda con el diseño/montaje].

Por la rapidez con que quise publicar esta entrada, dada la Espada de Damocles que pende sobre mí respecto una próxima avalancha de preguntas que deberé responder en un tiempo muy corto, no quise ponerle ningún efecto especial. Sin embargo, me da la impresión (aunque debo confirmarlo con algo más de práctica) que es posible hacer que se vea casi como un video, dependiendo del programa de presentación que utilices para crearla.

El único inconveniente es que no acepta los formatos usuales de imágenes para Internet, como .jpg, .png, etc. Estos deben ser convertidos a .pdf o montados en Keynote o, si no hay remedio, en Power Point. Pero además puedes montar presentaciones desde procesadores de texto, como Pages, OpenOffice o Word. Y gracias a las nueva capacidades de media de nuestros anfitriones de WordPress, se adapta automática y hermosamente al ancho de la columna principal de tu blog.

Como si todo lo anterior fuera poco es, además, increíblemente ¡gratis! No se me ocurre qué otra cosa se le podría pedir. ¡Corre a abrir tu cuenta!

Medidas, encabezados y plantillas

Hay dos páginas de referencia en el FAQ (preguntas frecuentes) de WordPress, que vale la pena tener siempre a mano, especialmente en los casos de los bloggers que cambian de plantilla como de medias. (Obsérvese que hablo en tercera persona plural).

La primera de estas páginas lista las medidas máximas de las imágenes que acepta cada plantilla. La segunda, las medidas de los encabezados, así como las imágenes por defecto de estos encabezados.

Los anchos máximos de cada plantilla

En este enlace se listan los anchos máximos de las imágenes, según la medida que acepta cada plantilla (por orden alfabético).

WordPress inicia esta página explicando que no hay reajuste automático de las medidas de las imágenes. Por lo tanto, algunas se quedarán cortas y otras excederán el ancho máximo permitido. A continuación cuenta una historia de terror sobre las cosas horribles que podrían llegar a suceder si excedemos estos anchos máximos. Yo pienso que es bueno saber lo que nos espera. No sólo para hacer lo posible para darle el ancho adecuado a nuestras imágenes y así obtener entradas que se vean bien, sino para hacer cualquier ajuste necesario en el caso en que decidamos cambiar la plantilla de nuestro blog a una más angosta.

WordPress dice que si tratamos de introducir una imagen más ancha de lo que acepta la plantilla, el navegador Firefox tratará de reducir el tamaño de la imagen para que encaje. Sin embargo, asegura que IE no se molestará siquiera en tratar y si la imagen no cabe, pues considerará que se halla en la necesidad de hacer cosas extravagantes como coger tu barra de navegación y tirarla al fondo de tu blog para que no estorbe la visualización de tu imagen.

Así que de vez en cuando, podría tener sentido para ti hacer una pequeña inspección con algún amigo que aún use Internet Explorer, para asegurarte de que todo va bien en tu blog. Después de todo y aunque no lo creas, en pleno Junio de 2008 todavía un 78% de los navegantes usa Explorer 6.0 o 7.0.

Por otra parte, si te sobra tiempo, en este sitio puedes ver cualquier página web como se vería en cualquier navegador que escojas. Sin embargo, te recomiendo que no te emociones demasiado con el amplio abanico de opciones que te ofrece…. Escoge un máximo de tres, o no terminarás en esta vida de esperar que se carguen tus opciones.

Medidas de los encabezados y sus imágenes por defecto

En este otro enlace se listan las medidas exactas de las imágenes de las 26 plantillas (por orden alfabético) que aceptan un encabezado. Además, todas ellas, con la excepción de K2-Lite y Redoable-Lite incluyen un enlace para descargar las imágenes por defecto de cada una, por si te aburres de la que le has puesto o simplemente quieres volver atrás.

Naturalmente, si el nombre de la plantilla que has escogido no aparece en el listado (como la que estoy usando en este momento), significa que no tiene la opción de un encabezado “a la medida”. WordPress recomienda que selecciones una imagen que tenga exactamente las medidas que aparecen en esta página, para que no haya sorpresas y para que obtengas el mejor resultado posible.

Así que ya sabes, no pierdas estos enlaces. Tarde o temprano los vas a necesitar.

_{Entradas relacionadas:
Las medidas de tus imágenes
Imágenes para tu blog
Cómo optimizar e insertar tus imágenes
¿Cuál plantilla me conviene más?}

Nuevo panel de control en WordPress.com: ¡no dejes que te invada el pánico!

Anteayer Matt anunció un cambio de grandes proporciones en la apariencia y en algunas de las funciones del Panel de Control (dashboard/tablero) de WordPress.com. Los comentarios no se hicieron esperar, desde “lo odio”, hasta “magnífico, gracias, excelente trabajo, chicos”. Indudablemente, nos inscribimos en el último grupo.

Luego del shock inicial, que difícilmente algún usuario haya dejado de experimentar, se trata de explorar la “terra incognita”, ya que no hay opción, además.

Y bueno, el dato estable es éste:

El shock (y la posible sensación de pánico y/o confusión), se debe sobre todo a un violento cambio en el diseño (apariencia) del Panel de Control. Hasta donde he podido ver, todas las anteriores funciones siguen disponibles, aunque algunos de los controles cambiaron de sitio. Hasta donde he podido ver, nada se ha perdido. Al contrario, se ha ganado bastante.

Y esta es la historia: hacía ya unas cuantas semanas que se estaba esperando el lanzamiento de la nueva versión de WordPress, el 2.5, para los bloggers que usan WordPress.org. Y cuando finalmente ocurrió, hace unos 10 días, no se hablaba de otra cosa en la comunidad de WordPress. La versión 2.5 fue la culminación de seis meses de trabajo, integrando las sugerencias de los usuarios. Y las mejoras fueron numerosas.

Entonces, la buena noticia es que desde hace dos días ¡éstas también están disponibles para nosotros, los usuarios de WordPress.com, con algunas más como regalito extra!

Así que para empezar la exploración, esto es lo que Matt recomienda:

Si disponen de unos minutos, prueben hacer unos cuantos clicks y explorar el nuevo diseño y funciones. Al principio se sentirá muy poco familiar, pero igual que como andar en bicicleta, se van a encontrar muy muy pronto desarrollando nuevos hábitos y paseando a sus anchas.

Por tanto, simplemente, eso es lo que necesitas hacer.

Yo lo hice y me funcionó maravillosamente, aunque no le dediqué, naturalmente, “un par de minutos”, sino un par de horas, ya que necesitaba estar preparada para las posibles preguntas de mis lectores.

Estos son los cambios que Matt anunció:

• Un panel de control más limpio, más rápido y menos congestionado, basado en la retroalimentación de los usuarios en cuanto a qué necesitan tener más a mano, quitando del medio lo que resultaba ser menos importante.
• Un panel de control inicial compuesto por widgets, entre los que se incluyen los comentarios más recientes, datos estadísticos sobre tus entradas, personas que enlazan tu blog, estadísticas… y pronto se va a permitir su personalización, para que puedas disponer estos widgets a tu medida, me imagino que tal como construyes tu barra de navegación.
• Carga de archivos múltiples, con barra de progreso. Anteriormente, cargar (subir) un archivo pesado podía tomar una eternidad y lo peor era que nunca sabías cuánto tiempo faltaba para terminar. Y cuado tenías que cargar varias… mejor te sentabas a esperar. Ahora puedes subir un folder lleno de imágenes, música o videos y observar las barras de progreso individuales para ver cuánto te falta. ¡Así que ahora puedes darle un buen uso a esos 3 Gigas de espacio gratis!
• Buscador de entradas y de páginas. En la versión anterior, la caja de búsqueda (search) sólo arrojaba resultados para entradas. Ahora también incluye el contenido de las páginas.
• Administración de etiquetas (tags), ahora se puede agregar, cambiar el nombre, borrar y hacer lo que quieras con las etiquetas desde WordPress.
• Protección en caso de edición simultánea, para aquellos blogs en que más de un autor puede editar una entrada a la vez. La idea es que cuando el autor “A” salva sin que el autor “B” lo sepa, todo lo de B se borra y de esta manera se pueden perder horas de trabajo con gran facilidad. Ahora, cuando B se dispone a editar una entrada que ya está editando A, aparece un aviso amarillo sobre la entrada, advirtiendo: “A está editando esta entrada en este momento”, la entrada mágicamente “se cierra con llave” y no deja que B salve nada hasta que A haya terminado su trabajo.
• Un editor de texto más amigable. Para no entrar en detalles técnicos, sólo diré que éste permite ahora una edición avanzada con mayor facilidad. Además, ha mejorado la compatibilidad con el navegador Safari, lo cual es una bendición para nosotros, los usuarios de Mac.
• Galerías de fotos integradas. Cuando usas la función de carga de imágenes múltiples para subir un montón de fotos, hay un pequeño código ahora que te permite insertar una galería de fotos, simplemente colocando el código [ gallery] (si el espacio) en tu entrada. Esto hará que se desplieguen todas tus miniaturas y pies de foto y cada una se enlaza a una página donde las personas pueden hacer comentarios a cada foto individual. En este enlace Matt da un ejemplo de lo que él mismo hizo en su blog con esta función, colocando 1,200 fotos en 23 galerías. Hay un poco más que aprender sobre lo que hasta el momento parece ser una maravilla, así que le estaremos dedicando una entrada próximamente.

Yo estoy lista para tus preguntas. Entonces ¿estás listo/a para la aventura? ¡Comienza!

En tu blog, un buen video vale por 1,000 imágenes

Hoy es el Blog Action Day. A menudo, y éste es el ejemplo perfecto, un video bien hecho y con un buen propósito vale por mil imágenes y, ciertamente, por cientos de miles de millones de palabras.

Más información.

_{Entradas relacionadas:
Cómo optimizar e insertar tus imágenes
Las medidas de tus imágenes
Imágenes para tu blog}

Cómo optimizar e insertar tus imágenes

En lenguaje simple, optimizar tu imagen significa reducir su peso con la menor pérdida posible de calidad. En esta entrada veremos cómo optimizarlas e insertarlas en tus entradas o en las Páginas de tu blog. El cómo colocarlas en tu barra de navegación viene en otra entrada, más adelante.

Optimizando tus imágenes

Lo primero que necesitas saber es el ancho final que debes darle a tu imagen. Y éste lo determina la plantilla que has escogido, más específicamente, el ancho máximo de su columna principal, es decir de la columna donde van tus entradas.

El ancho máximo

En las preguntas frecuentes de WordPress encontrarás una lista muy útil de los anchos máximos (en pixeles) de las columnas principales de cada plantilla.

Al ver la lista notarás las variaciones en las medidas de un tema a otro. Por esta razón, ten en cuenta que cada vez que cambies tu plantilla es muy posible que necesites reajustar los anchos de tus imágenes anteriores, no sólo de las nuevas.

Otras medidas

En este punto, entramos en el tema del diseño, sobre el cual no quisiera abundar. Mi recomendación es que mantengas una medida uniforme (o, como máximo, dos medidas) para tus imágenes, en aras de la armonía visual de tu blog.

Una de de estas medidas, para las imágenes grandes, debe ser el ancho máximo que permite tu plantilla. La otra medida, para tus imágenes pequeñas, debe ser unos 10-20 pixeles más o 10-20 pixeles menos que la mitad de este ancho máximo. En general, es preferible evitar que la medida sea justamente la mitad.

De esta manera, obtendrás espacio necesario para escribir de forma legible a un lado de tu imagen y que no te quede un espacio vacío, que casi siempre se ve muy mal. Para muestra, dos botones:

.
Este es un ejemplo de dos entradas de un mismo blog que muestran qué tan mal puede llegar a verse el uso de diferentes anchos en las imágenes y en los textos de una misma entrada.

En resumen, dale a tus imágenes grandes el ancho completo de tu columna principal; y a las pequeñas, un poco menos o un poquito más de la mitad.

Cómo ajustas las medidas y el peso de tus imágenes

Para hacerlo, vas a necesitar un programa de edición de imagen o uno que tenga la función de editar imágenes. El estándar profesional para esto es el archifamoso Photoshop y su hijito especializado en imágenes para Internet, llamado Image Ready, ambos de la casa Adobe.

Pero si no los tienes, hay otros programas que puedes descargar en forma gratuita. Por ejemplo, entre los que tienen una presentación en español, posiblemente el más sencillo de todos sea Picasa, de Google. Si quieres algo más de aventura, puedes descargar el GIMP, de estándard profesional, y que además está disponible para las plataformas Mac y Linux. Hay otros, pero –hasta donde pude ver– no están en español.

Sea cual sea tu editor de imágenes, esto es lo que necesitas hacer:

• Asegurarte de que tu imagen tiene una resolución de 72 ppi.
• Darle el ancho requerido (y, naturalmente, su correspondiente altura, en proporción).
• De ser necesario, ajustar su nitidez (es decir, mejorar lo “borrosa” que te pueda quedar luego de ampliarla o reducirla), así como su luminosidad y contraste. (Esto no es estrictamente parte de la optimización, pero muchas veces es necesario hacerlo).
• Grabar tu imagen optimizada en formato jpg.

Estos son pasos muy sencillos. Si nunca antes lo has hecho, sólo sigue las instrucciones del Tutorial o la Ayuda del propio programa, usa la tecnología de estudio y con un poco de práctica lograrás un buen resultado sin mayores dificultades.

Insertando tus imágenes

Como vimos, esta entrada trata de insertar imágenes en tus entradas o en tus Páginas, el procedimiento es el mismo.

Lo primero es “subir” tu imagen. La forma más sencilla es la siguiente: En tu panel de control, vé a la entrada o página donde vas a insertar tu imagen. Sobre los botoncitos del editor de texto hay un iconito parecido a una foto para subir imágenes, si colocas el cursor sobre él se ve más o menos así:

Haz click en el ícono que dice “Add an image” (añadir una imagen). Se abre un visor semitransparente para que selecciones en tu computadora la imagen que vas a subir. Haz clic en “Choose files to upload” (Seleccionar archivos para subir).

Selecciona en tu computadora el archivo que deseas subir. Dale unos segundos para que suba y entonces el visor se amplía hacia abajo mostrándote varias opciones:

• Título es por defecto el mismo nombre del archivo que acabas de subir. Lo puedes cambiar si deseas.
• Caption es el “pie de foto” que aparece en un letrerito amarillo o blanco (dependiendo de tu navegador) cuando colocas el cursor sobre la imagen. No todas las plantillas muestran este pie de foto.
• Descripción es la descripción de la imagen para tu propio uso y archivo. (Por ahora).
• Enlace URL es un espacio para que escribas el URL en caso que quieras enlazar tu imagen con alguna página web. Por defecto, se enlaza con la propia imagen que has subido, que aparece en una nueva página cuando haces clic en la imagen. Si no quieres enlazar nada, haz clic en el botón gris que dice “Ninguno”.
• Alignment es para que determines la posición de tu imagen. “Ninguno” es la opción por defecto y la que necesitas si tu imagen ocupa todo el ancho de tu entrada. Si es una imagen pequeña, escoge “izquierda” o “derecha”. En general, las imágenes se ven mejor a la izquierda.
• Tamaño se explica por sí mismo. Como se supone que has preparado tus imágenes con anterioridad, usarás normalmente “Tamaño completo”.

Para insertar la imagen en tu entrada, haz clic en “Insert into post” (Insertar en la entrada).

En tu editor de texto ahora aparece tu imagen.

¡Y ya! ¡Eso es todo!

No olvides colocar un pie de foto con el crédito correspondiente al autor/a de tu imagen.

Ahora dedícale un tiempo a explorar todas las posibilidades, a practicar, practicar, practicar, a descubrir por ti mismo/a otras funciones relacionadas y a darle por fin a tu blog la apariencia que siempre quisiste.

_{Entradas relacionadas:
Las medidas de tus imágenes
En tu blog, un buen video vale por 1,000 imágenes
Imágenes para tu blog}

Las medidas de tus imágenes

Muy a menudo, antes de publicar una imagen en tu blog, necesitas prepararla, ajustarla. Posiblemente, te preguntas ¿por qué?. La respuesta corta es: porque a menudo son o muy grandes, o muy pequeñas.

Sin embargo, si te pones perfeccionista (como mi amiga Milla) verás también que a veces son muy claras o muy oscuras, o algo borrosas; o están mal encuadradas; o tienen un encuadre diferente al que tú necesitas o deseas. A veces están movidas o desenfocadas, pero éstas no las quieres ni mucho menos las necesitas, así que sencillamente puedes desecharlas. En fin…

Sin embargo, para mantener esta entrada en el nivel adecuado, hablaremos aquí sólo del tamaño. Todo lo demás está cubierto en el tema Edición de Imagen, sobre el cual puedes investigar y aprender también, desde luego.

Cómo se miden las imágenes

Lo primero que necesitas comprender es que las imágenes físicas (fotos impresas en papel, o recortadas de una revista) funcionan de modo diferente a las imágenes digitales (las que ves en tu computadora).

Podría decirse que las imágenes físicas son bidimensionales: tienen un ancho y una altura, que generalmente se miden en pulgadas o centímetros (aquí usamos pulgadas); y que las digitales son tridimensionales: tienen una tercera medida, que es la resolución.

La resolución de tu imagen

La resolución no es más que la cantidad de pixeles por pulgada cuadrada que tiene tu imagen. Esta unidad de medida de resolución se llama en inglés “ppi” (pixels per inch) o también “dpi” (dots per inch), es decir pixeles o puntos por pulgada cuadrada, respectivamente.

Mientras más pixeles hay en cada pulgada cuadrada, más nítida es tu imagen y más detalles tiene, mientras menos, es más borrosa.

Cuánto pesa tu imagen

El peso de tu imagen se llama así porque indica la facilidad o dificultad que tiene para transportarse por la red. En realidad, mide cuánta memoria ocupa en tu computadora, sea al almacenarla, o mientras la descargas para poder verla, o mientras la envías.

La combinación de las 3 dimensiones anteriores: ancho, altura y resolución es lo que determina el peso de tu imagen. El peso se mide usualmente en “KB” o en “MB”, es decir kilo o mega bytes; esto es, mil o un millón de bytes.

Un byte es el espacio aproximado de memoria que utiliza un caracter (un número, una letra, un símbolo, etc.) Es decir que una imagen de 12 kb, “pesa” lo mismo que un documento que contiene 12,000 caracteres (unas 2,500 palabras; para darte una idea, esta entrada tiene 677 palabras).

El peso óptimo

Si vas a imprimir tu imagen en papel fotográfico o en imprenta, por regla general necesitas darle una resolución de unos 266 dpi. Sin embargo, tu monitor sólo puede “mostrarte” un máximo de 72 ppi. Esto significa que en tu pantalla, una foto de 72 ppi se verá exactamente igual que otra de 250 ppi. La única diferencia que verás es tener que esperar más de 3 veces el tiempo necesario para cargarla. Pero una de 45 ppi se verá bastante mal.

En otras palabras, al usar una resolución mayor a 72 ppi en una imagen que únicamente se verá en tu computadora, sólo le estás agregando peso, sin ningún beneficio en cuanto a nitidez. Por el contrario, si vas a usar una foto tomada de internet para imprimirla en una revista, por lo general se verá bastante pobre, ya que no tiene la resolución suficiente.

Como nota al margen, no sirve de nada “aumentar” o “disminuir” la resolución de una imagen luego de haber sido creada. Sólo puede restarle calidad. Por esta razón, al momento de tomar una foto digital, debes saber de antemano su uso posterior, para así obtener el mejor producto posible.

En una próxima entrada veremos las mecánicas de cómo ajustar el peso de tu imagen, con la menor pérdida posible de calidad. Esto, técnicamente hablando, se llama optimizar tu imagen.

_{Entradas relacionadas:
Cómo optimizar e insertar tus imágenes
En tu blog, un buen video vale por 1,000 imágenes
Imágenes para tu blog}