1
00:00:00,880 --> 00:00:07,099
Buen día. En este capítulo de hoy vamos a aprender a crear una página. El otro día ya vimos entradas.

2
00:00:07,500 --> 00:00:15,679
Entonces, actualmente tenemos nuestra página todavía está en construcción. Como vemos, tenemos el dashboard.

3
00:00:16,339 --> 00:00:20,640
Ya podemos descartar este mensaje que nos da cuando instalamos la primera vez.

4
00:00:20,640 --> 00:00:25,980
Si nos vamos a entradas, ya he ido tres entradas. Tenemos esta, sin embargo, de Hola Mundo.

5
00:00:25,980 --> 00:00:28,660
las tres entradas, y es importante que veamos

6
00:00:28,660 --> 00:00:30,640
que están en estado publicado

7
00:00:30,640 --> 00:00:32,380
todas las entradas que hay aquí, o en la de Hola Mundo

8
00:00:32,380 --> 00:00:34,060
que es una entrada que viene como ejemplo

9
00:00:34,060 --> 00:00:36,579
vamos a cambiarla de estado a un estado

10
00:00:36,579 --> 00:00:37,799
de borrador, para que no salga

11
00:00:37,799 --> 00:00:40,579
un estado de borrador significa que estamos todavía

12
00:00:40,579 --> 00:00:42,640
creándola, recordad que una entrada

13
00:00:42,640 --> 00:00:44,740
es como una noticia, o un blog

14
00:00:44,740 --> 00:00:46,399
es decir, algo que se hace cronológicamente

15
00:00:46,399 --> 00:00:47,960
podríamos hacerlo cada día, cada semana, etc

16
00:00:47,960 --> 00:00:50,200
pero podemos cambiarla a un estado de borrador

17
00:00:50,200 --> 00:00:52,240
con lo cual no nos saldrá

18
00:00:52,240 --> 00:00:53,899
no la borramos, la dejamos, pero nos sale

19
00:00:53,899 --> 00:00:55,920
y cambiamos su estado a borrador

20
00:00:55,920 --> 00:01:13,620
Aquí ya guardar. Comentar porque ha habido algunos que me habéis preguntado que no sale este menú de la derecha, eso es por esta parte. Aquí tenemos un botón que es ajustes, también con control shift más, pero se le llama aquí, tenemos el menú para la página o entrada y también el bloque concretamente que estemos eligiendo.

21
00:01:13,620 --> 00:01:18,540
Bueno, pues hemos ya puesto estas tres entradas y ahora nos toca irnos a páginas.

22
00:01:19,299 --> 00:01:22,260
Vamos a ver primero nuestro tema, apariencia editar.

23
00:01:22,620 --> 00:01:29,239
Recordamos que tenemos el tema 2025, que es el último tema que nos instala por defecto.

24
00:01:29,599 --> 00:01:32,400
Hay miles de temas. Este es el que viene por defecto de la instalación.

25
00:01:32,560 --> 00:01:33,920
Es un tema, digamos, generalista.

26
00:01:34,519 --> 00:01:36,680
Bueno, pues aquí tenemos las plantillas.

27
00:01:37,120 --> 00:01:40,239
Y cada vez que creamos una entrada o una plantilla, va a utilizar una plantilla por defecto.

28
00:01:40,239 --> 00:01:44,060
Cuando creamos una entrada, como ya vimos y personalizamos, se utilizan entradas individuales.

29
00:01:44,260 --> 00:01:45,019
Esto está marcado en el tema.

30
00:01:45,920 --> 00:01:49,799
Lógicamente, ya dentro, cuando estamos creando, podemos cambiar la plantilla, pero por defecto nos viene esta.

31
00:01:50,120 --> 00:01:55,420
Y cuando creamos una página, que es lo que vamos a hacer ahora, nos va a poner siempre la plantilla esta, que es página.

32
00:01:55,959 --> 00:01:57,019
Vamos a abrirla para ver qué contiene.

