1
00:00:00,360 --> 00:00:06,219
En el vídeo de hoy vamos a aprender cómo añadir bloques a una entrada o a una página.

2
00:00:06,640 --> 00:00:13,120
Para ello vamos a entrar a el backend de la página de nuestro WordPress

3
00:00:13,120 --> 00:00:19,059
y lo primero que vamos a hacer es crear una entrada de ejemplo

4
00:00:19,059 --> 00:00:29,219
para ver cómo podemos añadir estos bloques y crear o diseñar la organización de ese lienzo.

5
00:00:29,219 --> 00:00:32,439
La entrada que vamos a llamar es Entrada Prueba.

6
00:00:36,820 --> 00:00:39,579
Entrada Prueba.

7
00:00:41,320 --> 00:00:44,100
La voy a guardar como borrador.

8
00:00:45,659 --> 00:00:51,920
Y una vez que está guardada pasamos a la parte del lienzo donde comenzamos a diseñar

9
00:00:51,920 --> 00:00:55,140
y añadir bloques a esta entrada.

10
00:00:55,140 --> 00:00:59,200
Bien, tenemos este lienzo en blanco y para añadir un bloque

11
00:00:59,200 --> 00:01:05,400
tenemos que clicar sobre este Más que nos aparece en nuestro lienzo.

12
00:01:05,920 --> 00:01:12,460
Aquí nos aparecen unos bloques que son los que se han utilizado recientemente

13
00:01:12,460 --> 00:01:16,400
pero si nosotros queremos tener otros bloques tenemos que ir a Ver Todo

14
00:01:16,400 --> 00:01:21,100
y aquí podemos seleccionar el bloque que nos puede interesar o buscar

15
00:01:21,100 --> 00:01:25,359
por si se nos ocurre alguno que a nosotros nos interese.

16
00:01:25,540 --> 00:01:29,100
En el día, en el caso de este vídeo vamos a añadir bloques.

17
00:01:29,200 --> 00:01:33,299
Algunos bloques para que conozcáis cómo va la dinámica

18
00:01:33,299 --> 00:01:36,799
y vamos a añadir bloques más o menos sencillos

19
00:01:36,799 --> 00:01:41,799
y ya dejamos para vosotros que vayáis progresando en complicidad,

20
00:01:41,799 --> 00:01:43,799
pero en complicación, perdón.

21
00:01:43,799 --> 00:01:47,800
Pero vamos a añadir bloques más o menos sencillos

22
00:01:47,800 --> 00:01:52,800
y así vais aprendiendo a rellenar o a realizar,

23
00:01:52,800 --> 00:01:57,840
a organizar, digamos, una entrada o una página.

24
00:01:57,840 --> 00:01:58,800
Se harían de la misma manera.

25
00:01:58,799 --> 00:02:06,399
Como propuesta vamos a comenzar añadiendo una imagen

26
00:02:06,399 --> 00:02:12,400
que sería lo más fácil, que la usaríamos como cabecera de esa entrada.

27
00:02:12,400 --> 00:02:16,400
Como tenemos varias imágenes en la biblioteca de medios

28
00:02:16,400 --> 00:02:20,400
vamos a buscar una de ellas y por ejemplo seleccionamos esta imagen.

29
00:02:20,400 --> 00:02:26,400
La seleccionamos y ya tenemos el bloque Imagen perfectamente diseñado.

30
00:02:26,400 --> 00:02:28,400
Como veis, una vez que tenemos marcado

31
00:02:28,800 --> 00:02:33,800
este bloque, aquí veis una serie de características

32
00:02:33,800 --> 00:02:38,800
que nos permiten recortar o reemplazar

33
00:02:38,800 --> 00:02:41,800
por otra imagen cuando ya lo tengamos diseñado

34
00:02:41,800 --> 00:02:49,800
o organizar la alineación de esta imagen, etc.

35
00:02:49,800 --> 00:02:54,800
Y si nos ponemos en la parte de la derecha

36
00:02:54,800 --> 00:02:58,800
le damos a este simbolito de ajustes

37
00:02:58,800 --> 00:03:02,800
y nos posicionamos en el bloque que tenemos marcado.

38
00:03:02,800 --> 00:03:04,800
Hay que fijarse que esté marcado ese bloque

39
00:03:04,800 --> 00:03:09,800
y aquí tenemos otra serie de características

40
00:03:09,800 --> 00:03:11,800
que nos permiten cambiar.

41
00:03:11,800 --> 00:03:15,800
Estilos por defecto o un estilo redondeado

42
00:03:15,800 --> 00:03:18,800
que podríamos elegir para esta imagen.

43
00:03:18,800 --> 00:03:20,800
Veamos por ejemplo esto, el texto alternativo,

44
00:03:20,800 --> 00:03:25,800
que ya sabéis que esto es el ad cuando después que esté publicado

45
00:03:25,800 --> 00:03:26,800
se pasa por esta imagen.

46
00:03:26,800 --> 00:03:27,800
Si queremos que aparezca un texto alternativo,

47
00:03:27,800 --> 00:03:32,800
que es referente a la imagen,

48
00:03:32,800 --> 00:03:35,800
el tamaño de la imagen, también podemos seleccionarlo,

49
00:03:35,800 --> 00:03:39,800
anchura, altura, que podemos modificar y avanzado.

50
00:03:39,800 --> 00:03:43,800
Es decir, aquí tenemos otra serie de atributos a la derecha.

51
00:03:43,800 --> 00:03:46,800
Tenemos estos que nos aparecen en el bloque

52
00:03:46,800 --> 00:03:50,800
cuando lo tenemos marcado, más otros atributos

53
00:03:50,800 --> 00:03:53,800
que nos aparecen a la derecha.

54
00:03:53,800 --> 00:03:56,800
Le vamos a guardar como borrador para tenerlo ya,

55
00:03:56,800 --> 00:03:59,800
y le damos a una vista previa para que veamos

56
00:03:59,800 --> 00:04:01,800
cómo va quedando nuestra entrada.

57
00:04:01,800 --> 00:04:08,800
Veis, este es el caso de la entrada que acabamos de diseñar,

58
00:04:08,800 --> 00:04:11,800
el borrador que acabamos de diseñar.

59
00:04:11,800 --> 00:04:15,800
Continuamos y ahora vamos a añadir otro tipo de bloques

60
00:04:15,800 --> 00:04:17,800
que también es frecuente para añadir otro bloque.

61
00:04:17,800 --> 00:04:21,800
Estamos aquí, pues clicamos sobre el más

62
00:04:21,800 --> 00:04:24,800
y en este caso lo que vamos a hacer es añadir,

63
00:04:24,800 --> 00:04:26,800
lo que vamos a tratar es,

64
00:04:26,800 --> 00:04:29,800
por ejemplo, de seleccionar,

65
00:04:29,800 --> 00:04:32,800
de añadir el bloque de columnas

66
00:04:32,800 --> 00:04:35,800
para distribuir la información

67
00:04:35,800 --> 00:04:38,800
y organizar la información dentro de esta entrada.

68
00:04:38,800 --> 00:04:41,800
Una columna es como lo tenemos ahora,

69
00:04:41,800 --> 00:04:44,800
dos columnas nos va a espaciar,

70
00:04:44,800 --> 00:04:50,800
nos va a tener dos espacios en dos columnas distribuidos

71
00:04:50,800 --> 00:04:54,800
y, por ejemplo, el espacio sería con una columna más estrecha

72
00:04:54,800 --> 00:04:56,800
y otra columna más ancha,

73
00:04:56,800 --> 00:04:58,800
el de la izquierda más ancha,

74
00:04:58,800 --> 00:05:00,800
el de la derecha más estrecho, tres columnas.

75
00:05:00,800 --> 00:05:02,800
Vamos a elegir tres columnas, ¿veis?

76
00:05:02,800 --> 00:05:06,800
Y lo que ha hecho ha sido distribuirnos este espacio en tres columnas.

77
00:05:06,800 --> 00:05:08,800
Por supuesto, solo es una distribución.

78
00:05:08,800 --> 00:05:12,800
Ahora lo que queremos es hacer añadidos en estas tres columnas.

79
00:05:12,800 --> 00:05:13,800
¿Para qué?

80
00:05:13,800 --> 00:05:16,800
Pues para que nos quede la información, digamos,

81
00:05:16,800 --> 00:05:20,800
más visual o más atractiva

82
00:05:20,800 --> 00:05:22,800
o más organizada realmente,

83
00:05:22,800 --> 00:05:25,800
como nosotros queremos presentar esa información.

84
00:05:26,800 --> 00:05:28,800
Y ahora dentro de estas tres columnas

85
00:05:28,800 --> 00:05:30,800
veis que aparece un más

