06.25.08

Medidas, encabezados y plantillas

Publicado en Bloggers: Kindergarten, En WordPress.com tagged , , , en 9:40 am por Karen Blixen

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. :-o :-o :-o

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?

10.17.07

Más sobre tus Páginas

Publicado en Bloggers: Kindergarten, ¿Cómo funciona...?, ¿Cómo se hace...? tagged , , , , en 9:16 am por Karen Blixen

En una entrada anterior veíamos qué son las páginas en WordPress y para qué sirven. En esta entrada, veremos lo que puedes (y lo que no puedes) hacer con ellas.

Dónde van tus Páginas

La plantilla (diseño) que has escogido para tu blog determina dónde van ubicadas las Páginas. Algunas (como la nuestra) las coloca en pestañas en la parte superior del encabezado del blog. Otras, en pestañas o pequeñas barras bajo el encabezado. Algunas plantillas no las ponen en el encabezado.

Lo que hace la plantilla con tus páginas no se puede cambiar, al menos no hasta que seas un experto/a en diseño web y puedas construir tu sitio o tu blog exactamente como lo quieres.

Por otro lado, todos los blogs de WordPress tienen la opción de colocar las Páginas en la barra de navegación (sidebar).

Sin embargo, si tu plantilla ya tiene las Páginas en el encabezado, no las coloques también en tu barra de navegación, por favor. Es redundante.

Como ya vimos, en la plantilla que usamos en nuestro blog, las Páginas aparecen en la parte superior del encabezado, en forma de pestañas, y son: Home, Bienvenido (About), Mapa del Blog, Tus preguntas, Conversando, Éxitos y Glosario. Cada vez que haces click en una de esas pestañas, vas a la Página correspondiente.

Cómo reordenar tus Páginas

Por defecto, WordPress ordena tus páginas por orden alfabético. Sin embargo, no conozco a nadie a quien le convenga este orden en particular, así que lo más probable es que tarde o temprano decidas reordenarlas.

Hay dos formas de hacerlo y, nuevamente, el cómo depende de la plantilla que hayas escogido.

Si tus páginas van colocadas en el encabezado:

  • Crea tus páginas, con su nombre y contenido. Esto lo haces desde tu Panel de Control —> Redactar —> Página.
  • Asigna a tus páginas un número de orden. La que va primero es la 1, la segunda es la 2 y así sucesivamente. Estos números los asignas en “Advanced Options” bajo la caja de texto de la Página, la penúltima opción, abriendo la caja llamada “Orden de la página”. (Estas cajas se abren haciendo clic en la flechita blanca que está a la izquierda del nombre).
  • Haz click en el botón “Publicar” (si estás creando una página) o en el botón “Guardar” (si la estás editando).

Si tus páginas van colocadas en tu barra de navegación:

  • Haz los tres puntos anteriores.
  • Si no lo has hecho aún, coloca el widget “Páginas” en tu barra de navegación. Esto lo haces desde tu Panel de Control —> Design —> Widgets. Aquí, en la columna gris de la izquierda tienes todas tus opciones de widgets. En la columna azul de la derecha, tienes los widgets que aparecen en tu barra de navegación. Simplemente, haz clic en el enlace “Añadir” del widget gris “Páginas”. Y aparece un widget azul “Páginas” en la columna de la derecha.
  • Abre el widget de tus páginas, haciendo clic en “Editar” y selecciona la opción “Clasificar por Orden de Páginas“.
  • Haz click en el botón “Save changes” bajo los widgets azules.

Qué más puedes hacer con tus páginas

Las Páginas, con excepción de Home, son opcionales en WordPress. Puedes no tenerlas. También, puedes, a través de tu Panel de Control, eliminarlas o dejarlas “invisibles” sin necesidad de borrarlas. Igualmente, desde allí les puedes llamar “Páginas”, “Temas”, “Secciones” o como tú quieras, cuando las tienes ubicadas en tu barra de navegación.

