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