Blogs Educativos.Creación y Mantenimiento de Blogs Noviembre de 2008 Solana de los B...
1 I ntroduc c ión. ● El fenómeno de los blogs ha influido notablemente en los usos y costumbres de lo...
2 ¿ Q ué es un blog ?● El término blog proviene de la palabra inglesaweblog o bitácora en español.●Se refiere a sitios w...
3 C a ra c terís tic a s y po s ibilida des de lo s blo g s .● Como medio de publicación digital de contenido, los bl...
4 P o s ibilida des en el a ula● Aprovechando las características anteriormentemencionadas, podemos aprovechar los blog...
5 E s truc tura E x terna . E jem plo G rá fic o (http://blog .educ a s tur.es /pla s tic a /) ...
6 E s truc tura E x ternaAunque la apariencia visual depende del diseño dela plantilla utilizada, la página principal de...
7 E s truc tura E x terna . O tro E jem plo G rá fic o (http://blog .educ a s tur.es /c ua te/) ...
8 E s truc tura interna● Hasta ahora hemos visto la estructura externa de un blog pero ¿Cómo se llega a elab...
E s truc tura interna9 D efinic ió nUn blog es una aplicación web, que se administra a travésde un panel de control onli...
10 M a nos a la o bra● Existen numerosos espacios que permiten alojar nuestro blog de forma gratuita.● A la ...
C om enza ndo a11 c rea r el blog● Para comenzar a crear nuestro blog, debemos solicitar un espacio web al ...
G es tio na ndo 12 el a ltaPulsamos enalta de nuevo usuario ©Manuel Batalla Calvín
G es tiona ndo13 el a ltaNombre de usuarioDirección de correo válidaNúmero seguridad!!!Por supuesto quequer...
G es tio na ndo 14 el a lta Nombre que constará en la direcciónNombre del blog en la barra de título ...
G es tio na ndo15 el a lta¡¡¡Lo logramos!!! Ahora sólo falta entraren nuestro correo y confirmar la creación ...
G es tio na ndo16 el a ltaUna vez aceptamos el enlace que nos hanenviado por correo, llegaremos a unapantalla como la...
G es tio na ndo17 el a lta● Una vez hemos creado nuestro blog, llega el momento de gestionarlo.● Debemos tener...
A c c ediendo a18 w ordpres s ● Para ello, volveremos a la pantalla donde antes ...
A c c ediendo a19 W ordpres s ● Como nombre de usuario y contraseña usamos los que...
A dm inis tra ndo20 nues tro blo gUna vez accedemos a nuestro panel de control, nosaparecerá una pantalla como la sig...
21 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc uloVamos a empezar escribiendo nuestra primeraentrada en...
22 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc ulo● Cada entrada consta de una serie de caract...
23 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc ulo ...
24 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc uloEtiqueta que defina a nuestroartículo (palabras c...
25 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc ulo Publicar ...
26 M enú E s c ribir T o m a ndo fo rm a .... Nuestro post ...
27 M enú E s c ribir E s c ribir pá g ina s● Si los artículos o entradas se ordenan según un orden cronológ...
28 M enú E s c ribir E s c ribir pá g ina s Menú Escribir ...
29 M enú E s c ribir E s c ribir pá g ina s – P a rá m etros Permitir ...
30 M enú E s c ribir E s c ribir pá g ina s – G ua rda ndo ...
31 M enú E s c ribir E s c ribir pá g ina s – A s pec to fina l Nue...
32 M enú E s c ribir E s c ribir pá g ina s – A s pec to fina l ©Ma...
33 A dm inis tra ndo ... E s c ribir E nla c es● Es importante tener una buena batería de páginas relaciona...
34 A dm inis tra ndo ... E s c ribir E nla c esPulsamos Escribir + Nombre del Enlace Dirección Comentari...
35 A dm inis tra ndo ... E s c ribir E nla c es -O pc iones A va nza da s ...
36 A dm inis tra ndo ... E s c ribir E nla c es -A s pec to Fina l ...
37 A dm inis tra ndo ... I ns erta ndo im á g enes● En muchas ocasiones se hace necesario insertar imágenes...
38 A dm inis tra ndo ... I ns erta ndo im á g enes Para añadir una imagen, ...
39 A dm inis tra ndo ... I ns erta ndo im á g enes Pulsaremos aq...
40 A dm inis tra ndo ... I ns erta ndo im á g enes Pulsamos Subir Seleccionamos...
41 A dm inis tra ndo ... I ns erta ndo im á g enes Archivo que hemos ...
42 A dm inis tra ndo ... I ns erta ndo im á g enes Archivos que tenemos en ...
43 A dm inis tra ndo ... I ns erta ndo im á g enes -A s pec to fina l ...
44 M enú A dm inis tra r A dm inis tra r E ntra da s y P á g ina s● ó Est opci n sive par g es...
45 M enú A dm inis tra r A dm inis tra r E ntra da s y P á g ina s Mostrar Publicadas Mostr...
46 M enú A dm inis tra r A dm inis tra r C a teg oría s● Las categorías son l pal as con l que agr ...
47 M enú A dm inis tra r A dm inis tra r C a teg oría s - C rea ndo Permite tener Nombre que le daremos a j...
49 M enú A dm inis tra r A dm inis tra r C a teg oría s - C rea ndoAsí quedará nuestra nueva catego...
50 M enú A dm inis tra r A dm inis tra r E nla c esPulsamos si queremos Pulsamos aquí si crear un...
51 M enú A dm inis tra r A dm inis tra r E tiqueta s ...
52 M enú A dm inis tra r I m po rta rLa opción importar introduce en nuestro blog la configuración de ...
53 M enú A dm inis tra r E x po rta rLa opción exportar genera un fichero XML para poder importarlo de...
M enú D is eño54 T em a s● En el menú diseño modificamos todo el aspecto visual de nuestro blog.● Consta de las...
M enú D is eño55 P la ntilla s● a ó D esde est secci n se puede c a m bia r el dis eño ,l pl il ...
M enú D is eño56 P la ntilla s Aquí se muestra mi plantilla actual ...
M enú D is eño57 P la ntilla s Previsualización de la plantilla. Si me ...
58 M enú D is eño W idg et (w indo w s g a dg et)● Los widget son elementos de pantalla totalmente configur...
M enú D is eño59 W idg ets Widgets activados (en este caso ninguno) ...
60 M enú D is eño W idg ets (P á g ina s +C a lenda rio +A rc hivo ) Páginas : Par i ui enl a ncl r...
61 M enú D is eño W idg ets (P á g ina s +C a lenda rio +A rc hivo ) ...
62 M enú D is eño W idg ets (E nla c es +B us c a r+M eta +E ntra da s )Enlaces: Para incluir la lista deenl...
63 M enú D is eño W idg ets (E nla c es +B us c a r+M eta +E ntra da s ) ...
M enú D is eño64 W idg ets (E tiqueta s +C a teg o ría s +T ex to +C o m enta rio s )Nub...
M enú D is eño65 W idg ets (E tiqueta s +C a teg o ría s +T ex to +C o m enta rio s ) ...
M enú D is eño66 W idg ets (E tiqueta s +C a teg o ría s +T ex to +C o m enta rio s )El ...
67 M enú D is eño W idg ets (W idg etB o x )WidgetBox es una manera muy atractiva de insertar contenidos...
68 M enú D is eño W idg ets (W idg etB o x ) Cuando salga la ...
69 M enú D is eño W idg ets (W idg etB o x ) Pulsamos Widget Panels y ...
70 M enú D is eño W idg ets (W idg etB o x ) Pulsamos Widget Panels y ...
71 M enú D is eño W idg ets (W idg etB o x ) Desplazamos el widget desde ...
72 M enú D is eño W idg ets (W idg etB o x )1. Pulsamos Instalar el Panel Ahora ...
73 M enú D is eño W idg ets (W idg etB o x )1. Abrimos el bloc de notas y 2. Copiamos los ...
74 M enú D is eño W idg ets (W idg etB o x ) Pegamos el PanelId que ...
75 M enú D is eño W idg ets (W idg etB o x ) Aquí tenemos el ...
M enú D is eño76 W idg ets● Existen algunos widget más pero no son estrictamente necesarios para desarrollar n...
77 M enú U s ua rio sWordPress ofrece una gestión de usuarios para controlar y asignarpermisos sobre distintas acciones qu...
78 M enú U s ua rio s Como podemos apreciar en la tabla adjunta, el administrador es el usuario que gestiona...
79 M enú U s ua rio s A ña dir un nuevo us ua rio Para añadir un ...
80 M enú U s ua rio s A ña dir un nuevo us ua rio Este sería el ...
81 M enú U s ua rio s M o dific a r P erfil ©Manuel Batalla Calvín
82 M enú P lug ins ● Los plugin son pequeños programas que, activándolos, nos permiten realizar funciones como e...
83 M enú P lug ins P lug ins a c tivos Estos son los plugin que ...
84 M enú P lug ins P lug ins que ha n es ta do rec iéntem ente a c tivos ...
85 M enú P lug ins P lug ins s in a c tiva r Estos son los plugin que no se ...
86 E jerc ic io Fina l● Vamos a proponer un ejercicio final. Para no trabajar siempre en profeblog, vamos a ab...
87 E jerc ic io Fina l● Una vez creado nuestro blog, vamos a exportar el nuestro de profeblog e importarlo a w...
of 87

Ponencia blogs educativos

Ponencia sobre blogs educativos realizada en 2008
Published on: Mar 4, 2016
Published in: Education      
Source: www.slideshare.net


Transcripts - Ponencia blogs educativos

  • 1. Blogs Educativos.Creación y Mantenimiento de Blogs Noviembre de 2008 Solana de los Barros (Badajoz) ©Manuel Batalla Calvín
  • 2. 1 I ntroduc c ión. ● El fenómeno de los blogs ha influido notablemente en los usos y costumbres de los internautas. El formato blog, weblog o bitácora se ha generalizado como el más aceptado medio de micropublicación, espacio personal, profesional o grupal, e incluso se ha dejado notar en otros ámbitos, como el periodístico. ●Como actividad basada en la comunicación, la docencia no queda al margen de la influencia de los blogs como herramienta educativa y comunicativa. Su flexibilidad los hace adaptables a cualquier materia, asignatura y nivel educativo.©Manuel Batalla Calvín
  • 3. 2 ¿ Q ué es un blog ?● El término blog proviene de la palabra inglesaweblog o bitácora en español.●Se refiere a sitios webs actualizados que recopilade manera cronológica textos o artículos de uno ovarios autores con una temática particular.●Pueden contener tanto textos como imágenes uotros elementos multimedia: audios, vídeos yanimaciones. ©Manuel Batalla Calvín
  • 4. 3 C a ra c terís tic a s y po s ibilida des de lo s blo g s .● Como medio de publicación digital de contenido, los blogspresentan una serie de características que les haceespeciales, y que son muy aprovechables desde el ámbitoeducativo: Contenido hipertextual y multimedia. Utilización fácil mediante asistentes, plataformas... Organización cronológica y temática de la información. Intercambio de ideas favorecido por las opiniones de los usuarios a los artículos. Distintos niveles de usuario lo que hace que aumente la labor colaborativa. ©Manuel Batalla Calvín
  • 5. 4 P o s ibilida des en el a ula● Aprovechando las características anteriormentemencionadas, podemos aprovechar los blogs (edublogs,tratándose del ámbito docente) desde diferentessituaciones de enseñanza-aprendizaje, entre las que secitan las siguientes: Blog de aula, asignatura o tema Taller creativo multimedia Gestión de proyectos de grupo Blog personal del alumnado Publicación electrónica multimedia Guía de navegación... ©Manuel Batalla Calvín
  • 6. 5 E s truc tura E x terna . E jem plo G rá fic o (http://blog .educ a s tur.es /pla s tic a /) Entrada o Artículo con texto, imágenes, vídeos... Entrada a últimos artículos Categorías o temas Blogroll Buscador ©Manuel Batalla Calvín
  • 7. 6 E s truc tura E x ternaAunque la apariencia visual depende del diseño dela plantilla utilizada, la página principal de un blogpresenta elementos comunes. Desde ella se puedeacceder a:●Entradas o artículos ordenados cronológicamente,comenzando por los más actuales.●Comentarios a los diferentes artículos que sepublican en la web.●Calendario o archivos por año/mes/día.●Categorías o temas en que se clasifican losartículos.●“Blogroll” o repertorio de enlaces a otros blogs●Buscador. ©Manuel Batalla Calvín
  • 8. 7 E s truc tura E x terna . O tro E jem plo G rá fic o (http://blog .educ a s tur.es /c ua te/) Buscador Entrada o Artículo Categorías o temas Comentarios Entrada a últimos artículos Blogroll ©Manuel Batalla Calvín
  • 9. 8 E s truc tura interna● Hasta ahora hemos visto la estructura externa de un blog pero ¿Cómo se llega a elaborar?● Para ello los blogs facilitan al administrador del mismo un sencillo e intuitivo menú mediante el cual podemos insertar imágenes, textos, sonidos...● Además podremos gestionar los usuarios y dar a cada uno un rol. ©Manuel Batalla Calvín
  • 10. E s truc tura interna9 D efinic ió nUn blog es una aplicación web, que se administra a travésde un panel de control online.Incluye herramientas para:• Escribir y editar artículos y páginas.• Configurar las distintas opciones: escritura, lectura,discusión, …, etc.• Establecer las categorías o temas y los enlaces a otrossitios web.• Moderar los comentarios que hacen los visitantes.• Administrar los usuarios y los permisos que estostienen: administrador, editor, colaborador,…, etc.• Configurar el aspecto visual del blog, a través deplantillas... ©Manuel Batalla Calvín
  • 11. 10 M a nos a la o bra● Existen numerosos espacios que permiten alojar nuestro blog de forma gratuita.● A la hora de elegirlo debemos intentar que exista la menor publicidad posible.● Por este motivo, para la realización de esta ponencia se ha elegido profeblog.es ©Manuel Batalla Calvín
  • 12. C om enza ndo a11 c rea r el blog● Para comenzar a crear nuestro blog, debemos solicitar un espacio web al servidor.● Por ello debemos registrarnos y para ello debemos dar algunos datos y una dirección de correo electrónico a la cuál nos enviarán la dirección de nuestro blog.● Accederemos a http://profeblog.es/blog/ y saldrá la siguiente pantalla ©Manuel Batalla Calvín
  • 13. G es tio na ndo 12 el a ltaPulsamos enalta de nuevo usuario ©Manuel Batalla Calvín
  • 14. G es tiona ndo13 el a ltaNombre de usuarioDirección de correo válidaNúmero seguridad!!!Por supuesto quequeremos un blog!!! ©Manuel Batalla Calvín
  • 15. G es tio na ndo 14 el a lta Nombre que constará en la direcciónNombre del blog en la barra de título ©Manuel Batalla Calvín
  • 16. G es tio na ndo15 el a lta¡¡¡Lo logramos!!! Ahora sólo falta entraren nuestro correo y confirmar la creación ©Manuel Batalla Calvín
  • 17. G es tio na ndo16 el a ltaUna vez aceptamos el enlace que nos hanenviado por correo, llegaremos a unapantalla como la siguiente ©Manuel Batalla Calvín
  • 18. G es tio na ndo17 el a lta● Una vez hemos creado nuestro blog, llega el momento de gestionarlo.● Debemos tener claro el objetivo al que queremos llegar con él.● Para ello, debemos acceder a la pantalla de administración utilizando el nombre de usuario y la contraseña que previamente habíamos elegido. ©Manuel Batalla Calvín
  • 19. A c c ediendo a18 w ordpres s ● Para ello, volveremos a la pantalla donde antes comenzamos a gestionar el alta www.profesblog.es/blog Pulsamos aquí ©Manuel Batalla Calvín
  • 20. A c c ediendo a19 W ordpres s ● Como nombre de usuario y contraseña usamos los que nos ha enviado el sistema a nuestro correo electrónico Pulsamos aquí ©Manuel Batalla Calvín
  • 21. A dm inis tra ndo20 nues tro blo gUna vez accedemos a nuestro panel de control, nosaparecerá una pantalla como la siguiente: Podemos Escribir Administrar Cambiar el diseño... ©Manuel Batalla Calvín
  • 22. 21 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc uloVamos a empezar escribiendo nuestra primeraentrada en el blog, para ello pulsamos en el botónescribir ©Manuel Batalla Calvín
  • 23. 22 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc ulo● Cada entrada consta de una serie de características: – Título del artículo o post. – Contenido del artículo, al que podremos añadir cualquier elemento multimedia. – Etiquetas que definirán al artículo y permitirá una búsqueda de artículos afines por parte de nuestro visitante. – Categoría en las que se encuadran los artículos. ©Manuel Batalla Calvín
  • 24. 23 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc ulo Título de nuestro post Barra formato de texto Elementos multimediaContenido de nuestro post ©Manuel Batalla Calvín
  • 25. 24 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc uloEtiqueta que defina a nuestroartículo (palabras clave) Las etiquetas son importantes para realizar búsquedas por parte del usuario, mientras que las categorías sirven para organizar el blog de manera correcta. Categorías de contenido que tendrá nuestro blog ©Manuel Batalla Calvín
  • 26. 25 M enú E s c ribir E s c ribiendo nues tro prim er a rtíc ulo Publicar o borrador Guardar ©Manuel Batalla Calvín
  • 27. 26 M enú E s c ribir T o m a ndo fo rm a .... Nuestro post etiqueta categoría ©Manuel Batalla Calvín
  • 28. 27 M enú E s c ribir E s c ribir pá g ina s● Si los artículos o entradas se ordenan según un orden cronológico inverso y se archivan en categorías, las páginas se ordenan según un orden jerárquico y pueden mostrarse en la página principal de tu blog todas ellas o sólo algunas, dependiendo de la presentación o tema que se haya escogido.● Se trata de páginas estáticas, que recuerdan a la web clásica, y que vienen muy bien para que nuestros visitantes encuentren la información básica de nuestro blog siempre en el mismo sítio. ©Manuel Batalla Calvín
  • 29. 28 M enú E s c ribir E s c ribir pá g ina s Menú Escribir Pulsamos Página Título la página Barra formato de texto Elementos multimedia Contenido de nuestro post ©Manuel Batalla Calvín
  • 30. 29 M enú E s c ribir E s c ribir pá g ina s – P a rá m etros Permitir comentarios y notificaciones Proteger con contraseña, limitando el acceso a ciertos usuarios Podemos indexar las páginas Diferentes plantillas para mostrar Romper el orden alfabético ©Manuel Batalla Calvín
  • 31. 30 M enú E s c ribir E s c ribir pá g ina s – G ua rda ndo Elegimos entre publicada, pendiente revisión y borrador Guardamos la página ©Manuel Batalla Calvín
  • 32. 31 M enú E s c ribir E s c ribir pá g ina s – A s pec to fina l Nuestras páginas estáticas Si pulsamos aquí aparecerá nuestra página ©Manuel Batalla Calvín
  • 33. 32 M enú E s c ribir E s c ribir pá g ina s – A s pec to fina l ©Manuel Batalla Calvín
  • 34. 33 A dm inis tra ndo ... E s c ribir E nla c es● Es importante tener una buena batería de páginas relacionadas con el tema de nuestro blog.● Esas páginas aparecen de forma fija en la parte derecha de la pantalla. Enlaces en la parte derecha ©Manuel Batalla Calvín
  • 35. 34 A dm inis tra ndo ... E s c ribir E nla c esPulsamos Escribir + Nombre del Enlace Dirección Comentario Enlace ©Manuel Batalla Calvín
  • 36. 35 A dm inis tra ndo ... E s c ribir E nla c es -O pc iones A va nza da s Categorías: Exactamente igual que en las entradas Marco de destino _Blank: Ventana nueva _top y ninguna abren sobre la propia ventana _ Podemos especificar la relación con el enlace ©Manuel Batalla Calvín
  • 37. 36 A dm inis tra ndo ... E s c ribir E nla c es -A s pec to Fina l Aquí se encuentran los nuevos enlaces. No los hemos organizado por categorías, aunque ahora veremos como modificar lo realizado ©Manuel Batalla Calvín
  • 38. 37 A dm inis tra ndo ... I ns erta ndo im á g enes● En muchas ocasiones se hace necesario insertar imágenes a nuestros artículos o páginas.● Wordpress nos permite tener una galería de imágenes a nuestra disposición que previamente hemos subido.● Debemos ser conscientes del límite de espacio web que nos ofrece el servidor, que en este caso es de 10Mb ©Manuel Batalla Calvín
  • 39. 38 A dm inis tra ndo ... I ns erta ndo im á g enes Para añadir una imagen, hacemos click en Adjuntar Medios ©Manuel Batalla Calvín
  • 40. 39 A dm inis tra ndo ... I ns erta ndo im á g enes Pulsaremos aquí para seleccionar los archivos a subirInsertar imágenes desde el ordenador (lo más habitual)Insertar imágenes desde internet ©Manuel Batalla Calvín
  • 41. 40 A dm inis tra ndo ... I ns erta ndo im á g enes Pulsamos Subir Seleccionamos el archivo La imagen que se muestra es la del Browser Loader (Explorador) ya que el Flash Loader a veces presenta algún tipo de problemas. ©Manuel Batalla Calvín
  • 42. 41 A dm inis tra ndo ... I ns erta ndo im á g enes Archivo que hemos seleccionado Título de la imagen (no tiene que coincidir con el nombre del fichero) Leyenda que aparecerá mientras carga la imagen Alineación en nuestro post o página Tamaño en que se insertará la imagen ©Manuel Batalla Calvín
  • 43. 42 A dm inis tra ndo ... I ns erta ndo im á g enes Archivos que tenemos en nuestra galería de imágenes Archivos multimedia de todo tipo que tenemos en nuestro blog ©Manuel Batalla Calvín
  • 44. 43 A dm inis tra ndo ... I ns erta ndo im á g enes -A s pec to fina l Mucho más bonito e ilustrativo ©Manuel Batalla Calvín
  • 45. 44 M enú A dm inis tra r A dm inis tra r E ntra da s y P á g ina s● ó Est opci n sive par g es tio na r la s entra da s que ya hem os a r a publcado o l que están en borrador. Para encontrar la entrada i as que buscamos podemos usar el bus c a dor que nos ofecen r i r ntoduci i abr í ul endo una o varas pal as del tt o o del contenido. También las podemos encontrar por alguna de sus otras clasificaciones: Estado (publicada, borrador, etc) Mes Categoría (alguna de las que le otorgamos).● U na vez hem os encontado l entada que buscam os,podem os r a r m í ul ediara clcando enci a deltt o de l entada ( t l i a r á nos levar al l ediorvi t sualpar poderhacerl cam bi que quer os y a os os am vol l a publcar i uso en oto día)o bor ara ( cui vera i , ncl r r l ¡ dado!Sise bor a es i posi e vol a r r m bl ver ecuper una entada) ar r . ©Manuel Batalla Calvín
  • 46. 45 M enú A dm inis tra r A dm inis tra r E ntra da s y P á g ina s Mostrar Publicadas Mostrar las entradas de un determinado mes Mostrar las que tenemos en borrador Mostrar las entradas de una categoría Clickamos en cualquiera para modificarla ©Manuel Batalla Calvín
  • 47. 46 M enú A dm inis tra r A dm inis tra r C a teg oría s● Las categorías son l pal as con l que agr as abr as upam os l as entadas.D esde eladm i stadorde cat r ni r í egoras podem os: A ñadi una cat r í egora nueva. C am bi elnom br a una cat ar e í egora creada ( ón bot “ t ”. ediar ) Asi gnaruna cat í egora a ota superor( ediar ) r i “ t ”. egora ( ón “ r ”) Bor aruna cat r í bot bor ar . At ó enci n!Sise bor a una cat r í odas las entradas egora,t guardadas bajo esa categoría se clasificarán bajo una genérica –uncategorized-. ©Manuel Batalla Calvín
  • 48. 47 M enú A dm inis tra r A dm inis tra r C a teg oría s - C rea ndo Permite tener Nombre que le daremos a jerarquizadas las la categoría Descripción (no muy útil) categorías Añadimos la Categoría ©Manuel Batalla Calvín
  • 49. 49 M enú A dm inis tra r A dm inis tra r C a teg oría s - C rea ndoAsí quedará nuestra nueva categoría ©Manuel Batalla Calvín
  • 50. 50 M enú A dm inis tra r A dm inis tra r E nla c esPulsamos si queremos Pulsamos aquí si crear uno nuevo queremos editarlo Podemos ordenarlos y mostrarlos en pantalla de la misma manera que lo hemos hecho anteriormente con las Categorías ©Manuel Batalla Calvín
  • 51. 51 M enú A dm inis tra r A dm inis tra r E tiqueta s Pulsamos si queremos crear una nueva Pulsamos aquí si queremos editarla pal as cl abr ave que siven r de com pl ent a l em o as cat í egoras utlzadas par ii a cl fcarl entadas asii as r La pantalla para añadir etiquetas es la misma que la que se nos sugiere creando las entradas o las páginas ©Manuel Batalla Calvín
  • 52. 52 M enú A dm inis tra r I m po rta rLa opción importar introduce en nuestro blog la configuración de otro blog del que seamospropietarios (usuarios, categorías, etiquetas, entradas, páginas....). El contenido que importemosdependerá del tipo de blog que tengamos ©Manuel Batalla Calvín
  • 53. 53 M enú A dm inis tra r E x po rta rLa opción exportar genera un fichero XML para poder importarlo desde otro blog WordPress. Estefichero contendrá todas las entradas, comentarios y categorías existentes en nuestro blog. Tambiénpuede servirnos como copia de seguridad del mismo. ©Manuel Batalla Calvín
  • 54. M enú D is eño54 T em a s● En el menú diseño modificamos todo el aspecto visual de nuestro blog.● Consta de las siguientes opciones – Plantillas: Estilo general que tendrá nuestro blog. – Widget: elementos de la barra lateral de nuestro blog. – Color e Imagen de Cabecera. ©Manuel Batalla Calvín
  • 55. M enú D is eño55 P la ntilla s● a ó D esde est secci n se puede c a m bia r el dis eño ,l pl il utlzada par elbl a antla ii a og.● U na vez hayam os escogi l pl il que do a antla quer os utlzar apar em ii , á ecer una pr sualzaci n de cóm o quedar nuesto evi i ó á r bl con ela,y siest os de acuer sól og l am do o hay que “ plic a r tem a ”par que l a a os cam bi se hagan ef i os ectvos. ©Manuel Batalla Calvín
  • 56. M enú D is eño56 P la ntilla s Aquí se muestra mi plantilla actual Lista de plantillas sobre las que puedo elegir ©Manuel Batalla Calvín
  • 57. M enú D is eño57 P la ntilla s Previsualización de la plantilla. Si me convence aceptaré activándola ©Manuel Batalla Calvín
  • 58. 58 M enú D is eño W idg et (w indo w s g a dg et)● Los widget son elementos de pantalla totalmente configurables.● Aparecen en la parte lateral de la pantalla.● Varían según la plantilla que estemos usando, ya que algunas de ellas no los admiten, los admiten a ambos lados de la ventana, solamente a un lado...● Son muy variados, aunque depende del servidor que estemos usando. ©Manuel Batalla Calvín
  • 59. M enú D is eño59 W idg ets Widgets activados (en este caso ninguno) Widgets disponibles en profeblog Podemos elegir entre mostrar todos los widgets usados, los que no estamos usando o todos los disponibles ©Manuel Batalla Calvín
  • 60. 60 M enú D is eño W idg ets (P á g ina s +C a lenda rio +A rc hivo ) Páginas : Par i ui enl a ncl r aces a l as páginas que hayas cr eado.Per ie m t per í ul sonalzareltt o con elque i apar á ecer en pant l y l m aner de ala a a ordenarl pági as nas.Adem ás nos per ie excl rci t pági m t ui eras nas. C alendario:C al endaro con enl i aces a l días en que has publcado arí os. os i tcul Per ie per m t í ul sonalzareltt o con elque i apar á ecer en pant l ala A rchivo:Par i ui elar vo por a ncl r chi m eses de t entadas. m ie us r Per t per í ul sonalzareltt o con elque i apar á ecer en pant l y l entadas que ala as r ha t do cada arí o eni tcul ©Manuel Batalla Calvín
  • 61. 61 M enú D is eño W idg ets (P á g ina s +C a lenda rio +A rc hivo ) Páginas estáticas del blog Calendario con los días donde se han escrito los artículos Archivo por meses ©Manuel Batalla Calvín
  • 62. 62 M enú D is eño W idg ets (E nla c es +B us c a r+M eta +E ntra da s )Enlaces: Para incluir la lista deenlaces o el blogroll.Meta: Provee información para lasindicación de tus artículos ycomentarios vía RSS. Ademáspermite el acceso al panel.Buscar: Permite a los visitanteshacer búsquedas del contenido detu blog.Entradas Recientes: Destaca lasúltimas entradas publicadas. Es útilcuando sólo son visibles dos o tresentradas en la página principal. ©Manuel Batalla Calvín
  • 63. 63 M enú D is eño W idg ets (E nla c es +B us c a r+M eta +E ntra da s ) Enlaces Menú Meta ( RSS + Panel de Control) Últimas entradas ©Manuel Batalla Calvín
  • 64. M enú D is eño64 W idg ets (E tiqueta s +C a teg o ría s +T ex to +C o m enta rio s )Nube de etiquetas: Indica lasetiquetas del blog en formato de nube.Categorías: Una lista de las categoríasdel blog con enlace directo a lasentradas.Texto: Este widget es para incluircódigo HTML, javascript, etc. Muchossitios de internet te ofrecen el códigopara que puedas usar su servicio en labarra lateral.Comentarios Recientes: Permiteincluir los últimos comentarios. ©Manuel Batalla Calvín
  • 65. M enú D is eño65 W idg ets (E tiqueta s +C a teg o ría s +T ex to +C o m enta rio s ) Enlaces Categorías Texto Comentarios ©Manuel Batalla Calvín
  • 66. M enú D is eño66 W idg ets (E tiqueta s +C a teg o ría s +T ex to +C o m enta rio s )El widget “texto” también podemos usarlo para escribir sentenciasHTML, por lo que si conocemos este lenguaje podremos conseguirdiferentes efectos.Por ejemplo, para poner una imagen en el lateral como un enlace ©Manuel Batalla Calvín
  • 67. 67 M enú D is eño W idg ets (W idg etB o x )WidgetBox es una manera muy atractiva de insertar contenidosanimados en la web. Veamos como hacerlo:● Primero debemos registrarnos en widgetbox. No es necesario dar nuestra verdadera dirección de email-● Una vez registrados, buscamos el widgetbox que nos guste y lo seleccionamos. Una vez configurado, pulsamos GET WIDGET Configuramos el widget. Dependiendo del widget elegido cambiará esa configuración ©Manuel Batalla Calvín
  • 68. 68 M enú D is eño W idg ets (W idg etB o x ) Cuando salga la ventana de la imagen, la cerramos. Después pulsaremos “My WidgetBox” ©Manuel Batalla Calvín
  • 69. 69 M enú D is eño W idg ets (W idg etB o x ) Pulsamos Widget Panels y posteriormente “Make a New Panel” ©Manuel Batalla Calvín
  • 70. 70 M enú D is eño W idg ets (W idg etB o x ) Pulsamos Widget Panels y posteriormente “Make a New Panel” ©Manuel Batalla Calvín
  • 71. 71 M enú D is eño W idg ets (W idg etB o x ) Desplazamos el widget desde “Item Palette” hacia “Panel Layout” Finalmente Salvamos nuestro nuevo widget ©Manuel Batalla Calvín
  • 72. 72 M enú D is eño W idg ets (W idg etB o x )1. Pulsamos Instalar el Panel Ahora 2. Pulsamos EMBED CODE 3. Pulsamos COPY ©Manuel Batalla Calvín
  • 73. 73 M enú D is eño W idg ets (W idg etB o x )1. Abrimos el bloc de notas y 2. Copiamos los 5 bloques de pulsamos PEGAR números que siguen a PanelId Ahora ya podemos volver al apartado widget de nuestro blog (ya era hora!!!!) 4. Pulsamos añadir en el widgetbox que queramos que aparezca- 3. Elegimos el número de widgetbox que queremos y pulsamos guardar ©Manuel Batalla Calvín
  • 74. 74 M enú D is eño W idg ets (W idg etB o x ) Pegamos el PanelId que previamente habíamos copiado del blog de notas. En el caso del ejemplo 0fe66c90-3cc6-471f-b192- 0dc1b3d73275 Pulsamos Cambiar y posteriormente Guardar Cambios Y ahora a comprobar el resultado ©Manuel Batalla Calvín
  • 75. 75 M enú D is eño W idg ets (W idg etB o x ) Aquí tenemos el widgetbox para nuestro blog. Los hay de múltiples temas, la maestría está en saber elegirlos!!!! ©Manuel Batalla Calvín
  • 76. M enú D is eño76 W idg ets● Existen algunos widget más pero no son estrictamente necesarios para desarrollar nuestra web.● Picasa Photo: Sirve para poner fotos aleatorias que previamente he subido a Picasa de google.● Google Player inserta un reproductor mp3 en el lateral de nuestro blog.● Recordando que si eliminamos todos los widget, se colocan los que son por defecto. ©Manuel Batalla Calvín
  • 77. 77 M enú U s ua rio sWordPress ofrece una gestión de usuarios para controlar y asignarpermisos sobre distintas acciones que se pueden realizar en el blog:escribir/editar artículos, crear páginas, definir enlaces, crearcategorías, moderar comentarios, gestionar temas o usuarios, etc.Se reconocen 5 roles: Administrador: dispone de todos los permisos de administración. Editor: publica y gestiona todos los artículos: propios y ajenos. Autor: publica y gestiona sólo sus propios artículos. Colaborador: escribe y edita sus artículos pero no puedepublicarlos. Suscriptor: escribe comentarios, recibe mensajes con novedades,etc ©Manuel Batalla Calvín
  • 78. 78 M enú U s ua rio s Como podemos apreciar en la tabla adjunta, el administrador es el usuario que gestiona todo el blog. El editor es alguien que puede modificar todo lo referente al contenido del blog. Autor, Colaborador y Suscriptor son usuarios menores. ©Manuel Batalla Calvín
  • 79. 79 M enú U s ua rio s A ña dir un nuevo us ua rio Para añadir un usuario a nuestro blog, debemos escribir su e-mail y darle un perfil de los comentados anteriormente. El usuario recibirá un correo electrónico que tendrá que aceptar para formar parte de nuestro blog. Posteriormente podremos gestionar todos los usuarios, ya que somos adminitradores de nuestro blog. ©Manuel Batalla Calvín
  • 80. 80 M enú U s ua rio s A ña dir un nuevo us ua rio Este sería el mensaje de wordpress al usuario. Solamente debe confirmarlo el usuario ©Manuel Batalla Calvín
  • 81. 81 M enú U s ua rio s M o dific a r P erfil ©Manuel Batalla Calvín
  • 82. 82 M enú P lug ins ● Los plugin son pequeños programas que, activándolos, nos permiten realizar funciones como encuestas, estadísticas... ● Si la instalación de wordpress está en nuestro servidor, esos plugin pueden ser instalados por nosotros. ● Si estamos alojados en otro servidor, debe ser el administrador del servidor quien lo haga. ● Vamos a ver los plugins que nos ofrece ©Manuel Batalla Calvín
  • 83. 83 M enú P lug ins P lug ins a c tivos Estos son los plugin que aparecen activos y cada uno se comporta de manera diferente. Comentaremos aquellos que son más importantes: WP-Polls: Permite realizar encuestas. Si además le añadimos WP-Widget permite añadirlo como widget. Audio Player: Permite insertar un reproductor de audio con un enlace al fichero. Debe llevar la forma [audio:rutaalfichero] WP Video Plugin: Permite insertar un video de la misma manera que audio plugin [sitio id]. Por ejemplo, si queremos insertar el video http://video.google.de/videopla y? docid=1445939211866326645 Escribiremos [google id=144593921186632664 ©Manuel Batalla Calvín
  • 84. 84 M enú P lug ins P lug ins que ha n es ta do rec iéntem ente a c tivos Estos son los plugin que han estado recientemente activos- Comentaremos aquellos que son más importantes: Ada Active: Muestra en un widget los blogs más activos de wordpress. Ada Updated: Muestra en un widget los blogs reciéntemente actualizados de wordpress. WordPress Stats: Muestra las estadísticas de mi sitio (entradas...). Es imprescindible tener API Key que hay que pedirsela al administrador. ©Manuel Batalla Calvín
  • 85. 85 M enú P lug ins P lug ins s in a c tiva r Estos son los plugin que no se han activado. Comentaremos aquellos que son más importantes: Akismet: Muy interesante. Filtra el spam en los comentarios. También necesitamos API key. Post2pdf: Convierte los post y las categorías en pdf. Existen muchos tipos de plugin, pero no podemos adminitrarlos y tenemos que conformarnos con los que nos ofrece el administrador. ©Manuel Batalla Calvín
  • 86. 86 E jerc ic io Fina l● Vamos a proponer un ejercicio final. Para no trabajar siempre en profeblog, vamos a abrirnos una cuenta en www.wordpress.com● Tiene algunas ventajas con respecto a profeblog. Por ejemplo tiene 3Gb de almacenamiento. Tiene otras desventajas como que no podemos gestionar los plugin.● Además podremos gestionar encuestas y estadísticas de una manera muy sencilla. ©Manuel Batalla Calvín
  • 87. 87 E jerc ic io Fina l● Una vez creado nuestro blog, vamos a exportar el nuestro de profeblog e importarlo a wordpress.com.● De esta manera tendremos toda la estructura de mi antiguo blog en el nuevo.● En este nuevo entorno será más sencillo gestionar encuestas y entradas.● Mira un ejemplo en mbatalla.wordpress.com ©Manuel Batalla Calvín