Nuevo editor de WordPress.com. Escritura de artículos

Aunque WordPress lo venía anunciando desde hacía tiempo, hace un año se puso en marcha de forma obligada su nuevo editor de texto, una herramienta muy útil de la que a veces no se tiene suficiente conocimiento.

En principio no tuvo mucha aceptación entre los usuarios, que consideraban al editor antiguo mucho más didáctico y sencillo de utilizar. Sin  embargo, a pesar de las quejas recibidas, WordPress se mantuvo en su postura, dejando una opción para seguir usando el anterior editor, aunque no con todas sus funciones operativas.

A continuación se indica como trabajar con el editor antiguo desde esta nueva versión de WordPress.com.

a) Acceso al Editor Clásico o Antiguo
Para su utilización se seguirán los siguientes pasos (ver figuras adjuntas):

Clic en símbolo + > Clic en Clásico > Clic en el interior de Clásico > Aparecerá el editor antiguo con las distintas opciones disponibles.

b) Escritura de un artículo nuevo con el Editor Clásico
Se indican los pasos a seguir.
Lo primero será activar el Editor Clásico como se ha señalado en el apartado anterior.
Una vez abierto o añadido el nuevo artículo se podrá ya escribir directamente en el Editor Visual o bien, si se utiliza un archivo Word de apoyo, copiar su contenido, lo que mantiene las ‘negritas’, pero no el tipo de letra. El texto se presenta con doble espacio entre frases aunque pertenezcan a un mismo párrafo. Si se desea que formen un solo bloque a simple espacio, su corrección se realizará pasando a la opción Editor HTML de acuerdo con el proceso reflejado en las figuras siguientes.

Se escribirá <p> </p> para delimitar los extremos del bloque que deseamos forme un conjunto. Para que figuren a un simple espacio las frases que lo conforman se sustituirán sus extremos </p> y <p> del final de cada una y comienzo de la siguiente por <br />.

Siendo su correspondencia en el Editor Visual la indicada en la figura.

c) Asignación de Categoría y Etiqueta
Se hará clic (ver figuras) en Ajustes > Entrada > Indicar Categoría y Etiqueta (si procede)

El resto de funciones, sobre todo las referentes al texto, son más o menos las mismas del antiguo Editor.

Insertar una galería de fotos en la barra lateral del blog

En uno de nuestros post acerca de las propiedades más interesantes del blog WordPress.com hemos explicado como ‘Insertar una galería de fotos’ en un artículo en distintos formatos (miniatura, carrusel,…). Ahora bien, en ocasiones esta galería de imágenes no tiene por que estar relacionada con un post determinado. Al contrario, creemos que por su importancia lo mejor es que se encuentre cercana a la cabecera del blog, siempre visible, de forma similar a como aparecen los distintos widgets incorporados en su barra lateral. Pues bien, el blog de WordPress.com también dispone de un widget en determinadas plantillas que permite realizar esta función. A continuación explicamos los diferentes pasos para su instalación.

La primera operación será comprobar que en nuestra plantilla se encuentra el widget ‘Galería’. Para ello en nuestro Panel de Administración haremos clic en Apariencia > Widgets.

Para su instalación solo hay que arrastrarlo con el ratón hasta la barra lateral y, tras elegir el lugar en que queremos que aparezca, soltar el botón izquierdo. Una vez realizado se procederá a cumplimentar las distintas opciones o configuración que se nos ofrecen mediante los Ajustes necesarios:

Título:
Título para identificación que aparecerá encima de la galería en su barra lateral.

Imágenes:
Imágenes a mostrar en la galería. Para su selección clic en ‘Elegir imágenes’.

Enlace a (Link):
Dispone de las siguientes opciones:
– Carrusel: Un carrusel de tamaño completo que permite desplazarse por toda la galería con una imagen cada vez.
– Página adjunta: Una página de nuestro blog que muestra la imagen del tema seleccionado.
– Archivo multimedia: Enlace directo a la imagen cargada en tamaño completo.
La opción “Enlace a” no se aplica a las presentaciones de diapositivas.

Orden aleatorio:
Se marcará siempre que se desee que las imágenes se muestren en orden aleatorio.

Estilo:
Las opciones disponibles en este caso son: mosaico, mosaicos cuadrados, círculos o presentación de diapositivas.

Pasos a seguir en el proceso de elección de imágenes:
a) En la configuración del widget,  clic en Elige las imágenes.
b) Para agregar imágenes de nuestro ordenador, clic en Subir archivos > Seleccionar archivos y efectuar la selección.
c) Para agregar imágenes que se encuentran en la Biblioteca multimedia del blog, clic en Añadir a la Galería en la parte superior izquierda y elegir las imágenes que se deseen incluir.
Completada la selección, clic en el botón Añadir a la galería en su parte inferior derecha.

Finalizados todos los pasos anteriores aparecerá una pantalla en la que solo habrá que hacer clic en Insertar Galería para que queden incorporadas las imágenes. A continuación solo quedaría hacer clic en Guardar para que queden incluidos todos los cambios realizados y la Galería de imágenes  lista para visualizar en la barra lateral del blog.

Insertar vídeos de Youtube en la barra lateral

Ya hemos visto que los Widgets son una de las opciones más interesantes en cualquier blog porque permiten acceder directamente a determinados contenidos desde la barra lateral que por su interés queremos que destaquen. Su situación, muy cerca de la cabecera, a primera vista del lector, es uno de sus atractivos. El blog gratuito WordPress.com, aunque no en todas sus plantillas, hubo un tiempo en que dispuso de esa posibilidad por medio del widget Vodpod, un servicio cuyo único requisito era tener activada una cuenta para alojar nuestros vídeos. El problema se presenta cuando dicho widget no se encuentra disponible. Pues bien, existe otra manera de lograrlo. En este post haremos solo referencia a los vídeos de Youtube, quizás el servicio o sitio Web más popular.

Para ello seguiremos los siguientes pasos:
– Una vez elegido el vídeo a insertar se visualizará la dirección de la página en la que se muestra, p.e: [https://www.youtube.com/watch?v=gZDqwX39wbg].

– A continuación, clic en el botón Compartir situado debajo del reproductor de vídeo (si no se encuentra visible, clic previo en Mostrar más).

– Luego clic en Insertar (si no se visualizasen todos los parámetros de la acción, clic de nuevo en Mostrar más).

– Una vez realizado, podemos ver como debajo del botón Insertar aparece el tamaño del vídeo. A continuación, clic en Personalizado para ajustar sus dimensiones al espacio normalizado de la barra lateral del blog de WordPress.com (aprox. 229 * 179 píxeles, aunque con escribir la primera cifra (su altura) es suficiente pues el sistema ajusta de forma automática).
– Desactivar el apartado o parámetro Mostrar sugerencias de vídeos cuando finalice….
– A continuación clic derecho en el código del cuadro de texto situado debajo de Insertar, luego Copiar.

– Finalizadas las acciones anteriores entramos en la fase de añadir un widget de Texto en la barra lateral cuyo proceso hemos descrito en otro post. Luego, en su apartado Contenido, clic derecho, Pegar. Se puede observar como queda insertado el código del vídeo con los nuevos parámetros (229 * 172) al tiempo que WordPress lo transforma en un shortcode (código acortado). A continuación introducimos un Título identificativo (p.e. PRUEBA VÍDEO) y finalmente clic en Guardar.
– Tan solo nos queda comprobar el correcto funcionamiento del vídeo y su aspecto final. La acción más directa es ir a la esquina superior izquierda del Escritorio, clic en Mi sitio > Ver sitio, aunque cualquier otro método es válido para acceder a la cabecera del blog y a su barra lateral.

Crear y configurar un blog en WordPress.com

En posts anteriores hemos analizado algunas aplicaciones de WordPress.com. Ya es hora de hablar de su primera necesidad: como crear y configurar un blog. Al menos en sus aspectos más importantes.

Para crear un blog lo primero que se requiere es un servidor donde se aloje. O lo que es lo mismo, contratar un dominio y un alojamiento por los que normalmente se cobra. Ahora bien, en el caso de WordPress es preciso distinguir entre su gestor de blogs, que se puede descargar de la página oficial de WordPress.org, y el servicio WordPress.com, donde se alojan los blogs gratuitos. Esta última posibilidad es la forma más sencilla para empezar en el mundo de los blogs, pues no hay que preocuparse de la instalación del gestor (nos lo dan todo hecho). Tan sólo tenemos que configurarlo a nuestro gusto dentro de unas limitaciones; la mayoría de las veces, todo hay que decirlo, más que suficientes.

Una primera conclusión, y ventaja sin duda, es que WordPress.com tiene el dominio y alojamiento gratuitos. Cosa muy diferente es si sus prestaciones y nuestras necesidades van en la misma línea. Lo habitual es que sus “herramientas” sean suficientes para atender a nuestras “aspiraciones». Aquellos que requieran necesidades mayores, además del propio gestor de blogs, no tendrán más remedio que contratar un dominio (nombre con el que nos vamos a identificar en la red) y un alojamiento (hosting o servidor). El gestor lo podríamos descargar, por ejemplo, de la página de WordPress.org, que suele ser también gratuito, pero no así el resto de requisitos.

Vayamos al objeto del artículo:

Crear un blog en WordPress.com
Lo primero sería entrar en la Web de WordPress.com, registrarse y cubrir un formulario muy sencillo. Si todo ha sido correcto, al final aparecerán los datos con nuestro registro, dirección o dominio del blog y el título que hayamos elegido que se verá en su cabecera. La aplicación avisará que el blog ha sido creado y nos invitarán a ver su portada, que en principio no nos satisfará, pues lo normal es que nos parezca algo rudimentaria. Lógico: en esta primera apariencia el blog suele presentar un aspecto muy simple. Ha llegado entonces la hora de cambiar la plantilla y configurarlo a nuestro gusto. Pero… ¿cómo entrar en la administración del blog para hacerlo?

Configurar el blog
En la parte superior se puede observar una barra de menús con las siguientes opciones: Stats – My Blogs – New Post.

Si hacemos clic en My Blogs se desplegará el panel de administración, el “corazón” del blog. Es entonces cuando podremos acceder a las distintas posibilidades de configuración que aparecerán en la columna de la izquierda con las distintas opciones disponibles. Comentaremos solo las más importantes:

Escritorio:
a) Estadísticas del sitio.- Recoge con mucho detalle las entradas a cada artículo y diversa información muy interesante.
b) Estadísticas Akismet.- Permite separar los comentarios spam.
c) Mis Blogs.- Acceso directo a los distintos blogs que tengamos registrados (si tenemos más de uno)

