Universidad Colegio Mayor de Cundinamarca

como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Diplomado La Web 2.0

Wordpress

Tutorial

Bogot, Abril de 2011

Tutorial Wordpress

Contenido
Wordpress ........................................................................................................................ 3 Tutorial............................................................................................................................. 4 Crear una cuenta en Wordpress ........................................................................................ 4 Configuracin de su blog ................................................................................................... 7 Establecer la apariencia del blog...................................................................................... 12 A publicar! ..................................................................................................................... 15 La entrada ...................................................................................................................... 15 Insertar archivos a las entradas ....................................................................................... 17 Adjuntar video ................................................................................................................ 19 Adjuntar un archivo multimedia ...................................................................................... 19 Crear y adjuntar encuestas .............................................................................................. 20 Categorizar entradas ....................................................................................................... 25 Para categorizar: ............................................................................................................. 25 Tags o etiquetas .............................................................................................................. 26 Ahora puede publicar...................................................................................................... 27 Guardar enlaces .............................................................................................................. 29 Los Widgets .................................................................................................................... 31 Qu son los Widgets? .................................................................................................... 31 Cmo activar los widgets................................................................................................. 31

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

Wordpress
La mayor parte de servicios de este gestor de blogs son gratuitos. Las opciones del panel de administracin o Dashboard han sido traducidas al espaol. Para otras opciones que estn en ingls, se recomienda el uso del navegador Google Chrome que da la opcin de traducir pginas en caso de querer verlas en espaol. Wordpress presenta una gran variedad de widgets o aplicaciones visuales que permiten vincular el contenido del blog con diversas redes sociales y aplicaciones de la Web 2.0. Puede agregar y organizar los widgets para Flickr, Del.icio.us y Twitter en la barra lateral de su blog sin necesidad de tocar ningn cdigo HTML. Se pueden crear muchos blogs con una sola cuenta y aadir varios usuarios o administradores de los blogs. El sistema de categoras y tags (etiquetas) facilita la identificacin de las entradas y pginas del blog. Usted puede elegir si quiere que los blogs sean pblicos o privados. Wordpress le permite importar informacin de otros servicios de blog como Blogger o exportar el contenido de WordPress.com. Hay proteccin automtica contra el spam (correo basura). Se pueden adjuntar archivos multimedia como fotos, documentos y videos de Google, YouTube, de Wordpress.tv, entre otros.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

Tutorial Crear una cuenta en Wordpress En su navegador (Internet Explorer, Mozilla o Google Chrome) ingrese a
http://es.wordpress.com/

Imagen 1.1

D clic en el botn Registrarte ahora!. (Ver imagen 1.1) En el formulario que aparece (ver imagen 1.2), elija la primera opcin: _______ .wordpress.com, para un blog gratuito, y complete el cuadro con el texto de la direccin URL que tendr su blog o bitcora. Esa ser la direccin que se pondr en el navegador para que otros puedan leerlo. Por ejemplo, podra quedar: experienciasenelaula.wordpress.com, solo se permiten nmeros y minsculas.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

Imagen 1.2

A continuacin, siga llenando las casillas con los datos que se le piden y finalmente, presione el botn Sign up. ( Ve imagen 1.3)

Imagen 1.3

Le pedirn informacin para actualizar su perfil. Tambin le permiten cambiar en la casilla inferior otro mail. Debe dar clic en Guardar Perfil y Update email. Le llegar un mensaje al correo electrnico que haya dado, debe entrar a su casilla de correo, dar clic al vnculo que le envan y as activar el blog. El vnculo le conducir a otra ventana de Wordpress donde estarn llenos los campos de Username (nombre de usuario) y Password (clave). (Ver imagen 1.4).

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

Imagen 1.4

D clic en el vnculo Login, tambin puede presionar View your site, este le conduce al blog, por ahora sin contenido, que aparecer con una plantilla automtica. Al dar clic en Login, entra en su cuenta de blog; puede empezar a administrarlo y a publicar contenidos.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

Configuracin de su blog Cmo cambiar el idioma Ingrese a es.wordpress.com/

Imagen 2.1

Ubique la franja gris superior. (Ver imagen 2.1) En el primer espacio en blanco (esquina superior izquierda) ponga su nombre de usuario, y en el siguiente espacio, ingrese su contrasea (Ver imagen 2.1). Encontrar la siguiente pantalla:

Imagen 2.2

en la franja gris superior, en la parte izquierda, ubique el men My Blog, deslice el ratn sobre ste para ver sus opciones. (Ver imagen 2.3).

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