86
00:05:30,800 --> 00:05:33,800
que nos permite añadir otros bloques dentro de ellas.

87
00:05:33,800 --> 00:05:36,800
Por ejemplo, vamos a imaginar que en la primera columna

88
00:05:36,800 --> 00:05:39,800
yo lo que quiero poner es un botón.

89
00:05:39,800 --> 00:05:42,800
Está aquí, me aparece, pero si no estuviera ahí

90
00:05:42,800 --> 00:05:46,800
pues es tan fácil como buscar botón

91
00:05:46,800 --> 00:05:49,800
y tendríamos la sección de botones.

92
00:05:49,800 --> 00:05:50,800
¿Veis?

93
00:05:50,800 --> 00:05:52,800
Ahora me ha añadido en esa columna,

94
00:05:52,800 --> 00:05:54,800
me ha añadido ya un botón

95
00:05:54,800 --> 00:05:56,800
y en este botón vamos a imaginar

96
00:05:56,800 --> 00:05:59,800
que quiero ir a Google desde aquí.

97
00:05:59,800 --> 00:06:00,800
¿Vale?

98
00:06:00,800 --> 00:06:04,800
Pues pongo botón para ir a Google

99
00:06:04,800 --> 00:06:10,800
y marco, perdón, marco el botón

100
00:06:10,800 --> 00:06:12,800
y como veis estas son las características

101
00:06:12,800 --> 00:06:14,800
que tengo de este botón.

102
00:06:14,800 --> 00:06:16,800
Igualmente si me voy a la parte de aquí

103
00:06:16,800 --> 00:06:20,800
encontraré las características, otros atributos

104
00:06:20,800 --> 00:06:22,800
de ese botón que tengo justo a la derecha.

105
00:06:22,800 --> 00:06:24,800
Pero hay que imaginar que yo lo que quiero es que

106
00:06:24,800 --> 00:06:26,800
este botón cuando clique sobre él

107
00:06:26,800 --> 00:06:30,800
quiero ir a la página de Google.

108
00:06:30,800 --> 00:06:34,800
Entonces pongo aquí la URL de la página de Google.

109
00:06:38,800 --> 00:06:41,800
Google.es

110
00:06:43,800 --> 00:06:46,800
y de tal forma que cuando se clique sobre Google

111
00:06:46,800 --> 00:06:51,800
nos iremos a la URL de la página de Google.

112
00:06:51,800 --> 00:06:54,800
En la segunda columna, pues imaginar que yo lo que quiero aquí es,

113
00:06:54,800 --> 00:06:56,800
voy a poner un texto.

114
00:06:56,800 --> 00:06:58,800
No sabemos qué texto, pero cualquier texto.

115
00:06:58,800 --> 00:07:03,800
Pues entonces lo que hago es añadir el bloque párrafo

116
00:07:03,800 --> 00:07:06,800
y en este texto pues aquí escribiría

117
00:07:06,800 --> 00:07:10,800
todo lo que considerara oportuno que tengo que escribir.

118
00:07:10,800 --> 00:07:12,800
¿Vale? Cualquier texto.

119
00:07:12,800 --> 00:07:16,800
Fijaos que aquí si clicamos sobre él, que es el texto,

120
00:07:16,800 --> 00:07:19,800
aquí tenemos en la parte de la derecha en el bloque

121
00:07:19,800 --> 00:07:21,800
otros atributos, como veis aquí,

122
00:07:21,800 --> 00:07:23,800
color del texto,

123
00:07:23,800 --> 00:07:26,800
que puedo poner en rojo, puedo poner en azul,

124
00:07:26,800 --> 00:07:31,800
el fondo, que tengo blanco, pero puedo poner en gris.

125
00:07:31,800 --> 00:07:35,800
Por ejemplo, es una prueba de que no solamente tenéis

126
00:07:35,800 --> 00:07:38,800
estas características que os aparecen aquí

127
00:07:38,800 --> 00:07:40,800
en cada uno de los bloques, sino también las que nos aparecen

128
00:07:40,800 --> 00:07:43,800
en la parte de la derecha que nos permite,

129
00:07:43,800 --> 00:07:47,800
veis, modificar la tipografía, el tamaño, etc.

130
00:07:47,800 --> 00:07:52,800
Y en el último, en el último que tenemos aquí,

131
00:07:52,800 --> 00:07:55,800
pues vamos a añadir otra imagen, por ejemplo.