33
00:01:58,079 --> 00:02:05,599
Como veis, cuando vamos a abrir aquí la lista de bloques, esta plantilla contiene unos patrones aquí,

34
00:02:05,700 --> 00:02:09,280
el header, que está vinculado, por eso está en color púrpura, el footer, eso va a ser igual en toda nuestra página,

35
00:02:09,280 --> 00:02:11,939
nos viene muy bien y luego ya contiene dentro

36
00:02:11,939 --> 00:02:13,620
una serie de grupos

37
00:02:13,620 --> 00:02:15,580
que sabéis que se hacen así

38
00:02:15,580 --> 00:02:17,680
para luego poder cambiar características

39
00:02:17,680 --> 00:02:19,039
en bloque de todo lo que haya dentro del grupo

40
00:02:19,039 --> 00:02:21,460
y aquí tiene para cada página

41
00:02:21,460 --> 00:02:23,759
una imagen destacada, un título y luego

42
00:02:23,759 --> 00:02:25,840
el contenido, el contenido es ya

43
00:02:25,840 --> 00:02:27,840
lo que vayamos a poner y dentro de ese contenido

44
00:02:27,840 --> 00:02:29,259
también podemos elegir un patrón

45
00:02:29,259 --> 00:02:31,919
que un patrón, como sabéis, es lo que llamamos

46
00:02:31,919 --> 00:02:33,400
el lienzo, pero al final es

47
00:02:33,400 --> 00:02:35,580
no puedo hacer patrones, que son conjuntos de bloques

48
00:02:35,580 --> 00:02:37,020
dispuestos de una manera

49
00:02:37,020 --> 00:02:39,900
entonces esta plantilla, tal y como lo está

50
00:02:39,900 --> 00:02:41,419
pues no puede venir bien perfectamente

51
00:02:41,419 --> 00:02:43,979
para poner, por ejemplo, la que es lo que vamos a hacer ahora

52
00:02:43,979 --> 00:02:45,900
una página del departamento de informática

53
00:02:45,900 --> 00:02:48,259
la idea es crear varias páginas

54
00:02:48,259 --> 00:02:50,520
y luego ya cambiaremos

55
00:02:50,520 --> 00:02:51,979
en el encabezado este menú de navegación

56
00:02:51,979 --> 00:02:54,479
de tal manera que podamos ir a cada una de estas páginas

57
00:02:54,479 --> 00:02:55,719
bueno, pues esta plantilla

58
00:02:55,719 --> 00:02:58,199
sin cambiar mucho, nos va a venir bien, la vamos a dejar así

59
00:02:58,199 --> 00:03:00,180
pues venga, vamos a la obra

60
00:03:00,180 --> 00:03:01,560
tenemos dos maneras de crear

61
00:03:01,560 --> 00:03:04,080
de crear las páginas, una directamente

62
00:03:04,080 --> 00:03:05,259
en páginas, en el menú principal

63
00:03:05,259 --> 00:03:13,520
u otra, son idénticas, que es en apariencia y tal, y aquí, dentro del propio tema, pues hay un menú de páginas

64
00:03:13,520 --> 00:03:20,659
en donde podemos añadir páginas directamente. Vemos que tenemos dos, el página de ejemplo y política de privacidad.

65
00:03:20,919 --> 00:03:25,620
La página de ejemplo está publicada, la quitaremos luego seguramente, y la política de publicidad está en borrador.

66
00:03:25,620 --> 00:03:29,740
Luego la reutilizaremos y la pondremos en estado publicada y la utilizaremos para acceder en el menú.

67
00:03:29,740 --> 00:03:55,500
Pues añadamos la página departamento de informática, aquí nos dice crear borrador lógicamente porque al principio era un borrador y nos va a preguntar el patrón, el patrón como hemos dicho es simplemente que es opcional, podemos no poner patrón y nosotros soltaríamos bloques ahí, pero el patrón nos va a poner ya unos bloques en una disposición y de un tipo predefinidos.

68
00:03:55,500 --> 00:03:57,699
bueno, yo por los colores y tal