Puedes alojar en tus páginas el contenido que quieras. Aceptan texto, fotos, videos, y también comentarios de tus lectores. Puedes editarlas cuantas veces quieras. Puedes inhabilitar los comentarios en ellas (igual que con tus entradas).

Aunque las Páginas de WordPress no aceptan categorías, los buscadores sí rastrean tus Páginas y “se enteran” de su contenido, por tanto puedes esperar que dirijan lectores hacia ellas.

Hace unos meses, WordPress no contaba en tus estadísticas las visitas a tus páginas, pero ahora ya lo hace, así que te informa también cuáles son las más vistas, el número de visitas diarias a ellas, igual que como lo hace con tus entradas.

___________________________________________________________________________________

–> Entrada actualizada 9 Abril 2008
___________________________________________________________________________________

10.08.07

Cómo optimizar e insertar tus imágenes

Publicado en Bloggers: Kindergarten, ¿Cómo se hace...? tagged , , en 11:31 pm por Karen Blixen

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:

bad3.jpg

.
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

10.07.07

¿Cuál plantilla me conviene más?

Publicado en Bloggers: Kindergarten, En WordPress.com, ¿Cómo funciona...?, ¿Qué es...? tagged en 1:19 am por Karen Blixen

Por fin llega el momento tan esperado de seleccionar la plantilla que dará esa apariencia única y exquisita a tu blog y lo hará sobresalir por encima de todos los demás. :-)

WordPress .com, al momento de editar esta entrada, ofrece a sus usuarios 67 diferentes plantillas para escoger y asignársela a tu blog. Luego, puedes cambiarla cuantas veces quieras.


.

Si vas a tu Panel de Control —> Design, verás las 5 páginas que contienen (a la fecha de edición de esta entrada) 66 plantillas. La número 67 es la primera que aparece, arriba a la izquierda, la que tienes seleccionada actualmente, en nuestro caso se llama “MistyLook”.

Luego, de tres en tres y por orden alfabético, se te presentan las siguientes 66 plantillas.

.
kubrick.jpgCuando abres tu blog por primera vez, la plantilla que WordPress le asigna por defecto se llama Kubrick, que es la que aparece en la imagen de la izquierda.

Sobre cada plantilla, verás dos enlaces, uno con el nombre de la plantilla y otro que se llama “Previsualizar”.

Cuando seleccionas el enlace del nombre, le asignas esa plantilla a tu blog, o la “activas”. Cuando seleccionas la imagen de la plantilla o el enlace “Previsualizar”, como su nombre lo indica, puedes ver una prueba de cómo se vería tu blog con esa plantilla. Naturalmente, ésta última es la opción que estarás usando hasta que estés seguro/a de lo que quieres.

Dedícale un tiempo a explorar cada una de las que te gusten y asegúrate de navegar tu blog a través del previsualizador, así podrás saber cómo se ve el nombre de tu blog, tus páginas, los comentarios de tus lectores, las citas que haces, cada uno de los elementos de tu barra de navegación, etc.

.
solips.jpg

En este ejemplo, de mi propio blog en el previsualizador, podemos ver de inmediato que a pesar de lo mucho que me gusta, “Solipsus” no podría ser jamás la plantilla adecuada para mi blog, a menos que decida eliminarle las últimas tres palabras al título, lo cual no ocurrirá. :-)

Hay decenas de criterios que puedes contemplar para decidirte por una plantilla. Sin embargo, tanto para no robarte la diversión de explorar por ti mismo/a todas las posibilidades, como por la naturaleza de nuestro blog, utilizaremos acá los seis más sencillos.

Ejemplo de un proceso de selección

Ahora seleccionaremos un tema a partir de un proceso de descarte, en base a las “preferencias” de un blogger imaginario. Si no tienes tu propio dato estable en cuanto a criterios de selección, puedes tomar este mismo proceso como tu dato estable, para ayudarte a decidir.

