Publicación en Blogs con Wordpress

Presentación del tema: "Publicación en Blogs con Wordpress"— Transcripción de la presentación:

1

2 Publicación en Blogs con Wordpress
21 de mayo de 2014 ELCHE

3 Programa ¿Productividad móvil?
Implicaciones del blog con el nuevo portal Escritorio, Usuarios, Plugins, Temas, Widgets, Opciones Categorías Tags Entrada Página Multimedia

4 ¿Productividad móvil? Aplicación en App store y Google play.
Validación UMH no integrada.

5 Implicaciones Blog-Nuevo portal
Contribución descentralizada de la estructura organizativa en el portal institucional. Información desde el origen. Presencia individualizada en Internet Autonomía publicación Unificar imagen y navegación Difusión Datos en UMH, soporte UMH y formación RSS

6 Implicaciones Blog-Nuevo portal
Aportación de contenidos: Página “Presentación” Novedades o posts Eventos del calendario Idiomas: Qtranslate Castellano Valenciano Inglés

7 PRESENTACIÓN

8 Implicaciones Blog-Nuevo portal
Novedades o posts Página de “Novedades” Novedades en la portada del nuevo portal Novedades en la sección correspondiente de la estructura organizativa.

9 NOVEDADES

10 Implicaciones Blog-Nuevo portal
Eventos del calendario Calendario de eventos blog Calendario eventos portada del portal CATEGORIZACIÓN INSTITUCIONAL DE LOS EVENTOS: Estudios, Arte y Cultura, Extensión, Deporte, Estudiantes, Economía y Empresa, Investigación e Innovación, Ayudas, subvenciones y becas, Recursos Humanos, Internacional, Institucional, Ocio y Otros.

11 EVENTOS

12 Escritorio

13 Usuarios Suscriptor: pueden acceder a contenidos privados o solo para suscriptores. Acceso de lectura. Colaborador: pueden escribir nuevos artículos y noticias, y modificarlos. Cualquier contenido nuevo no se publica directamente sino que requiere aprobación de un administrador. Autor: es otro perfil de colaborador pero este puede publicar directamente. Editor: es casi un administrador que puede gestionar artículos y noticias de cualquier otro usuario. Sería el Redactor Jefe si utilizamos una analogía periodística. Administrador: tiene acceso a todo en el blog y es el encargado de las actualizaciones, instalación de plugins, cambio de plantillas y configuración.

14 PRÁCTICA: Usuarios En parejas, agrega a tu compañero como COLABORADOR en tu blog. Más adelante haremos una prueba de publicación con diferentes roles.

15 Plugins Localizaciones y Directorio UMH Event calendar Qtranslate
eForm y Contact form 7 Audio player iFrame NextGen Gallery Bookmarkify Exclude pages

16 Plugins Role manager Acceso privado Ocultar título Kimili flash embed
Duplicate post Category excluder WP Issuu WP-D tree WP-Geo

17 PRÁCTICA: Plugins Activa los plugins: Localizaciones Directorio UMH
Audio player

18 Temas

19 PRÁCTICA: Temas Activa el tema visual iNove para nueva web
Nota: Cabecera personalizable

20 Widgets

21 PRÁCTICA: Widgets PARTE “NORTE” Selector de idioma Q-Translate
Event Calendar Entradas Recientes Categorías PARTE “ESTE” Meta PARTE “OESTE” RSS PARTE “SUR” Texto

22 Opciones

23 Categorías y Tags Estructurar/organizar el contenido dinámico
Nos permiten establecer jerarquía Permiten al usuario el filtrado de información Permiten al usuario subscribirse a contenidos estructurados Nos permiten referenciar información estructurada (link a categoría-tag) Widgets

24

25

26 PRÁCTICA: Categorías Crea la siguiente jerarquía de Categorías:
Deportes Baloncesto Fútbol Tenis Eventos Arte y Cultura Deporte Institucional

27

28

29 PRÁCTICA: Etiquetas Crea las siguientes Etiquetas: Roland Garros
Open USA Wimbledon

30 Entrada Contenido dinámico Tipos: novedad y evento (interno y externo)
Barra de formato Estado: publicada, borrador y pendiente de revisión. Visibilidad: pública, privada y protegida. Programar publicación Categorización y etiquetado

31 Entrada tipo “novedad”
Es una entrada normal Puede estar etiquetada y categorizada No lleva asignada información temporal Aparecerá en el Widget de Entradas Recientes. Aparecerá en la página de inicio del blog, si así está definido.

32 PRÁCTICA: Entrada Novedad
Primero asegúrate de tener activado el widget de entradas recientes. Escribe el título “Primer triunfo de Nadal” Asigna la categoría “Tenis” Asigna la etiqueta “Open USA” Publica

33 PRÁCTICA: Entrada como colaborador
Entra en el blog del compañero, donde tienes permisos de colaborador, y publica una entrada. Verás que no te permite publicar pero sí enviar a revisión. Entramos en nuestro blog y validamos la publicación del compañero.