132
00:07:55,800 --> 00:07:58,800
Entonces vengo aquí, le digo añadir imagen

133
00:07:58,800 --> 00:08:00,800
y me voy a la biblioteca de medios,

134
00:08:00,800 --> 00:08:02,800
si es de la biblioteca de medios,

135
00:08:02,800 --> 00:08:06,800
pues vamos a suponer que cojo el, no sé,

136
00:08:06,800 --> 00:08:10,800
el logo de FPMath,

137
00:08:10,800 --> 00:08:13,800
que lo quiero, lo selecciono y lo coloco

138
00:08:13,800 --> 00:08:16,800
en esta parte de la columna.

139
00:08:16,800 --> 00:08:20,800
Vamos a guardar el borrador y vamos a ver qué está sucediendo

140
00:08:20,800 --> 00:08:22,800
con el diseño de nuestro texto.

141
00:08:22,800 --> 00:08:24,800
Vamos a ver nuestra entrada.

142
00:08:24,800 --> 00:08:28,800
Borrador, nos dice que guardando,

143
00:08:28,800 --> 00:08:32,799
ver en vista previa y vamos a ver qué está sucediendo.

144
00:08:32,799 --> 00:08:35,799
Uf, bueno, pues aparentemente, bueno,

145
00:08:35,799 --> 00:08:39,799
es la imagen que hemos diseñado, las tres columnas

146
00:08:39,799 --> 00:08:43,799
y vamos a ver si no funciona esto de Google,

147
00:08:43,799 --> 00:08:46,799
a ver si realmente va o no va a Google.

148
00:08:46,799 --> 00:08:50,799
Parece que no, que no está funcionando correctamente

149
00:08:50,799 --> 00:08:53,799
y las tres columnas, pues se me ocurren varias cosas.

150
00:08:53,799 --> 00:08:55,799
Una de ellas, el botón este de Google,

151
00:08:55,799 --> 00:08:57,799
no solamente debería funcionar la URL,

152
00:08:57,799 --> 00:09:01,799
sino que además yo lo pondría más centrado

153
00:09:01,799 --> 00:09:05,799
y estas, lo que haría es estas tres columnas

154
00:09:05,799 --> 00:09:08,799
despegarlas un poquito de la parte de la imagen

155
00:09:08,799 --> 00:09:13,799
porque así me queda francamente feo.

156
00:09:13,799 --> 00:09:16,799
Entonces vamos a ver cómo lo remediamos.

157
00:09:16,799 --> 00:09:19,799
Nos vamos otra vez al diseño.

158
00:09:19,800 --> 00:09:22,800
Nuestro lienzo, que veis, aquí se ve mucho mejor

159
00:09:22,800 --> 00:09:23,800
que luego se va a ver.

160
00:09:23,800 --> 00:09:26,800
O sea que hay que hacer estas visualizaciones

161
00:09:26,800 --> 00:09:29,800
de vistas previas para saber realmente cómo está quedando.

162
00:09:29,800 --> 00:09:32,800
Pues lo primero que se nos ocurre es que esto estaba

163
00:09:32,800 --> 00:09:34,800
demasiado pegado a la imagen.

164
00:09:34,800 --> 00:09:40,800
Entonces vamos a ver si existe pues algo que sea,

165
00:09:40,800 --> 00:09:42,800
que nos espacie, ¿no?

166
00:09:42,800 --> 00:09:43,800
Algún espaciador.

167
00:09:43,800 --> 00:09:47,800
Voy a preguntar y entonces pongo espacio

168
00:09:47,800 --> 00:09:48,800
y fijaros, efectivamente,

169
00:09:48,800 --> 00:09:52,800
me viene un bloque que se llama espaciador A

170
00:09:52,800 --> 00:09:54,800
y este bloque lo único que está haciendo es

171
00:09:54,800 --> 00:09:58,800
que yo puedo poner, ampliarlo

172
00:09:58,800 --> 00:10:02,800
y lo que me está haciendo es generando un espaciador.

173
00:10:02,800 --> 00:10:04,800
Claro, pero yo no lo quiero aquí.

174
00:10:04,800 --> 00:10:08,800
Yo lo querría situado entre la imagen y las tres columnas.

175
00:10:08,800 --> 00:10:11,800
Pues si veis, en este,

176
00:10:11,800 --> 00:10:14,800
cuando aparecen sus características o sus propiedades