[Nota: este proceso imaginario se realizó cuando sólo había 62 plantillas disponibles. Por esta razón, las 5 más recientes no se mencionan.]

1. Número de columnas. Hay plantillas de 1, 2, 3 y 4 columnas (incluyendo la principal, que es donde van las entradas). Mientras más columnas le asignas a tu blog, más estrecha queda tu columna principal y necesitas más elementos para colocar en tus barras de navegación, para que se “justifique” su existencia.

Generalmente, los bloggers de alto nivel técnico usan 3 o 4 columnas, para exhibir sus largas colecciones de ciber-juguetes, premios, afiliaciones y anuncios.Por otro lado, en los blogs de una sola columna, los elementos de navegación van abajo, al final de todas las entradas. Esta disposición te obligará a ti y a tus lectores a bajar y subir cada vez que necesiten uno de estos elementos.

Nuestro blogger imaginario está comenzando un blog, por eso no necesita más de dos columnas. Y sí desea tener una barra de navegación “al alcance de la mano” en todo momento. Entonces, usaremos dos columnas.

2. Imagen en el encabezado. El segundo criterio sería decidir si queremos una imagen en el encabezado o no. Hay plantillas con imágenes fijas, como Banana Smoothie, Dusk, Fauna, Fleur de Lys, Flower Power, Girl in Green, Greenery, etc. Otras, como Benevolence, Blix, Chaotic Soul, Connections, Contempt, Kubrick o K2-Lite, entre otras, tienen una imagen (o un color) que puedes sustituir por la imagen que desees.

Según lo que vimos en la entrada Imágenes para tu blog, en general, una imagen en el encabezado podría ahorrarte “el problema” de buscar una nueva imagen cada vez que publicas una entrada. Nuestro amigo ficticio está muy feliz de ahorrarse ese trabajo por el momento, así que escogemos una plantilla con imagen editable en el encabezado.

Con estos dos simples criterios, hemos descartado nada menos que 45 plantillas y nos quedamos con apenas 17 para elegir: Benevolence, Blix, Chaotic Soul, Connections, Contempt, Cutline, Freshy, K2-lite, Kubrick, MistyLook, Neat!, Ocean Mist, Pool, PressRow, Regulus, Sapphire y Tarski.

Ya se hace más fácil, ¿verdad? Y, curiosamente, éstas son las plantillas más populares. Los siguientes criterios que te recomiendo examinar son:

3. Páginas en el encabezado. La ventaja de este tipo de diseño es que vuelve a tus Páginas más visibles y por tanto más accesibles. La desventaja es que tienes que escoger nombres muy cortos para ellas y, dependiendo de la plantilla, tienes un máximo de tal vez 5 páginas, ya que simplemente no te caben más en una línea y seguramente estarás de acuerdo en que 2 líneas de páginas en un encabezado se ven horrorosamente mal.

Tienen las páginas en el encabezado: Blix, Contempt, Cutline, Freshy, K2-lite, MistyLook, Ocean Mist, Pool, PressRow, Regulus y Tarski. Nuestro blogger imaginario no piensa incluír más de 4 páginas así que con este criterio no descartamos ninguna plantilla.

4. Barra de navegación disponible en todo momento. Hay algunas plantillas en que la barra de navegación aparece sólo en la página principal. En algunas, la barra de navegación “desaparece” cuando abres una entrada. En otras, cuando vas a una Página. En otras, desaparece en ambos casos. En mi opinión muy personal esto ¡es impensable! Es como navegar sin instrumentos, ni mapas, ni rutas. Nuestro amigo blogger invisible está de acuerdo conmigo en este asunto. Así que descartamos Blix, Connections, Kubrick y Sapphire.