69
00:03:57,699 --> 00:03:59,780
voy a utilizar este patrón

70
00:03:59,780 --> 00:04:02,039
de landing for book

71
00:04:02,039 --> 00:04:02,759
¿vale?

72
00:04:03,520 --> 00:04:04,580
lógicamente lo vamos a cambiar

73
00:04:04,580 --> 00:04:06,520
bueno, pues ya estamos en la página

74
00:04:06,520 --> 00:04:09,780
en el menú de la derecha, en página, vemos que la plantilla

75
00:04:09,780 --> 00:04:12,180
es una por defecto de páginas

76
00:04:12,180 --> 00:04:14,900
no está publicada todavía

77
00:04:14,900 --> 00:04:16,959
está en estado borrador

78
00:04:16,959 --> 00:04:18,600
comentarios cerrados

79
00:04:18,600 --> 00:04:20,480
es decir, ¿por qué están cerrados los comentarios?

80
00:04:20,600 --> 00:04:23,019
porque la página normalmente en la configuración por defecto es cerrada

81
00:04:23,019 --> 00:04:24,800
las entradas o noticias

82
00:04:24,800 --> 00:04:27,220
si se pueden comentar. Luego cambiaremos la configuración

83
00:04:27,220 --> 00:04:28,500
general. Bueno, pues aquí

84
00:04:28,500 --> 00:04:30,319
de todo esto que hay aquí, que a mí

85
00:04:30,319 --> 00:04:33,120
vamos a poner la lista jerárquica, aquí hay muchos grupos

86
00:04:33,120 --> 00:04:35,040
¿vale? De todos estos grupos

87
00:04:35,040 --> 00:04:36,560
que hay aquí, pues bueno

88
00:04:36,560 --> 00:04:39,060
aquí hay como una serie de noticias

89
00:04:39,060 --> 00:04:41,259
y abajo un menú

90
00:04:41,259 --> 00:04:42,800
bueno, un botón de suscribirte

91
00:04:42,800 --> 00:04:45,339
en fin, que tiene un fondo amarillo

92
00:04:45,339 --> 00:04:47,279
y aquí, bueno, esto está hecho como para un libro

93
00:04:47,279 --> 00:04:49,120
pero lo vamos a cambiar. Bueno, lo primero que vamos a hacer es

94
00:04:49,120 --> 00:04:51,240
cambiar este grupo de aquí

95
00:04:51,240 --> 00:04:53,379
que es el de abajo, que tiene una fila

96
00:04:53,379 --> 00:04:58,319
Y la fila tiene una barra de botones, que los botones, en este caso, los voy a borrar.

97
00:04:59,500 --> 00:05:02,879
Tiene un espaciador. El espaciador es un espacio entre unos bloques y otros que vamos a borrar.

98
00:05:03,879 --> 00:05:05,800
Y aquí hay un título, ¿vale?

99
00:05:06,560 --> 00:05:11,600
En donde vamos a poner algo un poco relativo a nuestro departamento de informática.

100
00:05:12,259 --> 00:05:17,779
En el fondo podemos poner algo así como

101
00:05:17,779 --> 00:05:28,180
Engánchate al futuro con nuestra formación en informática.

102
00:05:29,879 --> 00:05:38,980
Y aquí, para no tener que escribir contenido, porque el curso no tiene, pues vamos a poner, como sabéis, un ipsum, un loring ipsum.

103
00:05:39,720 --> 00:05:43,600
Lo tenemos aquí, ponemos un loring ipsum de 30 palabras.

104
00:05:44,560 --> 00:05:49,759
Generamos, lo copiamos, lo vamos aquí y lo ponemos.

105
00:05:50,740 --> 00:05:52,500
Perfecto. Vamos a ver luego qué bloques hay aquí.

106
00:05:52,500 --> 00:05:58,040
Aquí hay un grupo, es muy interesante, pero que no me sirve.

107
00:05:59,879 --> 00:06:03,980
Como es este de aquí, International Editions, pues este lo borro.