34 Entrada tipo “evento” Las entradas de tipo evento son tratadas aparte por lo que no aparecen en el widget de entradas recientes ni en el listado de entradas*. Sí aparecen en el calendario de eventos. Asignamos fecha inicio y fin, hora inicio y fin o todo el día. ESTO ES LO QUE CONVIERTE UNA ENTRADA NORMAL EN UN EVENTO. Asignamos una categoría institucional > presencia portal institucional.

35 Entrada tipo “evento externo”
Única diferencia entre evento interno y externo es la ubicación asignada, si es una estancia UMH o se celebra fuera de nuestras instalaciones. Utilizamos las opciones de Wp-geo Asignamos fecha inicio y fin, hora inicio y fin o todo el día. Asignamos una categoría institucional > presencia portal institucional.

36

37 PRÁCTICA: Entrada evento ext.
Escribe un título y cuerpo de la entrada. Asigna la categoría “Tenis” Utiliza la etiqueta “Open USA” Utiliza la subcategoría institucional “Deporte” que aparece dentro de la categoría “Eventos”. Utiliza el editor de eventos para asignar parámetros de tiempo a la entrada. Utiliza wp-geo para asignar la ubicación Flushing Meadows Latitud: Longitud:

38 Entrada tipo “evento interno UMH”
Utilizamos el botón “Localizaciones” para asignar una ubicación UMH a una entrada. Dos opciones: introducir el código de estancia manualmente o seleccionar ubicación desde mapa. Asignamos fecha inicio y fin, hora inicio y fin o todo el día. Asignamos una categoría institucional > presencia portal institucional.

39

40 PRÁCTICA: Entrada evento UMH
Escribe un título y cuerpo de la entrada. Utiliza el editor de eventos para asignar parámetros de tiempo a la entrada. Utiliza “Localizaciones” para asignar la ubicación Aula Magna (Edif. Altabix, campus de Elche) Asigna la subcategoría de eventos “Deporte”.

41 Ejemplos de Categorización y etiquetado de entradas

42 Pegar texto Entrada – el cuerpo Visualización en código html o visual
Barra de formato: Negrita Listas Alineación Enlace Leer más… Ortografía Pegar texto

43 Entrada - URL

44 Entrada – barra de formato

45 Entrada – enlace de texto
Enlaces internos a secciones, categorías… de nuestro blog. Enlaces externos a otros sitios web, blogs, etc. Botón enlace Botón quitar enlace Titulo del enlace

46 PRÁCTICA: Entrada con enlaces
Crea una nueva entrada Escribe un titulo En el cuerpo, añadiremos 3 enlaces: Enlace en ventana nueva a una web Enlace a una categoría del blog (misma ventana) Enlace a otra entrada del blog

47 Entrada – leer más…

48 Entrada – leer más

49 PRÁCTICA 7: Entrada con “leer más”
Crea una nueva entrada Escribe un título (“Entrada con leer más”) En el cuerpo, añadiremos una primera línea que dirá “Esta línea si se visualizará”. Utilizamos el botón de “salto” Añadimos otra línea “Esto no se verá en la previsualización”

50 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

51

52

53

54 Entrada – pegar desde Word

55 Entrada – opciones de publicación
Estado: publicada, borrador y pendiente revisión Visibilidad: pública, privada y protegida contraseña Programar publicación

56 Entrada – opciones de publicación

57 Entrada – opciones de publicación

58 PRÁCTICA: 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

59 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

60 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

61

62 PRÁCTICA: Página simple
Crea una página nueva Rellena tan sólo el titulo y el cuerpo de la página Clic en “Publicar”

63 Página ¿Qué ha pasado? ¿Cómo controlamos dónde aparecen nuestras páginas? JERARQUÍA y ORDEN

64 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 Se pueden ocultar del menú: plugin Exclude pages

65 Página - jerarquía

66 PRÁCTICA: 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

67 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

68 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.

69 Página – orden (ejemplo)
Presentación [100] Directorio [110] Localización [120] Contacto [130] Carta de Servicios [200] Funciones [210] Compromisos [220] Servicios [230]

70 PRÁCTICA: 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

71 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)

72 Página excluida de navegación

73 Práctica: página excluida de la navegación
Crea una nueva página Desmarca la opción del parámetro “Include this page in lists of pages” Publica Visualiza el blog; no podemos acceder a esa página. Utiliza el buscador. Copia su URL para el siguiente ejercicio.

74 Práctica: 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.

75 Multimedia Enlace a imágenes Foto Video Flash Audio Plugins
Desde nuestro pc Desde una fuente externa Flash Audio Plugins

76

77 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.

78

79

80

81

82

83 PRÁCTICA: 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.

84 Multimedia - video Desde tu ordenador Desde una fuente externa
Enlace normal a un video

85 Multimedia – youtube video
Con el plugin VIPERS Desde TouTube Obtenemos ruta Enlazamos con el video

86 Multimedia - video

87 PRÁCTICA: Flash video Crea una entrada nueva con el titulo “Entrada con video” Utiliza el plugin de VIPERS para insertar un video de youtube Ejemplo:

88 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.

89 Multimedia – Audio player

90 PRÁCTICA: 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

91 Estadísticas Métricas Awstats

92 Gracias