Imagen 2.3

D clic en Dashboard o escritorio. (Ver imagen 2.3) Este es el Escritorio:

Imagen 2.4

En la parte izquierda hay un panel con tres cajas. Baje hasta a la ltima caja, esta tiene las opciones Appereance, Users, Tools y Settings, en esta ltima opcin, presione la flecha para ver sus opciones. (Ver imagen 2.5)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

Imagen 2.5

Tras desplegar el men Settings, la primera opcin que aparece es General, d clic en esta. (Ver imagen 2.5) Al dar clic en General, encontrar la pgina General Settings, que le permite determinar la configuracin general de su blog. (Ver imagen 2.6)

Imagen 2.6

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

10

En la pgina General Settings, baje hasta encontrar la opcin Language, este tem contiene dos opciones: Popular choices y All lenguages. Busque es Espaol, bajo el ttulo All lenguages y presione el botn Save changes. (ver imagen 2.7)

Imagen 2.7

Inmediatamente ver la pgina en Espaol o en el idioma que haya configurado. La pgina quedar como Ajustes generales (ver imagen 2.8), donde puede hacer una serie de modificaciones en su blog. Asimismo, la interfaz de su blog seguir en espaol.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

11

Imagen 2.8

Puede darle un nuevo ttulo a su blog (que no afectar la direccin URL), una descripcin corta de lo que es o ser su blog, cambiar el cono o imagen con el que se identificar al dejar comentarios a otros bloggers. Adems, de manera intuitiva, encontrar ms opciones que le permitirn configurar el blog a su gusto.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

12

Establecer la apariencia del blog

El sistema pondr una plantilla por defecto o de manera autmatica, pero usted puede escoger muchas opciones gratuitas que le ofrece Wordpress. Despliegue el men Apariencia, es la primera opcin de la ltima caja del panel izquierdo. (Ver imagen 3.1). para desplegarlo d clic en la flecha.

Imagen 3.1

Presione el vnculo Temas. Encontrar la pgina Administrar temas, donde puede elegir el tema de su preferencia (ver imagen 3.2). Ubique la plantilla que ms le guste. Tenga en cuenta que unas pocas tienen costo.

Imagen 3.2

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

13

A pesar de que tenga configurado el idioma, generalmente la descripcin de las plantillas va a estar en Ingls. Si quiere traducir al espaol y si est navegando con Google Chrome, justo debajo de la barra de direcciones, encontrar el botn Traducir, al oprimirlo podr leer la informacin en espaol. Cuando haya ubicado un tema de su gusto, presione el vnculo Vista previa. (Ver imagen 3.3)

Imagen 3.3 Se sobrepondr una sub-pantalla que le mostrar cmo quedara su blog si eligiese esa plantilla o tema. (Ver imagen 3.4)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

14

Imagen 3.4

En la esquina superior derecha de la sub-pantalla, encontrar un vnculo que dice Activate + el nombre del tema, presinelo si le gusta el tema. (Ver imagen 3.5)

Imagen 3.5

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

15

Por el contrario y si prefiere ver otras opciones, presione el botn x que est en la esquina superior izquierda de la sub-pantalla donde est visualizando la plantilla o tema.

A publicar! En Wordpress tiene dos opciones para publicar: a travs de entradas (post) o pginas. Las primeras aparecern desplegadas en orden de publicacin (de ltima a primera) en la pgina de inicio del blog, de manera que se pueden ver completas al entrar a ste y no hay necesidad de dar clic a ningn vnculo. Aparecern de acuerdo con el nmero de entradas que se programen, y para verlas todas hay que bajar con la barra de desplazamiento. Para mayor facilidad, Wordpress cuenta con el sistema de categoras y el de etiquetas para que sus lectores ubiquen el tema de su inters y su blog sea ms navegable. En cuanto a las pginas, stas tienen su propio vnculo y hay que dar clic en ste para poder acceder a su contenido. Las pginas se usan para informacin ms esttica que no va a perder actualidad o peso con el paso del tiempo. Mientras que el contenido de las entradas es ms dinmico. La entrada Despliegue al men Mi sitio, ubicado en la barra gris superior, a la izquierda. D clic en Nueva entrada. (Ver imagen 4.1)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

16

Imagen 4.1 Encontrar un editor de texto, el cual tiene dos pestaas: Visual y HTML (ver imagen 4.2)

Imagen 4.2

