Saltar navegación

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

Curso rápido de uso web Wordpress. 2-Publicación de entradas o noticias

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 22 de noviembre de 2022 por Jose Tomas A.

149 visualizaciones

Vídeo tutorial sobre la publicación de entradas en la página Wordpress del instituto

Más información Transcripción

Descargar la transcripción

Buenas, vamos a seguir con nuestros tutoriales y en esta ocasión vamos a aprender a publicar una entrada o noticia. 00:00:01
Recordamos, estamos aquí en el entorno del backend de nuestra página de WordPress y teníamos en la parte izquierda todos los contenidos que podíamos ir tocando. 00:00:36
Bueno, si me voy aquí al apartado de entradas, me gustaría primero enseñaros que existe una serie de categorías ya predefinidas y no queremos crear más, ¿eh? Entonces, para los editores, en principio, no deberíais crear más categorías. 00:00:46
Como veis tenemos un área de AMPA, ayudantes, bilingüismo, convivencia, bueno, dentro del apartado de departamentos tenemos como subcategorías de los distintos departamentos didácticos, ¿no? Bueno, pues con eso es más que suficiente para que nuestra publicación encaje en alguna de estas categorías, en una o en varias, ¿no? 00:01:03
Bueno, pues quería primero eso, de recordar que existe la posibilidad de crear categorías 00:01:24
Pero no lo vamos a recomendar, para que no sea un lío 00:01:30
Si venimos aquí a todas las entradas, pues vemos las últimas que se han publicado 00:01:34
El título, con qué editor se hizo, que aquí está hecho con editor clásico 00:01:40
Pero yo os voy a enseñar a utilizar el editor de bloques, que es mucho más atractivo 00:01:44
El autor, en qué categorías ha metido esta noticia, que la ha metido en dos 00:01:48
y en qué fecha la ha publicado. 00:01:53
Luego si tiene comentarios y qué etiquetas le ha metido. 00:01:56
Comentarios no autorizamos en nuestra web, así que ninguna noticia va a tener aquí comentarios. 00:02:01
Y luego aquí hay una cosa curiosa que es el tema del acceso. 00:02:06
Nuestra web no tiene zona privada, pero si quisiéramos que alguna noticia solo la viesen las personas que se identifiquen, 00:02:09
por ejemplo profesores, podríamos poner que solo accediesen a ella los usuarios identificados. 00:02:15
Entonces, en este caso, no lo utilizamos habitualmente. 00:02:23
Para crear una nueva entrada o noticia, tenemos dos caminos. 00:02:31
El más sencillo es reutilizar una noticia nuestra ya antigua. 00:02:35
Entonces, por ejemplo, si yo esta que tengo aquí la quiero volver a reutilizar con otras imágenes, 00:02:41
con otro texto, con otro título, simplemente le voy a dar a duplicar esto, al dar a duplicar esto me va a crear una nueva noticia pero no la va a publicar, la va a dejar en un estado borrador 00:02:47
pendiente a que yo haga los cambios que tenga que hacer y cuando yo esté decidido le doy a publicar, de momento no, esa es una opción muy sencilla pero que seguro que la vais a manejar mucho mejor 00:03:01
cuando comprendáis cómo se crea una entrada desde cero. 00:03:12
Bueno, pues vamos a crear una entrada desde cero. 00:03:16
Aquí tenemos el botón Añadir nueva entrada o directamente aquí. 00:03:20
Venga, pues le vamos a dar. 00:03:24
Lo primero que nos va a pedir es un título. 00:03:27
Esta parte es muy importante porque este título es el que va a salir publicado en nuestras redes sociales, 00:03:31
el que va a estar en el encabezado de la web, por ejemplo. 00:03:37
como veis aquí, esta parte que viene, esta sería la web del instituto 00:03:39
las últimas noticias publicadas, pues esto que vemos aquí es el título 00:03:44
de la entrada. Yo me voy a inventar 00:03:47
uno que va a ser del concurso de primavera de matemáticas 00:03:52
en el momento en que pincho fuera 00:03:56
el sistema localiza el enlace que le va a poner a nuestra noticia 00:03:58
la URL que va a aparecer aquí arriba y en este caso vemos que pone 00:04:03
2 porque debe ser que ya hay una noticia de otros años con el mismo contenido exacto de título bueno 00:04:07
lo dejamos así no me importa luego aquí hay una cosa muy importante que os aconsejo a todos que 00:04:14
es utilizar el editor de back-end a la hora de esto que esta parte central es el contenido 00:04:20
podemos utilizar el editor clásico que vemos ahora que nos permite muy poquitas posibilidades el 00:04:26
Gutenberg que lo tenemos un poquito desactivado porque no nos da tantas opciones como el backend 00:04:31
el backery que utilizamos este este es muy chulo nos permite hacer muchas cositas y yo recomiendo 00:04:39
utilizar este en el backend le damos y el contenido pues ahora mismo tiene este aspecto 00:04:45
luego iremos a crear contenido antes de pasar a crear contenido quiero seguir explicando las 00:04:52
opciones que nos permite una noticia bueno pues vamos a empezar por la zona derecha en la zona 00:04:58
derecha cuando ya tengamos la noticia totalmente preparada le daremos a publicar mientras tanto 00:05:03
podemos ir guardando borradores y haciendo vista previa para ir viendo cómo nos va quedando 00:05:11
una cosa importante es el calendario de publicación por defecto está puesto en publicar 00:05:18
inmediatamente pero si quisiera yo que en vez de publicar ahora cuando acabe esta noticia preparar 00:05:22
en una noticia para la semana que viene podría darle a que editar y decir en qué fecha y en qué 00:05:28
hora quiero publicarla así que esto es interesante para preparar nuestro trabajo y que salga publicado 00:05:32
cuando nos interesa el duplicar esto sería cuando ya tenemos una noticia la editamos y vamos a 00:05:40
duplicarla para tener dos noticias iguales y a partir de ahí ir modificando la segunda 00:05:48
enviar a telegram esto tiene que estar marcado por defecto si editamos una noticia ya la hemos 00:05:54
enviado y queremos cambiar pues una pequeña frase y no queremos que vuelva a salir en nuestro tele 00:05:59
gran pues entonces por defecto la segunda vez que editamos una noticia sale desmarcado esto 00:06:04
pero vamos que si lo dejamos marcado se va a enviar al canal telegram una fotografía y un 00:06:11
pequeño texto de nuestra noticia bueno más abajo tenemos en la ventana de formato por 00:06:17
efecto está puesto en estándar esto sería como distintas plantillas para resaltar contenidos 00:06:25
en función de cómo sean si son de vídeo un hipervínculo una galería de imágenes un sonido 00:06:30
por defecto lo dejamos en estándar que nos va a admitir todo tipo de contenidos así que eso lo 00:06:35
dejamos en estándar aquí marcamos la categoría yo voy a inventar una noticia de matemáticas como 00:06:40
dicho por la voy a meter en el departamento de matemáticas además la voy a poner como noticia 00:06:45
para que salga en un bloque de noticias y si quisiera que salís en extraescolares también 00:06:53
pues lo debería marcar pero en principio bajará sin matemáticas y noticias seguimos más abajo 00:07:00
tenemos el apartado de etiquetas o tags entonces aquí yo puedo si yo escribo matemáticas por 00:07:07
efecto ves que ya existe alguna etiqueta que se creó en el pasado puedo darle y con una coma 00:07:14
puedo añadirla y ahora con una coma puedo poner ahora simplemente matemáticas concurso el caso 00:07:20
es que como vemos son palabras clave que nos van a servir para luego en las búsquedas que sea más 00:07:36
fácil encontrar estos contenidos aquí en plantilla no voy a tocar nada y aquí imagen destacada de la 00:07:42
noticia que es esto bueno pues está aquí me va a permitir ocultarla pero antes de ocultarla o 00:07:52
no tengo que decidir cuál es la imagen de la noticia es muy importante que siempre tengamos 00:07:58
una imagen y la marcamos aquí en establecer imagen destacada esta imagen dónde va a salir 00:08:02
si vamos a la web aquí cuando salen los listados de noticias como éstos pues va a salir aquí la 00:08:10
imagen esta es la imagen destacada de esta noticia y está la imagen destacada de esta 00:08:18
otra entonces cuando estamos aquí haciéndolo yo me voy a darle a establecer la imagen destacada 00:08:22
y se abre la ventana de medios donde puedo subir más fotografías yo ya he subido una 00:08:29
fotografía que antes luego subiré otra vale elijo esta fotografía establecer la imagen destacada y 00:08:35
ahora me aparecerá aquí vemos ya queda marcada esto quiere decir que me va a salir en la web 00:08:42
pero fijaros que si yo ahora por ejemplo entrase en esta noticia esta imagen que la imagen destacada 00:08:50
justo debajo de la información del artículo y antes de su contenido 00:09:00
me va a volver a salir. ¿Veis? Me va a volver a salir esta imagen 00:09:04
grande. Puede ser que me interese o puede ser que no, porque 00:09:08
tenga baja resolución, porque me interesa que esta imagen salga más pequeña en otra zona. 00:09:12
Entonces, si no queremos que dentro del contenido de la noticia 00:09:17
aparezca la imagen destacada, pues es donde utilizamos 00:09:20
este pequeño plugin que tenemos aquí, que permite ocultarla. 00:09:24
Para hacer clic aquí ocultamos la imagen destacada dentro de la propia noticia 00:09:28
Si no lo marcamos va a salir como en el encabezado de la noticia 00:09:36
Muy bien, pues ya con esto terminaríamos la parte derecha de configuración de nuestra publicación 00:09:40
Antes de meternos en el contenido vamos a ver estas opciones de la parte de abajo 00:09:48
Aquí podríamos poner que usar un diseño personalizado 00:09:52
Por defecto nos va a salir, como veis en esta noticia, el autor ha utilizado la plantilla por defecto del blog 00:10:00
Y entonces le aparecen todas las categorías, las últimas noticias 00:10:10
Le deja aquí una barra lateral aparte del contenido 00:10:14
Si no queremos utilizar esta barra lateral se hace de este modo 00:10:21
Nos vamos a nuestra noticia y le damos a marcar un aspecto o una plantilla personalizada 00:10:25
Le marcamos y como veis aquí podemos elegir esta que sería la que no va a tener la barra lateral ni a derecha ni a izquierda 00:10:33
Ni va a tener contenidos excesivamente ancho 00:10:40
Pues entonces con esto ya lo tenemos 00:10:43
Si queremos utilizar un área de título de la parte de arriba, por ejemplo, aquí, es donde pones trascolares, es lo que podemos personalizar. 00:10:46
Si ponemos esto, le podemos decir que podemos utilizar una imagen. 00:11:01
Vamos a poner una imagen de fondo, que yo ya la subí en su día. 00:11:08
vamos a ver qué nos viene por matemáticas hay que escribir bien claro bueno pues por matemáticas 00:11:13
nos viene como una especie de banner que teníamos creado en su día a ver por banner 00:11:25
que creamos muchos banners este por ejemplo de bilingüismo había algunos de matemáticas 00:11:33
Vamos a ver si lo localizamos. Aquí está. Este sería el banner que aquí tiene el título de matemáticas y aquí lo tiene vacío. 00:11:42
Yo voy a utilizar este, que nos va a salir esta imagen, y esta imagen es la que va a sustituir en la parte de arriba en lo negro. 00:11:54
Entonces la voy a utilizar, la selecciono y esta va a ser la imagen de fondo del título. 00:12:01
¿Y cuál va a ser el título? A no ser que yo escriba algo aquí, va a ser el departamento al que pertenece, a matemáticas, la categoría. 00:12:05
Bueno, pues de momento yo lo que voy a hacer va a ser guardar este trabajo 00:12:13
No he metido contenido, pero yo ya guardo el borrador 00:12:18
Y puedo seguir trabajando 00:12:21
Si me vengo aquí a la lista, todas las entradas 00:12:26
Veo que tengo mi concurso de primaria de matemáticas, está en borrador 00:12:29
Y lo empecé con editor clásico, todavía no he tocado nada 00:12:33
Vamos a hacer clic nuevamente 00:12:38
Y aquí lo tenemos 00:12:40
Bueno, pues vamos a seguir trabajando y ahora vamos a trabajar nuestros contenidos 00:12:44
El editor este nos permite jugar muchísimo 00:12:48
Y entonces lo primero que vamos a añadir va a ser una fila 00:12:53
Una fila que va a estar en blanco 00:12:56
Pero al añadir esto, añadimos una fila 00:12:58
Y esta sería nuestra fila 00:13:02
La fila podemos decir que tenga un color de fondo, una imagen de fondo 00:13:05
y luego dentro de la fila podemos meter muchísimo contenido, podemos meter un bloque de texto, podemos meter un título, una imagen fija, una cuadrícula de bloques, otras noticias, un contador, 00:13:11
bueno, todos estos elementos son los que nos permite incrustar el editor, bueno, no voy a enseñar todos, pero por lo menos alguno para que veamos cómo funciona. 00:13:28
voy a insertar un bloque de texto 00:13:39
el bloque de texto ahora mismo su contenido es un contenido genérico 00:13:43
que tengo que borrar, pues voy a ver que le pongo de texto 00:13:49
pues voy a hablar de concursos de matemáticas 00:13:52
el objetivo de concursos de matemáticas es ofrecer un marco 00:13:55
en el que los estudiantes disfruten resolviendo problemas 00:14:01
voy a copiar esto, lo he copiado 00:14:03
y ahora me voy a mi noticia 00:14:08
que la tengo aquí, borro este texto 00:14:10
y le doy a control V 00:14:12
el objetivo del concurso en vez de nuestro 00:14:14
vamos a poner 00:14:17
de este concurso 00:14:17
ofrecer el marco para que 00:14:35
los estudiantes 00:14:37
ese texto me gusta 00:14:38
ahora mismo como veis 00:14:40
hemos metido este texto 00:14:43
si yo voy a guardar borrador 00:14:45
y voy a darle 00:14:47
vista previa a ver cómo va quedando mi noticia veis que aparece ya el fondo el título matemáticas 00:14:49
concurso en primavera sería el título y aquí el primer texto nada más bueno pues puedo seguir 00:14:58
trabajando con mi con mi noticia entonces ahora vamos a suponer que me gustaría que este texto 00:15:05
tuviese en lugar de ocupar todo el ancho de la página decirle venga vamos a hacer que aquí 00:15:13
quede la fila que ésta va a ser dos tercios del espacio y esto va a ser un tercio y aquí 00:15:20
le voy a añadir otra cosa por ejemplo una imagen aquí imagen única y de donde la voy a obtener de 00:15:28
la librería de medios le doy aquí al más y podría elegir cualquiera de estas imágenes voy a subir 00:15:39
una que me la he bajado previamente de la facultad de ciencias de matemáticas 00:15:46
y esta es la que vamos a marcar que va a estar ahí aquí hay una opción que es el tamaño de la 00:15:53
imagen si la pongo así en miniatura pues se va a ver muy pequeñita si la pongo al máximo pues 00:15:59
Entonces va a coger toda la anchura de la columna que la haya designado y entonces va a quedar más atractiva. 00:16:05
Le voy a poner un máximo que es escribiendo la palabra full. 00:16:13
Aquí nos indica estas instrucciones como lo tendríamos que hacer. 00:16:16
¿Qué alineación es? Bueno, al estar en full me da lo mismo, pero le voy a poner centrado. 00:16:19
Estilo, podría redondearlo, podría poner un montón de efectos con borde. 00:16:24
Mira, vamos a ponerle un borde redondeado. 00:16:29
Y el color del borde va a ser 00:16:33
Púrpura 00:16:37
Que al hacer clic en la imagen pasará algo 00:16:38
Podría abrir un enlace 00:16:42
Podría ver la imagen más grande 00:16:43
Que si hiciese zoom, venga, le voy a poner 00:16:45
Que se haga zoom en la imagen 00:16:47
Y no le voy a tocar más, guardo los cambios 00:16:49
Y entonces tengo aquí un texto y tengo una imagen 00:16:51
Voy a darle a guardar borrador 00:16:54
Y a vista previa 00:16:56
¿Veis? 00:16:59
Este sería el aspecto de la imagen 00:17:04
Me la ha colocado con un fondo 00:17:07
La imagen era transparente 00:17:09
Me ha colocado que era en una circunferencia 00:17:11
Porque este es el efecto 00:17:13
Si yo ahora dejese 00:17:14
No quiero tal efecto 00:17:15
Vamos a quitarle 00:17:17
Habéis visto como se edita 00:17:18
Simplemente se me aparece el bloque que he añadido 00:17:20
Le doy a editar 00:17:23
Y aquí digo en efectos 00:17:24
Nada 00:17:28
Vamos a ponerle con borde 00:17:29
Nada más 00:17:31
Guardamos los cambios y le damos a guardar borrador 00:17:32
Mucho cuidado de no dar a publicar porque entonces se publica la imagen, la manda a las redes sociales y la hemos liado 00:17:37
Así que vamos a dejarlo, vamos a ver que tal queda, vista previa 00:17:43
Bueno, veis la diferencia, ¿no? 00:17:49
Como veis aquí está haciendo un tercio del ancho y aquí está el resto del ancho 00:17:55
Vamos a suponer que quisiera meterle un color de fondo a esta fila 00:18:01
Bueno, pues entonces simplemente donde está esta fila, en este lápiz, edito la fila 00:18:06
En este lápiz, edito esta columna 00:18:14
En este lápiz, edito esta columna 00:18:17
Y aquí, edito el contenido 00:18:20
Para que veamos la diferencia en función de donde demos al clic del lápiz, editamos unas cosas u otras 00:18:22
Si voy aquí, voy a editar toda la columna 00:18:28
Y en opciones de diseño 00:18:30
Le puedo decir que adquiere un fondo 00:18:32
De color verde 00:18:35
Y le puedo decir que no sea tan opaco 00:18:37
Un poquito más de transparente 00:18:41
Hago aquí y se ha quedado 00:18:43
Eso por defecto 00:18:45
Ese sería el color 00:18:46
Luego aquí en opción, bueno lo voy a dar 00:18:49
Para que veáis como funciona 00:18:51
Vamos a guardar los cambios 00:18:52
Se ha puesto un fondo verde, guardamos borrador 00:18:54
Y vista previa 00:18:56
Aquí lo tenemos 00:18:59
Verde 00:19:02
No ha llegado hasta el final 00:19:03
Entonces, ¿por qué no ha llegado hasta el final? 00:19:05
Mirad, aquí también voy a editar la columna 00:19:08
Y la extensión de esta fila 00:19:12
Está diciendo que es lo que tiene predeterminada la web 00:19:15
Pero podría decir que fuese toda la fila 00:19:18
Si le digo fila de contenido 00:19:21
Va a extenderme la anchura del contenido 00:19:23
El texto me lo va a arrimar demasiado al borde 00:19:26
de la página, entonces voy a extender solo el color verde a lo que es la fila entera 00:19:29
pero los contenidos se van a quedar en el mismo sitio, guardamos 00:19:32
guardamos borrador 00:19:37
y vamos a vista previa, ¿veis? ahora ya 00:19:39
lo tengo entero, también podría poner una imagen 00:19:45
de fondo, entonces voy a poner una imagen de fondo 00:19:49
y para añadir una imagen de fondo 00:19:53
en vez de este color, voy a editar 00:19:59
en opciones de diseño 00:20:01
me vengo aquí donde el color 00:20:03
esto lo borro 00:20:04
y aquí más abajo tengo la opción de 00:20:06
añadir 00:20:09
una imagen 00:20:11
le doy aquí 00:20:12
voy a subir un archivo 00:20:14
que previamente me he bajado, por ejemplo 00:20:17
este 00:20:19
establezco esta imagen de fondo 00:20:19
guardo los cambios 00:20:25
guardo borrador 00:20:26
y vista previa 00:20:28
Bueno, como veis, aquí aparece la imagen de fondo 00:20:30
El texto ya no queda tan nítido 00:20:37
Y podemos hacer varias cosas 00:20:39
Esta imagen, darle una pequeña capa de oscuridad por delante 00:20:42
Un pequeño filtro para que sea más legible la página web 00:20:46
Y luego al texto le podría poner el color blanco 00:20:53
Bueno, pues lo voy a hacer 00:20:55
al editar esta imagen aquí me voy a venir a un css que tenemos extra y voy a pegar esto que veis 00:20:57
aquí está en muchas páginas lo podéis copiar de donde haya una imagen de fondo podemos poner 00:21:09
este overlay del 75% de opacidad guardamos los cambios y ya está y ahora si quiero poner el texto 00:21:17
en blanco, lo edito 00:21:24
edito este texto 00:21:26
y en donde viene aquí 00:21:29
más grande el visor 00:21:32
vamos a verlo más grande 00:21:34
aquí tenemos más herramientas 00:21:35
y entonces aquí podemos elegir 00:21:38
el color del texto, que en este caso lo quiero blanco 00:21:40
o de un gris muy clarito 00:21:42
ya cada uno que elija lo que mejor 00:21:44
le queda, blanco lo elegiré yo 00:21:46
aquí ahora mismo no se ve, pero está ahí el texto 00:21:47
y al dar de aguardar, borrador 00:21:49
y a darle a vista previa 00:21:51
vamos a ver que tal nos queda esto 00:21:56
ya nos queda 00:21:57
pues eso, un poquito más mono 00:21:59
la imagen ha quedado más oscura y el texto 00:22:01
ya cabe más 00:22:04
resaltado, bueno 00:22:05
esta sería la base sobre la que podemos 00:22:07
jugar 00:22:09
luego podemos aquí añadir una nueva fila 00:22:10
esa fila 00:22:14
la podemos poner por ejemplo 00:22:17
de cuatro columnas 00:22:19
y añadir en cada una de ellas unas imágenes podemos poner una galería de fotografías podemos 00:22:21
poner por ejemplo aquí y solo en esta hacer una galería de imágenes por ejemplo galería de 00:22:30
imágenes venga tipo pase de diapositivas que se van fundiendo van a cambiar cada tres segundos 00:22:36
las imágenes que quiero que salgan 00:22:44
por ejemplo van a ser esta 00:22:47
esta, esta, esta y esta 00:22:49
las añado 00:22:51
el tamaño de imagen 00:22:52
lo voy a poner 00:22:55
no lo voy a poner full, lo vamos a poner 00:22:56
large 00:22:59
y al hacer click 00:23:00
se va a abrir esto 00:23:03
que oscurece el resto de la página 00:23:05
perfecto, no hay problema 00:23:06
aquí 00:23:08
no me da opciones 00:23:10
de si quiero poner botones para que pasen las diapositivas eso sería en otro tipo de galería 00:23:12
bueno pues vamos a ver cómo queda guardamos borrador y vista previa 00:23:21
aquí lo tenemos mira aquí sí que por defecto me salen todos los botones para ir cambiando 00:23:28
y si no me espero tres segundos y se supone que cambia sola por ejemplo aquí 00:23:38
carrusel de imágenes este sí que es el que va a permitir pasar unas y otras elegimos otras 00:23:44
imágenes está está está y está y aquí tendremos más opciones vamos a tomar el tamaño también mediano 00:23:52
largo aquí está el slider va a ser horizontal estos son segundos vamos a poner cada dos mil 00:24:02
segundos para que veamos rápido que sólo se vea una que automáticamente avancen que 00:24:14
ocultamos los botones de paginación no los voy a dejar visibles y vista parcial si queremos 00:24:21
que se vea el lateral a la siguiente imagen un poquito vale que cuando acabe la primera 00:24:28
vuelva a la última perfecto vamos a guardar los cambios y ahora vamos a guardar borrador 00:24:33
vista previa veis está así que avanza solo están avanzando solo este cada tres segundos y este se 00:24:44
supone que avanza también cada dos segundos más rápido podemos embeber un material de un vídeo 00:24:57
por ejemplo si este curso que estoy haciendo aquí me lo quiero copiar como puedo embeber 00:25:05
un vídeo pues le puedo añadir esto, una nueva fila 00:25:12
en esta fila puedo añadir un bloque de texto 00:25:16
y ese bloque de texto lo borro 00:25:19
y ahora lo que voy a hacer es ir a escribir html y aquí 00:25:22
pegar el 00:25:28
código html que me permite, como veis es un 00:25:30
vídeo que he incrustado aquí de nuestro curso y lo puedo 00:25:36
centrar esto si pongo el cursor aquí le doy a centrar ya se coloca en el medio guardo los 00:25:40
cambios y ahí lo tengo en el centro que quiero poner un color de fondo pues no voy a poner 00:25:45
opciones de diseño y elijo pues es el borrador y vista previa bueno aquí se va viendo cómo funciona 00:25:50
Como no he extendido la fila, el morado solo llega hasta este borde de la página. 00:26:12
Luego, ejemplos, hay muchísimos. 00:26:20
Cuando te pones a editar, por ejemplo, en la página de inicio de la web, 00:26:23
en el fondo es lo mismo, ir jugando con este tipo de cosas. 00:26:30
Este sería, por ejemplo, un bloque donde se publican tres imágenes. 00:26:36
En Noticias del Tercero es todo extendido y en Columnas se van añadiendo las distintas informaciones. 00:26:41
Aquí tendríamos una imagen de fondo oscurecida y dos columnas, una con un texto fijo y otra con un plugin de calendario. 00:26:47
Aquí tendríamos cuatro columnas y cada una con una cuenta atrás. 00:26:55
Aquí tendríamos tres columnas y cada una con una imagen fija y al hacer clic se abre una nueva ventana. 00:27:00
la galería son otro tipo de materiales enlaces con botones bueno pues en el fondo todo se hace 00:27:07
a partir de estas pequeñas explicaciones que os he dicho de crear filas crear columnas y ir 00:27:16
añadiendo pues todo tipo de materiales si yo aquí ahora voy a darle otra vez dentro de la 00:27:22
misma fila si yo doy aquí al más es distinto que esté más porque aquí me lo añadiría un 00:27:28
contenido dentro de la misma de este misma fila que tiene un fondo morado 00:27:34
yo puedo añadir incluso otra fila más dentro del morado se me va a añadir una 00:27:39
fila que puedo dividir como veis estoy dentro de lo morado y aquí podríamos 00:27:44
añadirle pues yo que sé desde un botón 00:27:48
el texto de botón por ejemplo acudir a la web del concurso la url 00:27:52
Por ejemplo, yo tengo aquí el concurso de matemáticas, esta es la URL, la copio, me voy aquí y la URL donde quiero que me lleve es esta. 00:28:03
Y sí que es importante que le diga que me lo abra en nueva pestaña para no perder la página del instituto. 00:28:17
añadimos el estilo la forma el color del botón pues ya lo elegimos lo que más nos guste pues 00:28:22
plano de forma cuadrada con un color naranja alineación lo vamos a poner centrado el tamaño 00:28:31
normal bueno y con esto le vamos a guardar cambios ahora mismo le vamos a guardar borrador vista 00:28:41
previa y como veis hemos hecho dos columnas en el centro de la columna lateral pues está este botón 00:28:52
que al hacer clic se nos abre una nueva ventana de concurso de la primavera matemática vale bueno es 00:29:02
un vídeo ya de 30 minutos pero tampoco puedo explicar todos los contenidos que podemos meter 00:29:09
así que es importante que veamos que cuando ya tengamos la noticia que nos gusta vamos a suponer 00:29:14
que esta noticia ya me ha quedado muy bien, no quiero toquetearla más 00:29:21
entonces le voy a dar a publicar, recordad que os dije que ahora mismo por efecto 00:29:25
está en inmediatamente 00:29:29
aquí vosotros como editores no tenéis posibilidad de cambiar 00:29:31
si va a salir a la publicación 00:29:36
en las redes sociales o no 00:29:41
otros usuarios con más privilegios pueden elegir si van a las redes sociales 00:29:43
su activa yo aquí porque no tengo redes sociales ahora mismo combinadas esto lo tiene que hacer el 00:29:49
administrador bueno pues yo creo que con esto y ya sólo tocaría que investigar es un poco cada 00:29:58
uno que son de estos contenidos pues hay un montón de cosas puedes instalar un mapa puede ser una 00:30:05
lista de otras noticias una pestaña de horario si quieres por ejemplo publicar 00:30:15
la denominación esto por ejemplo que son dos pestañas es muy sencillo hacerlo 00:30:21
aquí simplemente le damos aquí a a este que pone pestañas 00:30:27
y estamos añadiendo aquí en la pestaña 1 puedes meterle un contenido de texto 00:30:39
por ejemplo bloque de texto aquí estamos diciendo fase una se realiza en los 00:30:44
centros educativos vamos a copiar esto y el título también primera fase 00:30:53
bueno este sería el texto que lo vamos a meter aquí en esta pestaña 00:30:58
guardamos los cambios y aquí editamos el nombre de la pestaña 1 lo vamos a llamar 00:31:03
primera fase guardamos los cambios y en la pestaña 2 vamos aquí editamos el título en vez de pestaña 00:31:10
2 pues segunda fase ahora vamos a poner mayúscula así está igual guardamos los cambios y en la 00:31:20
segunda fase pues podríamos añadir otro texto una foto lo que queramos es un como una fila más y yo 00:31:31
le voy a poner aquí a un bloque 00:31:36
de texto 00:31:38
vamos a copiar lo que dice la segunda fase 00:31:39
y lo pegamos, le damos los cambios 00:31:42
vamos a guardar 00:31:56
el borrador y a publicarlo para que veáis 00:32:00
como me han quedado las dos pestañas 00:32:02
veis, aquí 00:32:04
ocupan todo el 00:32:12
contenido, lo he metido dentro de una fila 00:32:14
y aquí está fase 1 00:32:16
primera fase y segunda fase, los contenidos 00:32:17
pero si quisiéramos meter 00:32:20
otro tipo de contenidos, un vídeo 00:32:22
o una fotografía, un texto 00:32:24
o una fila dentro de esto que 00:32:26
existiese en varias columnas 00:32:27
pues también lo podemos hacer 00:32:29
es muy versátil y nos va a permitir 00:32:31
pues eso, que nuestros contenidos 00:32:33
se adapten, luego por último 00:32:35
antes de terminar 00:32:37
si queréis publicar 00:32:38
un pdf dentro de vuestra noticia 00:32:40
porque sea una convocatoria 00:32:43
o porque sea interesante que esté el pdf 00:32:45
no hace falta que lo publiquéis como imagen 00:32:47
vamos a hacer una última 00:32:49
publicación voy a ir aquí abajo una nueva fila y aquí voy a añadir un bloque de texto 00:32:51
el bloque de texto lo voy a borrar 00:33:01
y aquí voy a añadir un medio que es el archivo pdf y ahora subo un archivo 00:33:05
selecciono vamos a ver si tengo algún pdf por aquí larga 00:33:14
Veis que es un PDF, le damos a insertar en la entrada y fijaros aquí aparece un código, esto es un código que lo que hace es automáticamente el PDF me lo va a poner en la página. 00:33:28
claro lo adapta al tamaño si la fila es de ancho completo pues el pdf va a ser de grande todo lo 00:33:46
que dé el ancho de la fila yo lo voy a centrar que también se puede centrar el contenido aquí 00:33:53
con este icono vale guardamos y le vamos a dar a guardar borrador y vista previa veis aquí está 00:33:59
el pdf de acuerdo entonces si no se nos interesa tan grande pues a lo mejor puede ser más pequeño 00:34:14
aquí tiene para navegar si el pdf tiene varias páginas está muy chulo vamos a 00:34:21
hacerlo más pequeño como se hace más pequeño esto pues muy sencillo cogemos 00:34:26
la fila donde está esto y le decimos que esta fila ocupa 4 entonces sólo estamos 00:34:29
utilizando una si yo ahora le doy a actualizar vais a ver qué pequeñito se 00:34:35
va a ver aquí está el pdf pequeño claro casi no 00:34:40
se ve puedo hacer zoom puedo moverme por él es interesante si 00:34:51
queréis utilizar esta herramienta para publicar el que habéis visto que es tan 00:34:59
sencillo como subir directamente un pdc bueno yo creo que con la experiencia y 00:35:02
poquito a poco se van vais a ir viendo distintas posibilidades de ir añadiendo 00:35:06
elementos multimedia a estas publicaciones pero por lo menos que 00:35:10
sepamos claramente pues eso toda la información que ven aquí en los 00:35:14
laterales para que nos sirve esta información de abajo para modificar el 00:35:18
diseño y la cabecera y luego el contenido que veáis que se puede hacer 00:35:22
con el 00:35:27
backery 00:35:28
cosas muy chulas que nos 00:35:29
permiten crear filas 00:35:33
fondos, vídeos de fondo 00:35:35
si queréis utilizar un vídeo 00:35:37
de fondo también podéis 00:35:38
eso os dejo que lo investiguéis 00:35:40
y hasta aquí este tutorial que ha sido 00:35:42
bastante largo y espero que 00:35:44
os sirva para poner en marcha 00:35:46
vuestras publicaciones, un saludo 00:35:48
buenas 00:35:50
Idioma/s:
es
Autor/es:
José Tomas Alonso García
Subido por:
Jose Tomas A.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
149
Fecha:
22 de noviembre de 2022 - 1:10
Visibilidad:
Público
Enlace Relacionado:
www.irfb.es
Centro:
IES RAFAEL FRUHBECK DE BURGOS
Duración:
36′ 01″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
299.94 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid