TALLER DE BLOG (WORDPRESS) · 2010. 2. 12. · 1 Taller de Blog (WordPress 2.7). L. Miguel...

1 Taller de Blog (WordPress 2.7). L. Miguel Villalaín Santamaría

TALLER DE BLOG (WORDPRESS) INTRODUCCIÓN Los blog, weblog o bitácora surgieron como una evolución de los “site web” personales a raíz de la necesidad de actualizar de forma rápida y cómoda de sus contenidos. El éxito este servicio de Internet ha hecho que desde el 1994 se haya convertido en uno de los servicios más dinámicos que la Red proporciona y originado una verdadera revolución social al convertirla en como vehículo de expresión y creación personal muy dinámico. La revolución de la expresión personal a través de los blogs ha determinado que desde 2005 nazcan nuevas propuestas que se encaminen hacia entornos colaborativos de creación, difusión y análisis crítico, y posteriormente su integración a los entornos económicos y corporativos. Desde una perspectiva formal los weblog surgieron inicialmente con un contenido en formato hipertextual para ir evolucionando hacía formatos multimedia interactivos y la creación de redes sociales. En febrero del 2007 Tecnorati indexaba cerca de 133 millones de blogs que ha hecho que Internet se haya convertido en un fenómeno de “leer/escribir”, como señala Tim Bray o como señala O´Reilly en un núcleo de interacción de la “inteligencia colectiva” . Este fenómeno no ha tardado de incluirse en los entornos educativos surgiendo el concepto de los edublog convirtiendo a los alumnos y los profesores en creadores/lectores para contextos de aprendizaje y enseñanza.

WEBLOG, BLOG O BITACORA.

Con las palabras blog o weblog o bitácora se intenta denominar aquellos entornos creativos y expresivos de Internet realizados a partir de programas interactivos “en línea” o “fuera de línea” que permiten enviar contenidos a un servidor público de Internet o Intranet de forma instantánea con estructura organizativa cronológica. La palabra más extendida para denominar este servicio de Internet es blog que es la abreviatura de weblog, que puede traducirse como “diario de a bordo en la red”. En español se denomina bitácora. El término weblog fue acuñado por Jorn Barrer en 1997 para describir unos espacios web de carácter personal de rápida actualización que se venían extendiendo desde 1994. Los primeros blog se atribuyen a Dave Winer (creador de software para la implementación de weblogs) y Justin Hall (estudiante de la Universidad Swarthmore que recoge impresiones personales y enlaces comentados de interés ordenados). CARACTERISTICA DE UN BLOG En estos años de evolución el concepto de blog se ha ido ampliando y diversificando, pero las características que lo definen son:

1. Es un sitio web que contiene artículos creados por uno o varios autores con un uso o temática particular. 2. Los artículos se encuentran ordenadores de forma cronológica de manera inversa a la de su producción. 3. Tienen un carácter interactivo en tiempo real que generan los comentarios hecho a partir de artículos propuestos los cuales son escritos de manera informal y actualizados regularmente.


ELEMENTOS DE UN BLOG

De forma genérica casi todas las blog se caracterizan por una serie de elementos comunes: Encabezado: Los encabezados de las weblogs están compuestos por el título de la blog, puede incluir un texto introductorio o un subtítulo sobre el tema de la blog y también el perfil del autor. Entradas o post: Son cada una de los artículos que se envían. Las entradas se presentan como una sucesión cronológica. Las entradas más recientes se colocan siempre arriba de las anteriores. Cada entrada normalmente tiene una serie de elementos fijos, que son:

• Título del weblog. • Fecha y hora de publicación. • Cuerpo de la entrada: Texto de la entrada que puede

contener imágenes, vídeos y enlaces. • Autor: Muestra el nombre el autor del artículo. Si es una

blog colectiva, cada entrada aparecerá con el nombre del autor. • Acceso a los comentarios: Pulsando sobre el enlaces

permite ver los comentarios realizados a la Entrada y enviar nuevos comentarios. Elementos laterales: Pueden ser muy variados y configurables a gusto del propietario de la blog. Los elementos que aparecen básicamente son enlaces que envían a diversas secciones de la propia weblog o a otras weblogs o sitios de Internet. Los elementos que generalmente aparecen son:

• Archivos: Las entradas enviadas hace tiempo son almacenadas y aparecen agrupadas por meses.

• Entradas previas o post previos: Es un listado con el título de las entradas actuales y enlazadas con ellas.

• Categorías: Algunos generadores de blogs permiten organizar las entradas por categorías facilitando el acceso a las entradas de forma más ordenada.

• Enlaces: Son vínculos con sitios Web seleccionados por el autor del blog.

• Buscador: Permite buscar entradas o contenidos de la blog indicando una palabra o frase.

• Blogroll. Es un listado de enlaces a otras blogs.

• Trackback: Son enlaces que vienen de otras blogsque hacen referencia a la entrada escrita por elautor. Esto se hace de forma automática si lo permite el generador de blogs que se use.

Otros elementos: Sindicación: Los generadores de blogs escriben automáticamente un elemento que contiene información sobre la entrada: título, enlace, fecha y autor. De manera que se puede acceder al contenido de la entrada a través de páginas web o programas lectores de RSS, sin entrar en la blog, cada vez que se publica nueva entrada. Existen dos tecnologías la RSS y Atom y generalmente se presentan en los blog con iconos identificativos de éstos servicios.


CREAR UNA BLOG Crear un blog es una tarea sencilla, pero requiere comentar inicialmente una serie de ideas para comprender el proceso y decidir cuál es la mejor forma de construirle, según nuestros intereses.

Sistema, servicio y blog. Conviene comprender antes de nada la diferencia entre sistema gestor de blog, servicio blog y una blog.

• Sistema gestor de blog: Es una aplicación para la web que permite gestionar y crear blogs.

• Servicio blog es la función que desempeña una aplicación (programa) para generar, gestionar y crear blog.

• Blog es la página que resultada de la publicación de las entradas y artículos elaboradas por uno o varios autores.


Blog en Internet o Intranet. A la hora de plantearnos la creación de una blog tenemos que pensar quienes queremos que accedan a ella o el área de difusión en la que queremos publicar. Si deseamos que se pueda acceder de forma general o restringida, pero desde cualquier lugar del mundo pensaremos en publicar en Internet. Si deseamos que únicamente puede accederse desde nuestro centro o institución pensaremos en instalarla en la Intranet de centro. Escenarios de creación. Podemos elegir entre varias soluciones para la creación de un blog según nuestras necesidades o condicionamientos técnicos.

1. Utilizar webs que ofrecen como servicio la creación de blogs. Pueden ser gratuitas o de pago. Los gratuitos pueden incluir propaganda y tienen ciertas limitaciones para su construcción.

En este caso el proceso básico es:

• Tendremos que registrarnos con un nombre de usuario y una contraseña en el sitio web que proporciona el servicio blog y es necesario, generalmente, proporcionar un correo electrónico de referencia.

• Una vez dados de alta podremos acceder, escribir entradas y publicarlas.

• Hay en esta situación cuatro formas de publicar el artículo:

o Instalando en nuestro ordenador un aplicación blog proporcionada por el proveedor del servicio.

o Un editor de texto con un plug-in que permite enviar lo escrito al servidor de la blog.


o Otra opción es la de escribirse directamente en la página web que gestiona la blog a través de un editor on-line.

o Y otra forma puede escribiendo on-line y el propio servicio blog se encarga de enviar a nuestro sitio web privado el resultado a través de FTP.

2. Instalar su propia aplicación de Servicio Blog en un espacio de un servidor web privado o contratado. En este caso es el propietario quien controla todas las opciones básicas del funcionamiento del servicio blog y de las blog.


PRIMERA BLOG EN WORDPRESS

Nuestra primera blog las podemos crear con Wordpress en el servidor de blogs de es.wordpress.com gestionado por la empresa Automattic Inc. que permite el alojamiento gratuito.

Para crear nuestra primera blog con WordPress es recomendable utilizar Firefox 3, Google Chrome, y Safari 3 debido a la compatibilidad con los script de JavaScript de las últimas versiones.

Paso 1. Crear una cuenta.

1. Teclea la dirección http://es.wordpress.com 2. En la página web aparecerá la opción ¡Registrate Ahora! seleccionala.

3. Completa los datos del formulario.

• El nombre de usuario: Es el que ser utilizará para poder entrar en Worpress para editar la blog de manera que te identificas como administrador del blog.

• Contraseña: Utiliza una clave segura que integre números, mayúsculas, minúsculas y que tenga más de 6 caracteres de manera que sea segura.

• Confirmar: Teclear de la contraseña para confirmar que es correcta lo que hemos tecleado por segunda vez y nos acordamos correctamente.

• Dirección de correo: Debe incluirse una dirección real pues a ella se enviarán las claves y el enlace de de activación de la blog.

• Lo legal: Marcar una vez leído los términos del servicio lo seleccionamos.

• Marcar “Venga dame un blog! De esta manera nos asignan un dominio del tipo: usuario.wordpress.com

• Finalmente selecciona el botón de “Siguiente”.

4. Aparecerá la siguiente pantalla.

• Dominio del blog: Es la dirección con la que los lectores podrán acceder a la blog.

• Título del blog: Es el título que aparecerá cuando aparezca en pantalla la blog. Puede ser modificado posteriormente.

4. Lenguaje: Selecciona el idioma para la plataforma.

5. Privacidad: Se marca si queremos que la blog aparezca registrada en buscadores.

6. Pulsa sobre “Registrarse”.


5. Ahora es preciso activar la cuenta para que pueda accederse a editar entradas y visualizar la blog. Para activarse debe ir al correo electrónico que pusimos.

6.Te llegará un correo parecido al siguiente y debes pulsar en el enlace para activar la cuenta.

7.De esta forma se nos informa que nuestro blog está ya activo.

Paso 2. Comenzar a administrar el blog.

Para comenzar a configurar, administrar o introducir una entrada se puede hacer de dos maneras:

1. Tecleando http://es.wordpress.com/

En los campos de usuario y contraseña introducimos los valores que hemos puesto en la fase de creación de la cuenta de WordPress.com.

2. La segunda opción es a través de http://dominio.wordpress.com/wp-admin . Aparecerla la siguiene pantalla:

Después de incluir los valores de usuario y contraseña, se accede al panel de administración.


Aparece la página de web de wordpress un nuevo menú que nos permitirá gestionar nuestra blog. Paso 3. Aspecto de la blog.

Si entramos en nuestra blog nueva con su nombre http:usuario.wordpress.com veremos que aparecerá con una plantilla similar a:

Se puede modificar el estilo y el aspecto de la blog utilizando varios tipos de plantillas que vienen preinstaladas.

Para poder seleccionar hacemos el siguiente proceso

1. Vamos a Mi tablero en el menú de administración. 2. En las herramientas de la izquierda elegimos Aspecto 3. Hacemos clic sobre Previsualizar en la plantilla que deseamos aparecerá una presentación previa y podemos

pulsar Activar si nos gusta. Si no nos gusta pulsamos en el botón X de la izquierda.

Paso 4: Introducir contenido.

Hay dos forma de introducir información en la blog: mediante entradas (posts) o páginas:

• Entradas: Es información organizado en por fechas en orden cronológico inverso. Las entradas se pueden clasificar por categorías y etiquetas y se integran como parte del archivo del blog.

• Páginas: No forman parte de un blog como tal y aparecen en la barra lateral u otro lugar del blog. La idea de las Páginas es alojar contenido estático. Las Páginas sirven para colocar información que tenga un carácter estable hasta cierto punto invariable. Las páginas se pueden organizar de forma jerárquica. Normalmente, las páginas se muestran por orden alfabético, pero se asignarles un número.

Crear una entrada. Para introducir una entrada podemos utilizar dos opciones: 1. Pulsando Nueva entrada en el menú de herramientas


2. Pulsando Mi tablero y eligiendo la herramienta Entrada y seleccionando Nueva entrada

Aparece un cuadro en el que es posible escribir mediante un editor de texto reducido.

El primer campo de formulario será para el título de la entrada. El Editor tiene dos pestañas: Visual y HTML. Si selecciona la pestaña de Visual se verá tal y como quedará, más o menos, en la blog. Si seleccionamos la pestaña HTML tenemos acceso al código que se está utilizando para dar formato al texto. El campo Extracto sirve para establecer una descripción del post, que será empleada tanto por la sindicación de contenidos como por los resultados de búsqueda dentro del blog. Dependiendo del Aspecto elegido aparecerá o no al principio del texto. Herramientas del editor:

Caracteres en negrita.

Caracteres en Itálica.

Marca de eliminación

Crear listas con viñetas y numeración.

Para citar.

Controles de ajuste de párrafo.


Para crear hipervínculos.

Si el artículo es extenso se puede crear secciones diferentes.

Corrector ortográfico.

Ampliar la pantalla del editor.

Botones de Edición extendido.

Tecleemos un texto. Crear un enlace a una página o texto. Para crear un enlace a otra página el proceso a seguir es: 1. Primero escribir el texto que deseamos que sirva de enlace. Por ejemplo: Biblioteca Nacional de España. 2. Seleccionamos el texto y después pulsamos sobre el icono de la barra de herramientas 3. Aparecerá una nueva ventana

4. En esa ventana elegiremos el campo URL de enlace y ponemos la dirección de la página web de la Biblioteca Nacional de España (http://www.bne.es), por ejemplo.

5. En destino podemos elegir entre que la página web se abra en la misma venta o en otra.

6. Pulsamos Insertar.

7. Aparecerá en pantalla el texto en color azul y subrayado.

8. Pulsar Publicar con esta opción se nos guarda y el texto aparecerá ya visible para todos los que nos visiten.

9. Para visualizarlo nosotros pulsaremos la opción Ver sitio. Veremos así lo que hemos publicado.

10. Volvemos a la anterior página pulsando la flecha del navegador. Así podremos modificar y corregir.


11. Si hemos creado un enlace a otra blog podemos hacerlo saber utilizando el campo trackbacks para notificar a un blog de otro sistema que se ha publicado un enlace a él. Si haces un enlace a otros blogs de WordPress, se les notificará automáticamente por medio de pingbacks, sin que sea necesario hacer nada.

En este caso, la notificación es automática, le llega al blog que has enlazado como una especie de comentario que comienza y termina con puntos suspensivos entre corchetes [...]

Es necesario que ambos blogs tengan activada la función de enviar/recibir pingbacks. Comprueba primero si está activada activada entrando Mi tablero —> Opciones —> Discusión —> Permitir notificaciones de enlace desde otros blogs (pingbacks y trackbacks).

12. En la sección Discusión podemos activar o desactivar la posibilidad de comentarios por los lectores de la blog o que se reciban trackbacks y pingbacks. 13. Ahora ya podemos pasar al apartado Publicar.

• Comprobamos que la entrada está ya publicada. Podemos modificar su estado pulsando la opción Editar. Podemos elegir entre tres opciones Publicada, Pendiente de revisión y Borrador y elegimos Publicada.

• Comprobamos el estado de Visibilidad. Podemos modificar su estado y cambiar entre: Pública, Privada y Protegida con contraseña. Dejamos en Pública.

• Comprobamos la fecha. Podemos modificarla. 14. Publicamos definitivamente pulsando en Actualizar entrada.

Crear un enlace a una página o texto. El procedimiento es similar a la creación de una entrada.

Paso 5: Introducir una imagen

En la entrada que hemos creado anteriormente vamos a integrar una imagen que podemos descargar

de Internet.

1. Entramos en la administración de nuestra blog de la misma manera que hemos hecho en el Paso 2.

2. Vamos a Mi tablero en la barra de herramientas.

3. En el panel de la izquierda seleccionamos Entrada y pinchamos sobre Editar.


4. Aparecerá un listado con las entradas. Si nos ponemos sobre el nombre aparece un submenú.

Pinchamos Editar.

5. Se mostrará el Editor y podremos empezar a modificar e insertar una imagen.

6. Seleccionamos el icono de “Añadir una imagen”.

7. Se verá la siguiente imagen:

8. Pulsamos Seleccionar archivo. Buscamos la imagen que deseamos insertar. Pulsamos Abrir. El

nombre del archivo aparecerá en el cuadro. Pinchamos Subir.

9. Aparecerá una imagen que hemos subido. Podemos modificar el Título, establecer una Leyenda,…

10. Alineamos la imagen en el Centro y fijamos tamaño medio. Pulsamos Insertar en Entrada.


11. La imagen se insertará en Editor.

Pulsando sobre la imagen podemos cambiar el tamaño, modificar la posición o borrarla.

12. Otra manera de insertar una imagen desde una dirección web utilizando la solapa Desde URL . 13. El siguiente paso es pulsar Actualizar entrada para publicar.

Paso 6: Organizar las entradas en categorías.

Con las categorías podemos organizar las distintas entradas por temas de forma que los lectores de la blog pueden acceder fácilmente a aquellos contenidos que le interesan. Las categorías se pueden aparecer como un menú situado en la barra lateral. Para que puedan visualizarse las categorías es necesario añadir un widget que realice esa tarea. 1. Para crear categorías los pasos el proceso a seguir es:

• Ir al menú lateral y escoger la opción Entrada y luego Categorías.

• Aparecerá una pantalla nueva en la que podemos crear categorías.

• Vamos a crear, por ejemplo, las siguientes categorías

o Novedades o Lecturas recomendadas o Autores o Actividades o Guías de lectura

• En el campo Nombre de categoría introducimos el nombre de la categoría. Podemos hacer una descripción de las características de los contenidos de esta categoría.

• Pulsamos Crear categoría. • Así haremos con las cinco categorías propuestas

2. Asignar categorías a una entrada:

• Seleccionamos una entrada que ya tengamos redactada de la misma manera que hemos hecho en el Paso 5.

• En la columna de la derecha aparece un cuadro con el título Categorías.


• Marcamos la categoría o categorías a la que queremos asignar la entrada.

• Pulsamos la opción Actualizar entrada.

• Si vamos a Ver Sitio veremos que no se ven las categorías. Es necesario instalar un widget que permita visualizarlo.

3. Visualizar las Categorías con un widget.

• Seleccionamos en las herramientas laterales la opción Aspecto y luego Widgets.

• Aparece una pantalla en la que podremos seleccionar varios.

• Arrastramos con el ratón el botón de Categorías al cuadro de la columna de la derecha llamada Barra Lateral

• Se desplegarán nuevas opciones. En Título pondremos el nombre Categorías o Temas. Elegiremos la opción Mostrar la cantidad de entradas. Pulsamos la opción Guardar.

• Podemos borrar los otros widgets pulsando sobre ellos y pinchando la opción Borrar.


• Podemos ordenar los botones de widgets pulsando sobre ellos con el ratón y arrastrando.

Paso 7: Crear enlaces (blogroll).

Un blogroll es una lista de enlaces a direcciones web o otras blog.

El blogroll se coloca normalmente en la barra lateral, para que se haga visible es necesario activarlo como un widget.

1. Vamos a la barra lateral de herramientas y seleccionamos Aspecto y después Widgets.

2. Arrastramos el botón Enlace, lo arrastramos hasta el cuadro Barra lateral.

3. Vamos a Ver sitio y debemos ver en la columna derecha un cuadro nuevo con el nombre de Blogroll con tres enlaces.

Ahora nos queda poner nuevos enlaces. Para ello el proceso a seguir es el siguiente.

1. Vamos a administras de nuevo nuestra blog. 2. Pinchamos en Mi Tablero y en la barra izquierda de herramientas y seleccionamos Enlaces. 3. Escogemos Nuevo Enlace aparecerá una nueva pantalla en la que rellenaremos los

siguientes campos.

4. En el campo Nombre indicaremos el título o nombre de la dirección web. 5. En el campo Dirección de Internet pondremos la URL de la dirección que queremos enlazar,

sin olvidar de poner http:// 6. En el campo Descripción podemos escribir datos o información relativa al enlace. 7. Podemos asignar categorías a cada enlace. En el caso de que no exista la categoría que

quieres podemos crearla pulsando en Añadir categoría nueva.


Paso 9: Inclusión de vídeos.

Aprovechando los recursos que ofrece Internet podemos hacer que nuestra blog pueda contener objetos multimedia: vídeo, animaciones flash, postcast,…

Para introducir un vídeo en nuestra blog sin pagar uno de los procesos a seguir es el siguiente:

1. Buscaremos en www.youtube.com el vídeo que nos interesa que aparezca en nuestra blog. Existen otras direcciones donde se pueden encontrar otras direcciones que ofrecen la posibilidad de subir vídeos y utilizarlos.

2. Tecleamos en el campo Buscar el título o tema de nuestro vídeo. Por ejemplo: “El renacuajo paseador”.

3. Pulsamos sobre el vídeo que deseamos escoger y aparecerá una nueva pantalla en la que

encontraremos un recuadro en el que aparecerá información sobre el vídeo que estamos viendo.

4. Nos fijaremos en el campo URL. Seleccionamos todo el contenido que aparece en dicho campo. Pulsamos con el botón del ratón derecho y pulsamos Copiar. 5. Volvemos a es.worpress.com y creamos una nueva entrada. 6. Tecleamos [youtube= pulsamos el botón de la derecha y pulsamos pegar . Saldrá la

dirección del video y tecleamos ]. Tiene que quedar algo como: [youtube=http://www.youtube.com/watch?v=jjFlohHnYFI] 7. Veremos el vídeo cuando vayamos a Ver sitio.


Paso 11: Incluir presentaciones con slideshare

Slideshare (http://www.slideshare.net) es una web en la que los usuarios registrados pueden subir presentaciones Powerpoint u OpenOffice, que quedan almacenadas en formato Flash para poder verse online. Es n interesante para compartir presentaciones en Internet. Admite archivos de hasta 20 Mb de peso, sin transiciones entre diapositivas.

Una vez subida y procesada, las convierte en formato flash, ya la tenemos disponible a través de una dirección web pública. También nos permite compartirla a través de correo electrónico o meterlo con su propio reproductor en nuestra página web.

En la siguiente dirección encontrareis un tutorial en Internet para aprender a utilizar Slideshare

http://www.slideshare.net/lalunaesmilugar/tutorial-de-slideshare

Una vez tengamos una presentación subida por nosotros o por otras personas podemos incluirla en nuestra blog. El proceso a seguir es el siguiente:

1. Entramos en la presentación de slideshare que nos interesa

2. Pulsamos en el icono de WordPress y se desplegará una serie de códigos que utilizaremos

3. Seleccionamos el campo [slideshare id=19153&doc=tutorial-de-slideshare-3744] y lo copiamos. 4. Volvemos a es.worpress.com y creamos una nueva entrada.

5. Pegamos [slideshare id=19153&doc=tutorial-de-slideshare-3744] en la entrada


6. Veremos la presentación cuando vayamos a Ver sitio.

Paso 12: Gestionar usuarios.

WordPress permite crear un blog colectivo y la posibilidad de dar diferentes posibilidades de acceso al blog. WordPress tiene la posibilidad de establecer cuatro perfiles de usuario:

Contributor: Tiene permisos para escribir entradas pero no puede publicar. Desde el administrador de nuestra blog puede ver sus entradas y los comentarios pero no puede modificarlos. Puede cambiar su perfil.

Author: Tiene las posibilidades del Contributor, y además puede redactar y editar sus artículos y subir archivos.

Editor: Tiene los privilegios del Author, y puede editar todos los artículos, crear y editar páginas estáticas, crear y modificar categorías y enlaces.

Administrator: Tiene todas las posibilidades

Para añadir un usuario el proceso a seguir es el siguiente:

1. En el administrador de nuestra blog elegimos Mi Tablero y en la barra de herramientas de la izquierda elegimos Usuarios. 2. Pulsamos Autores&Usuarios. 3. En el campo E-Mail del usuario: ponemos el correo electrónico de la persona que queremos que participe en nuestro blog (debe estar registrado en WordPress.com) 4. Asignamos el perfil que queremos al nuevo usuario. 5. Pulsamos el botón Añadir usuario. 6. Entonces incluirá como usuario.

TALLER DE BLOG (WORDPRESS) · 2010. 2. 12. · 1 Taller de Blog (WordPress 2.7). L. Miguel...

Documents

Transcript of TALLER DE BLOG (WORDPRESS) · 2010. 2. 12. · 1 Taller de Blog (WordPress 2.7). L. Miguel...