108
00:06:04,899 --> 00:06:09,060
Luego, este grupo, vamos a ir viendo los grupos, desde el menú de la izquierda.

109
00:06:11,279 --> 00:06:15,839
Este de Frequently Asked Questions lo vamos a dejar, porque es como hay un grupo que está, como veis, en un layout de columnas.

110
00:06:17,399 --> 00:06:19,420
Este de aquí lo voy a borrar.

111
00:06:22,740 --> 00:06:24,160
Este lo voy a dejar, porque aquí voy a poner algo.

112
00:06:25,220 --> 00:06:28,839
Y este de aquí también lo voy a borrar.

113
00:06:28,839 --> 00:06:30,120
vamos a ver si lo selecciono bien

114
00:06:30,120 --> 00:06:32,899
ese lo dejo

115
00:06:32,899 --> 00:06:36,060
y este, como veis

116
00:06:36,060 --> 00:06:38,220
lo voy a borrar, es demasiado contenido

117
00:06:38,220 --> 00:06:40,519
¿vale? bien, entonces

118
00:06:40,519 --> 00:06:41,160
aquí

119
00:06:41,160 --> 00:06:44,240
dentro de

120
00:06:44,240 --> 00:06:46,379
Storiesbook, departamento de informática, pues este

121
00:06:46,379 --> 00:06:47,800
título lo voy a borrar

122
00:06:47,800 --> 00:06:49,360
¿vale?

123
00:06:50,459 --> 00:06:52,399
este de aquí lo voy a poner como

124
00:06:52,399 --> 00:06:54,439
un login Ipsum, vamos a poner ahora

125
00:06:54,439 --> 00:06:56,279
lo que vamos a generar, pero

126
00:06:56,279 --> 00:06:58,560
este de aquí por ejemplo

127
00:06:58,560 --> 00:07:02,569
como un login Ipsum

128
00:07:02,569 --> 00:07:06,870
este de aquí, este lo borro

129
00:07:06,870 --> 00:07:08,750
¿vale? esta imagen

130
00:07:08,750 --> 00:07:11,509
la voy a reemplazar con algo que tenga que ver

131
00:07:11,509 --> 00:07:13,310
digamos con

132
00:07:13,310 --> 00:07:15,009
la informática, pues entonces

133
00:07:15,009 --> 00:07:17,389
vamos aquí al bloque y en la imagen

134
00:07:17,389 --> 00:07:19,050
vamos a ver si

135
00:07:19,050 --> 00:07:20,889
aquí veis que tengo reemplazar

136
00:07:20,889 --> 00:07:22,149
¿vale? pues

137
00:07:22,149 --> 00:07:24,110
el de la biblioteca de medios

138
00:07:24,110 --> 00:07:26,910
esta de aquí, que es la imagen

139
00:07:26,910 --> 00:07:28,290
del departamento de informática

140
00:07:28,290 --> 00:07:30,930
¿ok? y luego aquí podemos poner

141
00:07:30,930 --> 00:07:31,209
pues

142
00:07:31,209 --> 00:07:36,800
pues algo así como

143
00:07:36,800 --> 00:07:43,069
formate en siguientes especialidades

144
00:07:43,069 --> 00:07:49,959
aquí podemos poner ya, como veis en este grupo hay un título

145
00:07:49,959 --> 00:07:53,980
este de aquí, este, y aquí podemos poner por ejemplo

146
00:07:53,980 --> 00:08:02,680
desarrollo web, aquí en este título

147
00:08:02,680 --> 00:08:09,699
vamos a poner desarrollo aplicaciones

148
00:08:09,699 --> 00:08:11,920
multiplataforma

149
00:08:11,920 --> 00:08:13,399
vale

150
00:08:13,399 --> 00:08:16,319
en este de aquí vamos a poner

151
00:08:16,319 --> 00:08:22,519
IA

152
00:08:22,519 --> 00:08:24,660
y en este de aquí

153
00:08:24,660 --> 00:08:27,500
como vemos, este de aquí

154
00:08:27,500 --> 00:08:29,660
bueno, por hacerlo cuadrado lo vamos a dejar, el texto lo voy a dejar