177
00:10:14,800 --> 00:10:16,800
me permite subir, ¿vale?

178
00:10:16,800 --> 00:10:17,800
Coloco ahí mi espaciador.

179
00:10:17,800 --> 00:10:19,800
Y ahora, por ejemplo,

180
00:10:19,800 --> 00:10:22,800
esto de Google que no nos ha funcionado nada

181
00:10:22,800 --> 00:10:24,800
y que lo queríamos en la parte central.

182
00:10:24,800 --> 00:10:30,800
Vamos buscando, a ver, dice cambiar la alineación vertical.

183
00:10:30,800 --> 00:10:33,800
Y aquí dice cambiar el justificado de los elementos.

184
00:10:33,800 --> 00:10:37,800
Bueno, pues dice justificar elementos a la izquierda,

185
00:10:37,800 --> 00:10:39,800
elementos al centro.

186
00:10:39,800 --> 00:10:41,800
Bueno, pues al centro parece que nos venía mejor.

187
00:10:41,800 --> 00:10:44,800
Y este, alineación al medio,

188
00:10:44,800 --> 00:10:46,800
pues parece que también nos vendría mucho mejor

189
00:10:46,800 --> 00:10:48,800
si lo tenemos alineado al medio.

190
00:10:48,800 --> 00:10:51,800
¿De acuerdo?

191
00:10:51,800 --> 00:10:56,800
Y ahora estaba claro que la URL aquí no estaba funcionando.

192
00:10:56,800 --> 00:10:58,800
Entonces vamos a ver si la vemos.

193
00:10:58,800 --> 00:11:01,800
Pues esta URL por alguna razón

194
00:11:01,800 --> 00:11:04,800
no la hemos insertado correctamente.

195
00:11:04,800 --> 00:11:06,800
Entonces vamos a insertarla.

196
00:11:06,800 --> 00:11:08,800
Voy a coger la URL de Google.

197
00:11:16,800 --> 00:11:19,800
Perdón, la URL de Google.

198
00:11:19,800 --> 00:11:21,800
Voy a cogerla directamente.

199
00:11:21,800 --> 00:11:26,800
Esta misma, la de google.com.

200
00:11:26,800 --> 00:11:28,800
Control-C.

201
00:11:28,800 --> 00:11:30,800
Me vengo a la edición

202
00:11:30,800 --> 00:11:33,800
y coloco aquí esta URL.

203
00:11:33,800 --> 00:11:35,800
¿Vale?

204
00:11:35,800 --> 00:11:37,800
Ya la tengo puesta.

205
00:11:37,800 --> 00:11:38,800
La URL.

206
00:11:38,800 --> 00:11:42,800
Y ahora voy a guardar el borrador

207
00:11:42,800 --> 00:11:44,800
y a ver

208
00:11:44,800 --> 00:11:46,800
cómo queda la publicación.

209
00:11:46,800 --> 00:11:48,800
Bueno, ahora parece que el espaciador

210
00:11:48,800 --> 00:11:49,800
ya ha quedado aquí.

211
00:11:49,800 --> 00:11:51,800
Esto ha quedado un poquito más centrado.

212
00:11:51,800 --> 00:11:54,800
Realmente sí que nos va a Google.

213
00:11:54,800 --> 00:11:55,800
Así que buenas noticias.

214
00:11:55,800 --> 00:11:57,800
Esta parte central,

215
00:11:57,800 --> 00:12:00,800
pues la columna central la tenemos bien.

216
00:12:00,800 --> 00:12:02,800
Y luego la imagen.

217
00:12:02,800 --> 00:12:03,800
¿Podemos hacer este botón más grande

218
00:12:03,800 --> 00:12:04,800
para que nos quede esto mejor?

219
00:12:04,800 --> 00:12:06,800
Pues sí, podemos hacer ese botón más grande.

220
00:12:06,800 --> 00:12:09,800
Por ejemplo, estamos dando las posibilidades

221
00:12:09,800 --> 00:12:12,800
para que veáis todos los cambios que se pueden hacer.

222
00:12:12,800 --> 00:12:13,800
Entonces, ya está.

223
00:12:13,800 --> 00:12:16,800
Entonces nos centramos aquí en el botón

224
00:12:16,800 --> 00:12:19,800
y vemos a ver si este botón

225
00:12:19,800 --> 00:12:22,800
lo podemos ampliar de tamaño.

226
00:12:22,800 --> 00:12:24,800
Vamos a ver si se puede ampliar de tamaño,

227
00:12:24,800 --> 00:12:26,800
que probablemente sí.

228
00:12:26,800 --> 00:12:29,800
Aquí en la parte de la derecha,

229
00:12:29,800 --> 00:12:32,800
a ver si tenemos la estructura.

230
00:12:32,800 --> 00:12:37,800
Vamos a ver si podemos ampliar el tamaño

231
00:12:37,800 --> 00:12:42,800
en alguno de los elementos que tenemos aquí.

232
00:12:42,800 --> 00:12:52,800
En este momento no encuentro realmente el tamaño.

233
00:12:52,800 --> 00:12:55,800
A ver, en estructura no he justificado.

234
00:12:55,800 --> 00:12:57,800
Permite varias líneas.

235
00:12:57,800 --> 00:13:01,800
No encuentro exactamente cómo se ampliaría.

236
00:13:01,800 --> 00:13:04,800
Pero seguramente tengamos una.

237
00:13:04,800 --> 00:13:05,800
A ver, aquí.

238
00:13:05,800 --> 00:13:06,800
Esta es.

239
00:13:06,800 --> 00:13:08,800
Aquí en esta opción.

240
00:13:08,800 --> 00:13:09,800
¿Relleno, contorno?

241
00:13:09,800 --> 00:13:11,800
No, tampoco.

242
00:13:11,800 --> 00:13:14,800
Y esta es otra de las opciones

243
00:13:14,800 --> 00:13:17,800
que no nos permite,

244
00:13:17,800 --> 00:13:18,800
pero tiene que haber algún sitio

245
00:13:18,800 --> 00:13:20,800
donde nos permita ampliar

246
00:13:20,800 --> 00:13:23,800
el tamaño de este botón.

247
00:13:23,800 --> 00:13:26,800
De hecho, si ponemos espacios,

248
00:13:26,800 --> 00:13:30,800
conseguimos que el botón sea un poquito más grande.

249
00:13:30,800 --> 00:13:32,800
Esto que nos sirva como ejemplo.

250
00:13:32,800 --> 00:13:33,800
Bien.

251
00:13:33,800 --> 00:13:36,800
Guardamos el borrador.

252
00:13:38,800 --> 00:13:41,800
Y ahora lo que vamos a hacer es

253
00:13:41,800 --> 00:13:44,800
que ya tenemos este diseño de la página.

254
00:13:44,800 --> 00:13:45,800
Y como veis,

255
00:13:45,800 --> 00:13:59,800
si yo quiero ampliar dentro de cada una de las columnas,

256
00:13:59,800 --> 00:14:01,800
si quiero introducir nuevos bloques,

257
00:14:01,800 --> 00:14:03,800
tengo que seleccionar la columna

258
00:14:03,800 --> 00:14:06,800
y añadir un nuevo bloque dentro de la columna.

259
00:14:06,800 --> 00:14:09,800
Si lo que quiero es añadir un elemento

260
00:14:09,800 --> 00:14:11,800
debajo de estas tres columnas,

261
00:14:11,800 --> 00:14:13,800
tendría que añadirlo en esta parte de aquí.

262
00:14:13,800 --> 00:14:16,800
Vamos a insertar en la parte inferior otra imagen

263
00:14:16,800 --> 00:14:18,800
para que veáis el efecto.

264
00:14:18,800 --> 00:14:20,800
Buscamos la biblioteca de medios

265
00:14:20,800 --> 00:14:24,800
y insertamos otra de las imágenes que tengamos por aquí.

266
00:14:24,800 --> 00:14:27,800
Vamos a elegir otra imagen.

267
00:14:27,800 --> 00:14:30,800
Pues, por ejemplo, esta.

268
00:14:30,800 --> 00:14:34,800
La seleccionamos y quedamos en esta parte.

269
00:14:34,800 --> 00:14:38,800
Veis que podemos ampliarla.

270
00:14:38,800 --> 00:14:41,800
Si nos parece demasiado grande,

271
00:14:41,800 --> 00:14:45,800
incluso a lo mejor podemos recortarla.

272
00:14:50,800 --> 00:14:52,800
Aplicamos.

273
00:14:52,800 --> 00:14:57,800
Y en la parte de la derecha podemos redondearla,

274
00:14:57,800 --> 00:15:00,800
pero en este caso la vamos a dejar tal y como la tenemos.

