Documentos de Académico
Documentos de Profesional
Documentos de Cultura
BSICO DE
PARA L@S
BLOGFESOR@S
2010/11
WORDPRESS
DE PRENSA-ESCUELA
INTRODUCCIN
Este manual es una herramienta bsica para crear, usar y administrar blogs. La primera parte de la gua muestra cmo es la nueva interfaz y de qu forma se administran los blogs de Prensa-Escuela; en el segundo apartado se detallan, paso a paso, las claves para administrar y utilizar un blog de aula; en el tercero se desglosan las acciones ms frecuentes y, por ltimo, se incluye un glosario bsico y un listado con links de inters para l@s nuev@s blogsfesor@s.
3. Como Ttulo del sitio se escribir de forma normal el que identifique el proyecto, ya que ser el que aparezca en la cabecera del blog. Finalmente, solo queda pichar en el botn Crear sitio. Aparececer una pantalla con el enlace del blog que se ha creado. 1
4. Para comenzar a publicar slo hay que entrar en la Administracin (barra lateral). Desde el Escritorio se puede gestionar el blog y se repetir el mismo proceso cada vez que se quiera crear una nueva bitcora. Para comprobar y gestionar todos los blogs que el usuario ha creado el botn desplegable Escritorio tiene la seccin Mis sitios, donde aparecen todos organizados por orden cronolgico de creacin:
Entrar en la administracin
1.1. Se pincha en el botn Blogs de la web www.prensaescuela.es y en la caja de su apartado Accede a tu blog se introduce el nombre de Usuario y la Contrasea y se pulsa el botn Iniciar Sesin.
1.2.
Si por cualquier razn se cerrase la sesin, puede aparecer tambin la siguiente ventana, en la que se procede del mismo modo para acceder al Escritorio:
CAPTULO I
La portada de nuestro blog
La portada del blog es como la pgina inicial de un peridico y es lo primero que vern los profesores cuando carguen la direccin que Prensa-Escuela les ha suministrado. La portada est compuesta por la cabecera, el post o entrada y una barra lateral. La cabecera: Identifica el blog y lleva el logotipo del programa. Cuando se clica en el ttulo del blog se accede directamente a la pgina de inicio (Home). Zona central: Aparecen los ltimos post o entradas (artculos publicados) organizados cronolgicamente. Barra lateral: En ella se coloca toda la informacin til para el visitante, como el calendario de publicaciones para evaluar la frecuencia de actualizacin de la bitcora, el acceso a las Pginas, la entrada en la administracin del blog (en la seccin Meta o Administracin), el buscador interno, las Categoras de temas que publica el blog, las Entradas recientes, los Enlaces de inters, entre otros 4
contenidos que, con la nueva versin 3.0, se pueden ajustar a las necesidades y gustos del administrador.+
Es el centro de operaciones del blog, el panel donde se puede editar todo el contenido que est o que se vaya a publicar en la bitcora. Est conformado por botones con mens desplegables (1) a los que se accede para realizar tareas especficas: Escritorio, Entradas, Multimedia, Enlaces, Pginas, Comentarios, Apariencia, Usuarios, Herramientas y Ajustes. Tambin incluye pestaas desplegables: (2) Nueva Entrada: de acceso directo a las acciones ms frecuentes. (3) Opciones de pantalla: de seleccin de opciones para el diseo de la pantalla del escritorio.
Esta ser la ventana ms utilizada del blog y se accede a ella pulsando la pestaa Nueva Entrada (1) o el desplegable Aadir nueva del botn Entradas (2). Las dems funciones se tratarn en profundidad en el captulo II.
Permite gestionar las entradas mediante el acceso a todos los artculos publicados y no publicados (borradores) y, a la par, editarlos o suprimirlos. Aparece un buscador de entradas y un filtro para agilizar la bsqueda (por fecha y por categora). El procedimiento es similar para gestionar secciones de las entradas (Categoras y Etiquetas), a cuyas pantallas tambin se tiene acceso desde este men desplegable. Del mismo modo, este sistema de gestin es aplicable a los Enlaces, Pginas y Comentarios, con botones presentes en este mismo mdulo de administracin.
Este botn permite configurar las opciones del blog de manera general, para la escritura de las entradas, para la lectura de los visitantes, para los comentarios y para otras opciones que se analizarn de manera detallada ms adelante.
CAPTULO II
Acciones bsicas en los blogs de Prensa-Escuela
1. Crear una entrada
Al entrar en el Escritorio bien se pulsa la pestaa Nueva entrada (1) o bien se clica en la seccin Aadir nueva (2) del men desplegable del botn Entradas.La ventana de edicin est compuesta de una Caja de ttulo, donde aadir un titular sugerente y corto, una Barra de herramientas de edicin, similar a la de los procesadores de texto, y una Caja de texto y otros recursos, un espacio en blanco donde crear la entrada, introduciendo texto y enlaces a recursos audiovisuales variados.Debe estar activada la pestaa Visual (3) para facilitar la edicin, excepto si se domina el lenguaje HTML, posibilidad que nos ofrece la otra pestaa. 1.1. 1.3. Una vez terminada la edicin, se debera adscribir la entrada a una Categora (4), cada una de las secciones temticas en las que se organizan los post y que aparecern listadas en esa seccin de la barra lateral. Para que los buscadores (Google, Yahoo, etc.) identifiquen y clasifiquen temticamente nuestras entradas es necesario etiquetarlas temticamente. Estas Etiquetas (5) se pueden aadir separndolas con comas. Una vez etiquetada e identificada(s) la(s) categora(s) a la(s) que pertenece, llega el momento de Guardar borrador, ver cmo ha quedado mediante la Vista Previa, decidir su Estado y Visibilidad, programar la edicin en una fecha y una hora determinada (Publicar inmediatamente), Mover a la papelera o Publicar el post en ese mismo instante.
1.4.
1.5.
Ninguna entrada aparecer pblicamente en el blog hasta que sea publicada y, del mismo modo, no aparecern tampoco categoras o etiquetas hasta que sean adscritas como mnimo a un post.
Aparece la misma ventana que al escribir el post. En ella se hacen las modificaciones oportunas y se pulsa el botn Actualizar. Es recomendable comprobar que todo se ha actualizado de forma correcta.
En esta imagen puede verse cmo administrar la ventana de creacin y edicin de una Pgina, que se puede crear bien pulsando la pestaa desplegable Nueva entrada y eligiendo Nueva Pagina (1), o bien picando en el botn Pginas y eligiendo Aadir nueva de la caja desplegable. Las pginas son espacios con informacin esttica; es decir, que aunque se publique un nuevo post la pgina seguir estando siempre en la portada como un enlace al que los visitantes pueden acceder siempre. Generalmente, se crean estas pginas para colocar informacin fija como: quines somos, objetivos del blog, o cualquier informacin que se desee mantener visible permanentemente para los visitantes. Para crearla, deben seguirse los mismos pasos que al escribir una entrada: colocar el ttulo manteniendo la pestaa Visual (3) activa, escribir el cuerpo del post en la caja de texto y luego guardarla y publicarla (5) despus de seleccionar Atributos (4) tales como el Orden o su situacin con respecto a otra pgina Superior.
Esta seccin permite crear enlaces a otras pginas relacionadas con el blog, que sean de inters o que puedan resultar de utilidad para los alumnos. Los enlaces tambin se pueden ordenar por Categoras (5); por ejemplo: enlaces a diccionarios, enlaces a webs de referencia, etc. Para esto se marca la categora elegida o se crea una nueva pulsando el enlace +Aadir categora nueva Para crear un enlace, WordPress pide el Nombre del enlace, por ejemplo, aulaBLOG, luego la Direccin Web de la pgina que se desea enlazar al blog (en el ejemplo http://www.aulablog.com/ ) y una breve Descripcin, que es un espacio opcional.
10
Para crear una categora se pincha en el botn Categoras (1) que aparece en el men desplegable del botn Entradas. A continuacin (2) se escribe el Nombre, se pulsa el botn Aadir nueva categora (3) y se comprueba que esta aparece en la lista (4). Esta categora slo se activar en la portada del blog cuando al menos haya una entrada adscrita a ella. Se pueden crear subcategoras adscribindolas jerrquicamente a una categora Superior (5) que aparece en el men desplegable de esta seccin. Puede tambin aadirse una breve Descripcin. Para eliminar una categora ya creada, hay que seleccionarla (pinchando en el recuadrito que aparece junto al nombre de la categora) (4), seleccionar Borrar del men desplegable (6) y pulsar el botn Aplicar (6). Los post que estaban asignados a esa categora no se perdern, sino que pasarn a la categora general Sin Categora. Para adscribir una entrada a una categora o categoras ya creadas se selecciona en el cuadro que la precede en la seccin correspondiente de la barra lateral del Editor. Se puede tambin Aadir una nueva categora de forma rpida en este recuadro. 11
Las etiquetas en la pgina principal del blog pueden aparecer organizadas de varios modos, aunque se recomienda utilizar o bien la que viene por defecto, en la que se elige la etiqueta de un men desplegable, o bien el widget de la Nube de Etiquetas, que resalta las ms utilizadas. La mecnica para crear o eliminar etiquetas es similar a la de las categoras, exceptuando la creacin de subcategoras, y aparece indicada en la imagen a travs de 5 pasos.
12
En esta pantalla pueden verse los comentarios aprobados y en moderacin y pueden buscarse por palabras clave mediante un filtro. Las acciones bsica pueden hacerse uno a uno o colectivamente a travs del men desplegable y pulsando el botn Aplicar.
8. Gestionar borradores
Si para planificar el trabajo el profesor ha guardado varios post como borradores (se hace pinchando en la opcin Guardar borrador en vez de en la de Publicar al finalizar el post), puede acceder a ellos de forma muy sencilla desde el botn Entradas y debe situarse en el formulario de bsqueda en la seccin Borradores:
Se pincha en Borradores. Aparece la lista de post guardados como borradores y sobre ellos pueden aplicarse distintas acciones como eliminarlos o buscarlos aplicndoles filtros por fechas o categoras en las que se ha guardado el borrador. Esta utilidad de WordPress es muy ventajosa para los profesores ya que les facilita la planificacin y gestin de tiempos en la integracin de los blogs de PrensaEscuela en el aula.
13
10.
La plataforma WordPress permite crear diferentes roles de usuario con distintas funciones que se detallan a continuacin: Tareas Entradas : Crear nuevas Entradas : Publicar Entradas :Modificar Eliminar Pginas : Crear Pginas : Modificar Eliminar Categoras de Entradas : Crear BlogRoll : Mantenimiento Admin. Editor S S S S S S S S S S S S S S No No No Autor S S No No No No No No No No Colab. S No No No No No No No No No
Todos los profesores de Prensa-Escuela a los que se les ha asignado un blog son sus administradores (Administrador). El rol que se debe seleccionar por defecto para los alumnos que se dan de alta como usuarios es el de Colaborador. El papel de Editor o Autor se puede reservar para aquellos grupos de alumnos en los que el profesor deposite su confianza para publicar y editar en el blog de aula sin su supervisin. Existe tambin el rol de Suscriptor para personas que no pueden crear entradas nuevas, pero s pueden participar haciendo comentarios, aunque raramente se va a utilizar. 10.1. Aadir o dar de alta a un Usuario Existen dos formas de aadir usuarios a los blogs:
14
1. -El usuario ya existe en la comunidad; es decir, ya es miembro de algn otro blog. En este caso, se introducir el Nombre de usuario y el Correo electrnico del mismo, seleccionando el Perfil que se le quiera dar. 2. -El usuario no existe en la comunidad; es decir, el correo electrnico no est asignado a ningn otro usuario. En este caso, se deber introducir un Nombre de usuario (sin espacios, ni tildes, ni ees, ni caracteres raros) y su Correo electrnico. Antes de pulsar el botn Aadir usuario se debe elegir Colaborador en el men desplegable de la caja de Perfil: Una vez creado el usuario (pertenezca o no a la comunidad), a ste le llegar un correo electrnico con los datos de acceso. Es importante que el alumno verifique que su gestor de correo no identifique el email enviado como spam o correo no deseado. Si fuera as habra que recuperarlo como correo deseado y pasarlo a la bandeja de entrada para guardar los datos de acceso de forma permanente y darse de alta como usuario. La contrasea es asignada automticamente por WordPress, aunque el usuario la puede modificar despus. Cuando esto ocurre, el administrador recibe un correo de notificacin del cambio. 10.2. Qu hacer en caso de que los nuevos usuarios no encuentren o pierdan la clave de acceso al blog? En el caso de que el alumno pierda su contrasea el sistema le enviar una nueva a su direccin de correo electrnico pulsando el enlace Has perdido tu contrasea? de la ventana de inicio de WordPress:
15
A continuacin sale otra ventana donde pide el nombre de usuario o direccin de e-mail. Tras escribirlo, se pulsa en el botn Obtener una contrasea nueva:
16
CAPTULO III
Edicin de una entrada
1. Insertar y editar imgenes
Es aconsejable trabajar con dos pestaas o ventanas paralelamente. En la pestaa de Administracin del blog, se hace clic en Escribir entrada, se pone un ttulo al post, se le asigna una categora y se escribe el texto que interese. Con el cursor en el lugar del post en que debe ir la imagen, se presiona en el botn Insertar/ editar imagen luego a ella. y se deja abierta la ventana de edicin para volver
En la otra pestaa, se accede a Google y desde all a cualquier imagen o pgina de imgenes como Picasa (https://picasaweb.google.com ) o Flickr ( www.flickr.com) donde se hayan subido imgenes propias. Se pulsa con el botn derecho sobre ella y se elige cualquiera de las dos opciones que pueden aparecer, dependiendo del navegador: 1. Con Explorer se va a Propiedades (1), se hace clic en esta opcin y se copia la direccin que aparece bajo el epgrafe Direccin URL en la ventana que sale a continuacin (2):
2. Con Firefox, se elige Copiar la ruta de la imagen tras clicar sobre la misma con el botn derecho: 17
En cualquiera de las dos opciones sealadas, hay que regresar a la administracin del blog y pegar la direccin de la imagen en el campo URL de la imagen de la ventana de edicin de la misma:
Una vez insertada la imagen se comprueba que aparece en Vista previa clicando en esa ventana y se pulsa el botn Insertar. A continuacin se guarda el post y se pincha en el icono Previsualizar esta entrada. En caso de que sea necesario editar la imagen slo hay que volver a la administracin, seleccionarla y hacer doble clic sobre el icono Insertar/ editar imagen . 18
Por defecto, WordPress centra la imagen, pero si se prefiere otra posicin hay que pulsar de nuevo en el icono Insertar/editar con la imagen seleccionada. En la pestaa Apariencia se elige la posicin de la foto en el texto, el tamao, los bordes y el espaciado. Tambin se puede variar el tamao haciendo clic sobre la imagen como se hara en un procesador de textos normal y ampliarla o reducirla. Conviene mantener marcada la casilla Bloquear relacin de aspecto para evitar distorsionar la imagen y marcar el espacio horizontal y vertical de separacin entre el texto y la imagen cuando se eligen las opciones de alineacin Derecha o Izquierda. En estos casos, y dependiendo del Tema elegido para la apariencia del blog, se recomienda una dimensin mxima de 590 px de ancho, tal y como aparece en la imagen, manteniendo tambin 10 px en los Espacios horizontal y vertical para separar la imagen del texto en caso de buscar el efecto de silueteado.
Editar/Eliminar imagen WordPress cuenta con una segunda herramienta que permite editar o eliminar la imagen. Se trata de un icono doble que aparece en el margen superior izquierdo de la foto al seleccionarla. Si se elige el segundo (crculo rojo) se elimina la imagen. Al pulsar el primero aparece una ventana de edicin:
19
Aqu se puede alinear la imagen eligiendo el botn con la posicin deseada, contorneando el texto alrededor de la foto. Asimismo, se puede poner un pie de foto, escribindolo en la caja de Editar leyenda de la imagen y reducir proporcionalmente el tamao. Pulsando en la pestaa Ajustes Avanzados se pueden realizar acciones similares a las de la pestaa Apariencia del otro editor. Aqu, aparte de otras funciones avanzadas, aparece la direccin URL de la imagen (Fuente); el tamao, que siempre se puede revertir al Tamao Original, pulsando ese botn (100%); el Borde, que saldr siempre por defecto cuando elegimos aadir un pie de foto; y los espacios Vertical y Horizontal de separacin entre el texto y la imagen (con un valor numrico en pixels). Tras realizar todas las acciones deseadas se debe pulsar el botn Actualizar, que aparece en cualquiera de las dos pestaas en el borde inferior izquierdo. 20
Nota: En algunos blogs es posible que el icono de Insertar/editar imagen (rbol) no est activado en la barra de herramientas. En este caso hay que pinchar en el botn Administrar y ah en el men TinyMCE Advanced. Para aadir o eliminar iconos de la barra de herramientas de edicin hay que seguir las instrucciones de la seccin 1.5.2.
2. Elegir el portal del men desplegable Select Video Portal (en este caso YouTube). 3. Introducir solamente la parte final (q6r4vogM3FE ) de la direccin URL (http://youtu.be/q6r4vogM3FE) del vdeo elegido (la que est situada despus del ltimo signo /) en la seccin Insert Video ID de la ventana de insercin de vdeo (Embed Video):
4. Darle al botn Insert y, a continuacin, pulsar Guardar borrador. Se debe pulsar el botn Vista previa para comprobar que el enlace funciona. Hay que esperar un momento mientras el sistema va a buscar el vdeo al portal elegido (no es instantneo). El aspecto de un vdeo de YouTube en el blog es 21
el siguiente y para que funcione slo queda pulsar el botn triangular central:
Nota: El reproductor slo ser visible en la ventana de Previsualizacin o en la pgina publicada del blog. En la ventana del editor se ver solamente el cdigo, que siempre estar situado entre corchetes. En este caso aparecer del siguiente modo: [youtube q6r4vogM3FE]. Importante: Siempre que haya cdigo en la ventana de edicin ha de mantenerse en una lnea aparte, separado de cualquier otro texto.
22
4. Despus de copiar el cdigo, se pega en la caja de edicin de la entrada. Al igual que con el cdigo de YouTube, aparecer entre corchetes y debe mantenerse en una lnea independiente. Del mismo modo, en la caja de edicin aparecer slo el cdigo y la presentacin slo se ver en Vista previa y cuando se publique la entrada en el blog.
Esta es una operacin que cada blog slo ha de hacer una vez, excepto si se quiere que el ancho del reproductor sea mayor. Si es as, hay que introducir un nmero mayor a 500, pero teniendo en cuenta que el ancho de pantalla del blog es limitado (En la plantilla que viene por defecto el ancho mximo ronda los 590 pixels. De todos modos, la presentacin de Slideshare tiene un icono para verla en modo Pantalla Completa (pinchar en el icono marcado en rojo en la siguiente imagen):
23
2. Sobre el documento se despliega una ventana en la que hay que seleccionar la pestaa Formato Wordpress.com y pulsar el botn Copiar:
24
3. Se pega lo copiado en el editor de texto de WordPress (en este caso [scribd id=57299275 key=key-23pu4hef92jnlvqyl5or mode=list] ). 4. Se pincha el botn Guardar del editor y se comprueba en Vista previa que aparece el reproductor del documento de Scribd con un hiperenlace (Fullscreen) para verlo a pantalla completa:
Nota: Tanto en el apartado de imgenes (Picasa) y vdeos (YouTube) como en el de presentaciones (Slideshare) o en el de documentos (Scribd) el profesor usuario debe darse de alta en los portales y subir sus propias presentaciones o vdeos, as como animar a sus alumnos a que lo hagan.
Atencin: Algunas veces esta operacin solo funciona si se pega este cdigo como ltima accin de edicin en la entrada. Es decir, que no se puede cambiar ni tocar nada tras la accin de pegado del cdigo. Por lo tanto, en estos casos es importante tener bien preparado y corregido todo antes de realizar esta ltima accin.
25
Para esto es necesario pulsar el botn Apariencia y el men Widgets. All aparecern dos secciones: 1. Una seccin central de Widgets disponibles con su pequea descripcin. 2. La barra lateral de donde y hacia donde se pueden arrastrar estas aplicaciones. Una vez alojadas en la barra lateral, cada una tiene sus opciones de edicin y gestin que aparece en un men desplegable.
26
URL: Texto corto que identifica un recurso accesible en la red. Puede ser una pgina, documento, direccin de correo electrnico, etc. Widget: Pequea aplicacin para proveer informacin que completa en un blog lo ofrecido por las entradas. Suelen estar situados en la barra lateral y ejemplos de esto pueden ser grficos de previsin del tiempo, nubes de etiquetas, calendarios o agendas.
Enlaces de inters
Imgenes y vdeo https://picasaweb.google.com http://www.flickr.com/ http://www.youtube.com/?gl=ES&hl=es Sonidos y podcast http://www.goear.com/ http://www.imeem.com/tag/imeen http://bancoimagenes.isftic.mepsyd.es/ Presentaciones y documentos http://www.slideshare.net/ http://www.scribd.com/ Utilidades y recursos para blogs http://www.aulablog.com/ http://utilidades.bitacoras.com/ http://blogs.voznatura.es/blogmaestrovnat/
28