Entradas
a) Todas las entradas.- Incluyen los distintos posts publicados y aquellos en elaboración en orden cronológico inverso.
b) Categorías.- A cada entrada del blog se le pueden asigna una o más categorías para su clasificación.
c) Etiquetas.- Sirven también de apoyo para la clasificación de las entradas (normalmente después de una categoría previa).

Medios
a) Librería Multimedia.- Una de las secciones más utilizadas que nos permite transferir archivos de nuestro PC.
c) Añadir nuevo.- Para cargar nuevos archivos (imágenes, texto,…) a incorporar a un artículo determinado.

Enlaces
a) Añadir nuevo.- Permite crear enlaces a Webs.
b) Categorías de enlaces.- Se utiliza para crear categorías, clasificar los enlaces y, mediante widgets, mostrarlos por separado en la barra lateral.

Páginas
a) Añadir.- Se suelen incluir como páginas estáticas de información o apoyo. Pueden ir en el lateral o en la cabecera del blog en función de la plantilla o diseño que se haya escogido.

Apariencia
Se trata de la parte más importante en la configuración de un blog desde el punto de vista estético.
a) Temas.- Sirve para seleccionar el diseño general entre los muchos propuestos por WordPress.com. En su mayoría permiten configurar la imagen que aparecerá en el encabezado y personalizar otra serie de detalles. Elegir el diseño más adecuado será parte del éxito futuro. Su instalación es muy sencilla: solo hay que entrar en el panel de administración y activar la plantilla o tema que más nos interese. Con un simple clic sobre la imagen seleccionada nos mostrará una previsualización. Una vez elegida la definitiva solo habrá que hacer clic en la pestaña “Activar” para dejarla instalada.
b) Widgets-. Una de las opciones más interesantes. Permite añadir a la barra lateral una serie de elementos de carácter informativo o interactivo, que si se eligen bien le dan al blog una gran funcionalidad. Por ejemplo, relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, clasificación por categorías, vídeos, etc. Una de sus ventajas es que se pueden añadir sin preocuparse de modificar los códigos. Se trata de una pequeña aplicación o programa que facilita el acceso a determinadas funciones usadas con relativa frecuencia y que bien seleccionados son muy útiles. Aunque conviene hacer una advertencia: recargar un blog con un exceso de widgets no es muy recomendable, pues se consigue el efecto contrario al deseado. No todas las plantillas del blog de WordPress.com tienen la opción de instalar widgets; por eso antes de decidirse por una es importante comprobar previamente si esta posibilidad aparece en su panel de administración. De no ser así, por muy bonita que nos parezca no merecerá la pena, pues estamos perdiendo algo mucho más importante: hacer un blog operativo. Por tanto, lo primero será siempre elegir una “plantilla” o “tema” que permita la instalación de “widgets”.
c) Menús.- Para crear nuevos menús si el tema o plantilla elegida los incluye.
d) Cabecera.- Personaliza la imagen y el texto de la cabecera del blog.

Cuando alguien se decide a escribir un blog lo más lógico es optar al inicio por un sistema gratuito. Tiene herramientas más que suficientes para atender a las necesidades «normales». Desde un punto de vista práctico, entre las muchas ventajas que nos ofrece el blog de WordPress.com merece la pena citar las siguientes:

– Un panel de administración totalmente traducido al español.
– Una gran variedad de plantillas con widgets, que ayudarán a personalizar la barra lateral de una forma sencilla y práctica.
– Se pueden crear varios blogs con una misma cuenta.
– Posibilidad de configurar un sistema de categorías y etiquetas para localizar mejor las entradas.
– Ídem. importar el contenido y configuraciones desde otros sistemas como Blogger y exportar nuestros artículos desde el propio WordPress.com.
– Información muy completa de estadísticas.
– Fácil y variado manejo de los comentarios y herramientas de moderación.
– Posibilidad de publicar las entradas por email.
– Amplia disponibilidad, hasta 3 gigabytes, para almacenar archivos.
– Es gratuito.

En la actualidad, WordPress y Blogger son los gestores de blogs más importantes. Como tal comparten muchas características, pero también tienen aspectos muy distintos. En el caso de WordPress.com destaca su estupendo editor visual y la amplia variedad de su gestor de imágenes, que no solo permite archivos jpg, gif o png, sino también vídeos, animaciones flash, presentaciones powerpoint o archivos de texto pdf, doc y odt. Incluso es posible insertar galerías de fotos y código html en su barra lateral mediante widgets. Son muchos los sitios de Internet que ofrecen sus códigos y que mediante un widget de texto, uno de los más utilizados, se pueden agregar textos, código HTML o imágenes. Una gran ventaja, en especial desde el punto de vista educativo, y una de las funciones más interesantes de todo blog que se precie.

Crear un blog lo puede hacer cualquiera, es muy sencillo, cosa distinta es conseguir que tenga éxito. Para ello es muy importante tener claro a quien va dirigido, una apariencia o diseño atractivo y sobre todo ser constante en su actualización con artículos de temática diversa (una de las razones por las que muchos blogs desaparecen). Conocer de antemano las categorías sobre las que se va a escribir, permitirá un mejor uso de las herramientas de publicación y distribución del tiempo entre la edición de artículos. Una correcta planificación influirá sin duda en una mayor difusión y posterior seguimiento del blog.

Bienvenidos al mundo de los blogs.

Insertar un gif animado

Las imágenes son una excelente manera de mejorar la apariencia de nuestro blog de WordPress.com, así como hacer más atractivo el contenido de sus artículos. Su adicción y gestión es muy sencilla, incluso para el caso de gifs animados.

Al insertar un gif, no se sabe muy bien por qué, suele ocurrir que a veces no funciona correctamente. Una de las causas comprobadas es por no realizar la inserción a tamaño completo (es obligado hacerlo al 100% de su tamaño). Pero aún así, no siempre se consigue. A continuación explicamos un método para evitar este tipo de problemas:

Como ejemplo usaremos el gif animado de nuestro artículo sobre la conjetura de Poincaré.

Lo primero que haremos será averiguar la URL del gif en la misma página que se encuentra alojado (clic con el botón derecho del ratón sobre su imagen, e ir a la pestaña de Propiedades). Ver figura.

Dirección URL:
http://upload.wikimedia.org/wikipedia/commons/2/26/Mug_and_Torus_morph.gif

Una vez obtenida la URL solo queda añadir una nueva entrada al blog, o bien modificar la que estemos usando para el artículo de referencia. A continuación, pulsamos el botón Texto  (en algunas versiones de WordPress.com también llamado HTML) y copiaremos el siguiente código en la posición en que vayamos a insertar el gif y entre los signos < >:

img src=»la dirección URL del gif»

O lo que es lo mismo, escribiremos entre los signos < >:
img src=»http://upload.wikimedia.org/wikipedia/commons/2/26/Mug_and_Torus_morph.gif”

Finalmente, solo quedaría comprobar el funcionamiento correcto del gif.

Insertar una galeria de fotos en un artículo

A veces queremos incluir en un post un conjunto de fotos en referencia a un hecho determinado. Una galería de fotos muestra una serie de imágenes en miniatura tal que al hacer clic en una de ellas se presenta a tamaño completo, al mismo tiempo que se pueden ver el resto en formato “carrusel”. El blog de WordPress.com dispone de una aplicación para poder realizarlo.

Lo primero sería crear un nuevo post con un título que, además de servirnos de base para escribir el artículo, incluiría a la galería de fotos en cuestión, y a continuación clic en “Subir/Insertar” (Figura 1) una nueva imagen tantas veces como fotos contenga la galería hasta completarla.

Figura 1

Una vez subidas todas las imágenes, clic en “Guardar todos los cambios” (Figura 2), y ya estaría almacenada.

Figura 2

Si lo deseamos, podemos modificar algunas de sus propiedades activando el botón «Opciones de galería» (Figura 2), bien sea para el orden de presentación o cualquier otra de las posibilidades que se indican. Finalmente, solo queda incluirla en el post haciendo clic en el botón “Insertar galería”.

El efecto visual sería el reflejado en la Figura 3 donde nos aparece el conjunto de fotos de la galería en tamaño miniatura. Si hacemos clic en una de las imágenes se amplifica su tamaño, y permite ver el resto activando las flechas de paso.

Figura 3

Otra posibilidad sería presentar la galería de fotos en formato diapositivas. En este caso, habría que hacer clic en el botón “Insertar slideshow” en lugar del botón «Insertar galería» que hemos utilizado antes. Las imágenes se verían de forma automática, una a una, después de un tiempo determinado que se puede regular; o también de forma manual con las flechas al efecto.

A continuación explicamos como quedarían las pestañas HTML y Visual del tablero de Administración de nuestro blog:
– Pestaña Visual: La Figura 4 muestra como aparecería la la opción “Galería». La opción «Slideshow» no tendría ningún símbolo representativo en su caso.

Figura 4

– Pestaña HTML: El lenguaje utilizado para ambos tipos de presentación sería el indicado en la Figura 5.
a) Para la opción «Galería»: escribir entre corchetes la palabra gallery,
b) Para la opción «Diapositivas»: escribir entre corchetes la palabra slideshow.

Figura 5

Algunas consideraciones a tener en cuenta:

a) No se pueden eliminar imágenes  de una galería ya establecida. Lo único que podemos hacer es excluir aquellas que no nos interesen para la presentación. Haríamos lo siguiente:
– Seleccionar la imagen que no queremos que aparezca.
– Acceder a las propiedades de la imagen seleccionada, bien en la librería Multimedia o en la propia Galería, haciendo clic en la pestaña «Mostrar».
– Clic en el botón “Attachment post URL”, donde nos aparecerá su código (por ejemplo, el 7275).
– Escribir entre corchetes ([ ]) la frase gallery exclude=7275

b) No se pueden insertar dos galerías en un mismo post, salvo que se use distinto código para cada una de ellas. Por ejemplo, la primera podría ser: gallery include=7273,7274,7275, escrito entre corchetes ([ ]), que contiene las imágenes cuyos códigos son 7273, 7274 y 7275, y la segunda: gallery include=7243,7239, también entre corchetes ([ ]), con las imágenes cuyos códigos son 7243 y 7239.

c) No se puede incluir una galería en la barra lateral del blog (slidebar). Además, la anchura de imagen permitida por la propia barra ofrecería una visión muy mala. Se podría hacer utilizando Vodpod pero los resultados tampoco son buenos. Una solución menos mala sería crear un Gif animado con las fotos e insertarlo como widget de Texto.

d) La presentación en el blog del formato tipo diapositivas (slideshow) no permite ajustar su tamaño: está preparado para ocupar el ancho máximo permitido.

e) El formato diapositivas (slideshow) admite otros servicios gratuitos, diferentes del propio WordPress.com, como RockYou o SlideShare, que tienen también otras opciones interesantes.

Para finalizar, a continuación mostramos como sería la «vista previa» de nuestra galería con las 3 fotos elegidas en las dos variantes:

– En formato galería (gallery)

Si hacemos clic en cada miniatura podemos ver cada imagen a tamaño completo.

– En formato diapositivas (slideshow)

El pase de diapositivas requiere JavaScript.

Widgets de «texto»: insertar código HTML, imágenes o texto en la barra lateral

Como ya hemos visto, la instalación de widgets en la barra lateral del blog de WordPress.com es una opción muy interesante para acceder con rapidez a determinadas funciones.

Son muchos los sitios de Internet que ofrecen sus códigos para que puedan usarse en la barra lateral. En este artículo nos vamos a referir al widget Texto, uno de los más utilizados, con el que podremos agregar cualquier tipo de Texto, código HTML o JavaScript e incluso insertar Imágenes.

Su instalación es similar a la de cualquier otro widget. No hay más que arrastrarlo con el ratón hasta la barra lateral, soltar el botón izquierdo y en ese momento queda ya instalado. A continuación, se le da un título si se cree conveniente, se incluye el texto, código html o imagen que se quiere insertar, clic en «Guardar», y la instalación queda completa. Para eliminarlo se hace la operación inversa, arrastrándolo desde la barra lateral a su ubicación original o bien haciendo clic en su opción «Borrar». Algunas plantillas vienen ya con algunos widgets instalados de origen. Es muy importante recordar que los widgets configurados por defecto pueden desaparecer al añadir uno nuevo, siendo preciso instalarlos otra vez de forma individual si se quieren mantener.

En lo relativo a las etiquetas HTML decir que en el blog de WordPress.com solo están permitidas las siguientes: address, a, abbr, acronym, area, b, big, blockquote, br, caption, cite, class, code, col, del, dd, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, li, map, ol, p, pre, q, s, span, strike, strong, sub, sup, table, tbody, td, tfoot, tr, tt, ul, var

Veamos varios ejemplos de funcionamiento del widget Texto:

a) Insertar Texto

Ejemplo de insertar texto en la barra lateral con el widget Texto

Para separar los párrafos se debe acompañar cada uno de ellos de las etiquetas <p> y </p> en su inicio y final. De no hacerlo se verían «pegados» unos a otros.

b) Insertar código HTML
Si las direcciones Web queremos que aparezcan, por ejemplo, en forma de «lista» hay que hacer dos cosas:

– Las listas no ordenadas se etiquetarán con <ul> (al inicio de la primera lista) y </ul> (al final de la última lista) o con <ol> y </ol> en el caso de listas ordenadas.

– Idem. cada uno de los elementos de la lista con <li> al inicio y </li> al cierre.

Ejemplo de insertar código HTML o direcciones Web en la barra lateral con el widget Texto

En el ejemplo hemos creado un acceso directo a nuestras cuentas de Twitter y Facebook. Se puede hacer para cualquier dirección Web e incluso hasta es posible colocar banners publicitarios. En el caso de Twitter se dispone también de otras opciones (ver aquí).

c) Insertar imagen
Otra opción, derivada de la anterior, consiste en insertar una imagen en la barra lateral escribiendo su código html.

Por ejemplo si deseamos que la portada del libro del artículo de nuestro blog La Catedral del Mar. Ildefonso Falcones esté de forma permanente en la barra lateral solo tenemos que escribir la dirección Web o código html de la imagen según se indica a continuación y quedaría insertada.

<img src="https://eltrasterodepalacio.files.wordpress.com/2011/04/la-catedral-del-mar-011.jpg" title="nombre" />
(Donde «nombre» es el texto que aparecería si la imagen no se puede visualizar)

Ejemplo de insertar una imagen en la barra lateral con el widget Texto

d) Acceso directo a una Web mediante una imagen
Se trata de una variante de b) y c). Consiste en acceder a una Web haciendo clic sobre una imagen o logotipo.