155
00:08:29,660 --> 00:08:31,120
lo que hay, vale, no lo voy a cambiar

156
00:08:31,120 --> 00:08:32,879
lógicamente ese texto no tiene nada que ver con

157
00:08:32,879 --> 00:08:35,279
el título, pero aquí vamos a poner

158
00:08:35,279 --> 00:08:37,100
pues no sé, Víctor

159
00:08:37,100 --> 00:08:41,970
me ha faltado más 6, pero bueno, da igual

160
00:08:41,970 --> 00:08:43,590
entonces, esto sería

161
00:08:43,590 --> 00:08:44,429
básicamente

162
00:08:44,429 --> 00:08:47,710
enganchate, vamos a ponerlo con acento

163
00:08:47,710 --> 00:08:50,169
esto sería un poco

164
00:08:50,169 --> 00:08:52,769
pues nuestra página del departamento de informática

165
00:08:52,769 --> 00:08:54,590
vamos a ver otra vez, revisamos

166
00:08:54,590 --> 00:08:57,129
establecer imagen destacada

167
00:08:57,129 --> 00:08:58,350
pues la imagen destacada

168
00:08:58,350 --> 00:09:00,990
vamos a establecerla

169
00:09:00,990 --> 00:09:01,850
como esta

170
00:09:01,850 --> 00:09:04,490
siempre es bueno, por si luego hace un resumen

171
00:09:04,490 --> 00:09:07,049
bueno, esto sobre todo se utiliza más en las páginas

172
00:09:07,049 --> 00:09:08,789
etcétera, una vez que tengamos esto

173
00:09:08,789 --> 00:09:10,289
bueno, antes de publicar

174
00:09:10,289 --> 00:09:12,570
guardo como valorador y vamos a

175
00:09:12,570 --> 00:09:15,190
mirarlo, ah, una cosa interesante

176
00:09:15,190 --> 00:09:16,809
es la opción aquí en visualización que te dice

177
00:09:16,809 --> 00:09:20,950
mostrar plantilla y es que al mostrar plantilla podemos ir editando pero de

178
00:09:20,950 --> 00:09:25,870
acuerdo a la plantilla que sabéis que nos pone ese footer y este y este

179
00:09:25,870 --> 00:09:30,669
header vamos a apuntar pero si vamos a previsualizar vamos a ver algo muy

180
00:09:30,669 --> 00:09:39,190
parecido a lo que puede quedar esto que ha pasado al poner imagen destacada

181
00:09:39,190 --> 00:09:43,830
y luego tener otra vez la imagen aquí abajo se repite vamos a intentar que la

182
00:09:43,830 --> 00:09:49,389
imagen destacada sea diferente. ¿Cómo lo hacemos? Pues muy fácil, nos vamos aquí,

183
00:09:50,129 --> 00:09:55,809
reemplazamos la imagen destacada y bueno, no tengo ninguna que nos sirva. Vamos a ver

184
00:09:55,809 --> 00:10:02,629
si rápidamente, voy a subir a la biblioteca, si yo pongo aquí informática y busco en

185
00:10:02,629 --> 00:10:09,730
Google imágenes, pues lógicamente vamos a ver si ponemos algo que sea, bueno, así

186
00:10:09,730 --> 00:10:20,399
como espectacular y vamos a ir vamos a visitar el sitio

187
00:10:20,399 --> 00:10:24,700
y aquí con la pantalla que lo tenéis vosotros

188
00:10:24,700 --> 00:10:27,820
porque estoy en una manera virtual voy a coger

189
00:10:27,820 --> 00:10:32,779
este área de imagen un poquito

190
00:10:32,779 --> 00:10:35,279
aquí

191
00:10:35,279 --> 00:10:41,740
cojo, ya sabes que esto me lo guarda

192
00:10:41,740 --> 00:10:43,059
bueno, esta página ya puedo

193
00:10:43,059 --> 00:10:44,279
borrarla

