1
00:00:00,110 --> 00:00:15,980
Bienvenidos a estos pequeños tutoriales en los que vamos a aprender a manejar la

2
00:00:15,980 --> 00:00:22,660
página web en Joomla 3.3. Como sabemos tenemos una zona frontal que es la que

3
00:00:22,660 --> 00:00:26,339
vemos en la página y para hacer operaciones tenemos que identificarnos.

4
00:00:26,339 --> 00:00:30,859
Aquí vemos que aparece un nuevo menú en el que vamos a poder crear una

5
00:00:30,859 --> 00:00:37,039
noticia, enviar un evento, una descarga y vamos a comenzar por enviar una

6
00:00:37,039 --> 00:00:41,619
noticia, crear un artículo desde la parte frontal. Esta es la pantalla que se nos abre,

7
00:00:41,880 --> 00:00:48,679
lo primero que tenemos que escribir es el título de nuestra noticia o artículo. A

8
00:00:48,679 --> 00:00:55,159
continuación podemos empezar a poner contenido en el editor de texto que aparece en la pantalla.

9
00:00:57,000 --> 00:01:04,269
Bueno, voy a pegar aquí yo ahora un contenido para no tener que escribirlo. Se puede copiar

10
00:01:04,269 --> 00:01:09,230
y pegar desde un Word también. Y una vez que tenemos aquí texto, pues podemos jugar

11
00:01:09,230 --> 00:01:17,609
como con cualquier editor de textos. Cambiamos los colores, centramos, ponemos en negrita.

12
00:01:20,030 --> 00:01:27,109
Bien. También podemos incrustar una imagen. Si conocemos la URL, que ya está publicada

13
00:01:27,109 --> 00:01:33,829
la imagen en Internet, pues abrimos esta pantalla, vamos a buscar una imagen en Internet, por

14
00:01:33,829 --> 00:01:47,280
ejemplo esta, y ahora deberíamos ver la imagen y copiar la URL de la imagen.

15
00:01:48,560 --> 00:01:51,980
Copiamos, y aquí ahora en esta pantalla pegamos la URL.

16
00:01:53,799 --> 00:01:57,319
Conviene poner un texto alternativo por la accesibilidad de la web.

17
00:01:58,939 --> 00:02:01,980
Y finalmente, ya solo tenemos que hacer el botón insertar.

18
00:02:01,980 --> 00:02:12,500
insertar. Aquí tenemos la imagen, se nos ha quedado pegada al texto, pero bueno, podemos centrarla como cualquier otro texto que hay en el artículo.

19
00:02:18,030 --> 00:02:27,830
Bueno, también tenemos otra forma de insertar una imagen que es con este botón inferior, para que nosotros subamos una imagen directamente al servidor desde nuestro ordenador.

20
00:02:27,830 --> 00:02:41,870
Bueno, aquí he subido esta imagen, la selecciono, si quisiera subir otra de mi ordenador solo tengo que utilizar este botón de examinar, escribo una descripción y a insertar.

21
00:02:44,400 --> 00:02:53,819
Bueno, el tamaño lo puedo modificar fácilmente, aconsejo que no se utilicen las imágenes demasiado grandes y también se puede centrar.

22
00:02:53,819 --> 00:03:07,240
Bueno, también podríamos incluir otro tipo de contenidos que son, por ejemplo, un vídeo de YouTube

23
00:03:07,240 --> 00:03:15,280
El incrustado de vídeos de YouTube y de otros elementos embebidos en Jumbla por temas de seguridad es complicado

24
00:03:15,280 --> 00:03:19,159
Entonces he preparado un plugin muy sencillito que con poner una etiqueta

25
00:03:19,159 --> 00:03:23,919
Como ahora estoy escribiendo entre llaves, YouTube

26
00:03:23,919 --> 00:03:31,400
Ahora copio el código del vídeo, que es esta parte final de la URL

27
00:03:31,400 --> 00:03:40,699
Lo pego después de la etiqueta y vuelvo a escribir la etiqueta YouTube, pero con la barra de cierre.

28
00:03:42,819 --> 00:03:49,039
Coloco ahora una barra de cierre y ya no tengo que escribir nada más.