Imaginemos que queremos acceder a la página Web de la Universidad Laboral de Córdoba (http://www.laboraldecordoba.es/home.htm) a través de una imagen representativa como la indicada en mi blog (https://eltrasterodepalacio.files.wordpress.com/2010/05/vista-general-libro-recuerdos-de-la-uni-4-041.jpg). Para ello no tenemos más que trasladar las direcciones indicadas a la fórmula siguiente:

Ejemplo de insertar una imagen como acceso directo a una Web con el widget Texto

Lógicamente el tamaño de la imagen resultante se puede redimensionar para adaptarlo a nuestro gusto y a las posibilidades de la barra lateral, pero este tema lo trataremos en un próximo artículo.

Y una recomendación final sobre la que siempre conviene insistir: no es aconsejable llenar de widgets nuestro blog si van a tener poco uso. Además de sobrecargar el escritorio con widgets innecesarios la navegación se puede hacer más lenta.

Insertar animaciones Flash

Siguiendo la línea de mejorar las utilidades de nuestro blog WordPress.com, gratuito pero con unas prestaciones limitadas, avancemos un poco más. Sabemos que los archivos Flash (swf), de uso cada vez más frecuente, en principio no se pueden insertar en un post por no estar el blog así diseñado. Ahora bien, veamos como mediante un pequeño truco se puede conseguir.

El widget Vodpod, que hemos utilizado para activar otras funciones, es una aplicación mucho más poderosa y flexible de lo que parece. Vodpod también es un “traductor” de códigos que permite “filtrar” el código Flash de un sitio Web o de una aplicación y convertirlo a estándares de WordPress.com.

Para insertar un archivo Flash lo único que se necesita es copiar el código natural «embed» que la mayoría de los sitios ofrecen, pasarlo por VodPod, extraer su nuevo código, y finalmente incluirlo en el blog de WordPress.com por medio de un posteo directo o copiando el nuevo código generado en la pestaña HTML del artículo del blog. El único requisito previo es tener activada una cuenta en Vodpod.

Veamos un ejemplo práctico:

1º) Extraer el código “embed” de la animación seleccionada. En este caso se trata de un corto de animación Flash que se encuentra en la dirección:
«http://www.youtube.com/watch?v=NpRGIES3DWE»,
titulado: Music! Madplane Animation

2º) Incorporar la animación a nuestra colección de Vodpod haciendo clic en el acceso directo “Share vídeo” (“compartir vídeo) instalado en la barra de estado de nuestro navegador Firefox, o bien utilizar las teclas que tiene Vodpod al efecto, y copiar su código «embed» tal y como se muestra en la figura.

A continuación, clic en «Continue», y seguir las instrucciones. Por el propio diseño del blog, al tener activado el widget Vodpod, el nuevo vídeo aparecerá también en la barra lateral del mismo.

3º) Una vez incluida en nuestra colección de Vodpod, clic en Share > Blog de la animación seleccionada:

y se genera automáticamente un nuevo artículo en el blog, listo para ser editado si fuese necesario, con la animación incorporada.

El resultado hubiera sido el mismo si en el artículo hubiéramos copiado directamente el nuevo código del archivo Flash. En este caso:
vodpod id=Video.5583516&w=425&h=350&fv=%26rel%3D0%26border%3D0%26, cerrando entre corchetes [   ] los dos extremos. A veces es suficiente con copiar solo la URL pero con el código «embed» de Vodpod suele funcionar mejor. También se puede manipular el código para alterar las dimensiones de presentación del vídeo en el post, aunque se aconseja efectuarlo desde la generación original del widget.

Una vez completado todo el proceso, en el caso de que no nos interesase mantener la animación en la barra lateral del blog habría que eliminarlo de nuestra colección. Para ello sería necesario desactivar previamente el widget Vodpod arrastrándole a la zona de desactivación y volver a activarlo para que quede actualizado, pues en caso contrario la barra lateral no recogería los cambios.

Con esta mejora se abren nuevas posibilidades para los usuarios de WordPress.com, un blog gratuito de prestaciones básicas que con la ayuda de pequeños trucos tiene recursos más que suficientes para introducirse en el mundo de la blogosfera sin apenas limitaciones.

Insertar una selección de vídeos en la barra lateral

A veces nos gustaría que nuestros vídeos «favoritos» tuviesen un acceso directo en la cabecera de nuestro blog, incluidos aquellos que hemos editado en algún artículo y que consideramos de gran interés. WordPress.com tiene la posibilidad de realizarlo, no en todas sus plantillas, activando el widget Vodpod en la barra lateral.

El proceso es el siguiente:

1) Comprobar si el widget Vodpod está disponible en nuestra plantilla.