La manera ms sencilla de gestionar contenidos es con el editor Visual La primera casilla es para poner el ttulo de la entrada o artculo. En el espacio inferior podr ingresar el desarrollo del artculo. El editor visual tiene opciones similares a las de Microsoft Word y se manejan por comandos: negrilla: ctrl + B (presionndolas al tiempo); itlica o cursiva: ctrl + I; subrayado: ctrl + U. Entre las opciones del editor de texto, usted encuentra: corrector de ortografa, texto tachado, vietas, numeracin, alineacin, modo de pantalla grande, tipo de prrafo, color de fuente, opciones de pegado, aunque se puede pegar directamente sin los botones, caracteres especiales, tabulacin, y deshacer errores. Ahora, tras haber identificado estas opciones, escriba su primera entrada. Puede pegar un texto de su autora que tenga en un archivo Word o escribirlo directamente.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

17

Insertar archivos a las entradas En la parte superior del editor de texto, seguidos del ttulo Subir/Insertar (Ver imagen 4.3) hay cinco botones que, en su orden, le permiten aadir: imagen (fotos-grficas), video, audio, objeto (documentos Microsoft y OpenOffice), encuesta y formulario de comentarios. Puede elegir archivos de su computador, de una web o de su mismo blog (previamente subidos).

Imagen 4.3

Tras haber incluido el contenido de la entrada, asegrese de que el cursor no est en medio de un prrafo. Desplace el ratn hasta los botones Subir/Insertar. D clic al primer botn, correspondiente a Insertar Imagen. Al deslizar el ratn sobre el botn de imagen, le aparecer el texto Insertar una imgen. Aparecer un cuadro con varias pestaas: From computer, From URL, Media Library. La primera le permite subir archivos de su computador, la segunda le da la opcin de incluir fotos de otros sitios web. En Media Library se accede a archivos que usted previamente ha incluido en su blog.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

18

Entre a la pestaa From URL. (Ver imagen 4.4)

Imagen 4.4

Por otro lado, elija una foto. Busque el enlace URL de la foto y cpielo. Vaya de nuevo a Word Press (ver imagen 4.4) en la casilla URL de la imagen, pegue la URL de la foto. Si la foto es del peso adecuado o si es la direccin correcta, aparecer un smbolo de aprobado, sino aparece una x. En ttulo de la imagen, ponga el ttulo que el autor le dio a la misma. En Image Caption, ponga el pie de foto, esto es el nombre de la persona que aparece si es conocida o a lo que hace alusin la imagen y, separada por una coma, el crdito de la foto (nombre o nickname del fotgrafo). En alineacin, no olvide marcar alguna de las opciones y nunca deje marcada la opcin Ninguna, porque de este modo no aparecer la foto. Presione el botn Insertar en la entrada.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

19

Tenga en cuenta que Para insertar fotos de Flickr simplemente puede ponder la direccin URL en el editor de contenido y justo debajo el crdito. No se aconseja hacerlo con el otro procedimiento porque a veces se presentan fallas. Adjuntar video Para adjuntar un video de Youtube: Entre a http://www.youtube.com/ Ubique un video. Busque el botn Compartir, ubicado debajo del video seleccionado. La URL aparecer debajo del ttulo Enlace a este video. Presione la frase Enlace a este video, quedar seleccionada la URL, cpiela. Vaya a la entrada que esta redactando en Worpress y simplemente pegue la URL. Para adjuntar videos desde su computador o desde su blog y desde otras webs Presione el segundo botn del men Upload/insert, el que tiene un logo parecido a un filme. Aparecer una ventana similar a la de adjuntar fotos, con las mismas pestaas: From computer, From URL, Media Library. Para adjuntar videos que tenga en su computador, elija From computer. Para adjuntar videos que tenga en su blog, entre por Media Library. No se aconseja incluir videos de Youtube por la pestaa From URL, porque en ocasiones genera conflicto. Recuerde que La direccin URL de un video de Youtube la encuentra presionando el botn Compartir, ubicado en la parte inferior del video, y la de cualquier otro video, al dar clic derecho sobre el video. Adjuntar un archivo multimedia Puede adjuntar archivos PDF o de Microsoft Office. Presione el cuarto botn del men Subir/Insertar, denominado Aadir objeto (Ver imagen 4.5)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

20

Elija entre las pestaas From computer, From URL y Media Library, dependiendo de la ubicacin de su archivo. Si va a adjuntar un documento cuya ubicacin es una pgina web, debe ingresar por la pestaa From URL, y pegar la direccin correspondiente del archivo, la cual encuentra en la pgina donde se encuentra alojado el archivo, en la parte superior del navegador.