29
00:03:49,939 --> 00:03:55,400
Me va a reconocer un vídeo y lo va a reproducir en el tamaño responsiva.

30
00:03:55,400 --> 00:04:09,860
Lo mismo que hemos insertado un vídeo de YouTube, podemos incluir una presentación de Slideshar, escribimos la etiqueta Slideshar y copiamos el código.

31
00:04:11,000 --> 00:04:18,939
Voy a hacerlo así como se hace con YouTube, la última parte de la URL y vamos a ver si funciona.

32
00:04:18,939 --> 00:04:32,649
Ahora, copiamos esta parte, nos vamos ahora a la etiqueta que habíamos dejado a medias y la pegamos.

33
00:04:33,649 --> 00:04:38,709
Y por último, pues volvemos a escribir la etiqueta con la barra de cierre.

34
00:04:45,720 --> 00:04:56,459
Bueno, en estos artículos que son un poquito extensos, podemos incluir una barra de separación, que es este botón, leer más.

35
00:04:56,459 --> 00:05:04,579
A partir de esta línea, no se verá en la primera visión del artículo, sino que tiene el usuario que hacer clic en leer más.

36
00:05:05,220 --> 00:05:09,540
Bueno, ya hemos metido contenido y ahora vamos a ver las características de publicación.

37
00:05:09,660 --> 00:05:13,339
Lo primero y más importante es a qué categoría de artículos pertenece.

38
00:05:14,480 --> 00:05:19,259
Está en todos los departamentos, etc. Yo voy a elegir, por ejemplo, cultura clásica.

39
00:05:20,560 --> 00:05:24,379
El segundo dato importante es el tema de si está publicado o no.

40
00:05:24,379 --> 00:05:28,620
puede ser que haya preparado el artículo y más adelante lo quiera publicar

41
00:05:28,620 --> 00:05:32,560
y si está destacado, este botón es muy importante porque nos va a indicar

42
00:05:32,560 --> 00:05:36,000
si va a salir en la portada, aparte de salir en

43
00:05:36,000 --> 00:05:39,480
la sección de la categoría que hemos elegido

44
00:05:39,480 --> 00:05:43,740
las fechas nos van a permitir programar su visibilidad en la web

45
00:05:43,740 --> 00:05:48,480
y el acceso, si queremos por ejemplo publicar un artículo que solo lo vean los profesores

46
00:05:48,480 --> 00:05:51,759
pues deberíamos restringir a un acceso a registrados

47
00:05:54,949 --> 00:05:59,230
En idioma, bueno, se puede cambiar, pero como no tenemos distintos idiomas en la web,

48
00:06:00,250 --> 00:06:02,930
ya hemos rellenado todos los datos que necesitamos para publicar.

49
00:06:03,189 --> 00:06:08,420
Damos a guardar y ya está guardado el mensaje.

50
00:06:09,279 --> 00:06:16,259
Hemos de recordar que cuando publicamos una noticia va a salir directamente en Twitter y en Facebook.

51
00:06:16,259 --> 00:06:23,839
Por eso estas pruebas las estoy haciendo con el sistema apagado, pero que lo sepamos.

52
00:06:23,839 --> 00:06:26,980
aquí vemos cómo ha quedado nuestro artículo

53
00:06:26,980 --> 00:06:29,879
el vídeo en un gran tamaño porque es responsive

54
00:06:29,879 --> 00:06:33,379
se va a adaptar al tamaño de la pantalla de un móvil, de una tablet

55
00:06:33,379 --> 00:06:37,839
y aquí más abajo, después del botón leer más

56
00:06:37,839 --> 00:06:40,180
hacemos clic y vemos el resto del artículo

57
00:06:40,180 --> 00:06:47,800
lamentablemente el código que hemos copiado no funciona

58
00:06:47,800 --> 00:06:52,100
bueno, pero siempre podemos editar con este botón el artículo

59
00:06:52,100 --> 00:06:54,819
y rectificar

60
00:06:54,819 --> 00:07:11,300
Vamos a conseguir que funcione mejor el Slideshark utilizando un código que es la key que se utiliza en los shortcodes de WordPress.

61
00:07:12,240 --> 00:07:15,100
Es muy sencillito, lo único que es difícil de copiar.

