Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Crear artículos o noticias en Joomla 3.3

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 7 de mayo de 2015 por Jose Tomas A.

104 visualizaciones

Vídeo tutorial sobre manejo de la Web educativa con Joomla 3.3 en el IES Rafael Frühbeck de Burgos

Descargar la transcripción

Bienvenidos a estos pequeños tutoriales en los que vamos a aprender a manejar la 00:00:00
página web en Joomla 3.3. Como sabemos tenemos una zona frontal que es la que 00:00:15
vemos en la página y para hacer operaciones tenemos que identificarnos. 00:00:22
Aquí vemos que aparece un nuevo menú en el que vamos a poder crear una 00:00:26
noticia, enviar un evento, una descarga y vamos a comenzar por enviar una 00:00:30
noticia, crear un artículo desde la parte frontal. Esta es la pantalla que se nos abre, 00:00:37
lo primero que tenemos que escribir es el título de nuestra noticia o artículo. A 00:00:41
continuación podemos empezar a poner contenido en el editor de texto que aparece en la pantalla. 00:00:48
Bueno, voy a pegar aquí yo ahora un contenido para no tener que escribirlo. Se puede copiar 00:00:57
y pegar desde un Word también. Y una vez que tenemos aquí texto, pues podemos jugar 00:01:04
como con cualquier editor de textos. Cambiamos los colores, centramos, ponemos en negrita. 00:01:09
Bien. También podemos incrustar una imagen. Si conocemos la URL, que ya está publicada 00:01:20
la imagen en Internet, pues abrimos esta pantalla, vamos a buscar una imagen en Internet, por 00:01:27
ejemplo esta, y ahora deberíamos ver la imagen y copiar la URL de la imagen. 00:01:33
Copiamos, y aquí ahora en esta pantalla pegamos la URL. 00:01:48
Conviene poner un texto alternativo por la accesibilidad de la web. 00:01:53
Y finalmente, ya solo tenemos que hacer el botón insertar. 00:01:58
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. 00:02:01
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. 00:02:18
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. 00:02:27
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. 00:02:44
Bueno, también podríamos incluir otro tipo de contenidos que son, por ejemplo, un vídeo de YouTube 00:02:53
El incrustado de vídeos de YouTube y de otros elementos embebidos en Jumbla por temas de seguridad es complicado 00:03:07
Entonces he preparado un plugin muy sencillito que con poner una etiqueta 00:03:15
Como ahora estoy escribiendo entre llaves, YouTube 00:03:19
Ahora copio el código del vídeo, que es esta parte final de la URL 00:03:23
Lo pego después de la etiqueta y vuelvo a escribir la etiqueta YouTube, pero con la barra de cierre. 00:03:31
Coloco ahora una barra de cierre y ya no tengo que escribir nada más. 00:03:42
Me va a reconocer un vídeo y lo va a reproducir en el tamaño responsiva. 00:03:49
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. 00:03:55
Voy a hacerlo así como se hace con YouTube, la última parte de la URL y vamos a ver si funciona. 00:04:11
Ahora, copiamos esta parte, nos vamos ahora a la etiqueta que habíamos dejado a medias y la pegamos. 00:04:18
Y por último, pues volvemos a escribir la etiqueta con la barra de cierre. 00:04:33
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. 00:04:45
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. 00:04:56
Bueno, ya hemos metido contenido y ahora vamos a ver las características de publicación. 00:05:05
Lo primero y más importante es a qué categoría de artículos pertenece. 00:05:09
Está en todos los departamentos, etc. Yo voy a elegir, por ejemplo, cultura clásica. 00:05:14
El segundo dato importante es el tema de si está publicado o no. 00:05:20
puede ser que haya preparado el artículo y más adelante lo quiera publicar 00:05:24
y si está destacado, este botón es muy importante porque nos va a indicar 00:05:28
si va a salir en la portada, aparte de salir en 00:05:32
la sección de la categoría que hemos elegido 00:05:36
las fechas nos van a permitir programar su visibilidad en la web 00:05:39
y el acceso, si queremos por ejemplo publicar un artículo que solo lo vean los profesores 00:05:43
pues deberíamos restringir a un acceso a registrados 00:05:48
En idioma, bueno, se puede cambiar, pero como no tenemos distintos idiomas en la web, 00:05:54
ya hemos rellenado todos los datos que necesitamos para publicar. 00:06:00
Damos a guardar y ya está guardado el mensaje. 00:06:03
Hemos de recordar que cuando publicamos una noticia va a salir directamente en Twitter y en Facebook. 00:06:09
Por eso estas pruebas las estoy haciendo con el sistema apagado, pero que lo sepamos. 00:06:16
aquí vemos cómo ha quedado nuestro artículo 00:06:23
el vídeo en un gran tamaño porque es responsive 00:06:26
se va a adaptar al tamaño de la pantalla de un móvil, de una tablet 00:06:29
y aquí más abajo, después del botón leer más 00:06:33
hacemos clic y vemos el resto del artículo 00:06:37
lamentablemente el código que hemos copiado no funciona 00:06:40
bueno, pero siempre podemos editar con este botón el artículo 00:06:47
y rectificar 00:06:52
Vamos a conseguir que funcione mejor el Slideshark utilizando un código que es la key que se utiliza en los shortcodes de WordPress. 00:06:54
Es muy sencillito, lo único que es difícil de copiar. 00:07:12
en el botón de compartir, de slideshare 00:07:15
en la parte de WordPress or Coding 00:07:19
está aquí abajo, este numerito que hay entre el ID 00:07:22
y el AND es la que nos interesa 00:07:27
es la que deberíamos copiar, como no podemos copiar este código solo 00:07:31
vamos a copiar toda la línea y ahora borramos lo que nos sobra 00:07:36
y de aquí me sobra todo salvo ese número 00:07:40
que va después del id con igual 00:07:44
hasta ahí, y a partir del and 00:07:47
también me sobra, lo elimino 00:07:51
y ahora guardamos los cambios, si queremos ver como nos ha quedado 00:07:54
vamos a verlo, después de hacer el botón 00:08:04
el es más, bien, ahora si que ya se ve 00:08:09
nuestro lightsar y funciona directamente 00:08:13
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. 00:08:17
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. 00:08:31
esta que acabamos de publicar, si hacemos clic en ella 00:08:41
se nos abre y podemos editar 00:08:45
es una pantalla muy parecida a la que hemos visto hasta ahora, pero un poquito 00:08:48
mejor organizada, aquí vemos que tenemos los códigos 00:08:53
que hemos escrito, y bien, cabe destacar aquí a la derecha 00:08:59
lo de si aparece en la portada o no, que es 00:09:03
si está destacado, y los botones de publicado y la categoría 00:09:07
En esta otra pestaña que tenemos aquí arriba, podríamos poner las fechas y el usuario que ha publicado la noticia. 00:09:12
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. 00:09:21
En el resto de pestañas no hay que hacer apenas cambios, no tenemos que tocar nada. 00:09:30
Lo más importante es el contenido y esta barra de la derecha. 00:09:35
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. 00:09:39
Bueno, pues en el banner se alimenta automáticamente de las noticias que estén en la sección Noticias. 00:09:48
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. 00:09:55
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. 00:10:04
botón leer más y se ve el artículo completo 00:10:26
Muy bien, pues hasta aquí este sencillo tutorial de cómo publicar una noticia o artículo 00:10:35
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Autor/es:
José Tomás Alonso García
Subido por:
Jose Tomas A.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
104
Fecha:
7 de mayo de 2015 - 4:36
Visibilidad:
Público
Centro:
IES PEDRO DUQUE
Descripción ampliada:

Explicación sobre cómo publicar un artículo desde el Frontend y desde el Backend en la Web educativa con Joomla 3.3

Duración:
10′ 50″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
35.13 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid