1
00:00:00,000 --> 00:00:06,500
Bienvenidos y bienvenidas a este nuevo vídeo en donde vamos a tratar cómo se

2
00:00:06,500 --> 00:00:12,960
hacen los menús en Wix. Como podemos ver aquí tenemos un menú principal y luego

3
00:00:12,960 --> 00:00:18,120
unos submenús a donde se les puede dar formato. Para ello vamos a volver al

4
00:00:18,120 --> 00:00:24,800
editor y vamos a eliminar este menú que he hecho previamente. Bien, para añadir un

5
00:00:24,800 --> 00:00:31,440
menú se da en agregar elementos dentro de las opciones menú y ancla. Aquí tengo

6
00:00:31,440 --> 00:00:36,980
menús temáticos, horizontales, verticales y luego más opciones que

7
00:00:36,980 --> 00:00:41,360
me da Wix. Nos centraremos sobre todo en los menús horizontales.

8
00:00:41,360 --> 00:00:46,720
También se podrían hacer verticales cuyo diseño y desarrollo es similar.

9
00:00:46,720 --> 00:00:54,280
Vamos a introducir por ejemplo este menú. Este tipo de menú, hacemos clic y si me

10
00:00:54,280 --> 00:01:00,120
lo hubiera puesto en una sección, lo arrastraríamos hacia el encabezado.

11
00:01:00,560 --> 00:01:05,960
Bien, vemos en él que tenemos las diferentes páginas de nuestro sitio

12
00:01:05,960 --> 00:01:12,040
web. Si no fuera así, podríamos comprobar aquí en las páginas que tenemos.

13
00:01:12,040 --> 00:01:15,800
En administrar páginas podríamos comprobar que tengo todas las páginas

14
00:01:15,800 --> 00:01:20,440
visibles. Es así que por ejemplo si yo la página

15
00:01:20,440 --> 00:01:26,680
ventas no la quiero visibilizar en el menú, daría aquí a estas opciones, ajustes

16
00:01:26,680 --> 00:01:34,120
y ocultaríamos el menú. Y vemos que ventas automáticamente

17
00:01:34,960 --> 00:01:38,680
va a quedar fuera del menú.

18
00:01:42,600 --> 00:01:47,280
De acuerdo, bien, vamos a dejar que ventas

19
00:01:47,280 --> 00:01:49,880
de nuevo

20
00:01:50,440 --> 00:01:53,760
formen parte del menú.

21
00:01:53,760 --> 00:01:56,760
Ya estamos aquí.

22
00:01:57,640 --> 00:02:04,320
Cuando hacemos clic en el menú, en la parte de administrar menú

23
00:02:04,320 --> 00:02:09,840
y en navegar, se me da acceso directamente a las páginas.

24
00:02:09,840 --> 00:02:16,320
Es en la opción de ajustes donde ya podríamos empezar a

25
00:02:16,360 --> 00:02:22,480
diseñar. Aquí en ajustes avanzados me da como fijar como menú avanzado. De momento

26
00:02:22,480 --> 00:02:27,040
vamos a prescindir de estas opciones que tampoco nos aportan mucho.

27
00:02:27,040 --> 00:02:33,560
En estilo podríamos, aquí tenemos bastantes más opciones, dentro de los

28
00:02:33,560 --> 00:02:39,120
menús principales, los submenús, podríamos ajustar. ¿Qué significa esto? Que si yo

29
00:02:39,120 --> 00:02:44,400
por ejemplo tengo menos espacio, como vemos,

30
00:02:44,400 --> 00:02:49,440
las últimas pestañas me las desplaza una línea por debajo.

31
00:02:49,440 --> 00:02:55,360
Si no le damos ajustes, sino a desplazar, sin embargo, me pone aquí, me pone esta

32
00:02:55,360 --> 00:03:01,160
flechita, vamos a guardar y vamos a ver en vista previa

33
00:03:02,400 --> 00:03:05,320
cómo quedaría.

34
00:03:05,320 --> 00:03:10,920
Aquí vemos que, como no me caben, me pone una flechita y aquí ya,

35
00:03:10,920 --> 00:03:16,040
digamos, me da acceso a la totalidad del menú que no se ve. Antes era a la derecha y

36
00:03:16,040 --> 00:03:19,480
ahora a la izquierda exactamente lo mismo.

37
00:03:19,480 --> 00:03:21,920
Volvemos al menú.

38
00:03:27,880 --> 00:03:33,000
Y volvemos al estilo. Bien, tenemos también, vamos a darle

39
00:03:33,000 --> 00:03:36,080
espacio de sobra

40
00:03:37,840 --> 00:03:43,440
y vamos ahora a espacio entre los ítems. Vemos que podemos dar más o menos espacio

41
00:03:43,440 --> 00:03:50,560
entre ellos. Esto juega un poquito, digamos, a la sensación de diseño que tenemos

42
00:03:50,560 --> 00:03:55,040
nosotros, de espacio, almacenamiento, etc.

43
00:03:55,040 --> 00:04:01,840
Los ítems pueden rellenar todo el menú o no. Es decir, aquí tengo más espacio o lo

44
00:04:01,880 --> 00:04:09,440
rellenan exactamente todo el que yo les dejo, cuyo espacio es modificable.

45
00:04:11,320 --> 00:04:16,960
Alineamos el texto en su cajita de menú a la izquierda, al centro o a la derecha

46
00:04:16,960 --> 00:04:22,720
por diseño, vamos a dejarlo siempre en el centro.

47
00:04:22,720 --> 00:04:28,320
Los menús. Habitualmente la página principal está a la izquierda,

48
00:04:28,320 --> 00:04:34,040
es el diseño left to right, pero lo podemos dejar justamente al revés. Habitualmente

49
00:04:34,040 --> 00:04:37,920
siempre se deja el menú principal, la página principal, a la izquierda.

50
00:04:37,920 --> 00:04:43,800
Relleno horizontal no da muchas opciones. El relleno vertical lo que

51
00:04:43,800 --> 00:04:48,920
me hace son los menús más o menos verticales, en este caso tiene bastante

52
00:04:48,920 --> 00:04:54,320
anchura. Podemos haberlo dejado más o menos.

53
00:04:54,320 --> 00:05:02,040
Bien, y luego la estructura de los submenús. Ahora, el submenú de tercera me

54
00:05:02,040 --> 00:05:07,240
ocupa todo el espacio que dejan arriba los menús.

55
00:05:07,240 --> 00:05:11,760
Puedo dejarlo como columnas, como estaba antes, o bien como flotante, en el sentido

56
00:05:11,760 --> 00:05:17,240
en que me va a dejar solamente un espacio dependiente de su menú

57
00:05:17,240 --> 00:05:23,000
principal, que en este caso es tercero. Vamos a guardar

58
00:05:23,400 --> 00:05:28,000
y vamos a ver la vista previa de cómo queda ahora.

59
00:05:28,000 --> 00:05:32,600
Eso es a lo que me refiero. Antes ocupaba todo el menú en la parte inferior y ahora

60
00:05:32,600 --> 00:05:39,480
solamente ocupa lo que se dice el ancho de la pestaña madre, que es tercero.

61
00:05:39,480 --> 00:05:42,720
Volvemos al editor,

62
00:05:45,160 --> 00:05:48,720
volvemos al diseño,

63
00:05:49,360 --> 00:05:55,800
al estilo. Bien, y de aquí ya, pues poco más.

64
00:05:57,840 --> 00:06:04,320
El submenú, lo mismo, lo podemos centrar a la izquierda, a la derecha,

65
00:06:04,320 --> 00:06:07,120
el texto, perdón,

66
00:06:07,920 --> 00:06:16,040
el relleno horizontal lo podemos hacer más o menos grande, el vertical exactamente igual,

67
00:06:16,680 --> 00:06:22,360
espacios entre los ítems que hubiera, en este caso no hay ningún ítem.

68
00:06:26,200 --> 00:06:31,240
Y ahora podríamos personalizar las opciones que me da aquí dentro del

69
00:06:31,240 --> 00:06:35,360
diseño del menú. Cada menú va a tener sus distintas

70
00:06:35,360 --> 00:06:40,080
opciones de personalización. El relleno de fondo,

71
00:06:40,080 --> 00:06:46,800
podemos añadir, en este caso, más capas, podemos duplicar,

72
00:06:48,600 --> 00:06:54,640
vamos a poner, por ejemplo, este relleno que vemos que tampoco hace gran cosa,

73
00:06:55,280 --> 00:06:59,440
los bordes se podría redondear,

74
00:06:59,840 --> 00:07:05,280
también las esquinas se podrían redondear, se le podría poner sombreado, se le podría dar

75
00:07:05,280 --> 00:07:11,440
estilo, etcétera. Todas estas opciones van a depender, van a ser características

76
00:07:11,440 --> 00:07:17,440
y diferenciadas de cada menú que hayamos elegido. Muchas gracias.