1
00:00:01,449 --> 00:00:34,899
Buenas, vamos a seguir con nuestros tutoriales y en esta ocasión vamos a aprender a publicar una entrada o noticia.

2
00:00:36,979 --> 00:00:46,399
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.

3
00:00:46,399 --> 00:01:03,640
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.

4
00:01:03,640 --> 00:01:24,859
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?

5
00:01:24,859 --> 00:01:30,780
Bueno, pues quería primero eso, de recordar que existe la posibilidad de crear categorías

6
00:01:30,780 --> 00:01:34,739
Pero no lo vamos a recomendar, para que no sea un lío

7
00:01:34,739 --> 00:01:40,319
Si venimos aquí a todas las entradas, pues vemos las últimas que se han publicado

8
00:01:40,319 --> 00:01:44,859
El título, con qué editor se hizo, que aquí está hecho con editor clásico

9
00:01:44,859 --> 00:01:48,739
Pero yo os voy a enseñar a utilizar el editor de bloques, que es mucho más atractivo

10
00:01:48,739 --> 00:01:53,239
El autor, en qué categorías ha metido esta noticia, que la ha metido en dos

11
00:01:53,239 --> 00:01:55,760
y en qué fecha la ha publicado.

12
00:01:56,219 --> 00:01:59,719
Luego si tiene comentarios y qué etiquetas le ha metido.

13
00:02:01,459 --> 00:02:05,620
Comentarios no autorizamos en nuestra web, así que ninguna noticia va a tener aquí comentarios.

14
00:02:06,319 --> 00:02:08,879
Y luego aquí hay una cosa curiosa que es el tema del acceso.

15
00:02:09,180 --> 00:02:15,860
Nuestra web no tiene zona privada, pero si quisiéramos que alguna noticia solo la viesen las personas que se identifiquen,

16
00:02:15,860 --> 00:02:22,759
por ejemplo profesores, podríamos poner que solo accediesen a ella los usuarios identificados.

17
00:02:23,240 --> 00:02:27,800
Entonces, en este caso, no lo utilizamos habitualmente.

18
00:02:31,000 --> 00:02:34,699
Para crear una nueva entrada o noticia, tenemos dos caminos.

19
00:02:35,840 --> 00:02:40,159
El más sencillo es reutilizar una noticia nuestra ya antigua.

20
00:02:41,020 --> 00:02:47,840
Entonces, por ejemplo, si yo esta que tengo aquí la quiero volver a reutilizar con otras imágenes,

21
00:02:47,840 --> 00:03:01,219
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

22
00:03:01,219 --> 00:03:12,939
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

23
00:03:12,939 --> 00:03:16,400
cuando comprendáis cómo se crea una entrada desde cero.

24
00:03:16,819 --> 00:03:18,740
Bueno, pues vamos a crear una entrada desde cero.

25
00:03:20,199 --> 00:03:24,039
Aquí tenemos el botón Añadir nueva entrada o directamente aquí.

26
00:03:24,479 --> 00:03:25,340
Venga, pues le vamos a dar.

27
00:03:27,199 --> 00:03:29,340
Lo primero que nos va a pedir es un título.

28
00:03:31,599 --> 00:03:36,560
Esta parte es muy importante porque este título es el que va a salir publicado en nuestras redes sociales,

29
00:03:37,319 --> 00:03:39,939
el que va a estar en el encabezado de la web, por ejemplo.

30
00:03:39,939 --> 00:03:44,259
como veis aquí, esta parte que viene, esta sería la web del instituto

31
00:03:44,259 --> 00:03:47,919
las últimas noticias publicadas, pues esto que vemos aquí es el título

32
00:03:47,919 --> 00:03:52,360
de la entrada. Yo me voy a inventar

33
00:03:52,360 --> 00:03:56,259
uno que va a ser del concurso de primavera de matemáticas

34
00:03:56,259 --> 00:03:58,379
en el momento en que pincho fuera

35
00:03:58,379 --> 00:04:03,560
el sistema localiza el enlace que le va a poner a nuestra noticia

36
00:04:03,560 --> 00:04:07,960
la URL que va a aparecer aquí arriba y en este caso vemos que pone

37
00:04:07,960 --> 00:04:14,620
2 porque debe ser que ya hay una noticia de otros años con el mismo contenido exacto de título bueno

38
00:04:14,620 --> 00:04:20,800
lo dejamos así no me importa luego aquí hay una cosa muy importante que os aconsejo a todos que

39
00:04:20,800 --> 00:04:26,680
es utilizar el editor de back-end a la hora de esto que esta parte central es el contenido

40
00:04:26,680 --> 00:04:31,720
podemos utilizar el editor clásico que vemos ahora que nos permite muy poquitas posibilidades el

41
00:04:31,720 --> 00:04:39,319
Gutenberg que lo tenemos un poquito desactivado porque no nos da tantas opciones como el backend

42
00:04:39,319 --> 00:04:45,620
el backery que utilizamos este este es muy chulo nos permite hacer muchas cositas y yo recomiendo

43
00:04:45,620 --> 00:04:52,639
utilizar este en el backend le damos y el contenido pues ahora mismo tiene este aspecto

44
00:04:52,639 --> 00:04:58,160
luego iremos a crear contenido antes de pasar a crear contenido quiero seguir explicando las

45
00:04:58,160 --> 00:05:03,860
opciones que nos permite una noticia bueno pues vamos a empezar por la zona derecha en la zona

46
00:05:03,860 --> 00:05:11,180
derecha cuando ya tengamos la noticia totalmente preparada le daremos a publicar mientras tanto

47
00:05:11,180 --> 00:05:16,519
podemos ir guardando borradores y haciendo vista previa para ir viendo cómo nos va quedando

48
00:05:18,040 --> 00:05:22,759
una cosa importante es el calendario de publicación por defecto está puesto en publicar

49
00:05:22,759 --> 00:05:28,639
inmediatamente pero si quisiera yo que en vez de publicar ahora cuando acabe esta noticia preparar

