Publicación en Blogs con Wordpress
18 y 20 de septiembre de 2012ELCHE
Sesión 4
20 de septiembre de 2012
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
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.
Entrada – pegar desde Word
Entrada – opciones de publicación
• Estado: publicada, borrador y pendiente revisión
• Visibilidad: pública, privada y protegida contraseña
• Programar publicación
Entrada – opciones de publicación
Entrada – opciones de publicación
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
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
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
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”
Página
• ¿Qué ha pasado?• ¿Cómo controlamos dónde aparecen nuestras
páginas?
JERARQUÍA y ORDEN
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
Página - jerarquía
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
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
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.
Página – orden (ejemplo)
• Presentación [100]– Directorio [110]– Localización [120]– Contacto [130]
• Carta de Servicios [200]– Funciones [210]– Compromisos [220]– Servicios [230]
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
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)
Página excluida de navegación
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.
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.
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”
Multimedia
• Enlace a imágenes• Foto• Video– Desde nuestro pc– Desde una fuente externa
• Flash• Audio• Plugins
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)
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.
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.
Multimedia - video
• Desde tu ordenador• Desde una fuente externa
• Enlace normal a un video
Multimedia – youtube video
• Con el plugin VIPERS• Desde TouTube– Obtenemos ruta– Enlazamos con el video
Multimedia - video
Multimedia - video
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
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.
Multimedia – Audio player
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
Gracias
Top Related