Imagen 4.5

Tenga en cuenta que Para subir archivos a su blog, debe ingresar por el men Multimedia y presionar Aadir nuevo. Este men se encuentra en la segunda cja del panel izquierdo de su escritorio.

Crear y adjuntar encuestas Wordpress le permite crear encuestas para que las adjunte a su entrada: Presione el quinto botn del men Subir/Insertar, denominado Aadir encuesta. Encontrar el siguiente cuadro:

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

21

Imagen 4.6

Mantenga marcada la opcin Crear automticamente una nueva cuenta. Presione el botn Hacerlo: Quiero algunas encuestas! Posteriormente encontrar otro cuadro como este:

Imagen 4.7

Presione el vnculo Crear una, ubicado en la barra inferior, con franja azul. Encontrar un formulario para que cree su encuesta. (Ver imagen 4.8)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

22

Imagen 4.8

En el primer espacio de la parte superior izquierda, escriba la pregunta. (Ver imagen 4.8) En la parte inferior ponga las opciones de respuesta. Si desea habilitar que los lectores marquen ms de una respuesta, marque el cuadro correspondiente a Seleccin mltiple . Si quiere que la encuesta se pueda publicar en otras redes, deje marcado el cuadro correspondiente a Enlace Share This En la segunda caja que est a mano derecha, determine cmo mostrar los resultados. En la ltima caja, a mano derecha, elija si bloquea o no a los votantes repetidos y la duracin de la encuesta. La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Sincotel Solutions

Tutorial Wordpress

23

En la caja Diseo, en la parte inferior izquierda, presione las flechas para elegir cmo se ver la encuesta. Por ltimo, vaya a la esquina superior derecha y presione el botn Guardar encuesta. Posteriormente la caja Publicar se modificar y quedar as:

Imagen 4.9

Presione el botn Enviar al Editor, con lo cual la encuesta quedar insertada en la entrada que se est gestionando. (Ver imagen 4.10)

Imagen 4.10

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

24

Imagen 4.11

Tras presionar el botn Publicar, que se ve en la parte inferior derecha de la imagen 4.11, la encuesta que se adjunt en la entrada queda en el blog como aparece en la imagen 4.12.

Imagen 4.12

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

25

Categorizar entradas Aunque usted puede publicar su entrada sin categorizarla, lo mejor es hacerlo, pues de esta manera usted les brindar una clasificacin o taxonoma a sus lectores para que ellos puedan escoger ms fcilmente lo que deseen leer. Adems, las categoras van al tablero global de Worpress y si sus entradas estn correctamente categorizadas tendrn mayor exposicin. Para categorizar: Estando en el editor de la entrada que est gestionando, vaya al panel derecho, a la segunda caja, correspondiente a Categoras. (Ver imagen 5.1) D clic en el vnculo + Aadir nueva categora

Imagen 5.1

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

26

Escriba la categora que considera que engloba la entrada y que pueda incluir a otras entradas, es decir, que sea una temtica general. (Ver imagen 5.2)

Imagen 5.2

Luego d clic en el botn Aadir nueva categora. Quedar la nueva categora marcada dentro de la caja, si usted la desmarca, le quita esa categora a la entrada que est editando pero la categora sigue existiendo para que se la adjudique a otras entradas.

Tags o etiquetas Estando en el editor de la entrada, dirjase a la tercera caja del panel derecho, a Etiquetas de las entradas. (Ver imagen 6.1)

Imagen 6.1

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

27

Ponga todas las etiquetas con las que usted cree que se relaciona su entrada (ver lectura dedicada a las Folcsonomas), escrbalas separadas por comas. Luego presione el botn Aadir. Ahora puede publicar Finalmente, antes de publicar, en el panel derecho, vaya a la primera caja, titulada Publicar. (Ver imagen 7.1) D clic en el botn Vista previa, se abrir una pestaa nueva de su navegador y podr visualizar la entrada sin que se haya grabado. Cierre la pestaa, regresar a la entrada que est gestionando. Si est conforme con lo que vio, d clic en el botn Publicar.

Imagen 7.1

Para ver cmo qued finalmente su entrada, presione el vnculo ubicado en la parte superior izquierda, que tiene el logo de Wordpress y el nombre de su blog. (Ver imagen 7.2)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

28

Imagen 7.2

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

29

Guardar enlaces Usted puede guardar sus enlaces de pginas web favoritas y compartirlas desde su blog. Vaya a su escritorio Ubquese en el panel lateral izquierdo. Vaya a la segunda caja. Sitese en el tercer men, en Enlaces y despliguelo con la flecha. Vaya al enlace Aadir nuevo, presinelo.

Imagen 8.1

A mano derecha encontrar una pgina como la que figura en la imagen 8.2:

Imagen 8.2

Llene los campos

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

30

El cuadro que se ve en la parte inferior de la imagen 8.2, Categoras, contina as:

Imagen 8.3

Presione el vnculo + Aadir categora nueva Aparecer un espacio en la parte inferior. Digite la categora Presione Aadir Si desea incluir varias categoras, escrbalas en un mismo paso, separadas por comas; a continuacin presione el botn Aadir. Debajo de la caja descrita anteriormente, en la misma pgina de Aadir enlace, encontrar esta caja que le permite elegir de qu manera se mostrar el enlace que publique en su blog:

Imagen 8.4

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

31

Suba hasta la caja ubicada en la parte superior derecha, denominada Guardar, ah tiene la posibilidad de marcar la opcin Mantener este enlace como privado. (Ver imagen 8.5) Presione el botn Aadir enlace Volver a quedar la pgina con los espacios en blanco para que agregue otro enlace.

Imagen 8.5

Los Widgets Qu son los Widgets? Se trata de elementos grficos que, entre otras utilidades, permiten conectar un programa con otras aplicaciones como Flickr, Delicius, etc. En Wordpress, permiten incluir calendario, enlaces recomendados, botones de redes sociales y otros elementos para volver ms navegables y sociales los blogs. Cmo activar los widgets Vaya a su escritorio. (Ver imagen 9.1)

Imagen 9.1

En el panel izquierdo, desplcese hasta la tercera caja. (Ver imagen 9.2)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

32

Despliegue el men Apariencia, presionado la flecha.

Imagen 9.2

Presione Widgets. (Ver imagen 9.2) Encontrar la pgina Widgets.

Imagen 9.3

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

33

En la parte izquierda, esta pgina cuenta con dos partes: Widgets disponibles y Widgets inactivos. Puede hacer uso de los elementos que estn en estas dos cajas, despliguelas o escndalas, presionando sus flechas. (Ver imagen 9.4)

Imagen 9.4

Para activar un widget, debe arrastrarlo hasta la barra Wide Sidebar, tambin puede arrastrar los widgets hacia la Barra lateral izquierda y la Barra lateral derecha. Antes de arrastrar los widgets tiene desplegar las barras de destino, presionando las flechas que tienen en la parte superior derecha. (Ver imagen 9.5)

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

34

Imagen 9.5 En la imagen 9.5 se est arrastrando el Widget de Twitter a la Wide Sidebar que es la que est desplegada. Tras arrastraslo, queda as:

Imagen 9.6 En este caso, el widget Twitter se activa as:

1. Presione la flecha que est al lado de la palabra Twitter, encontrar

un cuadro como el que muestra la imagen 9.7.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

35

Imagen 9.7
2. Llene el campo Ttulo, puede poner, por ejemplo, Mis Tweets. 3. En Twitter username, ponga su nombre de usuario de Twitter (sin

la @) o el nombre de usuario cuyos tweets quiera publicar en su blog.

4. Escoja el nmero de tweets a publicar 5. Si marca Hide replies no se publicarn las @respuestas. 6. Decida si quiere incluir sus retweets 7. El ltimo campo es para escribir un texto que aparecer entre los

tweets, es opcional.
8. Presione el botn Guardar.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

36

Wordpress le ofrece ms de 50 Widgets. A continuacin se indicarn algunos de los ms tiles:

Imagen 9.8

Buscar: Este widget sirve para que los lectores pongan una palabra clave y encuentren la entrada o pgina que se relacione con la bsqueda. Le da ms navegabilidad a su blog.
1. Tome el widget Buscar, arrstrelo hasta la Wide Sidebar. 2. A continuacin aparece una ventana para que le ponga ttulo al widget, digite

Bsqueda y presione el botn Guardar.

3. Ha creado su primer widget.

Tenga en cuenta que Es importante que al llevar los widgets nuevos a la barra lateral, se asegure de que queden dentro de sta.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

37

Imagen 9.10

Calendario: Este Widget seala las fechas en que se han publicado entradas al blog y al dar clic sobre los das muestra las entradas o pginas que se han subido.
1. Arrastre hasta la barra lateral el widget Calendario. Al igual que en el anterior

le puede poner un ttulo, que en este caso se va a dejar como calendario. Enlaces: Este widget sirve para mostrar en su blog enlaces de su inters que usted haya guardado previamente.
1. Desplace el widget Enlaces hasta la Barra lateral. 2. Al adicionar este widget encontrar las opciones Todos los enlaces y Ordenar por;

en la primera, puede escoger las categoras de enlaces que quiere mostrar, la segunda le permite configurar el orden en que aparecern los links. Adems, puede activar o no las siguientes caractersticas: Mostrar la imagen del enlace La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Sincotel Solutions

Tutorial Wordpress

38

Mostrar el nombre del enlace Mostrar la descripcin del enlace Mostrar la clasificacin del enlace Link to show (Links para mostrar): ponga el nmero mximo de links a mostrar.

Twitter : Este widget indexa actualizaciones de Twitter; se puede configurar cualquier usuario de Twitter. Flickr Photos: Este widget le permite publicar las fotos interesantes que Flickr selecciona en su portada, las fotos de su cuenta personal o las imgenes de otro usuario, en este ltimo caso, debe asegurarse de que estas fotos tengan licencia de creative commons.
1.

Desde la barra Widgets disponibles o desde la barra Widgets inactivos, escoja el widget Flickr y desplcelo a la Wide Sidebar (barra lateral) .

2. Tras llevar el widget a la barra lateral, ste se desplegar y mostrar los

siguientes campos: Ttulo y URL RSS de Flickr:*

3. En el primer campo se puede poner el nombre de usuario del autor de las

fotos.
4. En el segundo se pone la URL o direccin web de la galera de fotos del

usuario, la obtiene copindola de la barra de direcciones (ver Flickr)

5. Tambin puede dejar el campo URL RSS de Flickr:* vaco, de esta manera

aparecer una seleccin de fotos interesantes de Flickr. Si escoge esta opcin, cambie el ttulo a Flickr Photos, por ejemplo. Delicious Le permite compartir los enlaces favoritos que usted tenga en la red Delicious.
1. En el campo del.icio.us login, debe poner su nombre de usuario de

Delicious.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

39

2. En el campo Show bookmarks tagged with all of these tags, ponga

etiquetas o tags que ha usado en Delicious; de este modo, los enlaces que se marquen con esos tags en Delicious aparecern en su blog . RSS Las fuentes RSS (Really Simple Syndication) le permiten recibir informacin de pginas que se actualizan constantemente. Al activar este widget en su blog, le aparecern en su blog los vnculos o titulares de las nuevas entradas de los portales o blogs que haya configurado. (Esta informacin se ampla en la unidad Redifusin web).
1. Vaya a un portal de noticias (El Tiempo, Espectador, etc) o blog de su

preferencia.
6.

En la pgina principal busque el cono

, ste generalmente est en la

parte inferior de los portales o tambin puede estar en la parte superior, d clic sobre ste y copie la direccin que aparece seguida de la palabra otros lectores o bajo el ttulo enlace.
7.

Al dar clic en el cono opciones: SEMANA.COM Google Reader Netvibes

generalmente va a encontrar las siguientes

Windows Live

Mi Yahoo

Bloglines

Otros Lectores http://www.semana.com/rss/Semana_OnLine.xml

8.

Si no encuentra la direccin de la fuente (feed), ingrese por la opcin de Google y copie la direccin que ah aparece. Si al dar clic al cono del navegador). , aparece una pgina en html, simplemente copie

9.

la direccin URL de la pgina (es la que est en la barra de direcciones

10. Una vez haya copiado la direccin, usted debe pasar el widget RSS a la

barra lateral.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje

Tutorial Wordpress

40 11. Aparecern los campos: Introduce la URL del feed RSS aqu, y Dale

un ttulo al feed (opcional).

12. En el primer campo, debe pegar la direccin que usted ha copiado

previamente.
13. En el campo de ttulo, puede poner la fuente de la informacin, puede

ser Revista Semana, segn el ejemplo dado.

14. Presione Guardar.

Tenga en cuenta que Puede activar varias fuentes RSS, aunque es mejor ponerlas de acuerdo con la temtica de su blog y debe tener cuidado de no atiborrar su blog con muchos de estos Widgets.

Sincotel Solutions

La Web 2.0 como estrategia en el desarrollo del proceso de enseanza-aprendizaje