50
00:05:28,639 --> 00:05:32,720
en una noticia para la semana que viene podría darle a que editar y decir en qué fecha y en qué

51
00:05:32,720 --> 00:05:40,500
hora quiero publicarla así que esto es interesante para preparar nuestro trabajo y que salga publicado

52
00:05:40,500 --> 00:05:48,399
cuando nos interesa el duplicar esto sería cuando ya tenemos una noticia la editamos y vamos a

53
00:05:48,399 --> 00:05:53,160
duplicarla para tener dos noticias iguales y a partir de ahí ir modificando la segunda

54
00:05:54,160 --> 00:05:59,639
enviar a telegram esto tiene que estar marcado por defecto si editamos una noticia ya la hemos

55
00:05:59,639 --> 00:06:04,980
enviado y queremos cambiar pues una pequeña frase y no queremos que vuelva a salir en nuestro tele

56
00:06:04,980 --> 00:06:10,560
gran pues entonces por defecto la segunda vez que editamos una noticia sale desmarcado esto

57
00:06:11,480 --> 00:06:17,480
pero vamos que si lo dejamos marcado se va a enviar al canal telegram una fotografía y un

58
00:06:17,480 --> 00:06:25,279
pequeño texto de nuestra noticia bueno más abajo tenemos en la ventana de formato por

59
00:06:25,279 --> 00:06:30,199
efecto está puesto en estándar esto sería como distintas plantillas para resaltar contenidos

60
00:06:30,199 --> 00:06:35,060
en función de cómo sean si son de vídeo un hipervínculo una galería de imágenes un sonido

61
00:06:35,060 --> 00:06:40,560
por defecto lo dejamos en estándar que nos va a admitir todo tipo de contenidos así que eso lo

62
00:06:40,560 --> 00:06:45,980
dejamos en estándar aquí marcamos la categoría yo voy a inventar una noticia de matemáticas como

63
00:06:45,980 --> 00:06:53,300
dicho por la voy a meter en el departamento de matemáticas además la voy a poner como noticia

64
00:06:53,300 --> 00:07:00,139
para que salga en un bloque de noticias y si quisiera que salís en extraescolares también

65
00:07:00,139 --> 00:07:07,079
pues lo debería marcar pero en principio bajará sin matemáticas y noticias seguimos más abajo

66
00:07:07,079 --> 00:07:14,819
tenemos el apartado de etiquetas o tags entonces aquí yo puedo si yo escribo matemáticas por

67
00:07:14,819 --> 00:07:20,699
efecto ves que ya existe alguna etiqueta que se creó en el pasado puedo darle y con una coma

68
00:07:20,699 --> 00:07:36,470
puedo añadirla y ahora con una coma puedo poner ahora simplemente matemáticas concurso el caso

69
00:07:36,470 --> 00:07:42,230
es que como vemos son palabras clave que nos van a servir para luego en las búsquedas que sea más

70
00:07:42,230 --> 00:07:52,230
fácil encontrar estos contenidos aquí en plantilla no voy a tocar nada y aquí imagen destacada de la

71
00:07:52,230 --> 00:07:58,730
noticia que es esto bueno pues está aquí me va a permitir ocultarla pero antes de ocultarla o

72
00:07:58,730 --> 00:08:02,529
no tengo que decidir cuál es la imagen de la noticia es muy importante que siempre tengamos

73
00:08:02,529 --> 00:08:10,470
una imagen y la marcamos aquí en establecer imagen destacada esta imagen dónde va a salir

74
00:08:10,470 --> 00:08:18,509
si vamos a la web aquí cuando salen los listados de noticias como éstos pues va a salir aquí la

75
00:08:18,509 --> 00:08:22,029
imagen esta es la imagen destacada de esta noticia y está la imagen destacada de esta

76
00:08:22,029 --> 00:08:28,350
otra entonces cuando estamos aquí haciéndolo yo me voy a darle a establecer la imagen destacada

77
00:08:29,810 --> 00:08:35,269
y se abre la ventana de medios donde puedo subir más fotografías yo ya he subido una

78
00:08:35,269 --> 00:08:42,950
fotografía que antes luego subiré otra vale elijo esta fotografía establecer la imagen destacada y

79
00:08:42,950 --> 00:08:50,809
ahora me aparecerá aquí vemos ya queda marcada esto quiere decir que me va a salir en la web

80
00:08:50,809 --> 00:09:00,429
pero fijaros que si yo ahora por ejemplo entrase en esta noticia esta imagen que la imagen destacada

81
00:09:00,429 --> 00:09:04,429
justo debajo de la información del artículo y antes de su contenido

82
00:09:04,429 --> 00:09:08,490
me va a volver a salir. ¿Veis? Me va a volver a salir esta imagen

83
00:09:08,490 --> 00:09:12,250
grande. Puede ser que me interese o puede ser que no, porque

84
00:09:12,250 --> 00:09:16,570
tenga baja resolución, porque me interesa que esta imagen salga más pequeña en otra zona.

85
00:09:17,250 --> 00:09:20,309
Entonces, si no queremos que dentro del contenido de la noticia

86
00:09:20,309 --> 00:09:24,509
aparezca la imagen destacada, pues es donde utilizamos

87
00:09:24,509 --> 00:09:28,470
este pequeño plugin que tenemos aquí, que permite ocultarla.

88
00:09:28,470 --> 00:09:36,669
Para hacer clic aquí ocultamos la imagen destacada dentro de la propia noticia

89
00:09:36,669 --> 00:09:40,309
Si no lo marcamos va a salir como en el encabezado de la noticia

90
00:09:40,309 --> 00:09:48,289
Muy bien, pues ya con esto terminaríamos la parte derecha de configuración de nuestra publicación

91
00:09:48,289 --> 00:09:52,870
Antes de meternos en el contenido vamos a ver estas opciones de la parte de abajo

