1
00:00:03,310 --> 00:00:08,830
bueno vamos a ver cómo se hace lo de crear un sitio web con wordpress lo

2
00:00:08,830 --> 00:00:12,310
primero que te pide cuando entras una vez que ya has entrado con la cuenta de

3
00:00:12,310 --> 00:00:17,469
google o te ha registrado es el dominio bueno el subdominio que le vas a poner a

4
00:00:17,469 --> 00:00:21,129
tu sitio web igual que hicimos en el ejercicio anterior tiene que ser

5
00:00:21,129 --> 00:00:26,050
original y entonces va a haber algunos que no nos va a dejar yo le voy a hacer

6
00:00:26,050 --> 00:00:32,070
el sitio web a ada lovelace que la primera programadora así que voy a ver

7
00:00:32,070 --> 00:00:38,890
si el sitio de ADA está disponible. Vale, como siempre me quieren cobrar un dominio

8
00:00:38,890 --> 00:00:44,590
de pago que se parezca más al nombre, pero yo voy a coger este gratis y mi sitio se va

9
00:00:44,590 --> 00:00:52,890
a llamar el sitio de ADA.wordpress.com. Vale, voy a empezar con una página guatuita ya

10
00:00:52,890 --> 00:00:59,810
que estamos probando. Y ahora me está creando el sitio. En el sitio que crea por defecto

11
00:00:59,810 --> 00:01:03,530
Esto es el panel de control

12
00:01:03,530 --> 00:01:07,430
Siempre con este botón de aquí

13
00:01:07,430 --> 00:01:08,750
De la izquierda

14
00:01:08,750 --> 00:01:10,250
Si me he ido a otro sitio

15
00:01:10,250 --> 00:01:11,129
Si estoy viendo la página

16
00:01:11,129 --> 00:01:14,349
Puedo volver a este menú de control

17
00:01:14,349 --> 00:01:17,790
Cuando crea un sitio por defecto

18
00:01:17,790 --> 00:01:19,689
Lo crea con

19
00:01:19,689 --> 00:01:21,450
Una serie de páginas

20
00:01:21,450 --> 00:01:23,609
Crea cuatro páginas por defecto

21
00:01:23,609 --> 00:01:24,390
Que se pueden

22
00:01:24,390 --> 00:01:27,549
Se pueden borrar o se pueden modificar

23
00:01:27,549 --> 00:01:28,530
Se pueden cambiar

24
00:01:28,530 --> 00:01:32,329
y siempre hay una que tiene que estar marcada como la página de inicio

25
00:01:32,329 --> 00:01:36,769
para que el servidor la reconozca y a partir de ahí te muestra las demás.

26
00:01:37,950 --> 00:01:41,709
Entonces vamos a empezar con la página de inicio y le vamos a dar a editar

27
00:01:41,709 --> 00:01:45,310
para empezar a crear el contenido.

28
00:01:53,109 --> 00:01:58,090
Bueno, este es el editor de WordPress y nos sale aquí un tutorial, si lo queremos ver.

29
00:02:00,590 --> 00:02:01,909
Bueno, lo cerramos.

30
00:02:01,909 --> 00:02:07,069
Como os he puesto en los apuntes, a mí me resulta más sencillo para empezar

31
00:02:07,069 --> 00:02:10,289
En lugar de utilizar una plantilla que ya te viene preparado

32
00:02:10,289 --> 00:02:16,289
Y con un texto que puede ser fácil si simplemente lo cambias

33
00:02:16,289 --> 00:02:22,370
A mí me confunde un poco más y yo prefiero empezar con una plantilla en blanco

34
00:02:22,370 --> 00:02:29,710
Pero el que quiera probar una plantilla de las que ofrece el programa

35
00:02:29,710 --> 00:02:31,509
Pues aquí vienen un montón de plantillas

36
00:02:31,509 --> 00:02:36,370
y se pueden elegir. Ya lo veremos luego. De momento vamos a poner una plantilla en blanco.

37
00:02:46,710 --> 00:02:51,810
Elegimos plantilla en blanco. Y ahora tenemos una página completamente vacía y sin nada

38
00:02:51,810 --> 00:02:58,289
en la que vamos a ir añadiendo elementos. Bueno, yo antes de empezar a hacer la página

39
00:02:58,289 --> 00:03:04,110
he buscado ya material, he buscado texto sobre Ada Loveland y he buscado fotos para ir rellenando

40
00:03:04,110 --> 00:03:13,310
el contenido de mi sitio web. Bueno, lo primero que voy a empezar poniendo es un título, así que voy a añadir un bloque y voy a elegir un bloque de título.

41
00:03:13,310 --> 00:03:25,069
Los bloques que puedo incluir en mi página están organizados, pues primero voy a poner los que se utilizan más, luego bloques comunes, bloques de formato,

42
00:03:25,069 --> 00:03:25,770
vale

43
00:03:25,770 --> 00:03:29,030
los títulos

44
00:03:29,030 --> 00:03:30,789
pues igual que en los

45
00:03:30,789 --> 00:03:32,990
en el html pues los llama

46
00:03:32,990 --> 00:03:33,750
encabezados