194
00:10:44,279 --> 00:10:45,799
y esta también

195
00:10:45,799 --> 00:10:49,440
me voy aquí, y en la biblioteca

196
00:10:49,440 --> 00:10:51,320
voy a ver, estaba en

197
00:10:51,320 --> 00:10:53,320
establecer imagen destacada, pues aquí lo que voy a hacer

198
00:10:53,320 --> 00:10:55,120
es reemplazar, pero directamente

199
00:10:55,120 --> 00:10:57,240
subir archivos

200
00:10:57,240 --> 00:10:59,179
seleccionar archivos

201
00:10:59,179 --> 00:11:01,399
selecciono la imagen que acabo

202
00:11:01,399 --> 00:11:03,320
de subir, es esta de aquí

203
00:11:03,320 --> 00:11:05,919
abrimos

204
00:11:05,919 --> 00:11:07,960
el ratón va fatal

205
00:11:07,960 --> 00:11:11,059
y establecer como imagen predeterminada

206
00:11:11,059 --> 00:11:12,460
¿qué nos va a permitir esto?

207
00:11:12,539 --> 00:11:14,620
a la hora de visualizar, lógicamente

208
00:11:14,620 --> 00:11:16,679
ya vamos a tener

209
00:11:16,679 --> 00:11:18,139
dos imágenes, la destacada arriba

210
00:11:18,139 --> 00:11:20,019
y la del departamento de informática

211
00:11:20,019 --> 00:11:21,840
¿por qué tenemos la imagen destacada arriba?

212
00:11:22,159 --> 00:11:23,799
muy fácil, porque está en la plantilla

213
00:11:23,799 --> 00:11:26,120
si la plantilla la modificamos y la quitamos

214
00:11:26,120 --> 00:11:27,899
podemos hacer, vamos a publicar ya esta

215
00:11:27,899 --> 00:11:29,279
esta página ya está hecha

216
00:11:29,279 --> 00:11:32,259
si en la plantilla modificamos la plantilla de páginas

217
00:11:32,259 --> 00:11:33,679
que está aquí

218
00:11:33,679 --> 00:11:35,580
podríamos quitar la imagen destacada

219
00:11:35,580 --> 00:11:37,620
ahí. La plantilla que utilizamos

220
00:11:37,620 --> 00:11:39,440
por defecto se llama Páginas. Si la edito

221
00:11:39,440 --> 00:11:41,340
veis que aquí por encima del título

222
00:11:41,340 --> 00:11:43,500
lo vamos a mostrar en la lista

223
00:11:43,500 --> 00:11:45,820
tenemos la imagen destacada.

224
00:11:46,220 --> 00:11:46,720
Toda la plantilla

225
00:11:46,720 --> 00:11:49,480
está dentro de grupos y hay imagen

226
00:11:49,480 --> 00:11:51,720
destacada, que es uno de los bloques

227
00:11:51,720 --> 00:11:53,620
que se puede utilizar. Es decir, cuando yo

228
00:11:53,620 --> 00:11:54,440
busco imagen

229
00:11:54,440 --> 00:11:57,580
hay imagen normal e

230
00:11:57,580 --> 00:11:58,240
imagen destacada.

231
00:11:59,460 --> 00:12:01,639
Por eso, cada vez que

232
00:12:01,639 --> 00:12:03,679
creamos una página y utiliza esa plantilla

233
00:12:03,679 --> 00:12:05,480
nos va a poner también, si lo queremos, la imagen

234
00:12:05,480 --> 00:12:10,740
destacada. Vale, pues ya tenemos, si nos vamos a páginas aquí, todas las páginas, ya vamos

235
00:12:10,740 --> 00:12:14,200
a tener departamento de informática. Lógicamente, no lo vamos a grabar en vídeo, vamos a hacer

236
00:12:14,200 --> 00:12:17,960
varias páginas y ahora en el siguiente vídeo vamos a continuar poniendo cada una de las

237
00:12:17,960 --> 00:12:21,919
páginas en los menús y con esto tendríamos el objetivo mínimo del curso.