5. Diseño y tipografía. Hay plantillas de letra grande (como Cutline, Freshy y PressRow), otras de letra mediana (MistyLook, Tarski, Contempt y K2-Lite) o pequeña (OceanMist, Regulus). Algunas, tienen problemas con los márgenes y, especialmente en la barra de navegación, algunos de sus elementos “se montan” sobre las líneas divisorias (Ocean Mist y en algunos navegadores, Neat! y Freshy). Esto no se ve muy bien que digamos. Algunos de ellos tienen una combinación desagradable entre mayúsculas y minúsculas (aunque esto es puramente una cuestión de gustos). A nuestro blogger imaginario le gusta como se ve la letra mediana y no le gustan los títulos y textos en mayúsculas. Por ello, descartamos Benevolence, Cutline, PressRow, Ocean Mist y Regulus.

6. Naturalmente, tu gusto personal tiene la última palabra. Ya sólo nos quedan ocho plantillas: Chaotic Soul, Contempt, Freshy, K2-lite, MistyLook, Neat!, Pool y Tarsky. Nuestro blogger encuentra “aburridas y rígidas” las plantillas Contempt y Pool. Y MistyLook y Tarski le parecen “muy femeninas”.

Así que ahora sólo nos quedan cuatro: Chaotic Soul, Freshy, K2-lite, y Neat! Nuestro blogger se da cuenta de que definitivamente le gustan las plantillas oscuras y “osadas” y de éstas, la más oscura y “osada”, según su opinión, es Chaotic Soul.

Y así, por fin, ¡tenemos un ganador!

En el caso de que tú también te hayas decidido por una plantilla con encabezado editable, tu próximo paso es escoger tu imagen perfecta e insertarla en el encabezado. Para hacerlo, sigue las instrucciones en Panel de Control —> Design —> Cabecera de Imagen Aleatoria, especialmente en relación a las medidas que allí se especifican.

10.05.07

Imágenes para tu blog

Publicado en Bloggers: Kindergarten, Comunicación, ¿Qué es...? tagged , , , , , , , en 2:34 pm por Karen Blixen

Muchas personas que comienzan un blog se preguntan ¿debo ponerle imágenes a cada entrada? ¿cuántas imágenes se deben usar y de qué tipo? ¿qué hago con los derechos de autor (copyrights)? En esta entrada voy a intentar responder a estas preguntas. Si no lo logro, ya sabes qué hacer: simplemente déjame un comentario en esta Página con las preguntas adicionales que tengas sobre esta entrada. :-)

¿Con imágenes o sin imágenes?

Ésta es la primera decisión que debes tomar, en lo que respecta al tema de las imágenes. Pero no te preocupes demasiado, siempre puedes cambiar de opinión más adelante, si descubres que fue la decisión incorrecta.

Para fines de tu blog, las imágenes juegan dos papeles principales: comprensión y estética.

Las imágenes son útiles para la comprensión de un texto, ya que son un sustituto razonable de “la masa” de aquello sobre lo que escribes. La falta de masa es la primera barrera a la comprensión y cuando esta falta es muy grande, llega a provocar manifestaciones bastante desagradables a tus lectores, como aburrimiento, dolor de cabeza o de ojos, sensaciones extrañas en el estómago, etc.

Hay temas que necesitan más masa que otros. Cuando tratas de explicar cómo funciona o dónde se localiza algo, y en ciertas descripciones de cosas o eventos, las imágenes resultan ser imprescindibles. Por eso, si escribes sobre temas técnicos o científicos, o sobre cualquier cosa con la que tus lectores puedan no estar muy familiarizados, unas cuantas imágenes te serán muy útiles.

Por otra parte, para la mayor parte de las personas (¡espero que seas una de ellas!), la estética es algo importante. Pero ten cuidado. Porque en este sentido, las imágenes son una espada de doble filo para tu blog: pueden contribuir a hacerlo más bonito y atractivo, o, por el contrario, pueden afearlo bastante y hacer que tus lectores se sientan incómodos en él. El resultado depende de tu propio conocimiento y pericia en las leyes básicas del diseño y la estética. Si no las conoces, es bueno que las aprendas. Sólo tienes que investigar un poco, no es un tema muy complicado.