47
00:03:33,750 --> 00:03:37,229
encabezado 2 sería el encabezado

48
00:03:37,229 --> 00:03:38,229
de tamaño más grande

49
00:03:38,229 --> 00:03:41,050
entonces he creado un encabezado

50
00:03:41,050 --> 00:03:42,689
o sea voy a escribir el nombre

51
00:03:42,689 --> 00:03:49,770
y

52
00:03:49,770 --> 00:03:52,229
lo voy a poner en el centro

53
00:03:52,229 --> 00:03:54,009
vale

54
00:03:54,009 --> 00:03:55,710
ya he creado un elemento

55
00:03:55,710 --> 00:03:58,030
que es un elemento que es un encabezado

56
00:03:58,030 --> 00:04:00,129
vale, siguiente elemento

57
00:04:00,129 --> 00:04:02,550
ahora voy a poner un bloque

58
00:04:02,550 --> 00:04:05,990
que va a ser un poco el bloque central

59
00:04:05,990 --> 00:04:07,729
el bloque principal de la página

60
00:04:07,729 --> 00:04:10,229
que va a estar separado en dos columnas

61
00:04:10,229 --> 00:04:12,229
en un lado voy a poner una imagen

62
00:04:12,229 --> 00:04:13,729
y en el otro voy a poner un texto

63
00:04:13,729 --> 00:04:16,610
entonces voy a buscar uno de los bloques

64
00:04:16,610 --> 00:04:18,670
que me permite separar

65
00:04:18,670 --> 00:04:20,329
en dos columnas

66
00:04:20,329 --> 00:04:24,569
organizar en dos columnas

67
00:04:24,569 --> 00:04:28,009
están aquí en elementos de diseño

68
00:04:28,009 --> 00:04:31,730
columnas

69
00:04:31,730 --> 00:04:33,970
vale, y digo que quiero

70
00:04:33,970 --> 00:04:34,949
dos columnas

71
00:04:34,949 --> 00:04:38,029
pues una un poco más estrecha que la otra

72
00:04:38,029 --> 00:04:39,930
así que el 30 y 70%

73
00:04:39,930 --> 00:04:42,230
vale, ahora dentro de cada

74
00:04:42,230 --> 00:04:44,470
una de estas columnas yo puedo poner otros bloques

75
00:04:44,470 --> 00:04:46,069
entonces en este bloque

76
00:04:46,069 --> 00:04:48,009
de la izquierda voy a poner una foto

77
00:04:48,009 --> 00:04:50,329
entonces cojo el elemento

78
00:04:50,329 --> 00:04:50,810
imagen

79
00:04:50,810 --> 00:04:54,129
y me dice que

80
00:04:54,129 --> 00:04:55,850
puedo coger una imagen desde internet

81
00:04:55,850 --> 00:04:57,350
o desde un

82
00:04:57,350 --> 00:05:03,490
La biblioteca de medios es como un almacén, pero para tener fotos en el almacén las tengo que haber subido.

83
00:05:03,709 --> 00:05:13,550
Así que voy a subir una foto que ya he buscado antes, que representa a Ada Lovelance en forma de cómic.

84
00:05:15,930 --> 00:05:23,910
Este elemento es modificable, se puede cambiar el tamaño, puede ser un enlace, hay propiedades aquí que se pueden cambiar.

85
00:05:23,910 --> 00:05:29,569
Pero cada bloque, dependiendo de qué tipo de bloque sea, pues tiene unas propiedades u otras.

86
00:05:30,990 --> 00:05:43,910
Vale, en el lado de la derecha voy a poner un bloque de párrafo para añadir información un poco así descriptiva y genérica de este personaje.

87
00:05:43,910 --> 00:06:04,769
Como ya os he dicho antes, este texto ya lo he cogido antes, así que lo voy a copiar y lo voy a pegar en mi bloque de texto y un segundo párrafo en el que se describe un poco quién fue este personaje.

88
00:06:04,769 --> 00:06:38,319
Vale, cada uno de estos bloques las propiedades me aparecen cuando lo tengo seleccionado, por ejemplo, si yo quiero a este bloque ponerle un color de fondo, vale, esto es el color del texto pero también hay el color de fondo, el color de texto por ejemplo lo puedo poner azul y le puedo poner un color de fondo gris, queda feísimo, pero bueno, vale, a cada uno de los elementos, vale, por ejemplo, al título este,

89
00:06:38,639 --> 00:06:50,959
pues igual lo pongo. Puedo poner texto amarillo y puedo elegir un color personalizado. Aquí

90
00:06:50,959 --> 00:07:11,870
me sale una paleta de colores. Podéis hacer diferentes pruebas a ver cómo queda. Si le

91
00:07:11,870 --> 00:07:18,310
cambiáis el tamaño, si le cambiáis... Vale, entonces según vayáis seleccionando

92
00:07:18,310 --> 00:07:23,350
los bloques, en la parte de la derecha aparecen las propiedades. Y esas propiedades se pueden

93
00:07:23,350 --> 00:07:32,639
cambiar. Vale, voy a poner aquí ahora otro encabezado, así que le voy a dar al más