62
00:07:15,100 --> 00:07:19,160
en el botón de compartir, de slideshare

63
00:07:19,160 --> 00:07:22,879
en la parte de WordPress or Coding

64
00:07:22,879 --> 00:07:27,939
está aquí abajo, este numerito que hay entre el ID

65
00:07:27,939 --> 00:07:31,459
y el AND es la que nos interesa

66
00:07:31,459 --> 00:07:36,100
es la que deberíamos copiar, como no podemos copiar este código solo

67
00:07:36,100 --> 00:07:40,060
vamos a copiar toda la línea y ahora borramos lo que nos sobra

68
00:07:40,060 --> 00:07:44,000
y de aquí me sobra todo salvo ese número

69
00:07:44,000 --> 00:07:47,720
que va después del id con igual

70
00:07:47,720 --> 00:07:51,699
hasta ahí, y a partir del and

71
00:07:51,699 --> 00:07:54,439
también me sobra, lo elimino

72
00:07:54,439 --> 00:08:04,120
y ahora guardamos los cambios, si queremos ver como nos ha quedado

73
00:08:04,120 --> 00:08:09,459
vamos a verlo, después de hacer el botón

74
00:08:09,459 --> 00:08:13,620
el es más, bien, ahora si que ya se ve

75
00:08:13,620 --> 00:08:17,160
nuestro lightsar y funciona directamente

76
00:08:17,160 --> 00:08:29,899
Para hacer estas operaciones desde la parte de atrás tenemos que identificarnos. Desde el acceso de administradores, esta es la pantalla del backend de Jumbla.

77
00:08:31,120 --> 00:08:41,100
Para añadir un artículo nuevo, gestor de artículos, añadir una nueva noticia. Bueno, no voy a añadir una nueva, voy a gestionar la que ya teníamos.

78
00:08:41,100 --> 00:08:45,120
esta que acabamos de publicar, si hacemos clic en ella

79
00:08:45,120 --> 00:08:48,559
se nos abre y podemos editar

80
00:08:48,559 --> 00:08:53,059
es una pantalla muy parecida a la que hemos visto hasta ahora, pero un poquito

81
00:08:53,059 --> 00:08:59,850
mejor organizada, aquí vemos que tenemos los códigos

82
00:08:59,850 --> 00:09:03,850
que hemos escrito, y bien, cabe destacar aquí a la derecha

83
00:09:03,850 --> 00:09:07,610
lo de si aparece en la portada o no, que es

84
00:09:07,610 --> 00:09:12,009
si está destacado, y los botones de publicado y la categoría

85
00:09:12,009 --> 00:09:19,710
En esta otra pestaña que tenemos aquí arriba, podríamos poner las fechas y el usuario que ha publicado la noticia.

86
00:09:21,110 --> 00:09:29,909
En imágenes y enlaces, si quisiéramos poner imágenes genéricas para identificar el artículo, pero no lo aconsejo porque se hacen demasiado grandes.

87
00:09:30,649 --> 00:09:34,129
En el resto de pestañas no hay que hacer apenas cambios, no tenemos que tocar nada.

88
00:09:35,970 --> 00:09:39,470
Lo más importante es el contenido y esta barra de la derecha.

89
00:09:39,470 --> 00:09:48,190
La categoría, recuerdo que se pueden elegir otras categorías. Es importante recordar, si nos hemos fijado en la portada, que hay un banner.

90
00:09:48,850 --> 00:09:55,029
Bueno, pues en el banner se alimenta automáticamente de las noticias que estén en la sección Noticias.

91
00:09:55,889 --> 00:10:04,070
Si yo publico en esta categoría y tiene una imagen, el artículo, va a ponerse automáticamente en el banner de la portada.

92
00:10:04,070 --> 00:10:26,399
Muy bien, guardamos los cambios y ya tenemos publicado nuestro artículo. Aquí lo vemos. Si quisiéramos ver desde la parte de atrás cómo lo ven nuestros usuarios, damos a este botón y accedemos al artículo.

93
00:10:26,399 --> 00:10:35,860
botón leer más y se ve el artículo completo

94
00:10:35,860 --> 00:10:43,340
Muy bien, pues hasta aquí este sencillo tutorial de cómo publicar una noticia o artículo