92
00:09:52,870 --> 00:10:00,090
Aquí podríamos poner que usar un diseño personalizado

93
00:10:00,090 --> 00:10:10,809
Por defecto nos va a salir, como veis en esta noticia, el autor ha utilizado la plantilla por defecto del blog

94
00:10:10,809 --> 00:10:14,769
Y entonces le aparecen todas las categorías, las últimas noticias

95
00:10:14,769 --> 00:10:21,149
Le deja aquí una barra lateral aparte del contenido

96
00:10:21,149 --> 00:10:25,070
Si no queremos utilizar esta barra lateral se hace de este modo

97
00:10:25,070 --> 00:10:33,110
Nos vamos a nuestra noticia y le damos a marcar un aspecto o una plantilla personalizada

98
00:10:33,110 --> 00:10:40,710
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

99
00:10:40,710 --> 00:10:43,889
Ni va a tener contenidos excesivamente ancho

100
00:10:43,889 --> 00:10:46,710
Pues entonces con esto ya lo tenemos

101
00:10:46,710 --> 00:10:59,269
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.

102
00:11:01,049 --> 00:11:07,389
Si ponemos esto, le podemos decir que podemos utilizar una imagen.

103
00:11:08,129 --> 00:11:13,990
Vamos a poner una imagen de fondo, que yo ya la subí en su día.

104
00:11:13,990 --> 00:11:25,259
vamos a ver qué nos viene por matemáticas hay que escribir bien claro bueno pues por matemáticas

105
00:11:25,259 --> 00:11:32,580
nos viene como una especie de banner que teníamos creado en su día a ver por banner

106
00:11:33,720 --> 00:11:42,820
que creamos muchos banners este por ejemplo de bilingüismo había algunos de matemáticas

107
00:11:42,820 --> 00:11:54,460
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.

108
00:11:54,659 --> 00:12:01,019
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.

109
00:12:01,159 --> 00:12:05,460
Entonces la voy a utilizar, la selecciono y esta va a ser la imagen de fondo del título.

110
00:12:05,639 --> 00:12:13,240
¿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.

111
00:12:13,240 --> 00:12:18,980
Bueno, pues de momento yo lo que voy a hacer va a ser guardar este trabajo

112
00:12:18,980 --> 00:12:21,460
No he metido contenido, pero yo ya guardo el borrador

113
00:12:21,460 --> 00:12:26,120
Y puedo seguir trabajando

114
00:12:26,120 --> 00:12:29,139
Si me vengo aquí a la lista, todas las entradas

115
00:12:29,139 --> 00:12:33,840
Veo que tengo mi concurso de primaria de matemáticas, está en borrador

116
00:12:33,840 --> 00:12:38,320
Y lo empecé con editor clásico, todavía no he tocado nada

117
00:12:38,320 --> 00:12:40,039
Vamos a hacer clic nuevamente

118
00:12:40,039 --> 00:12:44,279
Y aquí lo tenemos

119
00:12:44,279 --> 00:12:48,700
Bueno, pues vamos a seguir trabajando y ahora vamos a trabajar nuestros contenidos

120
00:12:48,700 --> 00:12:53,379
El editor este nos permite jugar muchísimo

121
00:12:53,379 --> 00:12:56,899
Y entonces lo primero que vamos a añadir va a ser una fila

122
00:12:56,899 --> 00:12:58,960
Una fila que va a estar en blanco

123
00:12:58,960 --> 00:13:02,000
Pero al añadir esto, añadimos una fila

124
00:13:02,000 --> 00:13:05,200
Y esta sería nuestra fila

125
00:13:05,200 --> 00:13:11,519
La fila podemos decir que tenga un color de fondo, una imagen de fondo

126
00:13:11,519 --> 00:13:28,299
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,

127
00:13:28,720 --> 00:13:39,960
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.

128
00:13:39,960 --> 00:13:43,379
voy a insertar un bloque de texto

129
00:13:43,379 --> 00:13:49,299
el bloque de texto ahora mismo su contenido es un contenido genérico

130
00:13:49,299 --> 00:13:52,600
que tengo que borrar, pues voy a ver que le pongo de texto

131
00:13:52,600 --> 00:13:55,700
pues voy a hablar de concursos de matemáticas

132
00:13:55,700 --> 00:14:01,279
el objetivo de concursos de matemáticas es ofrecer un marco

133
00:14:01,279 --> 00:14:03,799
en el que los estudiantes disfruten resolviendo problemas

134
00:14:03,799 --> 00:14:08,200
voy a copiar esto, lo he copiado

135
00:14:08,200 --> 00:14:10,379
y ahora me voy a mi noticia

136
00:14:10,379 --> 00:14:12,899
que la tengo aquí, borro este texto

137
00:14:12,899 --> 00:14:14,259
y le doy a control V

138
00:14:14,259 --> 00:14:17,120
el objetivo del concurso en vez de nuestro

139
00:14:17,120 --> 00:14:17,820
vamos a poner

140
00:14:17,820 --> 00:14:30,639
de este concurso

141
00:14:30,639 --> 00:14:35,860
es

142
00:14:35,860 --> 00:14:37,639
ofrecer el marco para que

143
00:14:37,639 --> 00:14:38,500
los estudiantes

144
00:14:38,500 --> 00:14:40,879
ese texto me gusta

145
00:14:40,879 --> 00:14:43,519
ahora mismo como veis

146
00:14:43,519 --> 00:14:45,059
hemos metido este texto

147
00:14:45,059 --> 00:14:47,360
si yo voy a guardar borrador

148
00:14:47,360 --> 00:14:49,620
y voy a darle

149
00:14:49,620 --> 00:14:58,759
vista previa a ver cómo va quedando mi noticia veis que aparece ya el fondo el título matemáticas

150
00:14:58,759 --> 00:15:05,720
concurso en primavera sería el título y aquí el primer texto nada más bueno pues puedo seguir

151
00:15:05,720 --> 00:15:13,720
trabajando con mi con mi noticia entonces ahora vamos a suponer que me gustaría que este texto

152
00:15:13,720 --> 00:15:20,399
tuviese en lugar de ocupar todo el ancho de la página decirle venga vamos a hacer que aquí

153
00:15:20,399 --> 00:15:28,220
quede la fila que ésta va a ser dos tercios del espacio y esto va a ser un tercio y aquí

154
00:15:28,220 --> 00:15:39,340
le voy a añadir otra cosa por ejemplo una imagen aquí imagen única y de donde la voy a obtener de

155
00:15:39,340 --> 00:15:46,720
la librería de medios le doy aquí al más y podría elegir cualquiera de estas imágenes voy a subir

156
00:15:46,720 --> 00:15:51,460
una que me la he bajado previamente de la facultad de ciencias de matemáticas

157
00:15:53,580 --> 00:15:59,899
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

158
00:15:59,899 --> 00:16:05,899
imagen si la pongo así en miniatura pues se va a ver muy pequeñita si la pongo al máximo pues

159
00:16:05,899 --> 00:16:13,360
Entonces va a coger toda la anchura de la columna que la haya designado y entonces va a quedar más atractiva.

160
00:16:13,600 --> 00:16:16,139
Le voy a poner un máximo que es escribiendo la palabra full.

161
00:16:16,299 --> 00:16:18,820
Aquí nos indica estas instrucciones como lo tendríamos que hacer.

162
00:16:19,799 --> 00:16:23,840
¿Qué alineación es? Bueno, al estar en full me da lo mismo, pero le voy a poner centrado.

163
00:16:24,759 --> 00:16:29,539
Estilo, podría redondearlo, podría poner un montón de efectos con borde.

164
00:16:29,700 --> 00:16:33,980
Mira, vamos a ponerle un borde redondeado.

165
00:16:33,980 --> 00:16:37,039
Y el color del borde va a ser

166
00:16:37,039 --> 00:16:38,440
Púrpura

167
00:16:38,440 --> 00:16:42,360
Que al hacer clic en la imagen pasará algo

168
00:16:42,360 --> 00:16:43,700
Podría abrir un enlace

169
00:16:43,700 --> 00:16:45,779
Podría ver la imagen más grande

170
00:16:45,779 --> 00:16:47,679
Que si hiciese zoom, venga, le voy a poner

171
00:16:47,679 --> 00:16:49,039
Que se haga zoom en la imagen

172
00:16:49,039 --> 00:16:51,879
Y no le voy a tocar más, guardo los cambios

173
00:16:51,879 --> 00:16:54,139
Y entonces tengo aquí un texto y tengo una imagen

174
00:16:54,139 --> 00:16:56,779
Voy a darle a guardar borrador

175
00:16:56,779 --> 00:16:59,940
Y a vista previa

176
00:16:59,940 --> 00:17:04,839
¿Veis?

177
00:17:04,839 --> 00:17:07,500
Este sería el aspecto de la imagen

178
00:17:07,500 --> 00:17:09,200
Me la ha colocado con un fondo

179
00:17:09,200 --> 00:17:11,380
La imagen era transparente

180
00:17:11,380 --> 00:17:13,839
Me ha colocado que era en una circunferencia

181
00:17:13,839 --> 00:17:14,819
Porque este es el efecto

182
00:17:14,819 --> 00:17:15,880
Si yo ahora dejese

183
00:17:15,880 --> 00:17:17,759
No quiero tal efecto

184
00:17:17,759 --> 00:17:18,720
Vamos a quitarle

185
00:17:18,720 --> 00:17:20,579
Habéis visto como se edita

186
00:17:20,579 --> 00:17:23,019
Simplemente se me aparece el bloque que he añadido

187
00:17:23,019 --> 00:17:24,400
Le doy a editar

188
00:17:24,400 --> 00:17:28,279
Y aquí digo en efectos

189
00:17:28,279 --> 00:17:29,359
Nada

190
00:17:29,359 --> 00:17:31,839
Vamos a ponerle con borde

191
00:17:31,839 --> 00:17:32,880
Nada más

192
00:17:32,880 --> 00:17:37,740
Guardamos los cambios y le damos a guardar borrador

193
00:17:37,740 --> 00:17:43,900
Mucho cuidado de no dar a publicar porque entonces se publica la imagen, la manda a las redes sociales y la hemos liado

194
00:17:43,900 --> 00:17:49,359
Así que vamos a dejarlo, vamos a ver que tal queda, vista previa

195
00:17:49,359 --> 00:17:54,400
Bueno, veis la diferencia, ¿no?

196
00:17:55,619 --> 00:18:01,259
Como veis aquí está haciendo un tercio del ancho y aquí está el resto del ancho

197
00:18:01,259 --> 00:18:06,799
Vamos a suponer que quisiera meterle un color de fondo a esta fila

198
00:18:06,799 --> 00:18:14,019
Bueno, pues entonces simplemente donde está esta fila, en este lápiz, edito la fila

199
00:18:14,019 --> 00:18:17,480
En este lápiz, edito esta columna

200
00:18:17,480 --> 00:18:20,859
En este lápiz, edito esta columna

201
00:18:20,859 --> 00:18:22,980
Y aquí, edito el contenido

202
00:18:22,980 --> 00:18:28,579
Para que veamos la diferencia en función de donde demos al clic del lápiz, editamos unas cosas u otras

203
00:18:28,579 --> 00:18:30,839
Si voy aquí, voy a editar toda la columna

204
00:18:30,839 --> 00:18:32,880
Y en opciones de diseño

205
00:18:32,880 --> 00:18:35,680
Le puedo decir que adquiere un fondo

206
00:18:35,680 --> 00:18:37,619
De color verde

207
00:18:37,619 --> 00:18:41,339
Y le puedo decir que no sea tan opaco

208
00:18:41,339 --> 00:18:43,460
Un poquito más de transparente

209
00:18:43,460 --> 00:18:45,460
Hago aquí y se ha quedado

210
00:18:45,460 --> 00:18:46,740
Eso por defecto

211
00:18:46,740 --> 00:18:49,599
Ese sería el color

212
00:18:49,599 --> 00:18:51,279
Luego aquí en opción, bueno lo voy a dar

213
00:18:51,279 --> 00:18:52,799
Para que veáis como funciona

214
00:18:52,799 --> 00:18:54,140
Vamos a guardar los cambios

215
00:18:54,140 --> 00:18:56,779
Se ha puesto un fondo verde, guardamos borrador

216
00:18:56,779 --> 00:18:59,599
Y vista previa

217
00:18:59,599 --> 00:19:02,519
Aquí lo tenemos

218
00:19:02,519 --> 00:19:03,619
Verde

219
00:19:03,619 --> 00:19:05,559
No ha llegado hasta el final

220
00:19:05,559 --> 00:19:08,079
Entonces, ¿por qué no ha llegado hasta el final?

221
00:19:08,359 --> 00:19:12,180
Mirad, aquí también voy a editar la columna

222
00:19:12,180 --> 00:19:15,019
Y la extensión de esta fila

223
00:19:15,019 --> 00:19:18,079
Está diciendo que es lo que tiene predeterminada la web

224
00:19:18,079 --> 00:19:21,420
Pero podría decir que fuese toda la fila

225
00:19:21,420 --> 00:19:23,000
Si le digo fila de contenido

226
00:19:23,000 --> 00:19:26,259
Va a extenderme la anchura del contenido

227
00:19:26,259 --> 00:19:29,380
El texto me lo va a arrimar demasiado al borde

228
00:19:29,380 --> 00:19:32,740
de la página, entonces voy a extender solo el color verde a lo que es la fila entera

229
00:19:32,740 --> 00:19:37,559
pero los contenidos se van a quedar en el mismo sitio, guardamos

230
00:19:37,559 --> 00:19:39,000
guardamos borrador

231
00:19:39,000 --> 00:19:45,279
y vamos a vista previa, ¿veis? ahora ya

232
00:19:45,279 --> 00:19:49,299
lo tengo entero, también podría poner una imagen

233
00:19:49,299 --> 00:19:53,019
de fondo, entonces voy a poner una imagen de fondo

234
00:19:53,019 --> 00:19:59,430
y para añadir una imagen de fondo

235
00:19:59,430 --> 00:20:01,730
en vez de este color, voy a editar

236
00:20:01,730 --> 00:20:03,569
en opciones de diseño

237
00:20:03,569 --> 00:20:04,710
me vengo aquí donde el color

238
00:20:04,710 --> 00:20:06,109
esto lo borro

239
00:20:06,109 --> 00:20:09,430
y aquí más abajo tengo la opción de

240
00:20:09,430 --> 00:20:11,369
añadir

241
00:20:11,369 --> 00:20:12,150
una imagen

242
00:20:12,150 --> 00:20:14,430
le doy aquí

243
00:20:14,430 --> 00:20:17,170
voy a subir un archivo

244
00:20:17,170 --> 00:20:19,210
que previamente me he bajado, por ejemplo

245
00:20:19,210 --> 00:20:19,829
este

246
00:20:19,829 --> 00:20:25,269
establezco esta imagen de fondo

247
00:20:25,269 --> 00:20:26,809
guardo los cambios

248
00:20:26,809 --> 00:20:28,230
guardo borrador

249
00:20:28,230 --> 00:20:30,509
y vista previa

250
00:20:30,509 --> 00:20:37,490
Bueno, como veis, aquí aparece la imagen de fondo

251
00:20:37,490 --> 00:20:39,869
El texto ya no queda tan nítido

252
00:20:39,869 --> 00:20:42,849
Y podemos hacer varias cosas

253
00:20:42,849 --> 00:20:46,910
Esta imagen, darle una pequeña capa de oscuridad por delante

254
00:20:46,910 --> 00:20:53,269
Un pequeño filtro para que sea más legible la página web

255
00:20:53,269 --> 00:20:55,869
Y luego al texto le podría poner el color blanco

256
00:20:55,869 --> 00:20:57,049
Bueno, pues lo voy a hacer

257
00:20:57,049 --> 00:21:09,609
al editar esta imagen aquí me voy a venir a un css que tenemos extra y voy a pegar esto que veis

258
00:21:09,609 --> 00:21:17,730
aquí está en muchas páginas lo podéis copiar de donde haya una imagen de fondo podemos poner

259
00:21:17,730 --> 00:21:24,269
este overlay del 75% de opacidad guardamos los cambios y ya está y ahora si quiero poner el texto

260
00:21:24,269 --> 00:21:26,329
en blanco, lo edito

261
00:21:26,329 --> 00:21:29,430
edito este texto

262
00:21:29,430 --> 00:21:32,170
y en donde viene aquí

263
00:21:32,170 --> 00:21:34,210
más grande el visor

264
00:21:34,210 --> 00:21:35,630
vamos a verlo más grande

265
00:21:35,630 --> 00:21:38,250
aquí tenemos más herramientas

266
00:21:38,250 --> 00:21:40,210
y entonces aquí podemos elegir

267
00:21:40,210 --> 00:21:42,170
el color del texto, que en este caso lo quiero blanco

268
00:21:42,170 --> 00:21:44,109
o de un gris muy clarito

269
00:21:44,109 --> 00:21:46,150
ya cada uno que elija lo que mejor

270
00:21:46,150 --> 00:21:47,650
le queda, blanco lo elegiré yo

271
00:21:47,650 --> 00:21:49,769
aquí ahora mismo no se ve, pero está ahí el texto

272
00:21:49,769 --> 00:21:51,710
y al dar de aguardar, borrador

273
00:21:51,710 --> 00:21:56,009
y a darle a vista previa

274
00:21:56,009 --> 00:21:57,650
vamos a ver que tal nos queda esto

275
00:21:57,650 --> 00:21:59,869
ya nos queda

276
00:21:59,869 --> 00:22:01,430
pues eso, un poquito más mono

277
00:22:01,430 --> 00:22:04,150
la imagen ha quedado más oscura y el texto

278
00:22:04,150 --> 00:22:05,829
ya cabe más

279
00:22:05,829 --> 00:22:07,430
resaltado, bueno

280
00:22:07,430 --> 00:22:09,890
esta sería la base sobre la que podemos

281
00:22:09,890 --> 00:22:10,329
jugar

282
00:22:10,329 --> 00:22:14,250
luego podemos aquí añadir una nueva fila

283
00:22:14,250 --> 00:22:17,839
esa fila

284
00:22:17,839 --> 00:22:19,420
la podemos poner por ejemplo

285
00:22:19,420 --> 00:22:21,759
de cuatro columnas

286
00:22:21,759 --> 00:22:30,339
y añadir en cada una de ellas unas imágenes podemos poner una galería de fotografías podemos

287
00:22:30,339 --> 00:22:36,460
poner por ejemplo aquí y solo en esta hacer una galería de imágenes por ejemplo galería de

288
00:22:36,460 --> 00:22:44,980
imágenes venga tipo pase de diapositivas que se van fundiendo van a cambiar cada tres segundos

289
00:22:44,980 --> 00:22:47,559
las imágenes que quiero que salgan

290
00:22:47,559 --> 00:22:49,299
por ejemplo van a ser esta

291
00:22:49,299 --> 00:22:51,019
esta, esta, esta y esta

292
00:22:51,019 --> 00:22:52,519
las añado

293
00:22:52,519 --> 00:22:55,019
el tamaño de imagen

294
00:22:55,019 --> 00:22:56,059
lo voy a poner

295
00:22:56,059 --> 00:22:59,119
no lo voy a poner full, lo vamos a poner

296
00:22:59,119 --> 00:23:00,460
large

297
00:23:00,460 --> 00:23:03,500
y al hacer click

298
00:23:03,500 --> 00:23:05,119
se va a abrir esto

299
00:23:05,119 --> 00:23:06,599
que oscurece el resto de la página

300
00:23:06,599 --> 00:23:08,299
perfecto, no hay problema

301
00:23:08,299 --> 00:23:10,500
aquí

302
00:23:10,500 --> 00:23:12,900
no me da opciones

303
00:23:12,900 --> 00:23:20,279
de si quiero poner botones para que pasen las diapositivas eso sería en otro tipo de galería

304
00:23:21,799 --> 00:23:27,140
bueno pues vamos a ver cómo queda guardamos borrador y vista previa

305
00:23:28,900 --> 00:23:38,589
aquí lo tenemos mira aquí sí que por defecto me salen todos los botones para ir cambiando

306
00:23:38,589 --> 00:23:44,410
y si no me espero tres segundos y se supone que cambia sola por ejemplo aquí

307
00:23:44,410 --> 00:23:52,809
carrusel de imágenes este sí que es el que va a permitir pasar unas y otras elegimos otras

308
00:23:52,809 --> 00:24:02,609
imágenes está está está y está y aquí tendremos más opciones vamos a tomar el tamaño también mediano

309
00:24:02,609 --> 00:24:14,359
largo aquí está el slider va a ser horizontal estos son segundos vamos a poner cada dos mil

310
00:24:14,359 --> 00:24:20,420
segundos para que veamos rápido que sólo se vea una que automáticamente avancen que

311
00:24:21,859 --> 00:24:28,160
ocultamos los botones de paginación no los voy a dejar visibles y vista parcial si queremos

312
00:24:28,160 --> 00:24:33,539
que se vea el lateral a la siguiente imagen un poquito vale que cuando acabe la primera

313
00:24:33,539 --> 00:24:41,859
vuelva a la última perfecto vamos a guardar los cambios y ahora vamos a guardar borrador

314
00:24:44,359 --> 00:24:57,539
vista previa veis está así que avanza solo están avanzando solo este cada tres segundos y este se

315
00:24:57,539 --> 00:25:05,980
supone que avanza también cada dos segundos más rápido podemos embeber un material de un vídeo

316
00:25:05,980 --> 00:25:12,019
por ejemplo si este curso que estoy haciendo aquí me lo quiero copiar como puedo embeber

317
00:25:12,019 --> 00:25:16,539
un vídeo pues le puedo añadir esto, una nueva fila

318
00:25:16,539 --> 00:25:19,519
en esta fila puedo añadir un bloque de texto

319
00:25:19,519 --> 00:25:22,599
y ese bloque de texto lo borro

320
00:25:22,599 --> 00:25:28,559
y ahora lo que voy a hacer es ir a escribir html y aquí

321
00:25:28,559 --> 00:25:30,519
pegar el

322
00:25:30,519 --> 00:25:36,680
código html que me permite, como veis es un

323
00:25:36,680 --> 00:25:40,740
vídeo que he incrustado aquí de nuestro curso y lo puedo

324
00:25:40,740 --> 00:25:45,660
centrar esto si pongo el cursor aquí le doy a centrar ya se coloca en el medio guardo los

325
00:25:45,660 --> 00:25:50,640
cambios y ahí lo tengo en el centro que quiero poner un color de fondo pues no voy a poner

326
00:25:50,640 --> 00:26:12,289
opciones de diseño y elijo pues es el borrador y vista previa bueno aquí se va viendo cómo funciona

327
00:26:12,289 --> 00:26:17,970
Como no he extendido la fila, el morado solo llega hasta este borde de la página.

328
00:26:20,009 --> 00:26:22,829
Luego, ejemplos, hay muchísimos.

329
00:26:23,410 --> 00:26:30,390
Cuando te pones a editar, por ejemplo, en la página de inicio de la web,

330
00:26:30,549 --> 00:26:35,609
en el fondo es lo mismo, ir jugando con este tipo de cosas.

331
00:26:36,109 --> 00:26:41,009
Este sería, por ejemplo, un bloque donde se publican tres imágenes.