94
00:07:32,639 --> 00:07:36,720
otra vez y voy a volver a poner un título porque ahora a continuación voy a hablar

95
00:07:36,720 --> 00:07:46,370
de la biografía de este personaje. Vale, y lo voy a hacer en tres columnas, así que

96
00:07:46,370 --> 00:07:51,470
voy a añadir un bloque de tres columnas. Ahora como me va dejando más arriba los bloques

97
00:07:51,470 --> 00:07:59,449
que ya he utilizado. Tres columnas de tamaño igual para las tres. En una voy a poner, por

98
00:07:59,449 --> 00:08:07,949
ejemplo, hablar de su infancia. Ya os digo que la información ya la he buscado antes,

99
00:08:07,949 --> 00:08:14,850
entonces primero hay que pensarla un poco. Luego ya se... Debajo de este título voy a

100
00:08:14,850 --> 00:08:27,959
poner un párrafo y el párrafo que he buscado sobre la infancia de Ada. Fue hija de Lord

101
00:08:27,959 --> 00:08:36,950
Byron y en el otro bloque lo voy a organizar igual, así que me voy a fijar qué tipo de

102
00:08:36,950 --> 00:08:41,889
encabezado. Es el que he puesto aquí, encabezado de tipo 2. Lo voy a poner un poco más pequeño

103
00:08:41,889 --> 00:08:46,789
para que se diferencie de los de arriba. Así que aquí también voy a poner un encabezado

104
00:08:46,789 --> 00:08:57,799
de nivel 3, para que mantenga un poco la coherencia, y al siguiente bloque le he llamado al cumplir

105
00:08:57,799 --> 00:09:22,340
18, que fue un cambio en su vida, y debajo igual voy a añadir un párrafo, y ese párrafo

106
00:09:22,340 --> 00:09:34,950
voy a coger lo que hizo, lo que fue importante en su vida a partir de los 18 años. Vale,

107
00:09:35,149 --> 00:09:43,120
en la tercera columna voy a volver a poner un encabezado de nivel 3 para hablar un poco

108
00:09:43,120 --> 00:09:52,700
de su educación. Voy a insertar un párrafo. Es bastante repetitivo, hay que tener un poco

109
00:09:52,700 --> 00:09:57,600
claro qué es lo que se quiere poner y cómo se quiere poner, pero luego no me parece que

110
00:09:57,600 --> 00:10:05,059
sea muy difícil introducir el contenido, contenido muy básico, luego hay otras cosas

111
00:10:05,059 --> 00:10:17,600
que se pueden complicar bastante más. Ya tendría el aspecto de mi página, así como

112
00:10:17,600 --> 00:10:26,320
muy básico, por ejemplo aquí debajo voy a añadir un bloque de imagen, he buscado

113
00:10:26,320 --> 00:10:36,009
una cita y creo que puede quedar bien aquí puesto a la derecha, como si lo firmara ella.

114
00:10:41,360 --> 00:10:45,440
Puedo cambiar el tamaño de la letra, como es una foto, el tamaño de la imagen en realidad.

115
00:10:50,440 --> 00:10:55,220
Podría ponerla, no tiene mucho sentido, en forma redonda, porque aún esta no se va a

116
00:10:55,220 --> 00:11:12,870
notar. Vale, y esta cita que es una imagen, pues la voy a poner a la derecha. Ya está.

117
00:11:12,870 --> 00:11:19,870
Bueno, ya estaría más o menos la página inicial.

118
00:11:19,870 --> 00:11:21,870
Voy a enseñaros una cosa que puede ser interesante.

119
00:11:21,870 --> 00:11:27,870
Por ejemplo, si yo quiero incluir un bloque delante de este, le doy a insertar antes y ahora me ha hecho un hueco aquí.

120
00:11:27,870 --> 00:11:34,870
Y por ejemplo, aquí voy a poner un bloque que se utiliza mucho, que son separadores.

121
00:11:34,870 --> 00:11:40,870
Por ejemplo, un espaciador que te deja un hueco en blanco para separar un bloque de otro.

122
00:11:40,870 --> 00:11:45,649
o un separador que te dibuja algún tipo de línea o algo así, depende un poco de la plantilla.

123
00:11:48,149 --> 00:11:52,710
Con Vista Previa, con Actualizar, guardamos los cambios que hayamos hecho hasta el momento

124
00:11:52,710 --> 00:11:59,129
y con Vista Previa ahora podemos ver cómo nos quedaría la página vista desde fuera del editor.

125
00:12:01,370 --> 00:12:04,929
Estas son las cuatro páginas que tiene el sitio, que ahora modificaremos alguna de ellas más.

126
00:12:04,929 --> 00:12:09,929
De momento solo le hemos dado contenido a la primera, las otras siguen estando con las plantillas que tienen por defecto.

127
00:12:10,870 --> 00:12:29,649
El título también ahora os digo como se pone o se puede quitar, esto sería como ha quedado nuestra página dentro de Wordpress, si le damos aquí a visitar sitio nos sacaría y aquí podemos probar como se vería en otros dispositivos, por ejemplo como se vería en un teléfono móvil o como se vería en una tablet.