2) Abrir una cuenta en Vodpod donde almacenar nuestros vídeos preferidos (Ver «Insertar vídeos desde Vodpod»).

3) Instalar el widget Vodpod. (Ver explicación en el post «Instalar widgets»).

Una vez completado el proceso quedarán insertados los vídeos seleccionados.

El número de vídeos no debe ser muy amplio, no se lograría el efecto deseado: que destaquen.  Además, un número excesivo convertiría a la barra lateral en algo poco atractivo, ya hemos comentado que los widgets son muy interesantes siempre que no se abuse de ellos.

Insertar vídeos desde Vodpod

Ya hemos visto en nuestro artículo: Insertar un vídeo de YouTube, Google o DailyMotion que el blog de WordPress.com tiene restringida la opción de insertar vídeos.

No todos los vídeos, aunque si la mayoría, se encuentran alojados en los sitios citados, también pueden estar en Vimeo, otros en Blip.tv, etc. ¿Qué hacer si queremos incluir en alguno de nuestros post un vídeo de otras páginas sin recurrir a la opción de pago? En estos dos casos (y bastantes más) la solución la tenemos en Vodpod, un sitio que además dispone de otras opciones, como hacer tu propia colección de vídeos (propios o no) con su código «embed» e incorporarla, si se desea, a la barra lateral del blog por medio de un estupendo widget, del que hablaremos en otro momento.

Lo primero que tenemos que hacer es crear una cuenta en Vodpod, cumplimentando el nombre de usuario (se corresponderá con la dirección URL del blog de WordPress.com), una dirección de email y una contraseña. Una vez hecho, ya estamos en condiciones de coleccionar los vídeos que nos interesen.

La captura del vídeo se puede realizar siguiendo los pasos indicados en Vodpod o mediante un método más directo, incorporando un botón en Firefox que permite un acceso rápido. Este botón se obtiene haciendo clic en la dirección: http://vodpod.com/vpbutton/install; a continuación arrastramos «Add to Vodpod» hasta la barra del navegador y quedará instalado el botón «Share vídeo» (compartir vídeo). Si en vez de coleccionar un vídeo queremos solo insertarlo en un post, o ambas cosas a la vez, existe otro botón de acceso rápido: «Post to WordPress», que se puede conseguir en la dirección: http://blog.vodpod.com/?p=156.

Veamos ahora el método práctico para insertar un vídeo (también presentaciones de SlideShare, documentos de Scribd, infografías, etc.) en un artículo del blog.

En primer lugar, clic sobre el botón  «Post to WordPress» de nuestro navegador.

Cubrimos los datos requeridos: (URL, username y password), el código “embed” del vídeo (también llamado: «insertar» o «incrustar» en algunos reproductores o páginas), así como el título («Title«) y el contenido («Body«) que servirán para identificar el post en el blog. Señalamos la opción Save to Collection en función de si lo vamos a añadir o no a nuestra colección de Vodpod. En el ejemplo de abajo hemos optado por no incorporarlo ya que solo lo vamos emplear para el artículo concreto.

Finalmente, clic en «Publish» (publicar) y se genera un nuevo post con el título, el contenido y el vídeo insertado que hemos elegido. Si lo hemos hecho de forma correcta nos aparece una pantalla indicando que ya ha sido publicado en el blog y quedará listo para luego poder editar y modificar a nuestra conveniencia hasta dejar el artículo como definitivo.

Vodpod trabaja con multitud de sitios de vídeo que apoyan el intercambio con un código «embed», pero algunos esconden su código por lo que de no averiguarlo no sería posible insertarlo; a veces este código se ofrece de una manera que no se puede encontrar de forma automática, por ejemplo viene incluido con un símbolo, o con las palabras «insertar» o «compartir» que aparecen en el reproductor o en la página. Incluso, los códigos que facilitan algunas páginas no sirven.

Vodpod no permite subir vídeos pero si almacenarlos de otros sitios siempre que tengan un código de inserción. Imaginemos que tenemos un vídeo, propio o no, que queremos insertar en nuestro blog; una opción sería crear una cuenta en Youtube (donde tenemos el código «embed» asegurado), subir a ella el vídeo que nos interesa y después pasarlo a Vodpod.

En un próximo artículo explicaremos como incorporar nuestra colección de vídeos al blog instalando el widget Vodpod en nuestra barra lateral.