332
00:26:41,009 --> 00:26:46,630
En Noticias del Tercero es todo extendido y en Columnas se van añadiendo las distintas informaciones.

333
00:26:47,170 --> 00:26:54,750
Aquí tendríamos una imagen de fondo oscurecida y dos columnas, una con un texto fijo y otra con un plugin de calendario.

334
00:26:55,410 --> 00:26:59,849
Aquí tendríamos cuatro columnas y cada una con una cuenta atrás.

335
00:27:00,970 --> 00:27:07,470
Aquí tendríamos tres columnas y cada una con una imagen fija y al hacer clic se abre una nueva ventana.

336
00:27:07,470 --> 00:27:16,289
la galería son otro tipo de materiales enlaces con botones bueno pues en el fondo todo se hace

337
00:27:16,289 --> 00:27:22,410
a partir de estas pequeñas explicaciones que os he dicho de crear filas crear columnas y ir

338
00:27:22,410 --> 00:27:28,289
añadiendo pues todo tipo de materiales si yo aquí ahora voy a darle otra vez dentro de la

339
00:27:28,289 --> 00:27:34,170
misma fila si yo doy aquí al más es distinto que esté más porque aquí me lo añadiría un

340
00:27:34,170 --> 00:27:39,269
contenido dentro de la misma de este misma fila que tiene un fondo morado

341
00:27:39,269 --> 00:27:44,250
yo puedo añadir incluso otra fila más dentro del morado se me va a añadir una

342
00:27:44,250 --> 00:27:48,329
fila que puedo dividir como veis estoy dentro de lo morado y aquí podríamos

343
00:27:48,329 --> 00:27:52,569
añadirle pues yo que sé desde un botón

344
00:27:52,890 --> 00:28:03,660
el texto de botón por ejemplo acudir a la web del concurso la url

345
00:28:03,660 --> 00:28:15,880
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.

346
00:28:17,440 --> 00:28:22,819
Y sí que es importante que le diga que me lo abra en nueva pestaña para no perder la página del instituto.

347
00:28:22,819 --> 00:28:31,019
añadimos el estilo la forma el color del botón pues ya lo elegimos lo que más nos guste pues

348
00:28:31,019 --> 00:28:41,099
plano de forma cuadrada con un color naranja alineación lo vamos a poner centrado el tamaño

349
00:28:41,099 --> 00:28:52,380
normal bueno y con esto le vamos a guardar cambios ahora mismo le vamos a guardar borrador vista

350
00:28:52,380 --> 00:29:02,609
previa y como veis hemos hecho dos columnas en el centro de la columna lateral pues está este botón

351
00:29:02,609 --> 00:29:09,890
que al hacer clic se nos abre una nueva ventana de concurso de la primavera matemática vale bueno es

352
00:29:09,890 --> 00:29:14,730
un vídeo ya de 30 minutos pero tampoco puedo explicar todos los contenidos que podemos meter

353
00:29:14,730 --> 00:29:21,890
así que es importante que veamos que cuando ya tengamos la noticia que nos gusta vamos a suponer

354
00:29:21,890 --> 00:29:25,390
que esta noticia ya me ha quedado muy bien, no quiero toquetearla más

355
00:29:25,390 --> 00:29:29,890
entonces le voy a dar a publicar, recordad que os dije que ahora mismo por efecto

356
00:29:29,890 --> 00:29:31,849
está en inmediatamente

357
00:29:31,849 --> 00:29:36,930
aquí vosotros como editores no tenéis posibilidad de cambiar

358
00:29:36,930 --> 00:29:41,670
si va a salir a la publicación

359
00:29:41,670 --> 00:29:43,210
en las redes sociales o no

360
00:29:43,210 --> 00:29:49,109
otros usuarios con más privilegios pueden elegir si van a las redes sociales

361
00:29:49,109 --> 00:29:58,309
su activa yo aquí porque no tengo redes sociales ahora mismo combinadas esto lo tiene que hacer el

362
00:29:58,309 --> 00:30:05,990
administrador bueno pues yo creo que con esto y ya sólo tocaría que investigar es un poco cada

363
00:30:05,990 --> 00:30:15,130
uno que son de estos contenidos pues hay un montón de cosas puedes instalar un mapa puede ser una

364
00:30:15,130 --> 00:30:21,730
lista de otras noticias una pestaña de horario si quieres por ejemplo publicar

365
00:30:21,730 --> 00:30:27,069
la denominación esto por ejemplo que son dos pestañas es muy sencillo hacerlo

366
00:30:27,069 --> 00:30:38,880
aquí simplemente le damos aquí a a este que pone pestañas

367
00:30:39,079 --> 00:30:44,839
y estamos añadiendo aquí en la pestaña 1 puedes meterle un contenido de texto

368
00:30:44,839 --> 00:30:53,059
por ejemplo bloque de texto aquí estamos diciendo fase una se realiza en los

369
00:30:53,059 --> 00:30:58,759
centros educativos vamos a copiar esto y el título también primera fase

370
00:30:58,759 --> 00:31:03,839
bueno este sería el texto que lo vamos a meter aquí en esta pestaña

371
00:31:03,839 --> 00:31:10,240
guardamos los cambios y aquí editamos el nombre de la pestaña 1 lo vamos a llamar

372
00:31:10,240 --> 00:31:20,599
primera fase guardamos los cambios y en la pestaña 2 vamos aquí editamos el título en vez de pestaña

373
00:31:20,599 --> 00:31:31,029
2 pues segunda fase ahora vamos a poner mayúscula así está igual guardamos los cambios y en la

374
00:31:31,029 --> 00:31:36,650
segunda fase pues podríamos añadir otro texto una foto lo que queramos es un como una fila más y yo

375
00:31:36,650 --> 00:31:38,650
le voy a poner aquí a un bloque

376
00:31:38,650 --> 00:31:39,210
de texto

377
00:31:39,210 --> 00:31:42,609
vamos a copiar lo que dice la segunda fase