¿Cuántas imágenes?

A partir de mi modesta experiencia en estos afanes, lo que he observado y lo que te podría recomendar es muy sencillo: USA EL MÍNIMO POSIBLE.

  • En aras del tiempo. Un blog es esencialmente un medio de comunicación escrita. A menos que la imagen sea el tema de tu blog (como en una galería de arte, o de fotografías de tus creaciones, por ejemplo), si pasas más tiempo ocupándote de las imágenes que vas a insertar que de lo que escribes, hay algo que está al revés. Revísalo y haz los ajustes correspondientes.
  • En aras de la claridad. En general, aquello de que “una imagen vale por mil palabras” es muy cierto. Imagínate entonces lo que significa para tus lectores agregar mil palabras a cada entrada que escribes. Imagínate ahora lo que sería agregarle dos, tres o cuatro mil palabras y tendrás una idea de lo que quiero decir. Una entrada o una barra de navegación repleta de imágenes, botones, anuncios, ciber-juguetitos y toda clase de símbolos que sólo unos cuantos “iniciados” comprenden y pueden usar, a menos que seas un diseñador/a experimentado/a y a menos que tus lectores sean “iniciados”, a lo único que contribuyen es a aumentar el nivel de confusión en tu blog.
  • En aras del sentido común. Por ejemplo, si ya has escogido una plantilla que lleva una imagen en el encabezado, no necesitarás otras imágenes “para que se vea bonito”, porque ya tienes la imagen que tus lectores verán en cada entrada que publiques (la cual puedes cambiar cuantas veces quieras). Si le agregas, “por estética”, otra imagen a cada entrada, tendrás ahora el problema adicional —e innecesario, a mi modo de ver— de hacer que tu imagen combine bien con la de tu encabezado, y no haya un choque en términos de color, estilo, etc. Y si no solucionas bien este problema, habrás creado un blog falto de armonía y, por tanto, de la belleza que precisamente estás tratando de alcanzar.

¿Dónde obtienes imágenes?

En mi opinión, lo ideal sería que tus imágenes fueran “hechas en casa”, es decir creadas por ti mismo/a, pero esto no resulta factible en la mayoría de los casos, no todos podemos ser un Saint Exupery e ilustrar nuestras propias novelas…

Afortunadamente, en la comunidad de Internet existe ayuda e intercambio en abundancia. Te doy un Sitio, para comenzar: Flickr. Es un espacio donde miles de fotógrafos/as profesionales y aficionados publican sus creaciones. Por acuerdos que existen en la red, la gran mayoría de las fotos de este Sitio en particular se pueden usar en los blogs sin fines de lucro.

Simplemente vas, abres una cuenta ¡y te puedes pasar semanas completas mirando hermosas imágenes! La mayoría de las veces, las fotos disponen de versiones en varios tamaños y herramientas para descargarlas. También, tienen espacios para dejarle un amable comentario o al menos las gracias al autor/a de esa foto que te fascina, para crear un archivo con tus favoritas ¡y también para subir tus propias fotos!

¿Qué hay de los derechos de autor?

En este punto, es muy muy importante que comiences a enterarte acerca de los copyrights. Básicamente, hay dos tipos. El que tiene el símbolo © significa “propiedad privada” y no lo puedes usar ni coger prestado. El otro tipo es una licencia especial, llamada Creative Commons, que es maravillosa a la hora de compartir creaciones. En este enlace encontrarás toda la información . (Si no lees inglés, por favor léela a través de un traductor). Estudia los datos que te da este Sitio, compréndelos y úsalos. Las fotos de Flickr muchas veces usan este tipo de licencia, otras no; usan la © de “Todos los derechos reservados”. Ahora bien, siempre debes darle el crédito al autor/a de la imagen, lo pida o no. En el blog Clear Santo Domingo!, debajo de las imágenes, puedes ver un buen modelo de cómo se pueden acreditar.

Finalmente, sucede que WordPress es extremadamente estricto con el asunto de los derechos de autor. Muchos blogs han sido clausurados por violación a sus Condiciones de Servicio en lo que respecta a los copyrights. Nuevamente, si no lees inglés, estúdialas a través de un traductor, pero por favor no dejes de hacerlo. No puedes alegar desconocimiento, ya que al abrir tu blog, te comprometiste a regirte por estas reglas. Por esta razón, es importante que te informes e investigues y si no estás seguro/a de la licencia de una imagen en particular, simplemente no la uses.

En una próxima entrada, veremos la parte mecánica de como preparar e insertar las imágenes en tu blog.

Entradas relacionadas:
Cómo optimizar e insertar tus imágenes
Las medidas de tus imágenes
En tu blog, un buen video vale por 1,000 imágenes

06.13.07

Anatomía de tu blog

Publicado en Bloggers: Kindergarten, Bloggers: Primaria, Comunicación, En WordPress.com, ¿Cómo se hace...?, ¿Qué es...? tagged , , , , , en 7:43 pm por Karen Blixen

Esta entrada tiene el propósito de darte una visión panorámica de las partes que componen tu blog, a un nivel introductorio. Por esa razón, no entraremos en detalles, ni mucho menos en tecnicismos.

Tu blog tiene 2 partes principales.

A la primera parte, la parte VISIBLE para el resto del mundo, le podrías llamar “el blog en sí”. Es lo que todo el mundo puede ver cuando va al url de tu blog, es decir, cuando va a http://el-nombre-de-tu-blog.wordpress.com

La segunda parte, la parte INVISIBLE para el resto del mundo, es el panel de control (tablero), que sólo puedes ver tú y las personas que designes como usuarios de tu blog. De esta segunda parte, que es mucho más extensa y compleja que la primera, te daremos algunos detalles en futuras entradas. Lo “básico-básico” está en esta entrada.

La parte visible: Tu blog en sí

Tu blog, a su vez, tiene varias partes. Las 3 más importantes son la columna principal, que es la columna más ancha, donde aparecen tus entradas (la columna que estás mirando en este momento); la barra de navegación, que es la columna más delgada que se encuentra a mano derecha en este blog; y el encabezado, que es la parte superior.

Estas partes pueden verse de manera diferente, dependiendo del diseño (plantilla) que escojas, pero todo blog las tiene y siempre las encontrarás en alguna parte de él.

La columna principal

Extrañamente, no hay mucho que decir acerca de la columna principal, excepto que es la principal porque es donde está el contenido de tu blog.

En WordPress, esta columna puede mostrar hasta 20 entradas (la opción por defecto es que muestre las últimas 10 entradas).

Dependiendo de la plantilla (diseño) que escojas para tu blog, esta columna será muy estrecha, estrecha, regular, ancha o muy ancha.

La barra de navegación

Llamada también “barra lateral” (“sidebar”, en inglés), la barra de navegación ¡es un gran invento! Y la de WordPress es extremadamente flexible, útil y versátil.

Como su nombre lo indica, esta barra (o columna) te sirve para navegar, es decir para “ir” a los diferentes sitios a los que quieres ir. Como autor/a de tu blog, te sirve para enviar a tus lectores a donde quieres que vayan.

Una barra de navegación bien diseñada y construida es como un aeropuerto eficiente, con todas las rutas, itinerarios, mapas y horarios muy claros y precisos, en donde nadie se pierde.

Al momento de escribir esta entrada, WordPress te ofrece 23 diferentes tipos de información que puedes incluír en tu barra de navegación. Nuestro blog sólo usa, por el momento, 8 tipos diferentes. Puedes verlos a la derecha:

    Categorías (este es el nombre que le da WordPress, tú le pones el que quieras, nosotros le pusimos “Índice del blog”). Aquí, WordPress archiva automáticamente todas tus entradas, ordenadas según su categoría (o tema).
    Nube de etiquetas (le llamamos “Aquí hablamos de”). Esta es la colección completa de etiquetas (tags) que usas más frecuentemente, mostradas en forma de “nube”. Una nube es una lista (en este caso de etiquetas) por orden alfabético, donde las etiquetas más usadas se ven más grande y las menos usadas se ven más pequeñas.
    Entradas recientes (le pusimos “Lo más reciente”). En esta parte, WordPress coloca automáticamente las últimas entradas que has publicado.
    Comentarios recientes (este es el nombre de WordPress, nosotros le llamamos “Nos comentan”). Aquí, WordPress coloca automáticamente los últimos comentarios que has recibido de tus lectores.
    Blogroll Este es un nombre “genérico”. Significa, literalmente “lista de blogs”. Es el listado de tus blogs amigos. Aquí, es donde tú pones los blogs que quieres que tus lectores visiten. En nuestro blog, el blogroll se divide en tres categorías: “Alumnos y exalumnos”, “Blogroll de Scientology” y “Maestros, modelos y amigos”.
    Estadísticas del Blog (es el nombre de WordPress, nosotros le pusimos “Hemos recibido xxx visitas”) Aquí, WordPress cuenta automáticamente cada página que visitan tus lectores.
    Archivos (es el nombre de WordPress, nosotros usamos “Archivos por mes”). Aquí, WordPress archiva automáticamente todas tus entradas, ordenadas por mes.

El octavo tipo de información son los espacios destinados a alojar gráficos con enlaces (o sin ellos) o alojar textos. Los gráficos, en nuestro caso, son los botones de “Herramientas”, o de “Para iniciar tu blog, haz clic aquí”, o “I love WordPress”. Los textos son –por ahora– nuestro lema: “Un ser esta vivo en la medida en que se pueda comunicar. L. Ronald Hubbard”.

Todas estas opciones las encuentras en tu Panel de Control, haciendo click en “Design” (diseño) y luego en “Widgets”.

Un widget, en informática, es un programita muy útil que te da acceso a funciones que usas frecuentemente. En este caso, usas un widget para cada parte que constituye tu barra de navegación: Un widget te muestra las últimas entradas, otro widget cuenta para ti las páginas que visitan tus lectores, otro te sirve para escribir textos o mostrar imágenes, otro lo usas para tu Blogroll y así sucesivamente.

Al principio, no necesitarás conocer ni usar más widgets que los anteriores en tu barra de navegación.

Como mencionábamos al comienzo de esta entrada, la barra de navegación puede tener aspectos muy diferentes dependiendo la plantilla que escojas para tu blog.

Hay barras de navegación muy sencillas y las hay complicadísimas. Hay blogs, como el nuestro, que tienen una sola barra; hay otros que tienen dos y los hay hasta de tres barras de navegación. En la mayoría de los blogs (como en el nuestro), la barra de navegación está a la derecha; en algunos está a la izquierda; en otros, está abajo.

Sin embargo, una barra de navegación, sin importar cómo se vea, tiene siempre la misma función.

El encabezado

Esta es la parte superior del blog. En algunas plantillas, como la nuestra, incluye una foto o imagen que se puede cambiar a voluntad. En otras plantillas, el encabezado es sólo el nombre del blog o una franja de color con el nombre y un diseño simple…

Algunas plantillas con encabezado de imagen editable incluyen las páginas del blog sobre o bajo el encabezado. En el caso de nuestro blog, las páginas son: Home (la principal), Bienvenido!, Tus preguntas, Glosario, Conversando, Éxitos y puedes verlas sobre el encabezado.

Otras plantillas incluyen las páginas como parte de la barra de navegación.

___________________________________________________________________________________

–> Entrada actualizada 8 Abril 2008
___________________________________________________________________________________

06.11.07

Las Rutas de Navegación

