Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.
-
Upload
rico-santin -
Category
Documents
-
view
221 -
download
0
Transcript of Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.
![Page 1: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/1.jpg)
![Page 2: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/2.jpg)
Publicación en Blogs con Wordpress
18 y 20 de septiembre de 2012ELCHE
![Page 3: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/3.jpg)
Sesión 4
20 de septiembre de 2012
![Page 4: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/4.jpg)
Entrada – pegar información
• Textos de internet, word y otras aplicaciones contienen etiquetas de formato “invisibles” para nosotros pero que se incorporarán a la entrada, afectando a su visual (enlaces, negrita, líneas, etc)
• Solución: “pegar como texto plano” y “pegar desde Word”
IMPORTANTE
![Page 5: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/5.jpg)
![Page 6: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/6.jpg)
![Page 7: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/7.jpg)
![Page 8: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/8.jpg)
PRÁCTICA 8: Entrada pegando información de internet
• Crea una nueva entrada• Escribe un titulo• En el cuerpo, pegaremos un texto copiado
desde Internet directamente en la entrada y más abajo pegaremos el mismo texto utilizando la herramienta “pegar como texto plano”
• Visualiza la entrada y detecta las diferencias.
![Page 9: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/9.jpg)
Entrada – pegar desde Word
![Page 10: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/10.jpg)
Entrada – opciones de publicación
• Estado: publicada, borrador y pendiente revisión
• Visibilidad: pública, privada y protegida contraseña
• Programar publicación
![Page 11: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/11.jpg)
Entrada – opciones de publicación
![Page 12: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/12.jpg)
Entrada – opciones de publicación
![Page 13: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/13.jpg)
PRÁCTICA 9: Entradas con diferentes estados, visibilidad y programadas
• Crea una nueva entrada BORRADOR• Crea una nueva entrada PENDIENTE REVISIÓN*• Crea una nueva entrada PROTEGIDA
CONTRASEÑA• Crea una nueva entrada PRIVADA• Crea una nueva entrada PROGRAMADA para ser
publicada mañana a las 15:00 h.• Visualiza la gestión de entradas y aprecia
![Page 14: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/14.jpg)
Página
• Contenido estático• Forman parte de la navegación del blog*• Tienen jerarquía y orden• No tienen categorías ni etiquetas• Página como INICIO de nuestro blog * Páginas excluidas de la navegación
![Page 15: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/15.jpg)
Página
• Estado: publicada, borrador y pendiente de revisión (igual que entradas).
• Visibilidad: pública, privada y protegida (igual que entradas).
• Programar publicación (igual que entradas).• Plantillas• Páginas estándares UMH– Directorio– Contacto– Localización
![Page 16: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/16.jpg)
![Page 17: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/17.jpg)
PRÁCTICA 10: Página simple
• Crea una página nueva• Rellena tan sólo el titulo y el cuerpo de la
página• Clic en “Publicar”
![Page 18: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/18.jpg)
Página
• ¿Qué ha pasado?• ¿Cómo controlamos dónde aparecen nuestras
páginas?
JERARQUÍA y ORDEN
![Page 19: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/19.jpg)
Página - jerarquía
• La jerarquía sirve para especificar la estructura de páginas de nuestro blog
• Visualmente se reflejará en el menú de navegación
• Las páginas “principales” deben tener títulos muy cortos
![Page 20: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/20.jpg)
Página - jerarquía
![Page 21: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/21.jpg)
PRÁCTICA 11: Jerarquía de páginas
• Crea la siguiente estructura de páginas utilizando el parámetro “SUPERIOR”:
• Investigación– Institutos– Departamentos– Grupos
• Estudios– Grados– Master– Doctorado
![Page 22: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/22.jpg)
Página sólo con jerarquía
• ¿Qué ha pasado?• La estructura es correcta pero no controlamos
el orden de visualización
Solución: ORDEN
![Page 23: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/23.jpg)
Página - orden
• La jerarquía sólo indica una “dependencia” entre páginas (madre, hija…)
• Para especificar un orden de visualización utilizamos el parámetro “orden”
• Buena práctica: utilizar valores que nos permitan incorporar páginas sin necesitar de renumerar todas las de su mismo nivel.
![Page 24: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/24.jpg)
Página – orden (ejemplo)
• Presentación [100]– Directorio [110]– Localización [120]– Contacto [130]
• Carta de Servicios [200]– Funciones [210]– Compromisos [220]– Servicios [230]
![Page 25: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/25.jpg)
PRÁCTICA 12: Jerarquía y orden de páginas
• Crea una estructura de páginas que se visualice en tu blog de la siguiente manera:
• Estudios– Grados– Master– Doctorado
• Investigación– Institutos– Departamentos– Grupos
![Page 26: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/26.jpg)
Página excluida de navegación
• Existe una opción para crear una página y que ésta no forme parte de la navegación del blog.
• No es una práctica recomendada• Puede ser útil en determinados casos:
esconder información, menús demasiado poblados (estructura interminable)
![Page 27: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/27.jpg)
Página excluida de navegación
![Page 28: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/28.jpg)
Práctica 13: página excluida de la navegación
• Crea una nueva página• Desmarca la opción del parámetro “Excluir
páginas”• Publica• Visualiza el blog; no podemos acceder a esa
página.• Utiliza el buscador.• Copia su URL para el siguiente ejercicio.
![Page 29: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/29.jpg)
Práctica 14: enlace a página excluida de navegación
• Crea una nueva página o entrada (lo que prefieras)
• Incluye un enlace en el cuerpo a la dirección de la página excluida de navegación.
• El enlace debe abrirse en la misma ventana.
![Page 30: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/30.jpg)
Práctica 15: página excluida de navegación como página de inicio del blog
• Crea una página que no forme parte de la navegación.
• Con el titulo “Bienvenido”• Mediante las OPCIONES > Lectura, especifica
que dicha página sea la de inicio de tu blog.• Página estática “Bienvenido”
![Page 31: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/31.jpg)
Multimedia
• Enlace a imágenes• Foto• Video– Desde nuestro pc– Desde una fuente externa
• Flash• Audio• Plugins
![Page 32: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/32.jpg)
![Page 33: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/33.jpg)
PRÁCTICA 16: Enlaces
• Crea una entrada nueva con titulo “Entrada con enlace a foto”
• En el cuerpo insertamos:– Un enlace que se abre en ventana nueva a la
dirección http://www.umh.es/images/logo_pagina_inicio.jpg (foto)
![Page 34: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/34.jpg)
Multimedia - foto
• Desde tu ordenador• Desde una url• Desde la librería multimedia
• Opciones de Formato: tamaño, título, descripción, alineación, etc.
![Page 35: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/35.jpg)
![Page 36: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/36.jpg)
![Page 37: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/37.jpg)
![Page 38: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/38.jpg)
![Page 39: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/39.jpg)
![Page 40: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/40.jpg)
PRÁCTICA 17: Foto
• Guarda en tu pc una foto de internet• Crea una nueva entrada o página• Inserta la foto• La foto debe ser un enlace a la propia foto que
se abra en ventana nueva.• Práctica las diferentes opciones de formato.
![Page 41: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/41.jpg)
Multimedia - video
• Desde tu ordenador• Desde una fuente externa
• Enlace normal a un video
![Page 42: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/42.jpg)
Multimedia – youtube video
• Con el plugin VIPERS• Desde TouTube– Obtenemos ruta– Enlazamos con el video
![Page 43: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/43.jpg)
Multimedia - video
![Page 44: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/44.jpg)
Multimedia - video
![Page 45: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/45.jpg)
PRÁCTICA 18: Flash video
• Crea una entrada nueva con el titulo “Entrada con video”
• Utiliza el plugin de VIPERS para insertar un video de youtube
• Ejemplo: http://www.youtube.com/watch?v=y5whWXxGHUA
![Page 46: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/46.jpg)
Multimedia – Audio player
• Permite reproducción de audio directamente desde el blog sin necesidad de descarga
• Plugin audio player• Opciones de visualización, etiquetas, enlaces,
etc• Desde archivo local o desde internet.
![Page 47: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/47.jpg)
Multimedia – Audio player
![Page 48: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/48.jpg)
PRÁCTICA 19: Audio player
• Activa el plugin Audio player• Descarga el fichero zip o rar desde la entrada
“música” en jgascon.umh.es• Descomprímelo y guárdalo en el escritorio.• Insértalo en una entrada o página
![Page 49: Publicación en Blogs con Wordpress 18 y 20 de septiembre de 2012 ELCHE.](https://reader035.fdocuments.mx/reader035/viewer/2022062519/5665b45d1a28abb57c90e802/html5/thumbnails/49.jpg)
Gracias