378
00:31:42,609 --> 00:31:56,619
y lo pegamos, le damos los cambios

379
00:31:56,619 --> 00:32:00,359
vamos a guardar

380
00:32:00,359 --> 00:32:02,859
el borrador y a publicarlo para que veáis

381
00:32:02,859 --> 00:32:04,619
como me han quedado las dos pestañas

382
00:32:04,619 --> 00:32:12,319
veis, aquí

383
00:32:12,319 --> 00:32:14,339
ocupan todo el

384
00:32:14,339 --> 00:32:16,279
contenido, lo he metido dentro de una fila

385
00:32:16,279 --> 00:32:17,500
y aquí está fase 1

386
00:32:17,500 --> 00:32:20,500
primera fase y segunda fase, los contenidos

387
00:32:20,500 --> 00:32:22,079
pero si quisiéramos meter

388
00:32:22,079 --> 00:32:24,059
otro tipo de contenidos, un vídeo

389
00:32:24,059 --> 00:32:26,220
o una fotografía, un texto

390
00:32:26,220 --> 00:32:27,880
o una fila dentro de esto que

391
00:32:27,880 --> 00:32:29,460
existiese en varias columnas

392
00:32:29,460 --> 00:32:31,539
pues también lo podemos hacer

393
00:32:31,539 --> 00:32:33,799
es muy versátil y nos va a permitir

394
00:32:33,799 --> 00:32:35,740
pues eso, que nuestros contenidos

395
00:32:35,740 --> 00:32:37,460
se adapten, luego por último

396
00:32:37,460 --> 00:32:38,380
antes de terminar

397
00:32:38,380 --> 00:32:40,660
si queréis publicar

398
00:32:40,660 --> 00:32:43,839
un pdf dentro de vuestra noticia

399
00:32:43,839 --> 00:32:45,339
porque sea una convocatoria

400
00:32:45,339 --> 00:32:47,200
o porque sea interesante que esté el pdf

401
00:32:47,200 --> 00:32:49,759
no hace falta que lo publiquéis como imagen

402
00:32:49,759 --> 00:32:51,559
vamos a hacer una última

403
00:32:51,559 --> 00:32:59,539
publicación voy a ir aquí abajo una nueva fila y aquí voy a añadir un bloque de texto

404
00:33:01,539 --> 00:33:03,720
el bloque de texto lo voy a borrar

405
00:33:05,799 --> 00:33:14,670
y aquí voy a añadir un medio que es el archivo pdf y ahora subo un archivo

406
00:33:14,670 --> 00:33:26,519
selecciono vamos a ver si tengo algún pdf por aquí larga

407
00:33:28,720 --> 00:33:46,930
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.

408
00:33:46,930 --> 00:33:53,349
claro lo adapta al tamaño si la fila es de ancho completo pues el pdf va a ser de grande todo lo

409
00:33:53,349 --> 00:33:59,609
que dé el ancho de la fila yo lo voy a centrar que también se puede centrar el contenido aquí

410
00:33:59,609 --> 00:34:14,849
con este icono vale guardamos y le vamos a dar a guardar borrador y vista previa veis aquí está

411
00:34:14,849 --> 00:34:21,809
el pdf de acuerdo entonces si no se nos interesa tan grande pues a lo mejor puede ser más pequeño

412
00:34:21,809 --> 00:34:26,010
aquí tiene para navegar si el pdf tiene varias páginas está muy chulo vamos a

413
00:34:26,010 --> 00:34:29,909
hacerlo más pequeño como se hace más pequeño esto pues muy sencillo cogemos

414
00:34:29,909 --> 00:34:35,670
la fila donde está esto y le decimos que esta fila ocupa 4 entonces sólo estamos

415
00:34:35,670 --> 00:34:40,050
utilizando una si yo ahora le doy a actualizar vais a ver qué pequeñito se

416
00:34:40,050 --> 00:34:51,570
va a ver aquí está el pdf pequeño claro casi no

417
00:34:51,570 --> 00:34:59,300
se ve puedo hacer zoom puedo moverme por él es interesante si

418
00:34:59,300 --> 00:35:02,840
queréis utilizar esta herramienta para publicar el que habéis visto que es tan

419
00:35:02,840 --> 00:35:06,739
sencillo como subir directamente un pdc bueno yo creo que con la experiencia y

420
00:35:06,739 --> 00:35:10,039
poquito a poco se van vais a ir viendo distintas posibilidades de ir añadiendo

421
00:35:10,039 --> 00:35:14,519
elementos multimedia a estas publicaciones pero por lo menos que

422
00:35:14,519 --> 00:35:18,559
sepamos claramente pues eso toda la información que ven aquí en los

423
00:35:18,559 --> 00:35:22,519
laterales para que nos sirve esta información de abajo para modificar el

424
00:35:22,519 --> 00:35:27,139
diseño y la cabecera y luego el contenido que veáis que se puede hacer

425
00:35:27,139 --> 00:35:28,219
con el

426
00:35:28,219 --> 00:35:29,300
backery

427
00:35:29,300 --> 00:35:33,019
cosas muy chulas que nos

428
00:35:33,019 --> 00:35:35,000
permiten crear filas

429
00:35:35,000 --> 00:35:37,260
fondos, vídeos de fondo

430
00:35:37,260 --> 00:35:38,980
si queréis utilizar un vídeo

431
00:35:38,980 --> 00:35:40,199
de fondo también podéis

432
00:35:40,199 --> 00:35:42,380
eso os dejo que lo investiguéis

433
00:35:42,380 --> 00:35:44,820
y hasta aquí este tutorial que ha sido

434
00:35:44,820 --> 00:35:46,780
bastante largo y espero que

435
00:35:46,780 --> 00:35:48,679
os sirva para poner en marcha

436
00:35:48,679 --> 00:35:50,679
vuestras publicaciones, un saludo

437
00:35:50,679 --> 00:35:50,980
buenas