Publicado en Bloggers: Kindergarten, ¿Cómo se hace...? tagged , , , , , , en 1:30 am por Karen Blixen

En esta entrada están las rutas de navegación de este blog, para que quienes llegan por primera vez puedan orientarse un poco mejor. Haré todo lo posible por mantenerlas actualizadas.

Lo primero es que determines a qué clase de navegante pertences.

ASPIRANTE NO MUY CONVENCIDO AÚN. Si eres de los que en el día más caluroso, meten con temor el dedito gordo del pie en el agua antes siquiera de darse un chapuzón, pero a pesar de eso, estás considerando la posibilidad de crear tu propio blog, comienza por aquí.

ASPIRANTE DECIDIDO. Si eres de los que de tanto ver blogs buenos y buenísimos, arden en deseos de comenzar a construír el suyo propio, y aunque no saben nada del asunto, sí saben que harán que salga bien, sigue esta ruta.

APRENDIZ APLICADO. Si perteneces a los osados navegantes que han comenzado desde cero la construcción de su propio navío, pero aún no terminan el casco, continúa con este itinerario.

PRE-PROFESIONAL. Si tu nave ya está terminada y sólo te faltan los detalles decorativos y las rutas más recomendadas, pues simplemente da un paseo por nuestros archivos por tema y mira a ver qué te apetece leer hoy. Además, tal vez quieras compartir tus éxitos con nuestros lectores, en este enlace .

___________________________________________________________

Ruta para pre-aspirantes a blogger.

  1. Lee esta entrada: Descubre si calificas para blogger profesional (I)
  2. Lee esta historia de éxito: ¡Sí se puede!
  3. Decide convertirte en un blogger o decide que no lo harás por ahora.

Si decidiste hacerlo, ¡muy bien hecho! Ahora eres un aspirante. Pasa a la siguiente ruta. :-)
_____________________________________________________________

Ruta para aspirantes a blogger profesional.

  1. Lee esta entrada: Descubre si calificas para blogger profesional (I).
  2. Lee la sección “Lo que esperamos de ti”, en la Página de bienvenida.
  3. Lee esta entrada: Cómo comenzar un blog.
  4. Sigue las instrucciones en (2) anterior y abre tu blog.
  5. Lee esta entrada: Anatomía de tu blog.
  6. Lee esta entrada: La mecánica de publicar una entrada.
  7. Escribe tus primeras 3 entradas y publícalas.
  8. Date cuenta de que ya tienes tu blog. ¡Felicidades!
  9. En esta página, déjanos saber de tus éxitos.
  10. Lee esta entrada: WordPress es donde estás.

¡Muy bien hecho! Ahora eres un aprendiz. Pasa a la siguiente ruta. :-)

_____________________________________________________________

Ruta para Aprendices dedicados.

  1. En una nueva unidad de tiempo (como si nunca la hubieras leído antes), lee esta entrada: Anatomía de tu blog.
  2. Lee esta entrada: Qué es el panel de control.
  3. Lee esta entrada: Sitios web, páginas web y blogs.
  4. Lee esta entrada: Las Páginas en WordPress.
  5. Lee esta entrada: Más sobre tus Páginas.
  6. Determina cuáles páginas vas a necesitar y créalas. Esto se hace en el Panel de Control (Tablero) —> Redactar —> Página. De ser necesario, reordénalas. Si tienes dudas o preguntas, déjame un mensaje.
  7. Lee esta entrada: Las categorías en WordPress.
  8. Lee esta entrada: Ya tenemos “tags” en WordPress.com.
  9. Determina cuáles categorías y/o tags vas a necesitar y créalas de acuerdo a las instrucciones que acabas de leer. Revisa tu barra de navegación para asegurarte que el resultado final es el que buscas. De ser necesario, haz los ajustes correspondientes. Si tienes dudas o preguntas, déjame un mensaje.

Por ahora, llegamos hasta aquí en la secuencia. Regresa a esta Página para enterarte de lo nuevo. :-)