275
00:15:00,800 --> 00:15:03,800
Guardamos el borrador.

276
00:15:05,800 --> 00:15:07,800
Y vamos a ver cómo nos ha quedado.

277
00:15:08,800 --> 00:15:10,800
Publicado.

278
00:15:10,800 --> 00:15:12,800
Cómo nos quedaría publicado.

279
00:15:12,800 --> 00:15:14,800
Efectivamente...

280
00:15:14,800 --> 00:15:17,800
Ah, pues el botón no se nos ha hecho más grande.

281
00:15:17,800 --> 00:15:20,800
Y la imagen nos ha quedado

282
00:15:20,800 --> 00:15:24,800
en la parte posterior

283
00:15:24,800 --> 00:15:27,800
y no nos ha ampliado su tamaño.

284
00:15:27,800 --> 00:15:32,800
Probablemente tengamos que modificar esa imagen

285
00:15:32,800 --> 00:15:36,800
no aquí, sino en la biblioteca

286
00:15:36,800 --> 00:15:40,800
y darle un tamaño diferente.

287
00:15:40,800 --> 00:15:43,800
Sí, mostramos la imagen.

288
00:15:43,800 --> 00:15:45,800
Tamaño completo.

289
00:15:45,800 --> 00:15:48,800
Podemos ponerle tamaño medio.

290
00:15:48,800 --> 00:15:50,800
Las dimensiones las tenemos aquí.

291
00:15:50,800 --> 00:15:52,800
¿Veis?

292
00:15:52,800 --> 00:15:57,800
Aquí podemos ampliar las dimensiones.

293
00:15:57,800 --> 00:16:00,800
500.

294
00:16:00,800 --> 00:16:02,800
Y aquí le vamos a poner...

295
00:16:02,800 --> 00:16:04,800
¿Cómo es la altura?

296
00:16:04,800 --> 00:16:06,800
Bueno, es la anchura.

297
00:16:06,800 --> 00:16:09,800
Le vamos a poner 1500.

298
00:16:09,800 --> 00:16:11,800
Sería un poco exagerado.

299
00:16:11,800 --> 00:16:14,800
Le vamos a poner 1000.

300
00:16:14,800 --> 00:16:16,800
1000.

301
00:16:16,800 --> 00:16:20,800
Y la altura la vamos a disminuir un poquito

302
00:16:20,800 --> 00:16:24,800
y la vamos a poner en 100.

303
00:16:24,800 --> 00:16:26,800
Demasiado pequeña.

304
00:16:26,800 --> 00:16:29,800
Ponemos la altura a 300.

305
00:16:29,800 --> 00:16:32,800
Y así nos queda más o menos

306
00:16:32,800 --> 00:16:35,800
como pensábamos que estuviera.

307
00:16:35,800 --> 00:16:39,800
Le damos a guardar como borrador

308
00:16:39,800 --> 00:16:41,800
y vamos a comprobar si realmente

309
00:16:41,800 --> 00:16:43,800
hemos conseguido que la imagen

310
00:16:43,800 --> 00:16:46,800
tuviera el tamaño completo.

311
00:16:46,800 --> 00:16:47,800
Que sí.

312
00:16:47,800 --> 00:16:50,800
Hemos conseguido que tuviera el tamaño completo.

313
00:16:50,800 --> 00:16:52,800
Bien.

314
00:16:52,800 --> 00:16:55,800
Con esto acabaríamos

315
00:16:55,800 --> 00:16:59,800
el aprendizaje de los bloques.

316
00:16:59,800 --> 00:17:01,800
Sencillamente es

317
00:17:01,800 --> 00:17:05,800
usar el más.

318
00:17:05,800 --> 00:17:06,800
Clicar sobre el más.

319
00:17:06,800 --> 00:17:07,800
Buscar el bloque.

320
00:17:07,800 --> 00:17:10,800
Y luego ya depende del usuario

321
00:17:10,800 --> 00:17:12,800
el diseño de esta página

322
00:17:12,800 --> 00:17:15,800
que quede más o menos vistoso.

323
00:17:15,800 --> 00:17:17,800
Que sea más limpio.

324
00:17:17,800 --> 00:17:19,800
Que sea más atractivo.

325
00:17:19,800 --> 00:17:22,800
Aquí ya es un poco la inspiración

326
00:17:22,800 --> 00:17:24,800
de cada uno de nosotros.