Inicio configuración WordPress | Mediateca de EducaMadrid

ver, ¿vale? 00:00:00

Ya estoy empezando a grabar la clase. 00:00:01

Entonces, lo primero que hemos dicho que era superimportante 00:00:03

es definir la estructura que va a tener nuestra web. 00:00:07

Que hemos dicho que vamos a partir todos de la misma. 00:00:11

Vamos a tener una cabecera, una barra de navegación principal 00:00:13

horizontal arriba, una única columna. 00:00:17

En este ejemplo tenéis 2, una información principal y una 00:00:20

barra lateral. 00:00:23

Nosotros, en principio, no vamos a tener más que una única. 00:00:24

Y abajo, el menú de pie de página, 00:00:27

en el que luego ya cada uno podrá incluir lo que 00:00:29

considere adecuado. 00:00:32

Pero vamos a tener que incluir una información principal. 00:00:33

Y luego nos vamos a asegurar, que ya me he asegurado yo por 00:00:36

vosotros, de que la plantilla que instalemos es una plantilla 00:00:39

adaptativa. 00:00:43

Responsive web design significa diseño web adaptativo, 00:00:44

ya que se adapta a las distintas pantallas, ¿de acuerdo? 00:00:48

A móvil, tablet y ordenadores de diferentes pulgadas. 00:00:51

Pantallas de distintas pulgadas, ¿vale? 00:00:55

Entonces, teniendo claro esto, nos vamos a empezar ya, 00:00:57

vamos a empezar a trabajar con WordPress, ¿vale? 00:01:00

Me voy a meter en mi WordPress. 00:01:03

Mirad, aquí, por ejemplo, se saca, pues, he puesto imágenes, 00:01:06

he cogido así algunas imágenes de distintas páginas web. 00:01:10

Esta web, por ejemplo, es de farmacia, ¿de acuerdo? 00:01:14

Es una web de servicios que ayuda a montar o a diseñar 00:01:16

comercios con establecimiento comercial y sin ello de para 00:01:23

farmacias y farmacias, ¿vale? 00:01:26

Entonces, por ejemplo, arquitectura corporativa, ¿vale? 00:01:28

Y esta, pues, es una empresa especializada en el diseño de 00:01:31

puntos de venta de farmacias. 00:01:36

Pues, tiene aquí, pues, como veis, 00:01:37

esto es su encabezado con su menú principal y tiene una única 00:01:39

columna, ¿de acuerdo? 00:01:43

Esta única columna, pues, aquí va apareciendo información con 00:01:44

pequeñas etiquetas, botones para pinchar y saber más. 00:01:48

Cada vez que pincho en saber más, 00:01:53

lo que hace es llevarme a una página diferente donde está esa 00:01:55

información, ¿de acuerdo? 00:01:59

Pues, aquí, esto es lo que nosotros tenemos que hacer. 00:02:01

Esto es una página y esta página tiene un encabezado, 00:02:03

tiene un texto, tiene una imagen en medio, tiene otro texto, 00:02:07

tiene distintos bloques de texto, ¿de acuerdo? 00:02:11

Pues, es el contenido de la página. 00:02:14

Para volver, pues, pincho aquí, vamos a ver, por ejemplo, 00:02:15

gestión del punto de venta. 00:02:19

Pues, aquí tiene información, cómo gestionar, pues, 00:02:20

igual tiene una imagen. 00:02:23

Y aquí, en vez de tener un texto, 00:02:24

tiene un texto en 2 columnas. 00:02:25

Tiene unos cuadros con información. 00:02:28

Es decir, esta es la estructura de cada una de las páginas que 00:02:30

hay en el menú. 00:02:33

Pues, esto es lo que nosotros vamos a crear, 00:02:34

pero lo de dentro es lo que teníais que tener ya trabajado 00:02:36

y pensado durante todo este tiempo, 00:02:39

que nos hemos dado muchas tareas para que estuviéramos 00:02:41

trabajando en todo esto, ¿vale? 00:02:44

Entonces, vamos a entrar en nuestro sitio web. 00:02:47

¿Cómo dijimos que teníamos que prepararnos para entrar en el 00:02:50

sitio web? 00:02:54

Pues, acordaros, os dije que lo que teníais que hacer es 00:02:54

grabar, guardar en marcadores o en favoritos vuestra página, 00:02:57

¿vale? 00:03:02

Vamos a, yo tengo 2 páginas para mostraros, 00:03:03

por un lado lo que quiero hacer y, por otro lado, 00:03:07

hacerlo desde cero, ¿vale? 00:03:10

En caso de que lo necesitemos. 00:03:12

Pues, todos tenemos que poner el nombre de nuestra web, 00:03:14

su url, barra vp, guión medio, perdonad, 00:03:17

barra admin, guión medio, ¿de acuerdo? 00:03:24

Lo que os dije para administrarlo, ¿vale? 00:03:27

vp, guión medio, admin. 00:03:30

Y, entonces, nos aparece esta ventana, ¿vale? 00:03:32

Todos estábamos aquí y todos lo hemos hecho y lo sabemos hacer. 00:03:34

Como tengo 2 sitios web, pues, voy a abrir los 2 para que, 00:03:38

si lo necesitamos, podamos utilizar los 2, ¿de acuerdo? 00:03:41

Este es el sitio web, me meto en el sitio web, 00:03:44

que es la url que tengo de Hostinger, 00:03:47

pongo la barra inclinada, vp, guión medio, admin, ¿de acuerdo? 00:03:49

Y, entonces, paso de la plantilla básica que me había 00:03:54

dado WordPress a poder administrarla. 00:03:58

Antes de meterme en el administrador, 00:04:01

lo vamos a ver en principio. 00:04:03

Si lo habéis hecho bien, vuestro sitio web tiene que estar 00:04:05

así ahora mismo para todo el mundo. 00:04:08

Tiene que tener aquí el nombre que le habíais dado a vuestra 00:04:10

web. 00:04:12

Aquí tiene que tener el buscador. 00:04:13

Aquí tiene que tener la imagen de la primera entrada que, 00:04:16

por defecto, hace siempre WordPress, que es holamundo. 00:04:18

Y aquí tiene diferentes widgets o diferentes objetos que, 00:04:22

por defecto, instala este tema. 00:04:26

¿Qué tema es este? 00:04:28

Pues, este. 00:04:29

Se llama colorible, colorlib, ¿de acuerdo? 00:04:30

Y es el que, por defecto, instala el WordPress desde 00:04:32

Hostinger, desde webhost, ¿vale? 00:04:35

Pues, esto tenemos que tenerlo todos, pero esto a mí no me 00:04:37

gusta, esto no es lo que yo quiero. 00:04:39

¿Qué hago? 00:04:41

Pues, una vez que me he metido en la URL, 00:04:42

le pongo el guión incliado del 7 del teclado numérico, 00:04:44

el vp en minúsculas, el guión medio, que es la resta, 00:04:49

y admin. 00:04:52

Y todos llegamos aquí. 00:04:54

Y, entonces, aquí nos acordamos todos de que tenemos que poner 00:04:56

nuestro usuario y nuestra contraseña. 00:04:59

Como ya lo tengo metido, pues, ya otra vez, o sea, 00:05:01

me ha entrado directamente. 00:05:03

En este, como no lo tengo grabado, no ha entrado, ¿vale? 00:05:05

Son 2 sitios web distintos. 00:05:08

Este es Escaparate esa medida y este es Visual Agency Plus. 00:05:09

Cada uno lo cree cuando di clase en el instituto o cuando la he 00:05:14

dado eso que os he grabado a todos. 00:05:17

Todos nos tenemos que llamar admin. 00:05:20

Nuestro nombre de usuario tiene que ser admin. 00:05:22

Lo que va a cambiar es nuestra contraseña, ¿de acuerdo? 00:05:24

Metemos nuestra contraseña, que ya todos sabemos cómo hacerla, 00:05:27

¿de acuerdo? 00:05:31

A ver, en este que estoy, no me vaya a confundir. 00:05:32

Y accedemos, ¿vale? 00:05:35

Y, entonces, ya tenemos claro todos que estamos accediendo a 00:05:38

nuestro escritorio, ¿vale? 00:05:41

Este es el escritorio de WordPress. 00:05:43

Es decir, esto es la herramienta de diseño que nosotros hemos 00:05:46

instalado, el gestor de contenidos. 00:05:49

Esto es como si fuera Word o Excel o Access. 00:05:51

Y en vez de tener el menú aquí arriba para trabajar con las 00:05:54

cintas de opciones, pues, tenemos el menú y las cintas 00:05:57

de opciones aquí a la izquierda, ¿de acuerdo? 00:06:00

Y cada una de estas entradas que hay aquí a la izquierda, 00:06:02

cada uno de estos botones son las opciones que me da WordPress 00:06:06

para diseñar mi sitio web, ¿vale? 00:06:11

Tengo una barra superior. 00:06:13

Aquí tengo mi usuario, mi nombre de usuario. 00:06:15

Puedo editar mi perfil para cambiar las contraseñas y 00:06:18

puedo salir, ¿de acuerdo? 00:06:22

Para no dejarlo abierto por si otra persona lo utiliza, ¿vale? 00:06:23

Go Premium, nunca lo voy a pinchar porque significa que lo 00:06:29

que quiero es o pagar más por mi alojamiento, 00:06:33

es decir, pasar de gratuito a premium, 00:06:38

o pagar por el tema de pago, ¿vale? 00:06:40

Por lo tanto, esto nada. 00:06:45

Esto insights de momento nada porque no te hemos activado el 00:06:46

plugin. 00:06:49

Y aquí podría ir añadiendo de forma rápida elementos que 00:06:49

tengo aquí, pero de momento, como no sabemos hacerlo, 00:06:53

pues, no vamos a hacerlo con la forma rápida, 00:06:56

vamos a verlo 1 por 1, ¿vale? 00:06:58

Aquí tendría, si tuviera mensajes, 00:07:00

porque tengo un blog y tuviera mensajes, 00:07:03

y aquí tengo el número de actualizaciones que tengo que 00:07:04

hacer en mi sitio web por los plugins que tengo instalados y 00:07:08

que tienen versiones más modernas. 00:07:11

Las actualizaciones no las vamos a hacer a priori, ¿de acuerdo? 00:07:14

Excepto la actualización del WordPress. 00:07:17

El resto no lo vamos a hacer. 00:07:19

Y la actualización del WordPress la vamos a hacer solo ahora, 00:07:21

antes de empezar a trabajar, ¿vale? 00:07:24

¿Por qué? 00:07:26

Porque depende de cuándo lo instalarais, 00:07:26

puede tener la versión más moderna o no, ¿vale? 00:07:28

Entonces, en principio, las actualizaciones de momento no 00:07:31

vamos a hacer nada con ellas. 00:07:34

Y esta parte de aquí ya sabemos para lo que sirve, 00:07:35

que de momento no la vamos a usar más que para el 00:07:37

administrador, ¿vale? 00:07:39

Aquí tenemos este icono que es interesante, ¿de acuerdo? 00:07:42

Aquí lo que puedo es, si estoy en la casita, 00:07:46

como os dije en el vídeo que grabé, 00:07:49

estoy en la vista de diseño. 00:07:51

Y si pincho en vista del sitio, me voy a ver el sitio como se 00:07:54

ve de forma de usuario, en la forma de usuario. 00:07:57

En vez de pinchar aquí, que lo que hace es quitarme una vista 00:08:02

y ponerme otra, yo lo que os recomiendo es que hagáis botón 00:08:05

derecho del ratón, abrir en un enlace nuevo, ¿vale? 00:08:07

Y, entonces, en este enlace de aquí tengo mi escritorio de 00:08:11

WordPress de diseño y en este de aquí tengo mi página web, 00:08:14

¿de acuerdo? 00:08:19

Cuando haga un cambio en el diseño y guarde el cambio y lo 00:08:20

publique y vaya a mi vista de usuario, 00:08:24

tengo que darle siempre a actualizar F5 o cargar en la 00:08:28

barra de título. 00:08:33

Porque, si no, no me muestra los cambios, ¿vale? 00:08:34

Es decir, si yo estoy en el administrador y hago algo para 00:08:38

verlo en la vista de usuario, tengo que pinchar F5 para 00:08:43

verlo. 00:08:46

O darle a intro. 00:08:47

¿Quién está hablando? 00:08:48

Sí, sí, perdón. 00:08:50

Perdonad. 00:08:53

Quitaros el micrófono porque, si no, 00:08:54

se nos juntan vuestras voces con lo que estamos haciendo. 00:08:57

Si necesitáis preguntarme algo, me lo podéis poner por el chat, 00:09:00

¿vale? 00:09:06

Y, entonces, yo os lo contesto. 00:09:07

Y ya sabéis que esto está grabado, ¿vale? 00:09:09

Entonces, hemos visto ya este menú de arriba. 00:09:11

No nos podemos distraer porque nos perdemos. 00:09:14

Botón derecho del ratón, ¿de acuerdo? 00:09:16

Para ver la vista. 00:09:18

Esta es la vista de usuario y aquí está la vista de diseño. 00:09:20

Para abrir la vista de usuario, botón derecho del ratón y se 00:09:23

nos abre. 00:09:26

Si hacemos un cambio en la vista de diseño, 00:09:27

esto hago hincapié en ello porque os pasa mucho. 00:09:29

Estamos en la vista de diseño y hago un cambio. 00:09:32

Y me voy a la vista de usuario y resulta que no está el cambio. 00:09:35

He hecho, bueno, me ha hecho el cambio. 00:09:38

Claro que no te ha hecho el cambio. 00:09:40

Te lo ha hecho perfectamente, lo que pasa que no has 00:09:42

actualizado el navegador. 00:09:44

Si no actualizas el navegador, no salen los cambios, ¿vale? 00:09:46

Entonces, eso es muy importante. 00:09:50

Cuando cambio algo en la vista de diseño, 00:09:51

cambiarlo también en la vista de usuario. 00:09:53

Voy a cerrar todo esto para que me permita tener ahí los 00:09:55

botones que me los tapa el menú de la videoconferencia, ¿vale? 00:09:58

Vista de diseño, vista de usuario. 00:10:02

Es la misma, ¿de acuerdo? 00:10:07

Solo que aquí pone escritorio visual agency plus, 00:10:08

que es la vista de diseño. 00:10:12

Y aquí simplemente pone el nombre de mi sitio web, ¿vale? 00:10:14

Visual agency plus, ¿vale? 00:10:18

Por lo tanto, vista de diseño, vista de usuario, ¿de acuerdo? 00:10:21

Una vez que tengo clara la diferencia entre la vista de 00:10:27

diseño y la vista de usuario, me voy aquí y lo tenemos igual, 00:10:30

¿de acuerdo? 00:10:35

La otra página, que es como la vuestra. 00:10:35

Abro en una pestaña nueva, me voy a la vista, 00:10:37

esta es mi vista de diseño, me voy a la vista de usuario. 00:10:40

Y en la vista de usuario tengo esto, 00:10:43

que es lo que tenéis vosotros, ¿vale? 00:10:44

Vista de usuario, vista de diseño. 00:10:47

Exactamente lo mismo. 00:10:49

Vista de usuario en una web que ya tiene alguna modificación. 00:10:51

Vista de diseño. 00:10:54

Esta barra de arriba negra que me sale en la vista de usuario 00:10:56

cuando tengo abierto el administrador, 00:11:00

evidentemente a un usuario no le sale, ¿vale? 00:11:01

A nosotros nos sale porque estamos dentro de la vista del 00:11:05

administrador. 00:11:09

Si yo esta misma página me la abro en una ventana diferente o 00:11:09

en un navegador distinto, ¿vale? 00:11:14

Me voy al Mozilla, por ejemplo, y lo abro en un navegador 00:11:16

distinto. 00:11:19

¿Está abriendo el Mozilla o os queda en blanco? 00:11:22

Lo ven. 00:11:26

Lo veis, vale. 00:11:27

Pues, si yo lo pego en el Mozilla, pues, en el Mozilla, 00:11:28

como no estoy logada como administradora, pues, ¿veis? 00:11:31

Ya no sale. 00:11:34

Aquí no sale nada de la barra de administración, ¿de acuerdo? 00:11:35

Esto es como lo ven las personas que, 00:11:38

cualquier persona que se meta en mi web, ¿vale? 00:11:42

La diferencia es que cuando estoy logada, 00:11:44

yo veo arriba esta barrita negra, 00:11:48

pero los demás no la ven, ¿vale? 00:11:50

Vista usuario, vista diseño. 00:11:52

Eso es lo primero que nos tiene que quedar claro. 00:11:54

Una vez que tenemos esto claro, ahora vamos 00:11:57

a hacer el primer paso. 00:12:00

Esto, si podemos hacerlo a la vez que yo, 00:12:02

podríais hacerlo, ¿de acuerdo? 00:12:08

Ahora mismo conmigo, porque aquí no os va a dar ningún problema, 00:12:10

pero prefiero que lo hagáis por vuestra cuenta. 00:12:13

Antes de empezar, hemos dicho, este es el escritorio de 00:12:15

WordPress y esto es el menú principal con todas las 00:12:18

herramientas. 00:12:21

Y veis, aquí nos aparece un anuncio brutal y este anuncio 00:12:21

es de el servidor, ¿de acuerdo? 00:12:24

Este anuncio es un anuncio que nos pone web host, 00:12:26

que como veis aquí pone powered by web host, ¿de acuerdo? 00:12:29

Para que nos cambiemos al servidor de pago. 00:12:32

Si hubiéramos instalado el WordPress de forma manual, 00:12:35

que lo hubiéramos hecho si hubiéramos estado en clase, 00:12:38

esta propaganda no nos saldría. 00:12:41

Que único rollo es, pues, que cada vez que cargo el WordPress, 00:12:43

pues, tengo que cerrarla para que no me ocupe todo el 00:12:47

escritorio y vea bien, ¿vale? 00:12:49

Pues, cerramos la publicidad del alojamiento y ya vemos nuestro 00:12:51

escritorio como si no tuviéramos publicidad del alojamiento, ¿vale? 00:12:55

Y aquí tenemos determinada información. 00:13:00

Vosotros tenéis el escritorio así, 00:13:02

es un escritorio virgen, ¿de acuerdo? 00:13:04

Tenemos información que en algunos casos viene en inglés y 00:13:07

en otros no, ¿vale? 00:13:11

Y aquí tenemos accesos rápidos a algunas de las cosas que 00:13:13

podemos hacer aquí, información básica sobre el sitio, ¿vale? 00:13:17

Una vez que empecemos a trabajar y le echéis un vistazo, 00:13:21

sabréis para lo que vale cada una de estas cosas, ¿de acuerdo? 00:13:25

Ahora de momento lo vamos a dejar así. 00:13:28

Si os sale en algún caso aquí actualizar el WordPress a la 00:13:30

última versión, decirle que sí antes de empezar a trabajar, ¿vale? 00:13:34

A mí no me sale porque como los que lo estáis instalando ahora 00:13:39

estos días, no os va a salir porque ya lo instala con el 00:13:42

último WordPress. 00:13:45

Los que lo instalasteis antes, sí que os va a salir. 00:13:46

Yo ya lo he actualizado, por eso no me sale, ¿vale? 00:13:49

Entonces, antes de cambiar el tema, 00:13:52

le dais actualizar WordPress. 00:13:54

Tarda nada, es muy poquito lo que tarda. 00:13:56

Leemos, es muy importante leer los mensajes que nos aparecen y 00:13:58

movernos en la página. 00:14:02

Se supone que sois gente que tiene herramientas digitales, 00:14:04

por lo tanto, no tendríais que tener ningún problema por leer 00:14:07

y darle así o no o aceptar o rechazar lo que os diga la 00:14:10

página, ¿de acuerdo? 00:14:15

Porque deberíais de tener criterio para saber decidir. 00:14:16

Le damos actualizar el WordPress, lo actualizamos y entonces ya 00:14:18

nos ponemos con lo que yo os voy a hacer. 00:14:21

Si os dice que en ese momento no se puede actualizar, 00:14:23

pues pasamos, no lo actualizamos y ya está, no pasa nada. 00:14:26

Lo actualizáis un poquito más adelante. 00:14:28

Vamos a empezar con lo primero. 00:14:31

Lo primero es que no nos gusta este tema porque no nos permite 00:14:33

hacer el sitio web que queremos, ¿de acuerdo? 00:14:36

No queremos que el tema que nos aparezca sea este. 00:14:38

Por lo tanto, para que quite esto de aquí que no nos gusta 00:14:42

nada, para quitar eso y ponerlo lo más parecido posible a algo 00:14:46

que nos guste, pues lo que tenemos que hacer es cambiar la 00:14:49

plantilla, cambiar el tema. 00:14:52

Entonces, nos vamos a ir directamente al administrador. 00:14:54

Lo voy a cambiar. 00:14:58

Nos vamos aquí al administrador, ¿de acuerdo? 00:14:59

De WordPress. 00:15:03

Y lo que vamos a hacer en el administrador de WordPress es 00:15:04

irnos a apariencia, ¿de acuerdo? 00:15:07

En el menú de la izquierda vamos a pinchar en apariencia. 00:15:10

Y dentro de apariencia vamos a pinchar en temas, ¿vale? 00:15:14

Si dentro de, vamos a apariencia y pinchamos en temas, 00:15:21

tenemos la posibilidad de elegir diferentes temas de 00:15:24

WordPress. 00:15:32

Aquí veis que pone temas y pone 4. ¿Por qué? 00:15:32

Porque por defecto WordPress, mirad, 00:15:35

cada vez que me meto en algo nuevo de WordPress, 00:15:38

me aparece el anuncio, lo tengo que quitar y ya está. 00:15:41

Tengo preinstalados ya 4 temas, ¿vale? 00:15:44

Que son los temas por defectos de WordPress y un tema más, ¿vale? 00:15:48

Pero estos no son los temas que vamos a utilizar. 00:15:53

¿Qué tema es el que vamos a utilizar nosotros, 00:15:55

que vamos a instalar todos el mismo? 00:15:58

Pues, vamos a utilizar el tema que tengo instalado yo en este 00:16:00

otro que os he puesto de ejemplo, ¿vale? 00:16:04

Y ese tema se llama, a ver, aquí lo tengo, 00:16:07

que es que no me carga, se me ha quedado. 00:16:11

Ese tema hemos dicho que se llamaba fluida, ¿de acuerdo? 00:16:15

Lo tenéis puesto en la página web y el tema se llama fluida. 00:16:19

Y es de un editor de WordPress que tiene tanto temas gratuitos 00:16:24

como temas de pago, ¿vale? 00:16:27

¿Qué tenemos que hacer? 00:16:29

Pues, si yo no os dijera nada, lo sabréis hacer exactamente 00:16:30

igual porque lo que vamos a hacer es añadir un nuevo tema, 00:16:33

¿de acuerdo? 00:16:36

Pinchamos en añadir tema, quitamos el anuncio y entonces 00:16:37

nos sale aquí una nueva barrita y dice temas destacados, 00:16:43

temas populares, temas recientes. 00:16:47

Si no supiéramos el tema que queremos instalar, 00:16:50

pues, podemos ir mirando aquí los temas que nos ofrece 00:16:53

WordPress. 00:16:56

Los hay gratuitos y los hay de pago. 00:16:57

Pero como sabemos el tema que queremos buscar, 00:16:59

pues, ponemos aquí directamente fluida, 00:17:01

que es como se llama nuestro tema. 00:17:04

Y nos aparece aquí la ventana, ¿vale? 00:17:06

Hay 2 temas distintos, pues, el nuestro es este, ¿de acuerdo? 00:17:09

Fluida de que tiene este aspecto de aquí a la izquierda 00:17:13

que todos lo vais a saber reconocer. 00:17:18

En todos los WordPress sale lo mismo, 00:17:21

por lo tanto, no vamos a tener ningún problema para 00:17:23

reconocerlo. 00:17:25

Lo elegimos y le damos a instalar. 00:17:26

WordPress lo va instalando y cuando pone instalado, 00:17:31

importante activarlo. 00:17:35

Los temas y los plugins de WordPress, 00:17:39

los plugins son las aplicaciones que nos permiten añadir 00:17:42

funcionalidad a nuestro sitio web. 00:17:45

Por ejemplo, el plugin de comercio electrónico que nos 00:17:47

permite añadir la funcionalidad de vender en el sitio web. 00:17:49

Pues, esto es una plantilla que funciona parecido, 00:17:53

nos permite gestionar el contenido con un formato ya 00:17:55

predefinido. 00:17:59

Pues, no vale solo con instalarlos, 00:18:00

con buscarlos e instalarlos, también hay que activarlos. 00:18:02

Si no lo activo, es como si no lo tuviera. 00:18:05

Yo puedo tener instalados muchísimos plugins y 00:18:07

muchísimos temas. 00:18:10

Si no los activo, no sirven para nada, ¿vale? 00:18:12

Por lo tanto, lo instalo y lo activo. 00:18:15

Y una vez que lo haya activado, me voy a ver, 00:18:18

me voy a dar cuenta primero de que aquí a la izquierda mi menú 00:18:22

ha cambiado. 00:18:27

Aquí aparece elementos que antes no habían. 00:18:28

Cada vez que instalo un tema o cambio el tema o instalo un 00:18:31

plugin y activo un plugin, mi menú de la izquierda cambia y 00:18:35

me aparecen elementos que son elementos complementarios a ese 00:18:40

tema o a ese plugin para diseñar lo relacionado con ese tema o 00:18:44

ese plugin. 00:18:48

Cada vez que se carga el administrador, 00:18:49

aparece el anuncio. 00:18:51

Eso es lo único malo que tiene haberlo hecho desde el 00:18:52

alojamiento, ¿vale? 00:18:55

Pero es darle al aspa y desaparece. 00:18:56

Como ya tengo mi tema instalado, a mí ya temas no me interesa 00:18:59

para nada. 00:19:03

¿Cómo veo cómo ha cambiado? 00:19:04

Pues, mirad, si pincho aquí digo, 00:19:05

jolín, pues no me ha cambiado nada. 00:19:07

¿Qué pasa? 00:19:09

Que no he refrescado, ¿de acuerdo? 00:19:10

Si refresco o pulsando F5 o pinchando aquí y dándole a 00:19:12

intro, pues veo que mi página web ya ha cambiado, ¿de acuerdo? 00:19:17

Y me ha creado una página que tiene una estructura que no es 00:19:21

la que yo quiero, pues ahora la voy a diseñar. 00:19:25

¿Qué tiene esta página web? 00:19:27

Si tuviéramos nosotros que interpretarlo, 00:19:29

pues tiene un menú, ¿de acuerdo? 00:19:31

Una cabecera, un encabezado, como hemos dicho. 00:19:34

Y en el encabezado, pues, tiene el nombre de mi empresa, 00:19:36

escaparate esa medida, y tiene 2 menús que ha creado por 00:19:39

defecto y tiene un menú de redes sociales. 00:19:42

Y luego tiene una imagen de cabecera. 00:19:45

Y luego abajo, mirad, tiene una estructura de 3 columnas, 00:19:48

una barra lateral izquierda y aquí tiene una columna con la 00:19:52

entrada al blog, que es lo único que tiene mi web, 00:19:56

que la ha creado por defecto WordPress, 00:19:59

y una serie de widgets, ¿de acuerdo? 00:20:01

De objetos que permiten aportar información. 00:20:03

Y luego tiene aquí un menú de pie que tiene el copyright, 00:20:06

¿de acuerdo? 00:20:11

Como si lo tuviera registrado, que es mentira, pero, bueno, 00:20:11

pues ahí está registrado. 00:20:13

Y la información del tema y del nombre del gestor de contenidos 00:20:15

y aquí a la derecha del alojamiento gratuito, ¿vale? 00:20:20

Por lo tanto, ya he cambiado la apariencia de mi sitio web. 00:20:23

Ya no tengo un blog, ya tengo una página que parece una página 00:20:26

de un sitio web como cualquier otro, ¿de acuerdo? 00:20:30

Si me voy aquí al Mozilla donde lo tenía y me meto aquí en 00:20:32

escaparates, escaparatesamedida.000web, 00:20:38

tardo menos en copiarlo, ¿eh? 00:20:53

También aquí, Control-C, Control-V. 00:20:54

Si me meto aquí para verlo mejor como lo ven los demás, 00:21:04

¿de acuerdo? 00:21:07

Pues ya veo que no tengo la barrita de arriba y tengo aquí 00:21:07

mi página como la ven los demás, ¿vale? 00:21:10

Entonces, hemos cambiado la plantilla, ¿de acuerdo? 00:21:13

Ya no tenemos la plantilla de blog esa que teníamos, 00:21:17

sino que ya tenemos una plantilla de sitio web, ¿vale? 00:21:20

¿Qué es lo más importante que tenemos que hacer ahora? 00:21:24

Pues crear la estructura y crear el menú que nos interesa, ¿vale? 00:21:26

En lo primero que nos fijamos, para luego ir cambiándolo, 00:21:32

es que mirad, aquí en mi sitio web cuando yo entro, 00:21:35

pues lo que tengo es esta barra de aquí arriba solamente la 00:21:39

imagen y todo lo demás lo que me ha puesto WordPress. 00:21:42

Ahora lo que tengo que hacer es intentar modificarlo para que 00:21:45

se adapte a lo que yo quiero. 00:21:47

Lo primero de todo, lo que quiero es personalizarlo. 00:21:49

Y de momento lo que vamos a hacer está centrado todo en 00:21:52

personalizar esta apariencia, ¿vale? 00:21:55

En personalizar la apariencia de mi sitio web. 00:21:58

Este es el escritorio donde me va a ir saliendo todo lo que yo 00:22:01

necesito o lo que puedo hacer según vaya pinchando aquí en la 00:22:05

izquierda, ¿de acuerdo? 00:22:09

Hemos cambiado la plantilla, tenemos ya una plantilla que se 00:22:11

adapta más a lo que es un sitio web y vamos a ir ahora a ver el 00:22:15

primer paso que es vamos a ver la identidad del sitio, 00:22:21

¿de acuerdo? 00:22:24

Entonces, debajo de temas vamos a pinchar en personalizar. 00:22:25

Ahora, a partir de ahora, lo que vamos a hacer es personalizar 00:22:29

nuestro sitio web, ¿vale? 00:22:32

De momento no tenemos ninguna página, 00:22:34

no hemos creado ninguna ni páginas ni menú. 00:22:35

Vamos a familiarizarnos un poquito con nuestro sitio web 00:22:38

y luego lo último que veremos en la clase de hoy es cómo 00:22:42

personalizarlo, ¿vale? 00:22:44

Entonces, bueno, no me lo puedo creer. 00:22:47

Esto sale cuando la base de datos del alojamiento deja de 00:22:50

estar disponible y no me deja hacer cambios, ¿vale? 00:22:54

Entonces, bueno, vamos a esperar. 00:22:58

A veces pasa, pero dándole otra vez a intro o a recargar, 00:22:59

tarda un poquito, pero vuelve otra vez a su situación normal, 00:23:04

¿vale? 00:23:09

¿Veis? 00:23:10

No pasa nada, pánico. 00:23:10

Pero cuando aparece el zorrito en rojo, mal asunto. 00:23:11

Sabemos que hay que recargar porque como el alojamiento es 00:23:14

gratuito, pues, a veces no funciona bien, ¿vale? 00:23:16

Y entonces, ¿veis? 00:23:19

Mi menú de la izquierda ha cambiado. 00:23:19

Yo ya no tengo el escritorio, por eso cambio de una página a 00:23:21

otra para que veáis la diferencia. 00:23:25

Yo ya no tengo el escritorio de WordPress con los elementos y 00:23:27

con lo que pone en el escritorio de inicio. 00:23:30

En este caso, como he entrado en apariencia y lo que quiero hacer 00:23:33

ahora es personalizarlo, lo que tengo es el escritorio y los 00:23:36

elementos de personalización. 00:23:42

Y aquí una previsualización de lo que va a pasar con lo que yo 00:23:44

voy haciendo. 00:23:47

Esto, hasta que yo no lo publique, 00:23:49

que veis aquí que hay una imagen que pone como una pestañita 00:23:50

publicada, un botón, hasta que yo no le dé a publicar, 00:23:52

esto no se va a ver, ¿de acuerdo? 00:23:55

Es decir, que yo puedo ir aquí viendo cómo va a ir quedando lo 00:23:57

que yo voy haciendo, ¿vale? 00:24:00

Ahora mismo tengo mi página web, tiene una cabecera, ¿veis? 00:24:01

Aquí pone cabecera, pues, esta es mi cabecera, ¿de acuerdo? 00:24:05

Y luego tiene un cuerpo, una barra lateral izquierda, 00:24:09

tiene aquí otra serie de elementos y tiene mi menú de 00:24:14

pie de página, ¿vale? 00:24:19

Entonces, lo primero que vamos a ver es la identidad del sitio. 00:24:20

La identidad del sitio es lo que yo había puesto a priori, 00:24:24

escaparates a medidas, como yo llamé a mi negocio y es lo que 00:24:27

me ha tomado como identidad del sitio, ¿de acuerdo? 00:24:31

Pues, nos vamos a meter solamente aquí, 00:24:34

en medios de la encabezada y en imagen de fondo, 00:24:35

de momento no nos interesa. 00:24:38

Nos vamos a meter en identidad de sitio. 00:24:40

Y aquí yo puedo cambiar lo que quiera, ¿vale? 00:24:42

Si en vez de llamarle escaparates a medida aquí, 00:24:45

quiero que ponga otra cosa que identifique a mi sitio web, 00:24:48

lo cambio, ¿de acuerdo? 00:24:51

Independientemente de que mi URL sea escaparates a medidas, 00:24:52

yo quiero poner aquí otra cosa, lo cambio aquí en título del 00:24:56

sitio. 00:24:59

Por defecto lo pone en mayúsculas siempre, ¿vale? 00:24:59

Entonces, aunque yo aquí lo escribe en minúsculas y por 00:25:02

defecto esté escrito en minúsculas, 00:25:04

a mí me lo va a poner en mayúsculas. 00:25:06

Y aquí debajo puedo hacer una pequeña descripción del sitio. 00:25:08

Ahora mismo no sale porque no la tenemos activada, 00:25:12

pero cuando activemos la página principal, va a aparecer. 00:25:14

Entonces, que queremos que aparezca esto, lo dejamos. 00:25:20

Que queremos cambiarlo, lo cambiamos. 00:25:23

Queremos que no aparezca nada, lo dejamos en blanco. 00:25:24

Evidentemente, otro sitio realizado con WordPress no puede 00:25:27

aparecer, ¿vale? 00:25:30

Pues, imaginar, descripción corta. 00:25:32

Pues, hacemos realidad los escaparates que sueñas o tus 00:25:34

escaparates soñados, por ejemplo. 00:25:44

Hacemos realidad tus escaparates soñados. 00:25:46

Ahora mismo aquí no aparece nada. 00:25:51

¿Por qué? 00:25:53

Porque no tengo aquí activado que aparezca, 00:25:54

pero cuando lo active, aparecerá. 00:25:56

Hay veces en WordPress que hay cosas que son, 00:25:59

que parece que están, que aquí tengo la posibilidad de hacerlo 00:26:04

porque son del propio WordPress, pero el tema que he instalado 00:26:06

tiene una herramienta específica para hacer eso. 00:26:11

Cuando tanto WordPress como el tema tienen una herramienta 00:26:14

específica para hacer algo, generalmente es el tema el que 00:26:17

prevalece. 00:26:20

De manera que si yo aquí tengo muestra de título y 00:26:21

descripción del sitio activado, pero en el tema no lo tengo 00:26:24

activado, aquí todavía no aparece, ¿vale? 00:26:28

Ahora después veremos cómo activarlo en el tema, ¿vale? 00:26:31

Entonces, hemos dicho que estábamos en personalizar y nos 00:26:34

hemos metido en identidad del sitio, ¿vale? 00:26:38

Yo le he dado a título del sitio, 00:26:42

lo he dejado como estaba, que es esto de aquí que aparece en el 00:26:45

encabezado, y he cambiado la descripción corta. 00:26:48

Que no quiero descripción corta, lo borro. 00:26:51

Que quiero poner una, pongo la que quiera, 00:26:53

pero no dejo lo de WordPress nunca, ¿vale? 00:26:56

Y aquí lo pongo activado si quiero que me lo muestre 00:26:58

después en un futuro. 00:27:01

Mirad, aquí abajo, si os fijáis, tenemos una serie de iconos. 00:27:02

Esto es lo que me ayuda a ver que mi plantilla es adaptativa. 00:27:07

Este sería cómo se muestra mi sitio web en un ordenador. 00:27:13

Esto sería, si pincho aquí, cómo se muestra en una tablet. 00:27:17

Y esto sería cómo se va a mostrar en un teléfono, 00:27:20

¿de acuerdo? 00:27:23

Pues, podemos ir viendo cómo se muestra en cada uno de los 00:27:24

formatos y eso nos ayuda, pues, a quitar o poner cosas que a lo 00:27:27

mejor nos parezcan que no están interesantes, ¿de acuerdo? 00:27:30

Vamos bien, me vais siguiendo, vais tomando apuntes. 00:27:34

¿Todo bien? 00:27:38

Si tenéis algo que decir, me ponéis aquí algo en el chat, 00:27:40

¿vale? 00:27:43

Para que yo lo vea y me aparezca información en el chat. 00:27:45

Bueno, ahora, yo he cambiado aquí la descripción corta. 00:27:48

Si yo le doy aquí a este aspa y me voy para atrás, 00:27:54

no me va a guardar ningún cambio. 00:27:57

O si le doy aquí para atrás, tampoco, ¿de acuerdo? 00:27:58

Entonces, ¿qué tengo que hacer? 00:28:01

Lo que tengo que hacer es publicarlo, ¿vale? 00:28:03

Si le doy a publicar, lo que estoy haciendo es guardar. 00:28:05

Si le doy directamente a publicar, 00:28:09

me lo publica automáticamente. 00:28:10

¿Qué quiere decir eso? 00:28:12

Que la próxima vez que un usuario mío recargue mi página, 00:28:13

lo va a ver como yo lo he puesto, ¿vale? 00:28:16

Si no quiero publicarlo directamente, 00:28:19

puedo pinchar en esta ruedita que es la rueda de 00:28:21

configuración y puedo decir que me guarde el borrador para que 00:28:24

más adelante yo lo publique. 00:28:28

O puedo programarlo para que ese cambio que yo quiero hacer, 00:28:30

imaginaos que quiero que aparezca una descripción nueva 00:28:33

a partir de la semana que viene, que voy a hacer un cambio en mi 00:28:38

web. 00:28:40

Pues, entonces, le digo aquí que a partir del 15 de mayo a tal 00:28:41

hora, quiero que publique eso que acabo de programar y que 00:28:45

acabo de diseñar aquí. 00:28:49

Entonces, una vez que yo he hecho un cambio, 00:28:51

en mi caso he cambiado la descripción corta. 00:28:54

Si quiero que ese cambio afecte a mi sitio web, 00:28:56

es imprescindible que lo guarde, que lo publique, ¿de acuerdo? 00:28:59

Lo puedo publicar automáticamente y, entonces, 00:29:04

me saldría aquí publicar, que es lo que sale por defecto. 00:29:08

O puedo pinchar aquí y decidir guardar el borrador y 00:29:11

publicarlo manualmente yo cuando quiera o guardar el borrador y 00:29:16

programarlo para que me lo publique WordPress sin 00:29:20

necesidad de que yo tenga que volver aquí y publicarlo, ¿vale? 00:29:22

Ahora mismo yo le voy a dar a publicar, ¿de acuerdo? 00:29:28

Para que me lo guarde. 00:29:31

¿Qué pasa? 00:29:33

Pues que, en principio, no hay ningún cambio porque no se 00:29:33

observa esto porque lo tengo que guardar después en el tema, 00:29:36

pero más adelante lo veremos. 00:29:39

Ahora, como yo lo que quiero es seguir personalizando mi sitio 00:29:41

web, no voy a pinchar en este aspa. 00:29:44

Si pincho en este aspa, lo que voy a hacer es volver al 00:29:47

escritorio, ¿vale? 00:29:50

Pero yo no quiero volver al escritorio. 00:29:51

Yo quiero seguir personalizando. 00:29:54

Me he metido en identidad del sitio, 00:29:56

pero tengo muchas otras cosas. 00:29:57

Para volver a mi imagen de personalización y no al 00:29:59

escritorio, para volver otra vez aquí, 00:30:03

pero en el paso anterior pincho siempre aquí. 00:30:06

Si le doy al aspa, me vuelvo al escritorio de WordPress, 00:30:08

pero yo no quiero. 00:30:12

Le doy atrás y vuelvo otra vez a mi menú. 00:30:12

Dentro de identidad del sitio hemos dicho que solo vamos a 00:30:15

tocar esto. 00:30:18

Pues, de momento, ya está. 00:30:19

¿Quiero volver al escritorio de WordPress? 00:30:21

No, quiero volver a personalizar otra cosa. 00:30:22

Pues, le doy atrás y vuelvo otra vez aquí. 00:30:25

Si le doy al aspa, me voy a esta visión, 00:30:28

pero no quiero ir a esa visión, quiero seguir aquí, ¿vale? 00:30:31

Sigo aquí. 00:30:35

Y ahora me voy a ir a la estructura. 00:30:36

Es decir, le voy a decir a WordPress que me quite estas 00:30:38

entradas, que me quite estas columnas y que solo quiero el 00:30:41

encabezado y el cuerpo y el menú de pie de página, ¿vale? 00:30:46

Entonces, aquí, get plus nada. 00:30:52

Es lo mismo que lo del alojamiento. 00:30:55

¿Quiero pagar por la plantilla con más recursos? 00:30:57

No, me quiero quedar aquí. 00:31:00

Por lo tanto, get plus nunca le doy. 00:31:01

Y el tema activo no lo quiero cambiar, por lo tanto, 00:31:04

esto lo ignoro, ¿vale? 00:31:06

Y me voy a estructura, ¿vale? 00:31:08

Y dentro de estructura me meto en diseño general. 00:31:10

Mirad, por defecto, mi plantilla que he instalado me ha puesto el 00:31:13

diseño de encabezado, barras laterales y centro, ¿de acuerdo? 00:31:18

Pero yo no quiero eso. 00:31:24

Hemos dicho que quiero encabezado y una única página. 00:31:25

Lo pincho y me dice cómo va a quedar. 00:31:30

Si veis la diferencia, ya tengo el encabezado, 00:31:34

una única página que contiene la imagen y el pie, ¿vale? 00:31:38

Si vuelvo al anterior, estos solo son previsualizaciones porque no 00:31:42

las he publicado ni lo he guardado, 00:31:47

pues, ve otra vez que mi estructura es completamente 00:31:49

distinta, ¿vale? 00:31:51

Tengo, bueno, no me ha vuelto al anterior, 00:31:52

pero me acuerdo cómo era. 00:31:55

Si le doy aquí, pues, me lo adapta a 2 columnas, ¿veis? 00:31:57

Y me aparece aquí una columna a la derecha. 00:32:00

Si le doy a este, pues, me lo adapta a una columna a la 00:32:02

izquierda. 00:32:06

Es decir, va cambiando la apariencia de mi sitio web en 00:32:06

función del diseño general que quiera yo poner. 00:32:10

Queremos todos este, una única columna. 00:32:13

Por lo tanto, hemos ido a personalizado, diseño general, 00:32:16

y vamos a elegir plantilla de una única columna, ¿vale? 00:32:21

Estas cosas de aquí las podéis mirar después si queréis, 00:32:26

pero solamente sirven para las otras elementos. 00:32:29

¿Por qué? 00:32:31

Porque si no tengo barras laterales, pues, 00:32:32

¿qué más me da que sean más anchas o más estrechas? 00:32:35

Mirad, si yo tuviera una barra lateral que yo no os la 00:32:37

recomiendo a nadie, os recomiendo a todos que dejéis 00:32:41

esto y que me hagáis caso, pues, 00:32:43

podría hacer esa barra lateral izquierda más ancha o más 00:32:44

estrecha. 00:32:47

Si le doy a más ancha, ¿veis? 00:32:48

Esto ha cambiado de ancho. 00:32:49

Me queda menos espacio para la central y le ha dado más espacio 00:32:51

a mi barra lateral izquierda. 00:32:55

Si quiero que la barra lateral izquierda sea más estrecha, 00:32:56

pues, le doy aquí menos y, ¿veis? 00:32:59

Me ha hecho más estrecha la barra lateral. 00:33:00

¿Cómo no vamos a tener barra lateral? 00:33:03

Pues, me da igual el tamaño que tenga la barra lateral. 00:33:04

La dejo como está, ¿vale? 00:33:07

¿Quiero que mi página web deje de tener esta estructura con 3 00:33:10

columnas y que se quede en la estructura esta con una 00:33:14

columna? 00:33:17

Sí. 00:33:18

¿Qué es lo que tengo que hacer? 00:33:19

Publicar ese cambio. 00:33:20

Si no le doy a publicar, cuando cierre voy a volver a tener 00:33:22

esta estructura. 00:33:25

Aunque yo haya pinchado aquí, aunque haya cambiado el ancho 00:33:27

del sitio, haya hecho lo que haya hecho, 00:33:30

si no le doy a publicar no vale para nada, ¿de acuerdo? 00:33:33

Por lo tanto, le doy a publicar. 00:33:36

Y una vez que le he dado a publicar, 00:33:39

cuando el cambio esté publicado, pondrá aquí publicado, 00:33:41

¿de acuerdo? 00:33:45

¿Por qué va lento? 00:33:47

Pues, porque estamos en un alejamiento gratuito que tiene 00:33:47

un ancho de banda pequeño. 00:33:50

Y, entonces, pues, tarda en hacer las cosas, ¿de acuerdo? 00:33:52

Le doy más de una vez y tiene que aparecer ahí pensando, 00:33:55

¿vale? 00:33:58

Ya está publicada. 00:33:59

¿Qué quiere decir? 00:34:00

Que un usuario que vea mi página, 00:34:01

en cuanto le dé a F5 o la refresque, 00:34:04

va a dejar de ver esto y va a empezar a ver mi sitio web con 00:34:07

una única página central, ¿vale? 00:34:11

Si alguna cosa no queda clara, me ponéis un comentario en el 00:34:15

chat. 00:34:20

Ahora, vuelvo, esto es la vista de usuario, 00:34:21

vuelvo a pinchar en mi pestaña de vista de diseño. 00:34:23

Ya he terminado con esto. 00:34:26

Pues, como no quiero volver al administrador, al escritorio, 00:34:28

sino que quiero volver a seguir personalizando, 00:34:32

pincho en la flecha. 00:34:34

Si alguien le da aquí, no pasa nada, ¿de acuerdo? 00:34:36

Vamos a volver aquí y, ¿qué tendremos que hacer? 00:34:38

Pues, meternos en apariencia, personalizar, ¿vale? 00:34:40

Si en vez de darle para atrás y volver a mi menú para 00:34:44

personalizar, me confundo y le doy al aspa, 00:34:48

pues, cuando llego aquí, otra vez me meto en apariencia, 00:34:51

personalizar y volvería a este sitio. 00:34:54

Otros diseños, esto es para blog. 00:34:57

Como no vamos a hacer blog, lo dejamos. 00:34:59

Volvemos para atrás y hemos hecho ya, 00:35:02

ya tenemos la plantilla, la identidad del sitio y la 00:35:06

estructura. 00:35:09

Vamos a pasar ahora a la página de aterrizaje, 00:35:10

que es súper importante. 00:35:13

Pero antes de meternos en la página de aterrizaje, 00:35:15

vamos a ir a ajustes del sitio, que está un poquito más abajo. 00:35:19

Mirad, tenemos sobre el tema, para coger el de pago, 00:35:22

tenemos identidad del sitio y luego tenemos todo esto de 00:35:27

aquí y luego pasamos a menús, bidget y ajustes de la página 00:35:30

de inicio, ¿vale? 00:35:35

Pues, vamos a ir, antes de continuar con la cabecera, 00:35:36

a ajustes de la página de inicio. 00:35:40

Lo primero que hemos hecho ha sido instalar la plantilla. 00:35:42

Lo segundo que hemos hecho ha sido ver el escritorio. 00:35:45

Tercero, identidad del sitio, aquí. 00:35:48

Hemos estado aquí. 00:35:50

Cuarto, estructura. 00:35:51

Pues, ahora nos vamos a ir a ajustes de la página de inicio. 00:35:53

Y esto es muy fácil. 00:35:57

En vez de una página con tus últimas entradas, 00:35:59

que es el tipo de página de un blog, ¿de acuerdo? 00:36:01

Y como WordPress, por defecto, instala una página tipo blog, 00:36:04

pues, vamos a cambiar a una página estática porque 00:36:08

nosotros no tenemos un blog, tenemos un sitio web, ¿vale? 00:36:11

Por defecto, WordPress nos genera una página de ejemplo, ¿vale? 00:36:16

Pues, vamos a cogerla. 00:36:22

No tenemos ninguna página porque no hemos creado nada, 00:36:23

pero WordPress nos da una página de ejemplo, ¿de acuerdo? 00:36:26

Pues, como vamos a elegir página estática en vez de últimas 00:36:29

entradas, pues, en página de inicio vamos a elegir página de 00:36:33

ejemplo. 00:36:37

Y en vez de la última entrada, pues, 00:36:38

lo que me va a poner es la página de ejemplo que ha creado 00:36:40

WordPress para mí. 00:36:46

Y fijaros ya cómo cambia y cómo empieza a tener otro aspecto, 00:36:47

¿vale? 00:36:51

Empieza a tener otro aspecto porque ya me lo está 00:36:52

convirtiendo un poquito en sitio web. 00:36:55

Sigo teniendo mi encabezado, mi página de ejemplo y mi pie de 00:36:57

página. 00:37:02

Todos estos son los elementos que tiene mi página de ejemplo. 00:37:03

Como voy a hacer mi página personal, pues, 00:37:06

lo voy a cambiar. 00:37:08

Mirad, escaparate esa medida. 00:37:09

Otro sitio realizado por WordPress. 00:37:11

Ahora ya sí que me aparece la descripción. 00:37:13

No me ha guardado el cambio porque tengo que cambiarlo. 00:37:17

Os he dicho, acordaros, que el tema prevalece sobre lo que 00:37:20

hace WordPress, ¿vale? 00:37:23

Entonces, ahora después cambiaremos esto. 00:37:24

Hemos hecho ya el ajuste de la página de inicio. 00:37:27

Hemos cambiado del ajuste a tus últimas entradas, 00:37:30

que es típico de blog, al ajuste una página estática. 00:37:34

Y en página de inicio hemos cambiado y hemos elegido la 00:37:37

página de ejemplo, ¿vale? 00:37:41

¿Qué pasa ahora? 00:37:43

Que queremos que esto se cambie. 00:37:44

Pues, tenemos que darle a publicar. 00:37:46

Si hacemos esto y vamos para atrás y no le damos a publicar, 00:37:48

no se cambia. 00:37:51

Cuando ya aparezca aquí la palabra publicada, 00:37:52

quiere decir que este cambio ya se ha hecho en mi sitio web. 00:37:55

Que quiero ver cómo queda realmente ese cambio, 00:37:58

me voy a mi vista de diseño, actualizo y paso de mi visión 00:38:00

anterior a mi nueva visión. 00:38:05

Mirad, ya empecé esto a coger un tono mucho más bonito, ¿de 00:38:07

acuerdo? 00:38:11

Ahora solo tengo que poner aquí mi trabajo personal. 00:38:12

Vuelvo otra vez al diseño. 00:38:14

Como ya he hecho todo lo que tenía que hacer en ajuste de la 00:38:17

página y lo tengo publicado, pincho atrás, ¿vale? 00:38:19

Y, entonces, ahora voy a ir a configurar la página de 00:38:24

aterrizaje de mi sitio, ¿de acuerdo? 00:38:31

En cabecera tenemos aquí diferentes posibilidades, 00:38:33

que es el menú fijo, que es este que nos aparece aquí, 00:38:38

que de momento lo vamos a dejar y no vamos a tocar nada, 00:38:41

¿de acuerdo? 00:38:44

Y el contenido de la cabecera, ¿de acuerdo? 00:38:44

Aquí en el contenido de la cabecera es donde tenemos la 00:38:47

posibilidad de poner, ¿de acuerdo? 00:38:51

La descripción corta que queramos y el logo del sitio o 00:38:54

la imagen o el título o nada, ¿vale? 00:39:00

Entonces, voy a volver atrás para que lo veáis y vamos a 00:39:03

modificarlo para que me permita, ¿os acordáis que aquí al 00:39:07

entrar antes en identidad del sitio, 00:39:11

yo había puesto esto, ¿de acuerdo? 00:39:13

Pero no me aparece, me aparece lo anterior y he puesto el 00:39:15

título y he dicho que se muestren las dos cosas, ¿vale? 00:39:18

Aquí tenemos el título y esta es la ventanita. 00:39:21

Entonces, podemos querer que aparezca aquí y aquí o aquí y 00:39:26

aquí, pues vamos probando, ¿vale? 00:39:29

Para hacerlo hemos vuelto para atrás y estábamos ahora en 00:39:31

cabecera, ¿de acuerdo? 00:39:35

El menú fijo que tenemos aquí está en la cabecera, ¿de 00:39:36

acuerdo? 00:39:40

Y podemos decidir que esté aquí a la derecha, 00:39:41

podemos decidir que esté a la izquierda. 00:39:45

Si le doy a la izquierda, me lo lleva junto al nombre del 00:39:47

sitio o puedo decir que está en el medio, en el centro, ¿vale? 00:39:51

Esto también podéis vosotros modificarlo, ¿vale? 00:39:54

Entonces, si queréis que el menú esté a la derecha o a la 00:39:58

izquierda, ¿de acuerdo? 00:40:02

Lo modificáis aquí con derecha y centro. 00:40:03

Y luego el ancho del menú también lo podéis cambiar, ¿veis? 00:40:06

El ancho de este menú por defecto que aparece aquí arriba 00:40:10

lo puedo hacer más grande o más pequeño, ¿vale? 00:40:13

Cual sea en función de lo que me interese. 00:40:17

Pues esto ya vosotros vais decidiendo, ¿vale? 00:40:20

Entonces, hemos entrado, estábamos aquí, 00:40:22

hemos hecho la identidad del sitio, 00:40:26

hemos hecho la estructura, después nos hemos ido a ajustes 00:40:27

de la página de inicio y ahora estamos en cabecera. 00:40:31

Hemos pinchado en cabecera. 00:40:34

El menú, hemos decidido si queremos este menú de aquí en 00:40:36

el centro, a la izquierda o a la derecha. 00:40:39

A mí me gusta a la izquierda, ¿vale? 00:40:40

Para que no se confunda con redes sociales y con la tienda que 00:40:42

va a aparecer aquí el carrito y redes sociales. 00:40:46

Luego, si queréis, también lo vamos a cambiar. 00:40:48

¿Qué es la estructura más típica del menú de la página? 00:40:50

Pues este de aquí, ¿de acuerdo? 00:40:54

Y podemos luego cambiarlo. 00:40:56

Este menú de aquí lo vamos a poder poner aquí si queremos 00:40:57

debajo, ¿vale? 00:41:00

Ahora de momento lo dejamos aquí arriba si queremos. 00:41:01

Aquí vamos a poner lo más normal, 00:41:04

es el enlace al carrito de la tienda, ¿vale? 00:41:06

Entonces, aquí podemos tener ese menú fijo o no tenerlo, ¿vale? 00:41:10

De momento ahí lo tenemos para que vayamos viendo lo que 00:41:14

queremos cambiar. 00:41:16

Si le digo off, pues en principio tendría que 00:41:17

desaparecer, aunque este como es por defecto no desaparece, ¿vale? 00:41:21

Y aquí el ancho y la posición. 00:41:25

Y ahora nos vamos al contenido, ¿vale? 00:41:27

Contenido de la cabecera del sitio. 00:41:30

Esta es la cabecera del sitio, ¿de acuerdo? 00:41:32

Entonces, el contenido de la cabecera. 00:41:34

Mostrar logo y título del sitio. 00:41:36

Este es el título del sitio, mi nombre, escaparatesamedida. 00:41:38

Aquí a la izquierda veis que hay un espacio en blanco, 00:41:41

pues el espacio que reserva al logo. 00:41:44

No os recomiendo que pongáis logo porque no lo dimensiona 00:41:46

bien, no tenemos ninguna aplicación de diseño y va a 00:41:49

quedar feo. 00:41:52

Si yo le quito el logo y pongo solo título de sitio, 00:41:53

vais a ver que me lo pega más a la izquierda. 00:41:55

¿Por qué? 00:41:58

Pues porque el espacio que se usa es poquito, 00:41:58

pero lo pega más a la izquierda. 00:42:00

Este es el espacio en el que está mi logo en blanco que no 00:42:02

tenía, ¿vale? 00:42:04

Si quiero solo el logotipo, me quitaría mi título y dejaría 00:42:06

solo el logo, ¿de acuerdo? 00:42:10

Pero como yo no he creado un logo, 00:42:11

que lo podríais crear si queréis, pero ya os digo, 00:42:14

lo podéis probar, pero suele quedar regular, 00:42:16

a no ser que tengáis un poquito de maña de diseño. 00:42:18

Entonces, lo ideal es poner el título del sitio, ¿vale? 00:42:21

Porque, además, como aparece con esta primera letra destacada y 00:42:25

tal, pues queda mono. 00:42:27

Si le doy a mostrar lema, ¿de acuerdo? 00:42:29

Aparece lo que había puesto arriba. 00:42:33

¿Os acordáis lo que habíamos puesto cuando habíamos puesto 00:42:36

la primera página de la identidad del sitio? 00:42:40

Pues, ¿veis? 00:42:42

Aparece aquí. 00:42:43

Hacemos realidad tus escaparates soñados. 00:42:44

Pero, a lo mejor, en vez de ponerlo aquí, pues, aquí. 00:42:48

Quiero que aparezca aquí abajo, ¿vale? 00:42:50

Pues, entonces, quitaría de aquí el lema, ¿de acuerdo? 00:42:53

Que es la descripción corta y eso lo pondría un poquito más 00:42:58

adelante en este espacio del contenido de WordPress. 00:43:01

Es decir, que lo que hemos puesto antes, 00:43:05

la frasecita que habíamos puesto antes en identidad del sitio, 00:43:08

va a aparecer aquí. 00:43:12

Y esa misma frase la podemos poner también aquí abajo y la 00:43:13

podremos cambiar más adelante. 00:43:16

Que queremos que aparezca, le damos a mostrar lema. 00:43:18

Que no queremos que aparezca, lo desactivamos, ¿de acuerdo? 00:43:21

Altura de la imagen de cabecera. 00:43:24

Mirar, si le damos aquí altura de la imagen de cabecera y 00:43:27

tuviéramos alguna imagen en la cabecera que no tenemos aquí, 00:43:33

pues, iría cambiando el tamaño, ¿de acuerdo? 00:43:37

Comportamiento de la imagen de cabecera. 00:43:39

Esto, como no vamos a poner nada de momento, pues, 00:43:41

aquí la dejamos, ¿vale? 00:43:43

Por lo tanto, aquí en contenido lo único que vamos a modificar 00:43:45

es si queremos que aquí aparezca algún tipo de frase diferente 00:43:48

a la que pongamos aquí y que esté en el encabezado, ¿de 00:43:53

acuerdo? 00:43:56

De nuestro menú. 00:43:58

Hemos visto cabecera, menú, ¿de acuerdo? 00:43:59

Para este menú de aquí ponerlo a la izquierda, a la derecha. 00:44:02

Y hemos visto contenido solamente si queremos que aquí 00:44:05

abajo aparezca algo. 00:44:08

Vamos para atrás y seguimos y ahora ya vamos como lo más 00:44:10

importante, la página de aterrizaje, ¿de acuerdo? 00:44:12

La página de aterrizaje es la página principal de nuestro 00:44:15

sitio web, es decir, esta de aquí, ¿de acuerdo? 00:44:18

Que estamos viendo. 00:44:20

Y, entonces, aquí vamos a hacer una de las cosas más 00:44:21

importantes, ¿vale? 00:44:25

Vamos primero con la página de aterrizaje. 00:44:27

Vamos a meternos un poquito en los ajustes, ¿de acuerdo? 00:44:31

La página de aterrizaje está activada, perfecto. 00:44:34

Y lo que quiero que muestre es que se adapte al contenido, 00:44:38

¿vale? 00:44:42

Esto no lo tocamos y no hay nada que hacer. 00:44:42

Está activada, ¿vale? 00:44:45

Ahora, carrusel. 00:44:46

¿Qué es el carrusel? 00:44:47

El carrusel es esta imagen. 00:44:49

Por defecto aparece una imagen estática, ¿de acuerdo? 00:44:50

¿Qué es lo que vamos a dejar? 00:44:54

Esto ya va a ser para avanzado. 00:44:55

Si queréis instalar un plugin que me da este tema, 00:44:57

para poner aquí en vez de una imagen varias imágenes que 00:45:00

vayan pasando una detrás de otra, ¿de acuerdo? 00:45:03

Entonces, si pincho en carrusel, en vez de tener una imagen 00:45:06

estática, que es esta que tenemos ahora mismo, ¿de 00:45:09

acuerdo? 00:45:12

Y que está seleccionada por defecto, 00:45:13

pero que yo puedo cambiar y sí que tendríais que cambiarla 00:45:15

aquí, ¿de acuerdo? 00:45:17

En vez de tener esta imagen, podría tener un conjunto de 00:45:19

imágenes, ¿vale? 00:45:23

En vez de imagen estática, podía elegir un conjunto de 00:45:24

imágenes en función de cada una de estas. 00:45:28

O podría desactivarlo y que no apareciera ninguna imagen de 00:45:30

cabecera. 00:45:34

Eso lo dejaría muy feo. 00:45:35

Saldría solamente mi página y mi menú de encabezado. 00:45:36

Entonces, esto lo vamos a dejar siempre con la imagen estática, 00:45:40

¿de acuerdo? 00:45:44

Y luego os pondré un vídeo de cómo añadir las diapositivas, 00:45:45

pero no es obligatorio añadirlas. 00:45:48

Quien quiera las añade y quien no quiera no las añade, ¿vale? 00:45:50

Ahora ya sí que tenemos, miraros, 00:45:53

leyenda que aparece en mi imagen de cabecera. 00:45:54

Escaparates a medida. 00:45:58

Pues, a lo mejor aquí yo quiero que aparezca separado, ¿vale? 00:45:59

Porque ya no es un resumen. 00:46:03

A lo mejor quiero que ponga escaparates a medida, ¿vale? 00:46:05

Pues, lo cambio y lo separo, ¿veis? 00:46:10

Estoy cambiándolo aquí y no afecta al encabezado porque son 00:46:12

2 elementos distintos. 00:46:16

Esto es la imagen del carrusel y de mi página de aterrizaje y 00:46:17

este es el menú de cabecera, ¿vale? 00:46:23

He cambiado eso y aquí yo ya no quiero que ponga otro sitio 00:46:27

realizado con WordPress, sino que lo que quiero que ponga, 00:46:30

ay, le he dado a escape. 00:46:34

Si le dais a escape, vais hacia atrás, ¿de acuerdo? 00:46:35

Entonces, lo que quiero que, tengo que volver adelante, 00:46:38

lo que quiero que aparezca aquí en vez de otro sitio de 00:46:41

WordPress es, pues, eso. 00:46:44

Hacemos realidad, ya se me ha olvidado lo que quería poner. 00:46:46

Hacemos realidad tus escaparates soñados, ¿vale? 00:46:49

Pues, lo pongo y entonces me lo cambia, ¿de acuerdo? 00:47:03

Y en vez de otro sitio realizado con WordPress, 00:47:06

pues, me lo debería de cambiar, solo que, pues, 00:47:09

no le he dado tiempo a reajustarlo, ¿vale? 00:47:12

Aquí, esto es muy importante porque es lo que aparece en la 00:47:15

imagen de cabecera y, sobre todo, 00:47:18

cuando hay diapositivas, cuando es un carrusel de diapositivas, 00:47:20

está genial que en cada diapositiva, 00:47:25

si yo muestro algo, pueda pinchar en un botón que me lleva 00:47:27

a lo que muestra esa diapositiva, esa página, ¿vale? 00:47:30

Entonces, bueno, hacemos realidad. 00:47:33

Si le diéramos a publicar, ¿de acuerdo? 00:47:35

Para seguir y verlo, pues, veríamos que me cambia, 00:47:37

¿de acuerdo? 00:47:41

Me lo cambia, no me, bueno. 00:47:42

Más adelante lo podemos, es porque también hay una 00:47:44

incompatibilidad con el tema, ¿vale? 00:47:46

Entonces, yo un poco más adelante vais a ver dónde, 00:47:48

vamos a ver dónde cambiarlo, ¿vale? 00:47:51

Si queremos cambiar la imagen, ¿de acuerdo? 00:47:53

Aquí le daríamos a seleccionar una imagen y esto es muy 00:47:56

importante, seleccionaríamos un archivo y la imagen que 00:47:59

quisiéramos del archivo, voy a poner esta porque es la única 00:48:03

que tengo aquí, le daríamos a abrir y esa imagen sería la que 00:48:06

nos pondría aquí. 00:48:11

Me cambiaría eso por esto. 00:48:12

Fijaros qué horrible queda porque la imagen no está 00:48:13

adaptada al tamaño. 00:48:16

Tenemos que buscar imágenes que tengan una altura similar a la 00:48:18

altura que tenemos en la imagen de cabecera, ¿de acuerdo? 00:48:22

Voy a eliminar esta imagen que no me gusta nada y voy a poner 00:48:25

la imagen por defecto, ¿de acuerdo? 00:48:32

Vaya, me la he perdido. 00:48:36

Ahora ya no la puedo, vamos a ver, 00:48:38

como no he cambiado esos cambios, vale, no pasa nada, ¿veis? 00:48:45

Ahora ya lo he cargado, ¿veis? 00:48:48

Y ya sí que ya me lo ha cargado, ¿de acuerdo? 00:48:49

Por lo tanto, voy a salirme un momento de aquí que lo que 00:48:51

había hecho ya me lo había cargado y voy a volver para que 00:48:54

no me quite la imagen por defecto, ¿vale? 00:48:57

¿Veis? 00:48:59

Sigo teniendo mi imagen por defecto porque no he publicado 00:48:59

lo que acabo de hacer, ¿vale? 00:49:03

Entonces, tenemos ya el título, escaparate esa medida. 00:49:05

Hacemos realidad tus sueños. 00:49:10

Y aquí tenemos la posibilidad de añadir un botón. 00:49:12

Aquí abajo puedo poner un botón que ponga, por ejemplo, 00:49:14

más información, ¿de acuerdo? 00:49:18

O contacta con nosotros. 00:49:21

Voy a poner, por ejemplo, más información. 00:49:23

Pues vuelvo a diseño. 00:49:25

Y aquí en CTA, botón texto, lo que tengo que poner aquí es el 00:49:27

enlace, el nombre del botón. 00:49:32

Pues voy a poner aquí más info, más info, ¿de acuerdo? 00:49:35

Pues si le doy aquí a más info y le doy a publicar y me voy a 00:49:41

mi vista de usuario y le doy a intro, 00:49:46

veo que automáticamente me la ha perdido. 00:49:51

Oh, qué rollo. 00:49:54

Me ha perdido la imagen. 00:49:57

Esto os puede pasar a vosotros también. 00:49:59

Tengo que poner ahora, tengo que volver a la imagen por defecto. 00:50:01

Me he ido del, le he dado al, sin darme cuenta, ¿vale? 00:50:06

Estábamos, tenemos que volver a personalizar. 00:50:11

Un poquito lento, vuelvo a personalizar. 00:50:20

Estábamos en página de aterrizaje, 00:50:25

estábamos en carrusel, ¿de acuerdo? 00:50:27

Y ahora tengo que elegir una imagen, ¿vale? 00:50:29

Vamos a ver aquí si me permite, a ver si le pongo serious slider, 00:50:33

si me la coge otra vez por defecto. 00:50:38

No. 00:50:42

Imagen estática. 00:50:45

A ver si me la vuelve a cargar. 00:50:47

Nada, ya me la ha quitado. 00:50:49

Al quitarla yo antes, imagen de cabecera, a ver si me la coge. 00:50:50

La de por defecto. 00:50:55

Bueno. 00:50:56

No, no me gusta esta. 00:51:00

Vamos a dejar imagen estática. 00:51:02

Y nos acordamos, ¿de acuerdo? 00:51:05

Tendría que cargar otra vez otra imagen, 00:51:07

pero no carguéis ninguna imagen si no estáis seguros de que es 00:51:08

la que os gusta, ¿de acuerdo? 00:51:13

Y, pues, sobre todo, no la publiquéis para que nos pase lo 00:51:14

que a mí, ¿de acuerdo? 00:51:18

Tendría que buscar una imagen que tuviera ese ancho y que 00:51:19

quedara bien, ¿de acuerdo? 00:51:23

Voy a coger cualquier imagen. 00:51:24

Voy a crear yo, por ejemplo, aquí en un segundito una imagen 00:51:27

en los accesorios. 00:51:34

Voy a crear una imagen en el Paint que sea solamente de un 00:51:35

color y que tenga un tamaño que me parezca a mí que pueda ser 00:51:39

parecido al que pudiéramos necesitar, ¿vale? 00:51:41

Lo voy a pintar aquí, por ejemplo. 00:51:44

La voy a poner en verdecito la imagen y la voy a poner todo en 00:51:47

verde, ¿vale? 00:51:53

Y la voy a guardar. 00:51:54

Y voy a poner aquí, la voy a llamar cabecera. 00:51:55

La voy a guardar aquí con esto y la voy a cerrar. 00:52:01

Y la voy a meter aquí, ¿vale? 00:52:06

¿De acuerdo? 00:52:07

Seleccionar una imagen. 00:52:07

Voy a subir un archivo, a seleccionar un archivo y voy 00:52:11

a coger esa de cabecera. 00:52:16

Va a quedar horrible, ¿de acuerdo? 00:52:17

Vosotros tenéis que buscar las imágenes que os gusten y que 00:52:18

puedan ir con vuestro sitio web, ¿vale? 00:52:22

Y ya tengo la imagen, ¿vale? 00:52:25

En vez de una imagen, ya he puesto este colorcito. 00:52:26

Fijaros qué rapidito lo he hecho, ¿vale? 00:52:29

Y, entonces, aquí en vez de la imagen ya aparece ese fondo 00:52:31

verdecito, mi título, hacemos realidad y me ha añadido este 00:52:34

botón de aquí. 00:52:42

¿Por qué me queda un poco cortado? 00:52:42

Pues, porque he puesto una imagen que no es demasiado, 00:52:44

no es suficientemente ancha, ¿de acuerdo? 00:52:46

Tendría que haber hecho en el Paint una imagen que tenga un 00:52:49

poquito más de altura, ¿vale? 00:52:51

Por eso me sale el botón así, de esa manera. 00:52:53

Voy a cambiarla en un momento para que nos quede bien, ¿vale? 00:52:57

Bueno, no pierdo el tiempo. 00:53:02

Quedará mejor el botón con la rayita aquí si no 00:53:04

hiciéramos eso. 00:53:06

Aquí tenemos el botón más info y aquí he puesto más info. 00:53:07

Si yo en vez de más info quiero ponerle aquí, yo qué sé, 00:53:11

presupuesto, por ejemplo, porque quiero llevarle una página 00:53:18

donde le haga un presupuesto. 00:53:21

Pues, le pongo presupuesto y me cambia el nombre. 00:53:23

Si yo no le he dado a publicar, no me cambia nada, ¿de acuerdo? 00:53:25

Y esto se ve así de feo porque la imagen no es 00:53:29

suficientemente ancha. 00:53:30

Si fuera más ancha, tendría aquí el recuadrito blanco y por 00:53:31

debajo seguiría el verde. 00:53:34

Quedaría mucho más bonito, ¿vale? 00:53:35

Y ahora vamos a publicar. 00:53:37

¿Qué pasa si yo a mi imagen de la cabecera le pongo un botón, 00:53:39

le pongo publicar, pero aquí no le pongo nada en el enlace? 00:53:46

Pues, lo que pasa es que cuando yo pinche en mi página, 00:53:51

es que tarda a veces un poco, ¿vale? 00:53:58

Y pinche aquí, mirad, cuando me lo muestra, 00:54:01

me lo muestra más bonito. 00:54:02

Y pincho aquí en presupuesto, ¿qué ocurre? 00:54:04

Pues, que no va a ningún sitio, que se queda donde está. 00:54:06

¿Por qué se queda donde está? 00:54:09

Pues, porque es un botón ficticio, 00:54:11

no está vinculado a ninguna página, ¿vale? 00:54:12

Para que esto vaya a algún sitio, 00:54:16

necesito haber creado una página y haber puesto aquí la dirección 00:54:18

de enlace. 00:54:24

Imaginaos que yo tengo la cara del, yo que sé, 00:54:25

tengo un sitio web ya creado o tengo, 00:54:29

luego veremos las páginas dónde, y quiero que me lleve a ese 00:54:31

sitio web. 00:54:36

Pues, aquí pondría directamente el enlace al sitio web que yo 00:54:37

quiera. 00:54:40

Voy a abrir aquí una, aquí, por ejemplo, en este, 00:54:41

voy a poner aquí la página del instituto, esta misma, 00:54:45

y voy a coger aquí este enlace, ¿vale? 00:54:49

Para que veamos lo que significa esto. 00:54:52

Yo pongo aquí el enlace a donde quiero que me lleve, ¿de acuerdo? 00:54:53

Le doy aquí a Control V, ¿vale? 00:54:56

Y ahora le doy a publicar, me voy a mi vista de usuario, 00:55:00

refresco, y cuando yo pinche aquí en presupuesto, 00:55:07

me va a llevar a la dirección que yo le he puesto en presupuesto. 00:55:12

Esta página no es mía, podría llevar a una página que no fuera 00:55:16

mía, lo suyo es que esto lleve a la página que yo he creado 00:55:19

dentro de mi WordPress para que mis clientes puedan acceder a 00:55:23

pedir un presupuesto a través de este enlace. 00:55:26

Si os dais cuenta, es un poquito diferente cómo se muestra aquí 00:55:29

la previsualización y cómo se ve luego en la realidad, ¿de 00:55:33

acuerdo? 00:55:36

Si yo le doy aquí para atrás, vuelvo otra vez y veis aquí, 00:55:37

aparece un poquito más bonito de lo que me lo muestran la 00:55:40

previsualización y, sin embargo, es lo mismo. 00:55:42

Por eso es bueno verlo aquí en la previsualización, 00:55:45

pero una vez que esté publicado, visualizarlo como usuario para 00:55:48

verlo bien, ¿vale? 00:55:51

Entonces, hemos visto en el carrusel, 00:55:52

si queremos cómo cambiar la imagen estática, 00:55:56

cómo cambiar la información, que puede ser mucho más larga, 00:55:58

que aparece en la imagen estática de mi cabecera. 00:56:04

Cómo añadir botones. 00:56:09

Puedo añadir como máximo 2. 00:56:11

Como es una plantilla gratuita, pues, 00:56:12

puedo hacer lo que me deja y lo que me deja es añadir 2. 00:56:16

Si quito esto, si quito el enlace, pues, otra vez, 00:56:19

se queda mi botón, pero sin ir a ningún lado, ¿de acuerdo? 00:56:22

Vuelvo otra vez a la vista de usuario. 00:56:26

Como lo he publicado y lo he guardado, voy a presupuesto y ya 00:56:28

no va a ningún sitio. 00:56:31

Bueno, ya veis que lo guarda con un poquito de, 00:56:32

lo publica con un poquito de retraso, ¿vale? 00:56:35

Entonces, tenemos que esperar un poquito a que, 00:56:38

desde que lo diseñamos nosotros en el WordPress, 00:56:41

hasta que guarda los cambios, ¿vale? 00:56:44

Lo hace con un poquito de retraso. 00:56:46

A ver si ahora ya lo he cambiado. 00:56:47

¿Veis? 00:56:49

Ya pincho aquí y ya no me lleva a Clara del Rey porque le he 00:56:49

quitado el enlace. 00:56:52

O puedo no querer botón. 00:56:53

Si no quiero botón, lo que tengo que hacer es quitar el texto. 00:56:55

Si quito el texto, desaparece el botón. 00:56:58

Que quiero botón, pongo un texto y un enlace. 00:57:01

Que no quiero botón, no pongo nada, ¿vale? 00:57:03

Una vez que he hecho esto, pues, como ya he publicado, 00:57:06

le doy para atrás, ¿de acuerdo? 00:57:10

Le doy haz atrás y tendría ya lo que hubiera hecho en mi imagen 00:57:12

de cabecera con la descripción, los botones y las páginas, 00:57:18

la dirección de la página a la que hubiera enlazado este 00:57:22

botón, ¿vale? 00:57:25

Ya hemos visto cómo cambiar esto, 00:57:26

poner aquí debajo la información que queramos, 00:57:29

mover este menú de sitio, modificar la imagen de 00:57:31

cabecera, el título, la descripción corta y añadir 1 00:57:34

o 2 botones a la imagen de cabecera, ¿vale? 00:57:39

Ahora vamos a seguir configurando. 00:57:41

Además de la imagen de cabecera, nos interesa ahora mucho los 00:57:44

bloques que tiene mi página, ¿veis? 00:57:49

Aquí en esta página, de ejemplo, tengo un bloque de texto con 00:57:52

una imagen. 00:57:56

Tengo aquí otro texto con diferentes formatos. 00:57:57

Tengo aquí una ventana a mis entradas del bloc, ¿de acuerdo? 00:58:00

Y aquí tengo la entrada del bloc en cuadradito y aquí podría 00:58:05

tener otras cuadraditos con otras entradas si la tuvieran. 00:58:09

Y aquí, pues, otra vez, más información sobre el bloc, 00:58:12

que es lo único que tengo, que ha hecho por defecto WordPress, 00:58:15

¿vale? 00:58:18

Entonces, lo que vamos a cambiar ahora es todo esto de aquí 00:58:19

abajo. 00:58:21

Vamos a permitir que esto sea diferente, 00:58:22

pero esto no va a cambiar si nosotros no tenemos páginas, 00:58:24

¿vale? 00:58:27

Entonces, lo que quiero es que veáis cómo es la estructura 00:58:27

para luego hacer las páginas. 00:58:30

Nos iríamos a bloque de iconos destacados, ¿de acuerdo? 00:58:32

Si nos vamos a bloque de iconos destacados, 00:58:36

lo que vamos a crear en la página web es un bloque con iconos, 00:58:38

¿de acuerdo? 00:58:43

Un bloque con iconos que aparecería un iconito y una 00:58:44

descripción. 00:58:47

Por ejemplo, vamos a poner aquí título de la sección y yo voy 00:58:48

a poner los servicios de mi punto de venta en un bloque de 00:58:52

iconos para que lo vean, ¿de acuerdo? 00:58:55

Por ejemplo, montamos, se va a llamar, 00:58:57

montamos tu escaparate, mi bloque de iconos, ¿de acuerdo? 00:59:00

Y, entonces, veis que aparece aquí montamos tu escaparate. 00:59:07

Y vamos a poner aquí debajo, aquí tienes las fases del 00:59:10

proceso. 00:59:15

Y, entonces, debajo con los iconos voy a poner, 00:59:16

voy a poner aquí, por ejemplo, aquí tenemos los iconos que 00:59:31

podéis elegir, ¿de acuerdo? 00:59:34

Entonces, voy a poner aquí en settings, ¿vale? 00:59:35

Y veis, aparece un icono que pone settings y pone página de 00:59:40

ejemplo. ¿Por qué? 00:59:44

Porque no tengo ninguna página más con la que enlazar. 00:59:45

Aquí voy a poner otro icono, ¿de acuerdo? 00:59:47

En el que voy a poner, ¿y cómo se titularía lo que pone en 00:59:51

este icono? 00:59:57

Pues, el título que yo le ponga a mi página, ¿de acuerdo? 00:59:58

Aquí otro icono y lo voy a cambiar y voy a poner la 01:00:01

hojita esta, ¿de acuerdo? 01:00:04

Y lo voy a activar con la página de ejemplo. 01:00:06

Y, entonces, ya montamos tu escaparate. 01:00:09

Y aquí voy a poner una página, voy a sustituir la página de 01:00:13

ejemplo por diseño. 01:00:16

Aquí voy a sustituir la página de ejemplo en este icono por, 01:00:19

yo qué sé, montaje y a la derecha voy a poner otro y lo 01:00:24

voy a sustituir por esto de aquí y le voy a llamar a esto 01:00:28

supervisión. 01:00:32

Como solo tengo una página que elegir que es la de ejemplo, 01:00:33

pues, me pone siempre la misma página. 01:00:35

Yo ya voy dando formato a mi sitio web, ¿de acuerdo? 01:00:38

Tengo mi imagen, la descripción, 01:00:42

una primera parte de la página principal. 01:00:44

Montamos tu escaparate, he puesto aquí el título y la 01:00:47

descripción. 01:00:50

Esto es un extracto para que aquí solo me muestre un poquito 01:00:51

de lo que viene en mi página que yo cargue aquí para esto 01:00:55

especialmente, ¿de acuerdo? 01:01:00

Y, entonces, voy creando. 01:01:01

Solo puedo poner como máximo 3 iconos porque como es de, 01:01:03

no, 4, perdonad, pues, puedo poner 1, puedo poner 2, 01:01:06

puedo poner 3, puedo poner 4, los que me dé la gana. 01:01:09

Voy a poner el último para que lo veamos. 01:01:12

Elijo otro icono que me gusta a mí que es, por ejemplo, 01:01:14

la pieza del puzzle, ¿de acuerdo? 01:01:18

Y le doy aquí que me lo ponga con la página que quiero y, 01:01:20

entonces, mi página tiene la imagen, 01:01:23

el título de la sección de los 4 iconos y debajo la información. 01:01:27

Es decir, ya voy dando una vista adecuada. 01:01:32

Aquí tengo página de ejemplo otra vez porque esta es otra 01:01:37

sección de mi web que no es el bloque de iconos, ¿de acuerdo? 01:01:40

Lo primero que he puesto ha sido mi bloque de iconos. 01:01:43

Ya he modificado el bloque de iconos. 01:01:45

He dado un título, una descripción. 01:01:48

Le he dicho que lo que quiero es extracto. 01:01:49

Si quisiera que no tuviera nada, pondría sin texto. 01:01:52

Mirar, me saldría solamente el icono y el nombre de la página 01:01:55

a la que va a enlazar, ¿de acuerdo? 01:02:00

O podría poner el contenido completo. 01:02:02

Esto nunca, ¿vale? 01:02:04

Porque si la página tiene mucho contenido queda horrible. 01:02:06

Fijaros todo lo que sale aquí, horroroso, ¿vale? 01:02:08

Por lo tanto, o extracto o sin texto. 01:02:11

Yo pondría el extracto. 01:02:15

Y luego aquí puedo poner un botón leer más, ¿vale? 01:02:16

¿Para qué? 01:02:20

Para que aquí debajo pueda ir yo a donde quiera. 01:02:21

Y puedo hacer los iconos clicables. 01:02:23

¿Qué quiere decir eso? 01:02:26

Que si hago el icono clicable, cuando lo clique, 01:02:27

me lleva a la página de ejemplo. 01:02:29

Cuando lo clique, me lleva a la página de ejemplo. 01:02:31

En este caso, como no quiero, tendría, 01:02:33

me llevaría a mi página de diseño, montaje, 01:02:35

supervisión y desmontaje, ¿de acuerdo? 01:02:39

Por ejemplo, ¿vale? 01:02:42

Entonces, todo esto es muy intuitivo. 01:02:44

Solo tenéis que ir probando. 01:02:47

Y si os da miedo o no os gusta o no sabéis qué hacer, 01:02:48

lo desactivamos o no lo publicamos y volvemos para 01:02:51

atrás y ya está, ¿vale? 01:02:54

Pero es súper intuitivo y súper fácil de hacer. 01:02:55

Cuantas más cosas pongamos aquí, más páginas tenemos que crear. 01:02:58

Si yo pongo 4 iconos con 4 páginas, 01:03:02

tengo que hacer una página para cada uno. 01:03:06

Ya tendría 4 páginas de mi sitio web, 01:03:08

casi tendría todo lo que tengo que hacer, ¿vale? 01:03:11

Si quiero poner aquí otra sección, 01:03:14

tendré que hacer otra página. 01:03:15

Aquí otra sección, otra página. 01:03:17

Aquí otra sección, otra página. 01:03:18

Puedo hacer secciones solo con imágenes o que sean menos 01:03:20

costosas. 01:03:22

Si pongo aquí menús, tendré que hacer tantas páginas que 01:03:23

enlacen con estos menús de aquí, ¿vale? 01:03:26

Es decir, estamos creando estructura para luego vincular, 01:03:28

linkar las páginas a estos iconos, ¿vale? 01:03:33

Como le he dicho, que me cree un icono clicable aquí debajo, 01:03:36

¿de acuerdo? 01:03:41

Me lo va a clicar con el enlace a la página que yo le haya 01:03:43

puesto, ¿de acuerdo? 01:03:47

Bueno, pues aquí tendríamos una primera manera de darle formato 01:03:48

a nuestra página principal. 01:03:53

Vamos a darle a publicar para que nos guarde los cambios, 01:03:55

porque a mí me aparece, parece que algo ha salido mal. 01:03:58

Espera un par de segundos y vuelve a intentarlo. 01:04:01

Bueno, pues lo hacemos así. 01:04:03

¿Qué nos puede pasar? 01:04:05

Pues que por el motivo que sea, pues el alojamiento en ese 01:04:06

momento, la base de datos esté inactiva y no nos lo guarde. 01:04:09

¿Cómo sabemos hasta cuándo nos ha guardado? 01:04:12

Pues yéndonos aquí a la vista de usuario, ¿de acuerdo? 01:04:14

Y cargándolo para ver cuánto nos ha cambiado. 01:04:18

Las páginas no desaparecen nunca, 01:04:23

por lo tanto, no os preocupéis. 01:04:25

Lo único que perderíamos es esta activación que hemos hecho. 01:04:27

Pues volveríamos a clicar en los iconos y pinchar aquí a la 01:04:30

página que queremos enlazarlo y ya está. 01:04:33

Es decir, que el hecho de que falle no va a ser preocupante. 01:04:35

Mirad, ya me lo ha conseguido hacer. 01:04:38

Esto os insisto, como cuando teníamos que instalarlo, 01:04:40

nunca pierdo la esperanza. 01:04:43

Le doy tantas veces a grabar como necesite hasta que 01:04:46

aparezca publicada. 01:04:49

¿Que lo tengo que dar 4 veces? 01:04:51

4. ¿Que lo tengo que dar 8? 01:04:53

8. 01:04:54

¿Que lo pierdo y lo tengo que volver a hacer? 01:04:55

Pues, chicos, lo pierdo y lo tengo que volver a hacer. 01:04:57

Así es la vida, ¿vale? 01:04:59

Entonces, pero lo voy a conseguir dándole a publicada. 01:05:01

Ya me ha dado, ya está publicado, ¿de acuerdo? 01:05:03

Subo para arriba y le doy para atrás. 01:05:06

Y me voy a la vista de usuario y vuelvo a cargarla, ¿vale? 01:05:08

Y ahora ya, como ya me lo ha publicado, mirad, ya lo tengo. 01:05:12

Fijaros qué bonita va quedando ya nuestra página, ¿vale? 01:05:15

Todo esto que yo os estoy enseñando no vale para nada si 01:05:18

no habéis trabajado contenidos e información para poner aquí e 01:05:21

imágenes, ¿vale? 01:05:25

Volvemos a la vista de diseño. 01:05:26

Cajas destacadas. 01:05:29

¿Qué quiere decir? 01:05:31

Que en esta página de aterrizaje, 01:05:31

que es lo que estoy personalizando, 01:05:34

además de los ajustes y del carrusel, 01:05:36

que en este caso he dejado una única imagen estática, 01:05:38

y de poner estos bloques de iconos destacados, 01:05:42

puedo poner unas cajas destacadas. 01:05:46

Todo esto, en cuanto lo vayamos eligiendo, vais a ver, 01:05:48

la dice, la similitud con páginas que ya existen y que 01:05:51

habéis visto aquí. 01:05:54

Montamos tu escaparate debajo. 01:05:55

Y voy a poner aquí, por ejemplo, nuestros proyectos, ¿vale? 01:05:57

Y entonces aquí, en nuestros proyectos, voy a poner aquí, 01:06:02

¿veis? 01:06:06

Me va a aparecer debajo de la página de ejemplo, 01:06:06

esta parte de aquí. 01:06:10

Luego, si queremos, la podemos modificar también. 01:06:10

Nuestros proyectos, voy a añadir la S. 01:06:13

Y voy aquí, debajo de nuestros proyectos, 01:06:16

contenido de las cajas, ¿de acuerdo? 01:06:20

Aquí sería si estuviéramos haciendo, si fuera blog, 01:06:23

¿de acuerdo? 01:06:28

Pues, aquí vamos eligiendo el contenido de las cajas, ¿vale? 01:06:29

Cajas por fila. 01:06:32

Esto es una fila. 01:06:33

Cajas por fila sería una caja aquí. 01:06:34

Esto serían, si fueran cajas, 4 cajas por fila, ¿de acuerdo? 01:06:36

Esto es una fila y tiene 1, 2, 3 y 4 cajas por fila, ¿vale? 01:06:39

Y entonces tendríamos, L, podríamos elegir 3 cajas como 01:06:44

máximo 4, 1 o 2, ¿de acuerdo? 01:06:48

Vamos a elegir 4 cajas por fila. 01:06:51

Esta es la altura de la caja. 01:06:53

La podemos hacer más grande o más pequeña, ¿de acuerdo? 01:06:54

Nos vamos aquí abajo. 01:06:57

Estos son nuestros proyectos. 01:06:58

4 cajas por fila. 01:07:00

Podemos hacer que el diseño de la página, encajonado o side 01:07:01

bars, que son ajustado a las barras laterales, ¿de acuerdo? 01:07:06

Apilado en la caja, podemos hacer que las cajas se unan o 01:07:09

que tengan un poquito de separación, ¿de acuerdo? 01:07:12

Y la apariencia de la caja, que se mueva o que sea estática. 01:07:15

Pues, lo vamos moviendo, ¿de acuerdo? 01:07:18

Y entonces tendríamos que aquí después añadir las cajas en una 01:07:21

opción aparte de la que tenemos aquí, ¿de acuerdo? 01:07:29

Pero de momento nos vamos a centrar y os vais a centrar 01:07:32

estos días en los iconos, ¿de acuerdo? 01:07:35

Y luego ya más adelante, si queréis hacer más páginas y más 01:07:38

información, nos metemos en las cajas destacadas y en las cajas 01:07:42

destacadas, ¿vale? 01:07:46

De momento, lo obligatorio va a ser la diapositiva con el botón, 01:07:47

si queremos ponerlo, para que nos lleve o voluntariamente, 01:07:52

el carrusel. 01:07:55

Es decir, varias imágenes que vayan unas detrás de otras, 01:07:56

que os lo colgaré en un vídeo aparte. 01:07:59

Los iconos y este texto, ¿de acuerdo? 01:08:01

¿Dónde cambiamos este texto? 01:08:04

Pues, en áreas de texto, ¿vale? 01:08:05

Tenemos ahora mismo solo activada un área de texto, 01:08:07

que es esta de aquí con la página de ejemplo. 01:08:10

Si la desactiváramos, ¿de acuerdo? 01:08:13

Tendríamos todas las áreas de texto desactivadas y solo 01:08:15

aparecería aquí nuestros iconos, ¿de acuerdo? 01:08:18

Nuestros proyectos que son las cajas, 01:08:22

pero que no las he incluido y que las voy a quitar, ¿vale? 01:08:24

Las cajas destacadas las voy a quitar porque no quiero que 01:08:28

aparezcan, ¿vale? 01:08:31

Aquí voy a quitar las cajas destacadas y la voy a desactivar, 01:08:33

¿vale? 01:08:38

Porque no quiero que aparezcan estas cajas destacadas porque 01:08:39

tenemos que crearlas y luego activarlas y no queremos que 01:08:42

aparezcan. 01:08:45

Lo vamos a publicar porque si le doy para atrás y no publico lo 01:08:48

de cajas, lo de quitar las cajas destacadas, 01:08:51

no me lo va a haber quitado, ¿de acuerdo? 01:08:54

Desactivado, ¿vale? 01:08:55

Me voy para atrás. 01:08:57

Está publicado el cambio en cajas destacadas y vamos a ver áreas 01:08:58

de texto, ¿vale? 01:09:02

Ahora mismo tenemos las áreas de texto desactivadas. 01:09:03

Tenemos solamente los carruseles. 01:09:06

Esto lo vamos a, esta es la caja destacada que la vamos 01:09:09

a quitar, ¿de acuerdo? 01:09:12

Luego os quitaré, os diré cómo quitarla. 01:09:13

Y esto es las entradas del blog que las vamos a desactivar 01:09:15

también, ¿vale? 01:09:19

Eso de momento lo dejáis por defecto. 01:09:20

Y entonces tendríamos nuestros iconos. 01:09:22

Y aquí vamos a dejar de momento la página de ejemplo, 01:09:25

pero tenéis que crear una página con la información que queráis, 01:09:28

¿de acuerdo? 01:09:33

Si le damos a publicar para que debajo de los iconos aparezca 01:09:33

un texto relacionado con la información de vuestro sitio 01:09:39

web, ¿vale? 01:09:43

En este caso lo que va a aparecer es la página de ejemplo, 01:09:44

esta página de aquí que tenemos, ¿de acuerdo? 01:09:48

Y esto de aquí abajo lo ignoramos y luego os pongo 01:09:50

cómo quitarlo para no perder el tiempo porque nos quedan un par 01:09:52

de cosas importantes por ver y no me quiero liar más porque con 01:09:55

esto ya tenéis un montón de cosas que hacer, ¿vale? 01:09:58

Entonces, hemos entrado en página de aterrizaje que venía 01:10:01

de personalizar el sitio web. 01:10:07

Habíamos hecho la identidad, la estructura, la cabecera, 01:10:09

los ajustes para poner la página estática y estábamos en página 01:10:13

de aterrizaje. 01:10:16

Habíamos puesto los ajustes, el carrusel, bloques destacados y 01:10:18

áreas de texto. 01:10:22

Y en áreas de texto hemos dejado por defecto el área de ejemplo. 01:10:23

Podríamos tener aquí distintas franjas, ¿de acuerdo? 01:10:27

Y nos aparecerían distintas áreas de texto con distintas 01:10:30

franjas, ¿vale? 01:10:33

Tener cuidado de no cambiar lo que aparece aquí por defecto 01:10:35

porque os lo quitáis y no ponéis nada nuevo, 01:10:38

no aparece nada, ¿vale? 01:10:40

Pero, bueno, no aporta nada porque es información que no es 01:10:41

de vuestro sitio, pero para que lo tengáis, ¿vale? 01:10:44

Y una vez que hemos visto estas 3 zonas, ¿de acuerdo? 01:10:47

Vamos a ir ya a ver dónde tenéis que crear las páginas para 01:10:51

poder añadirlas a nuestra página principal y para poder crear 01:10:54

nuestro menú de navegación, ¿vale? 01:10:58

Hemos visto ajustes, carrusel, bloques de icono y áreas de 01:11:01

texto. 01:11:05

En contenido destacado es esto de aquí abajo, ¿de acuerdo? 01:11:06

Simplemente tenemos que decirle que o desactive o una página 01:11:11

estática y nos pondría otra página que quisiéramos. 01:11:15

Le vamos a desactivar y mis etiquetas de entradas, 01:11:17

como lo hemos desactivado, pues, desaparecen. 01:11:21

Esto es el cuadro que me ha aparecido que no lo puedo 01:11:24

quitar, ¿vale? 01:11:26

Porque lo tenemos que quitar en otro sitio que luego os digo 01:11:27

cómo quitarlo. 01:11:29

Ahora ya, ¿qué tenemos? 01:11:30

Pues, tenemos el carrusel con una imagen. 01:11:32

Tenemos el bloque de iconos con su título y sus 4 iconos. 01:11:34

Tenemos el área de texto con un área de texto con una página 01:11:38

que tenemos que cambiar. 01:11:41

Tenemos cajas destacadas 2 que la vamos a quitar de aquí y la 01:11:43

vamos a desactivar, ¿de acuerdo? 01:11:46

Os digo que todo que os lo voy a decir luego y acabo deciéndolo 01:11:49

todo, ¿vale? 01:11:52

Entonces, la desactivamos porque es que quiero avanzar un poco 01:11:53

más, pero, bueno, no nos cuesta nada. 01:11:56

Le damos a publicar hasta que lo conseguimos. 01:11:59

Ya veis que no perdemos la esperanza. 01:12:01

Vamos aquí y, entonces, tenemos ya cosas que parecen que es más 01:12:03

profesional. 01:12:09

Nuestra hoja y que nuestra page web, nuestro sitio web, 01:12:10

perdonad, y que no es ya la por defecto de WordPress, 01:12:13

que es nuestra imagen, los iconos, nuestra página y nada 01:12:15

más, ¿de acuerdo? 01:12:19

Ahora tenemos que dotarlo esto de contenido nuestro, ¿no? 01:12:20

De contenido de la página de ejemplo. 01:12:23

Hemos ido a carrusel, bloque de iconos. 01:12:26

Hemos desactivado las cajas. 01:12:29

Cajas destacadas desactivado, tanto la 1 como la 2. 01:12:32

Esto será voluntario. 01:12:36

Si queréis cajas destacadas, las podéis hacer voluntariamente y 01:12:37

ya os diré cómo, pero genera el tener que hacer contenidos o 01:12:40

imágenes. 01:12:44

Y, entonces, pues, de momento lo vamos a dejar. 01:12:45

Áreas de texto tenemos que tener 1. 01:12:47

Y contenido destacado lo hemos desactivado porque es para las 01:12:49

formas tipo blog. 01:12:53

No lo queremos, ¿de acuerdo? 01:12:54

Es una página estática. 01:12:56

Por lo tanto, 1, 2, ¿de acuerdo? 01:12:57

Una cosa, 2 cosas y 3 cosas que tenemos que configurar y 01:13:01

ligarlas a páginas. 01:13:07

¿Cómo creamos esas páginas? 01:13:08

Pues, saliéndonos ya de aquí, ¿de acuerdo? 01:13:10

Ya sí que queremos volver a WordPress. 01:13:12

Por lo tanto, cerramos aquí, ¿de acuerdo? 01:13:15

Nos vamos de aquí y, bueno, no, perdonad, 01:13:18

se me olvidó una cosa. 01:13:22

Vamos a volver al personalizado porque sí que quiero que 01:13:22

cambiemos una cosa que es muy importante. 01:13:26

Nos vamos a ir aquí y nos vamos a ir a general. 01:13:29

Lo último, después de página de aterrizaje, 01:13:32

nos vamos a ir a general. 01:13:34

Y esto sí que quiero que lo cambies, ¿de acuerdo? 01:13:35

Aquí, en general, ¿vale? 01:13:38

Tenemos la opción de ver la estructura, ¿de acuerdo? 01:13:40

Y dentro de estructura tenemos distintas opciones. 01:13:47

Miega de pan, es decir, poner aquí un menú para que la gente 01:13:49

pueda volver a la página anterior sin tener que darle atrás. 01:13:52

Eso es muy importante. 01:13:55

Y, además, los menús de miga de pan posicionan el sitio web, 01:13:56

¿de acuerdo? 01:14:00

Contribuyen a mejorar el SEO de la página. 01:14:01

Por lo tanto, migas de pan, ¿de acuerdo? 01:14:03

Que lo teníamos en on, que esté siempre en on, ¿vale? 01:14:06

Página numerada, ahora de momento no tenemos nada porque 01:14:10

no tenemos páginas. 01:14:12

Pero migas de pan tiene que estar en on. 01:14:13

Si lo tenéis en off, tiene que estar en on, ¿de acuerdo? 01:14:15

Y página numerada nos da igual porque son páginas continuas, 01:14:18

pero, bueno. 01:14:22

Títulos de la página, categorías, te lo dejamos como está. 01:14:23

Y esto es muy importante, ¿vale? 01:14:26

Texto de pie de página personalizado. 01:14:28

Aquí es lo que tenemos que hacer, es ir aquí al aula virtual, 01:14:30

¿de acuerdo? 01:14:36

Como estábamos, que os lo he enseñado antes, 01:14:36

vamos a la aula virtual, nos metemos en gestión de ventas de 01:14:39

espacios comerciales dual, nos metemos en escaparatismo y 01:14:43

diseño de espacios comerciales, nos vamos al final del aula 01:14:46

virtual y aquí copiamos y pegamos esto literalmente. 01:14:50

Botón derecho del ratón copiar y nos vamos aquí a personalizar 01:14:53

y delante del copyright, que no lo vamos a quitar porque queda 01:14:57

muy chulo, solo le damos intro, lo vamos a pegar, ¿de acuerdo? 01:15:01

Este es, todos vais a poner lo mismo y es este texto que os he 01:15:05

puesto yo aquí, ¿vale? 01:15:08

Entonces, hemos ido a estructura, 01:15:10

nos hemos asegurado que de migas de pan y está activada, 01:15:14

¿de acuerdo? 01:15:18

Página numerada da igual que esté activada o no y aquí en 01:15:19

texto de pie de página personalizado hemos copiado y 01:15:21

pegado lo de la web y hemos dejado el copyright, ¿vale? 01:15:25

Lo vamos a publicar y entonces ahora todos, 01:15:28

si lo hubiéramos hecho a la vez, tendríamos aquí, 01:15:32

además de mi nueva estructura de mi página de aterrizaje, 01:15:35

aquí abajo en negro, este es un sitio web creado con fines 01:15:39

educativos por alumnos del ciclo de formativo de grado superior 01:15:43

de gestión de ventas y espacios comerciales, 01:15:47

no tenemos ánimo de lucro y la información publicada no está 01:15:49

orientada a la asesoría real, simplemente estamos aprendiendo, 01:15:53

¿de acuerdo? 01:15:57

Esto lo vais a tener todos literal en vuestro sitio web 01:15:58

para quitarnos ningún tipo de responsabilidad, ¿vale? 01:16:01

Y lo hemos conseguido en personalizar, 01:16:04

en estructura y dentro de estructura, ¿de acuerdo? 01:16:07

En, dentro de general, en estructura. 01:16:10

Aquí tenemos nuestra particular caminito de amigas de página para 01:16:13

saber que estamos en estructura, personalizado, general, ¿vale? 01:16:18

Estamos dentro de estructura, ¿de acuerdo? 01:16:23

Y vamos hacia atrás y volvemos ya a personalizado, ¿de acuerdo? 01:16:26

Y hemos visto, recuerdo, identidad del sitio, 01:16:30

estructura, cabecera, página de aterrizaje, general. 01:16:33

Y aquí hemos visto ajustes de la página de inicio, 01:16:37

colores, tipografía. 01:16:42

Esto es para cambiar la manera que por defecto aparece, pues, 01:16:43

iconos, letras, el tipo de fuente. 01:16:49

Todo esto lo podéis modificar a vuestro gusto. 01:16:53

Pues, cuando pincho se pone en rojo y por defecto está en azul. 01:16:55

Por lo cambio, aquí me voy a colores, tipografía y lo miráis 01:16:59

y lo cambiáis como queráis. 01:17:03

Fijaros en la que tiene, por si os gusta, copiáis. 01:17:04

Por si la cambiáis y queréis volver a ella, que lo podáis hacer, ¿vale? 01:17:07

Y todo lo que hagáis, si no lo dais a publicada, 01:17:10

no va a pasar nada, ¿vale? 01:17:12

Entonces, después de habernos metido en personalizar, 01:17:14

en estructura, en cabecera, en página de aterrizaje, 01:17:17

en general y en ajustes de página de inicio, 01:17:20

volvemos al menú de WordPress. 01:17:23

¿Qué vamos a hacer ahora en el menú de WordPress? 01:17:27

Pues, lo que vamos a hacer es generar contenido, 01:17:29

páginas para que enganchen con estas de aquí, 01:17:32

con este texto de aquí. 01:17:37

Ahora mismo yo solo tengo una página que es página de ejemplo, 01:17:38

que es la que me aparece aquí, ¿de acuerdo? 01:17:42

Lo que voy a hacer es generar mis propias páginas. 01:17:44

¿Cómo voy a generar mis propias páginas? 01:17:47

Aquí, ¿de acuerdo? 01:17:49

En el escritorio de WordPress, vamos a quitar aquí esto para 01:17:50

que no nos moleste la propaganda. 01:17:54

Y aquí en el escritorio de WordPress me voy a ir a páginas 01:17:58

y lo primero voy a ver todas las páginas. 01:18:01

¿Qué me va a aparecer aquí? 01:18:04

Pues, como sois muy listos, ya lo sabéis. 01:18:05

¿Me va a aparecer página de ejemplo, 01:18:07

que es la única que tengo? 01:18:08

Si le doy a ver, página de ejemplo, pues, 01:18:09

me aparece aquí la página de ejemplo, que es esta, ¿de acuerdo? 01:18:12

Toda la información con la página de ejemplo, 01:18:15

que es lo que la única que tenía, 01:18:18

me la visualiza como si estuviera en un navegador 01:18:22

normal, ¿vale? 01:18:25

¿Qué es lo que quiero hacer yo? 01:18:27

Pues, crear muchas más páginas. 01:18:29

¿Para qué? 01:18:30

Pues, para poder ligarlas a los iconos y todo eso que hemos 01:18:31

hecho, ¿vale? 01:18:34

Pues, para eso tengo que hacer y añadir una nueva página, ¿vale? 01:18:35

Yo voy a añadir nuevas páginas y las voy a dejar todas en 01:18:40

blanco, ¿de acuerdo? 01:18:43

La única dif, aquí tenéis un pequeño tutorial. 01:18:45

O sea, vamos, no, simplemente son 4 puntos en los que os dice 01:18:48

un poco, pues, las diferentes opciones que tenéis dentro de 01:18:51

la página, ¿vale? 01:18:54

Esto es el diseñador de páginas. 01:18:55

Aquí pongo el título de la página y hemos dicho que yo 01:18:57

quiero una página que se llame diseño, ¿de acuerdo? 01:19:01

Para mis iconos, estoy creando las páginas de los iconos. 01:19:04

Yo creo que se llame diseño, ¿de acuerdo? 01:19:07

Pues, pongo el título que ya está con un prediseño SEO para 01:19:09

que se indexe y para que se vea. 01:19:13

Tenemos que intentar no utilizar muchas letras especiales de 01:19:15

nuestro idioma, ni tildes, ni cosas de esas en los títulos, 01:19:19

¿vale? 01:19:22

Porque perjudican el posicionamiento. 01:19:23

Y porque no se leen igual en todos los idiomas ni todas las 01:19:27

configuraciones de teclado funcionan igual, ¿vale? 01:19:29

Entonces, bueno. 01:19:32

He puesto el título, no me gusta el color porque es rojo. 01:19:33

Pues, una vez que lo he puesto, cuando pinche aquí en diseño, 01:19:36

¿de acuerdo? 01:19:39

Y una vez que lo haya elaborado, me va a permitir, ¿de acuerdo? 01:19:40

Cambiarlo. 01:19:45

Ajustes del color, pues, le pongo en azul que me va, 01:19:46

lo voy a ir luego después modificando y tal. 01:19:49

Pero ahora no me quiero meter en esto porque es muy sencillo y 01:19:51

lo vais a poder ver. 01:19:53

Voy pinchando aquí y no escribo de forma natural, ¿de acuerdo? 01:19:55

Sino que lo que puedo ir haciendo es o escribir, ¿de acuerdo? 01:19:58

Me pongo a escribir normal o lo que puedo hacer es elegir un 01:20:03

bloque, ¿de acuerdo? 01:20:06

Elegir un bloque. 01:20:07

Entonces, aquí puedo ir añadiendo bloques. 01:20:09

¿Y qué tipo de bloques puedo elegir? 01:20:12

Pues, puedo elegir un bloque que sea añadir una imagen a mi 01:20:13

hoja. 01:20:17

Puede ser un bloque que me ayude a añadir una lista, 01:20:17

que me añada una galería, que me divida mi texto en dife, 01:20:20

con distintos encabezados, que me permita poner una cita, 01:20:24

me la pone entre comillas, que me permita poner un audio o una 01:20:28

imagen de fondo para toda la hoja. 01:20:32

Es decir, esto es simplemente que vosotros os vayáis metiendo y 01:20:34

lo vayáis viendo para diseñarlo de la manera que más os guste. 01:20:37

Aquí también tengo estructuras de la página, ¿de acuerdo? 01:20:44

Y puedo ir cambiando cada una de las páginas, 01:20:47

ponerlas de forma diferente, ¿vale? 01:20:49

En mi caso, pues, tenemos por defecto la que tiene solo una 01:20:51

estructura. 01:20:55

Esta solamente lo vais viendo vosotros, 01:20:55

lo vais mirando para ir cambiándolo. 01:20:58

Dependiendo de dónde me coloque de la página, 01:21:00

pues, tengo diferentes elementos para hacerlo. 01:21:02

Y este es el enlace permanente que va a tener esta página, 01:21:04

¿de acuerdo? 01:21:08

Es decir, este enlace es el que le voy a tener que dar yo a mis 01:21:08

iconos para que enlace la página, ¿vale? 01:21:11

Me seguís todos, no me ponéis ningún mensaje, 01:21:16

no me decís nada, pues, doy por hecho que estáis tomando 01:21:19

apuntes y que todo va bien, ¿vale? 01:21:22

Estamos terminando. 01:21:24

PAULA MONTAÑA ZAMORRODO DE INTÉRPRETE 01:21:24

Estamos terminando. 01:21:25

Dime. 01:21:27

PAULA MONTAÑA ZAMORRODO DE INTÉRPRETE 01:21:27

Estamos terminando, ¿vale? 01:21:29

Estamos terminando. 01:21:30

Venga. 01:21:31

Como si fueran las 2 y 20, ¿vale? 01:21:32

Un poquito más, nos estamos, nos alargamos un poquito más. 01:21:34

Entonces, voy a dejar mi página en blanco, 01:21:37

solo tiene el título, ¿de acuerdo? 01:21:39

¿Qué es lo que tengo que hacer? 01:21:41

Pues, lo de siempre, publicarla. 01:21:42

Si no la quiero publicar ahora mismo, 01:21:44

puedo darle aquí a ajustes, ¿de acuerdo? 01:21:46

Y, entonces, lo que puedo hacer si le doy ajustes es guardar el 01:21:48

borrador, ¿de acuerdo? 01:21:52

O, bueno, la vista previa puedo guardar y aquí el esquema un 01:21:54

poquito lento ahora, ¿vale? 01:21:58

Podría guardar el borrador o publicarla de forma automática, 01:21:59

igual que hemos visto antes, ¿vale? 01:22:04

Podría ponerle una fecha de publicación diferida, 01:22:06

automática, o publicarla ahora mismo. 01:22:10

Le voy a dar a publicar, ¿de acuerdo? 01:22:12

Entonces, le doy a publicar y podría, 01:22:14

o decir que sea pública es que me va un poquito lento ahora, 01:22:18

¿vale? 01:22:22

O pública o privada, es decir, que solo la vea yo y el 01:22:23

administrador o protegida por contraseña, ¿vale? 01:22:26

Y podría hacerlo inmediatamente o si pincho aquí, 01:22:29

voy a dar a cancelar. 01:22:33

Si pincho aquí, puedo, en vez de hacerlo inmediatamente, 01:22:35

ahora en cuanto le dé a publicar, 01:22:38

diferirlo para publicarla más tarde. 01:22:40

Podéis tener páginas preparadas y que se vayan publicando 01:22:41

periódicamente según vosotros vayáis aquí programando, ¿vale? 01:22:46

Nosotros le vamos a decir que sea pública para que la vea todo el 01:22:50

mundo, que no necesite contraseña y que la publique 01:22:52

ahora mismo, ¿vale? 01:22:56

Para tenerla. 01:22:57

Ya la tenemos, ¿vale? 01:22:59

Pues, nos salimos del diseño de esta página, ¿de acuerdo? 01:23:01

Y nos vamos hacia, nos vamos del diseño de la página y 01:23:06

volvemos hacia atrás a nuestro, es que se me ha cerrado la 01:23:12

ventanita para pasar, ¿de acuerdo? 01:23:17

Volvemos hacia atrás a nuestro escritorio de WordPress. 01:23:18

Y le damos a todas las páginas otra vez, ¿de acuerdo? 01:23:23

Y, entonces, aquí vemos ahora en todas las páginas que ya no 01:23:27

solamente tengo la página de ejemplo, 01:23:31

sino que ahora tengo una página que se llama diseño, ¿de 01:23:33

acuerdo? 01:23:36

Si le doy aquí a edición rápida, pues, 01:23:37

me abre una cosita básica, ¿de acuerdo? 01:23:40

Con el título lo podría cambiar y con la programación y la 01:23:43

contraseña si quisiera ponerla, ¿vale? 01:23:47

Para poder ver unas cuestiones básicas de mi página, ¿vale? 01:23:50

Le he dado hacia arriba y me la ha cerrado, ¿vale? 01:23:56

Si quiero editar la página, ¿de acuerdo? 01:23:59

Porque quiero verla entera, pues, entonces, 01:24:01

le doy otra vez a editar, ¿vale? 01:24:03

Y lo que tengo que hacer es copiar ese enlace de página para 01:24:05

utilizar ese enlace de página que decíamos que estaba aquí, 01:24:12

¿de acuerdo? 01:24:15

Este enlace, si le doy aquí, me lleva a la página para que la 01:24:16

vea y, si no, pues, le doy al botón derecho del ratón, 01:24:20

¿de acuerdo? 01:24:23

Y copio el enlace, ¿vale? 01:24:24

Y tengo que tener ese enlace, ¿veis? 01:24:26

Por eso lo diseño, ¿de acuerdo? 01:24:27

Y aparece el color por defecto que tengo. 01:24:29

Luego lo podría cambiar, hemos dicho, ¿de acuerdo? 01:24:32

Y tendría esa, sería como se vería mi sitio web, ¿de 01:24:35

acuerdo? 01:24:41

Volvemos otra vez al administrador de WordPress. 01:24:42

¿Y ahora qué tendría que hacer? 01:24:45

Pues, como ya tengo mi página hecha, 01:24:46

me iría a apariencia, personalizar, ¿de acuerdo? 01:24:49

Tengo mi enlace, me iría a apariencia, personalizar. 01:24:53

Y dentro de personalizar, me iría al apartado de página de 01:24:56

aterrizaje. 01:25:04

Dentro de página de aterrizaje, me iría a bloques de iconos 01:25:05

destacados. 01:25:09

Y aquí, en bloques de iconos destacados, lo que haría sería 01:25:10

vincular el icono. 01:25:18

No me deja aquí vincularlo, no me aparece la, bueno, 01:25:20

es que va súper lento ahora para que me deje destacarlo. 01:25:25

Luego os pongo cómo ponerlo, ¿vale? 01:25:28

Lo importante es tenerlas para poner, 01:25:29

tendríamos aquí para encargar, ay, no, calla, 01:25:32

que sí que me lo había cargado. 01:25:35

Perdona, que le he dado para atrás y sí me lo había 01:25:36

cargado. 01:25:38

Personalizar. 01:25:40

Ya solo queda una cosa por ver para que ya podáis rellenarlo 01:25:45

todo. 01:25:47

Me habría ido ahí a página de aterrizaje, 01:25:48

me habría ido a bloques de iconos destacados. 01:25:50

Y aquí, en vez de página de ejemplo, elijo diseño, ¿de 01:25:53

acuerdo? 01:25:56

Y entonces ya, como tengo la página donde elegir, 01:25:57

ya me aparece en vez de página de ejemplo lo que yo he querido 01:25:59

que aparezca aquí. 01:26:02

Pues, yo aquí pondría diseño y podría, pues, la descripción. 01:26:03

Y luego pincharía aquí en diseño y automáticamente, 01:26:07

como me le he dicho que sea un icono que sea clicable, 01:26:10

pues, me llevaría a la página diseño. 01:26:13

Si no quisiera que me llevara a la página diseño porque la 01:26:15

página diseño esté en blanco, como he hecho yo ahora, 01:26:19

¿de acuerdo? 01:26:22

Pues, quitaría esto y me aparecería diseño solamente y 01:26:22

no me aparecería la página, ¿vale? 01:26:26

Entonces, he creado la página, ¿para qué? 01:26:28

Pues, para conseguir enlazarla al icono que está relacionado 01:26:31

con esa página. 01:26:37

Entonces, ¿qué es lo que hemos hecho? 01:26:38

Pues, lo que hemos hecho, nos iríamos aquí al inicio, 01:26:40

¿de acuerdo? 01:26:44

Y entonces, lo que hemos hecho, no me lo ha guardado todavía 01:26:45

porque no lo he publicado, ¿de acuerdo? 01:26:47

No lo quiero publicar para no cambiarlo ahora. 01:26:49

Y aquí, en vez de página de ejemplo, pues, lo que tendríamos, 01:26:51

lo voy a publicar, lo que tendríamos sería, 01:26:54

a ver si lo carga rápido, pues, ya sería diseño y está en 01:26:57

blanco porque mi página está en blanco. 01:27:01

Y como lo he puesto clickable, me llevaría a diseño. 01:27:02

Si le quitara el clickable, esto no se daría la vuelta cuando 01:27:04

le tocara y no me llevaría a ningún sitio, ¿vale? 01:27:08

Cerramos ya la página y volvemos a páginas. 01:27:11

¿Qué es lo que tenéis que hacer entonces ahora vosotros? 01:27:15

Pues, añadir tantas páginas como iconos personalizados 01:27:18

hagáis, como página de texto hagáis y como elementos pongáis 01:27:24

en vuestro menú, ¿de acuerdo? 01:27:28

Mirad, nos lo ha añadido aquí automáticamente a diseño y 01:27:30

ahora os voy a decir por qué, ¿vale? 01:27:32

Y entonces tendréis aquí que crear tantas páginas como 01:27:34

queráis para poder vincularlas a todos los elementos que tenemos 01:27:38

en nuestro sitio web, ¿vale? 01:27:43

Si aquí pusiéramos una pestañita que fuera más info, 01:27:45

pues, tendríamos que crear una página que se llamara Más Info 01:27:49

en la que cuando clicáramos nos llevará ese contenido, 01:27:53

¿de acuerdo? 01:27:57

Entonces, tenemos que crear páginas con la estructura que 01:27:57

más nos interese, si son con imágenes, si es con texto, 01:28:01

si es con iconos, con lo que sea. 01:28:05

Las podemos siempre después modificar, 01:28:07

luego siempre las podemos editar y cambiar, quitar, 01:28:09

poner, añadir, lo que nos interese, ¿vale? 01:28:12

Y, además, es muy importante que dejemos ya también la 01:28:15

siguiente opción que es el menú. 01:28:22

Y dentro del menú tenemos que volver a apariencia. 01:28:24

Y dentro de apariencia habíamos entrado en temas y en 01:28:28

personalizar, pues, vamos a entrar en menús. 01:28:31

Esto es súper fácil, ¿vale? 01:28:33

Bueno, como todo lo que hemos visto. 01:28:36

Cerramos la propaganda. 01:28:37

Como os voy a colgar, luego os colgaré un par de vídeos 01:28:40

específicos de cada cosa para que no tengáis que ver este 01:28:42

vídeo completo, sino solamente cada una de las partes. 01:28:45

Y nos aparece aquí ya en el escritorio la edición de menús, 01:28:48

¿de acuerdo? 01:28:52

Pinchamos primero en gestionar ubicaciones para que nos 01:28:53

hagamos una idea. 01:28:56

¿Qué menús tenemos en nuestro sitio web? 01:28:56

Pues, tenemos el menú de navegación principal, ¿de 01:28:59

acuerdo? 01:29:03

Menú de barra lateral izquierda, menú de navegación de pie de 01:29:03

página y menú de iconos de redes sociales, ¿de acuerdo? 01:29:06

Entonces, aquí podemos elegir si tenemos algún menú creado, 01:29:11

el menú que queremos que aparezca en cada sitio. 01:29:15

De momento, solo tenemos un menú creado por defecto, ¿vale? 01:29:17

Que es el que nos ha creado por defecto WordPress y que se 01:29:21

llama Social Menu, que es el que tiene las redes sociales. 01:29:23

De momento, no vamos a hacer nada con él y lo vamos a dejar 01:29:28

ahí, ¿vale? 01:29:31

Lo que vamos a hacer es crear un menú nuestro en el que vamos 01:29:32

a poder modificar nuestro menú principal, ¿vale? 01:29:35

¿Cómo? 01:29:39

Pues, aquí nos aparecen todos los menús, ¿de acuerdo? 01:29:40

Aquí tenemos las páginas. 01:29:43

Tenemos la página más reciente que hemos hecho. 01:29:44

Si le damos a ver todo, nos aparecen las 2 únicas páginas 01:29:47

que tenemos, que es la de ejemplo y la de diseño, 01:29:50

¿de acuerdo? 01:29:52

Y buscar, por si tenemos aquí muchísimas páginas y queremos 01:29:53

buscar una completa, ¿vale? 01:29:56

Más reciente la última, ver todo. 01:29:58

Y aquí podemos seleccionar todas las páginas si quisiéramos 01:30:00

hacer un menú que las tuviera todas, por ejemplo, ¿vale? 01:30:02

Y luego tenemos únicamente un menú, 01:30:06

por eso aparece aquí menú directamente. 01:30:08

¿Qué vamos a hacer aquí? 01:30:10

Crear un menú nuevo, ¿vale? 01:30:12

Ese menú nuevo que vamos a crear lo vais a crear vosotros en 01:30:14

función de qué queráis que aparezca aquí, ¿de acuerdo? 01:30:19

O en el encabezado, si queremos continuar con este menú, 01:30:24

o un menú aquí abajo, o un menú izquierdo, 01:30:27

o un menú derecho, dependiendo de lo que queráis, ¿vale? 01:30:30

¿Cómo creamos los menús? 01:30:33

Pues, es muy sencillo. 01:30:34

Simplemente le damos un nombre al menú. 01:30:36

Vamos a llamarle, por ejemplo, menú principal, ¿de acuerdo? 01:30:38

Le damos un nombre al menú. 01:30:42

A ver, que va esto muy lento. 01:30:44

Y, además, se me ha abierto aquí el chat. 01:30:47

Lo voy a cerrar fuera y voy a cerrar también esto de 01:30:50

participantes. 01:30:54

Es que me lo tapa y no puedo, ¿vale? 01:30:55

Ahora, el nombre del menú principal y le damos a crear 01:30:56

menú, ¿de acuerdo? 01:31:01

Le damos a crear menú y, entonces, 01:31:03

automáticamente nos aparece el nombre del menú, aquí, 01:31:05

la ubicación donde queremos colocar ese menú, ¿de acuerdo? 01:31:10

Y, aquí, las páginas, como solo tenemos una, 01:31:14

que queremos que aparezcan en el menú, ¿de acuerdo? 01:31:16

Si clicamos en, bueno, aquí esto solo está más reciente, 01:31:19

tendríamos que poner aquí ver todo. 01:31:23

Si clicamos en estas 2 páginas, ¿de acuerdo? 01:31:25

Página de ejemplo y diseño, las activamos y le damos a añadir 01:31:27

al menú, ¿de acuerdo? 01:31:31

Pues, nos va a generar un menú que va a estar formado por 01:31:33

estas 2 páginas, ¿vale? 01:31:36

La página de ejemplo, que es la página de inicio, 01:31:38

como la tiene llamada aquí, porque la ha creado él y le ha 01:31:41

puesto ese subtítulo. 01:31:44

Y diseño, que es la que acabamos de crear nosotros, 01:31:45

que es una página por defecto, ¿vale? 01:31:48

Entonces, si queremos que estas 2 páginas sean nuestras nuevas 01:31:52

páginas del menú de navegación principal, 01:31:56

activamos aquí y le damos a guardar menú, ¿de acuerdo? 01:31:58

Le damos a guardar menú y hemos creado ya nuestro menú de 01:32:04

navegación principal. 01:32:08

Nuestro menú de navegación principal ya no es el menú por 01:32:11

defecto, sino que es el menú que tiene nuestras páginas propias 01:32:13

que hemos creado, ¿de acuerdo? 01:32:18

Estas páginas que tienen, pues, diseño, nada, 01:32:20

es la que acabo de crear yo y está en blanco. 01:32:23

Solo tiene el trítulo. 01:32:25

Y página de ejemplo, ¿qué es lo que tiene? 01:32:26

Nada, porque es mi página principal, 01:32:29

por lo que he añadido, pero el contenido que tiene es este de 01:32:32

aquí de página de ejemplo, ¿vale? 01:32:35

Es decir, que ya sabemos cómo cambiar nuestro menú principal 01:32:37

o podríamos haber cambiado el menú lateral si quisiéramos 01:32:41

añadirlo o el menú de redes sociales que le tenemos aquí 01:32:44

vinculado, quitarlo, ¿vale? 01:32:47

Es decir, que podemos tener nuestro menú principal creado 01:32:50

y lo tenemos aquí. 01:32:54

Ahora, imaginaos que quiero modificarlo y que en vez de en 01:32:55

la navegación principal, quiero que esté en una navegación de 01:32:58

pie de página. 01:33:02

Pues, le doy a guardar menú, ¿de acuerdo? 01:33:03

Como lo he vinculado aquí, pues, me lo va a llevar a, 01:33:06

aquí no tengo que publicar, aquí al guardarlo ya 01:33:09

automáticamente me lo guarda, ¿de acuerdo? 01:33:11

Y entonces, ¿veis? 01:33:13

Me lo ha añadido aquí. 01:33:15

Como el otro no lo he quitado, no lo he eliminado, 01:33:16

pues, me lo sigue manteniendo aquí, ¿de acuerdo? 01:33:18

El por defecto. 01:33:20

Pero, ¿veis? 01:33:22

Me ha creado aquí un menú. 01:33:23

Yo puedo crear tantos menús como quiera. 01:33:24

Aquí me vale para poner otra información. 01:33:26

Por ejemplo, la información de cookies que vamos a poner, 01:33:28

otra información que os voy a ir subiendo yo por defecto para 01:33:31

que la añadáis en el sitio web automáticamente, ¿vale? 01:33:34

Entonces, si quitamos el encabezado, 01:33:38

nos pone por defecto el de WordPress, 01:33:41

que ya hemos visto cómo quitarlo. 01:33:43

Os lo recordaré después en el vídeo para quitarlo. 01:33:44

Y vamos añadiendo aquí otros menús arriba o abajo, ¿vale? 01:33:47

Que no quiero que me aparezca el menú ahí, pues, 01:33:51

simplemente lo desclico de aquí y lo guardo, ¿de acuerdo? 01:33:54

Y me lo quita de la página de navegación y no me lo pone en 01:33:58

ningún sitio. 01:34:01

Lo voy a poner aquí en la navegación principal otra vez, 01:34:02

que es lo que a mí me gusta, ¿vale? 01:34:04

Y ahora voy a enseñaros a, vamos a añadir otra vez, 01:34:06

las mismas páginas. 01:34:09

Vamos a repetirlo. 01:34:10

Esto no tiene sentido que en mi sitio web yo tenga espacio 01:34:12

ocupado poniendo lo mismo 18 veces, no tiene sentido. 01:34:15

Pero quiero que veáis cómo se hace un menú con submenús, 01:34:18

¿de acuerdo? 01:34:22

Ahora mismo teníamos solo 2 páginas, pero ahora tenemos 4. 01:34:23

Y lo único que hago es crear una estructura de jerarquía. 01:34:27

A la derecha, a la derecha y a la derecha de la derecha. 01:34:30

Esta página, no, esta la voy a meter aquí, ¿vale? 01:34:35

Para que tengamos 2 y una adentro. 01:34:39

Quiero volverla para atrás. 01:34:41

No me deja volverla para atrás porque va un poco lento, 01:34:43

¿de acuerdo? 01:34:45

Pero luego podría hacerlo sin ningún problema. 01:34:45

Y voy a añadir otra vez diseño para poder ponerla a la misma 01:34:47

altura, ¿vale? 01:34:51

Entonces, si os dais, y luego la puedo cambiar de orden, 01:34:53

en el orden que me dé la gana, ¿vale? 01:34:55

Que lo he vuelto aquí a poner en el subelemento. 01:34:58

A ver, mover hacia arriba, sacar de debajo, ¿vale? 01:35:02

Me dejaría, me debería dejar hacerlo manualmente. 01:35:08

Pero como está un poquito lento, no me deja hacerlo manualmente 01:35:11

y lo he tenido que hacer pinchándolo, ¿vale? 01:35:14

Entonces, estas son las páginas que yo tengo. 01:35:17

Tendría que pinchar aquí y me tendría que desaparecer, 01:35:19

pero va un poco lento. 01:35:21

Ya está. 01:35:22

Este es mi nuevo menú. 01:35:23

Solo tengo que tener páginas con contenido, ¿vale? 01:35:25

Le doy a guardar menú y con esto terminamos. 01:35:27

Y, entonces, una vez que me ha guardado el menú, 01:35:30

veis que aquí no tengo que publicar. 01:35:33

En menú no tengo que publicar, es en el único sitio. 01:35:35

En todo lo demás hay que publicar. 01:35:38

Me voy a mi sitio web de diseño, refresco y, fijaros, 01:35:40

ha cambiado mi menú. 01:35:45

Tengo 2 páginas, que es lo que he puesto aquí. 01:35:46

Mi menú tiene 2, página de ejemplo y diseño. 01:35:49

Y dentro de página de ejemplo, tengo otra página. 01:35:52

Y dentro de página de ejemplo, otra. 01:35:57

Este es el menú que yo he diseñado. 01:35:59

Mirad, va página de ejemplo y diseño están a la misma altura 01:36:02

del esquema. 01:36:06

Por lo tanto, son 2 páginas principales que aparecen, 01:36:07

¿dónde? 01:36:11

En mi menú de navegación principal, ¿vale? 01:36:11

Menú de navegación principal es este de arriba. 01:36:15

Aquí abajo ya no tengo nada porque he quitado esto y ya no 01:36:18

es menú de página. 01:36:21

¿Quiero repetir y duplicar el menú principal? 01:36:22

Pues, cliqueo los 2 y ese menú me aparece arriba y abajo 01:36:25

exactamente igual. 01:36:29

Tendría que darle a guardar menú, ¿vale? 01:36:30

Le doy a guardar menú, me voy otra vez aquí, lo visualizo y 01:36:32

tengo mi menú principal. 01:36:37

Y en pie, no me lo ha guardado todavía, no me lo ha publicado, 01:36:39

tendría también el mismo menú, ¿vale? 01:36:42

Ahora, ¿qué estructura tengo? 01:36:45

Estas 2 tienen el mismo lugar jerárquico, 01:36:46

a la izquierda del todo. 01:36:52

Pues, aparecen las 2 aquí. 01:36:54

Cada vez que yo me meto a la derecha, 01:36:56

quiere decir que esa página está dentro de esta. 01:36:58

Esta está a la misma altura que esta dentro de esta y esta está 01:37:00

dentro de esta, ¿de acuerdo? 01:37:05

Es decir, página de ejemplo tiene 2 páginas dentro y de 01:37:06

esas 2 páginas que tiene dentro, la página de ejemplo, 01:37:10

que es la misma, tiene diseño dentro. 01:37:14

Es un menú desplegable, tiene 2 pestañas principales y dentro 01:37:16

de una de las pestañas principales tengo 2 submenús y 01:37:21

dentro de uno de los submenús tengo otra página metida. 01:37:25

Si me voy aquí, lo veo claramente, 01:37:28

2 páginas principales. 01:37:31

Dentro de las 2 páginas principales, 01:37:34

una no tiene nada, que es diseño, ¿veis? 01:37:35

No tengo nada debajo, es simplemente esta página, 01:37:37

pincharía en ella, botón derecho del ratón, 01:37:41

abrir enlace en una pestaña 9, me llevaría a una página en 01:37:43

blanco porque esto es lo que tiene mi página, el título y 01:37:46

nada más. 01:37:49

Pero, sin embargo, página de ejemplo tiene 1, 01:37:50

2 y una tercera que está dentro, ¿de acuerdo? 01:37:53

Es decir, que ya sé todo lo que tengo que saber para crear mi 01:37:56

sitio web, ¿de acuerdo? 01:38:00

Y es el tema, he cambiado el tema, es, pues, bueno, 01:38:02

esto simplemente para salirnos de aquí cuando ya hemos 01:38:07

terminado y el menú lo hemos guardado, 01:38:09

lo único que tenemos que hacer es pinchar en cualquier otra 01:38:11

parte del escritorio, ¿de acuerdo? 01:38:13

Entonces, me iría aquí a lo que quisiera hacer, ¿de acuerdo? 01:38:16

Que quiero crear más páginas, pues, 01:38:19

pincharía aquí y pincharía en añadir nueva o en todas las 01:38:21

páginas y, entonces, pasaría ahí. 01:38:24

Comentarios no da porque no tenemos blog, ¿de acuerdo? 01:38:26

Y me iría a apariencia, en temas hemos instalado en tema, 01:38:29

en personalizar, hemos personalizado nuestra página 01:38:32

principal, la estructura, esto es todo lo que hemos ido 01:38:36

haciendo a lo largo de la clase, ¿de acuerdo? 01:38:39

Después, le doy para atrás para no perder el tiempo, 01:38:42

habríamos ido a menú, ¿vale? 01:38:46

Hemos ido a temas, a personalizar, a menú, ¿de acuerdo? 01:38:50

Y aquí a páginas, son las 4 cosas que hemos aprendido a 01:38:55

utilizar y que son las que nos permiten ya crear nuestro sitio 01:38:59

web por sí mismo, ¿de acuerdo? 01:39:03

Cada vez que nos moleste esto le damos a cerrar y ya está, ¿vale? 01:39:05

Aquí en el menú lo tenemos guardado, ¿de acuerdo? 01:39:09

Podemos borrarlo, podemos añadir más menús para tener menús 01:39:12

diferentes, yo voy a haceros una grabación con un ejemplo de 01:39:15

varios menús para que os pueda servir de modelo, 01:39:19

pero ya tenéis la base para hacerlo todo vosotros sin 01:39:21

necesidad de nada, de cambiar nada, ¿vale? 01:39:25

Esto, o sea, sin necesidad de aprender más cosas. 01:39:28

Con esto lo tendríais todo, ¿de acuerdo? 01:39:31

Tendríais toda la información para poder avanzar hasta el día 01:39:34

22 en vuestra página web, nos faltaría saber esto y nos 01:39:38

falta poner los plugins del formulario y del comercio 01:39:42

electrónico y de la información sobre cookies, ¿vale? 01:39:47

Que eso os lo voy a colgar este fin de semana y la semana que 01:39:53

viene lo vemos juntos. 01:39:55

Y ya con esto sería ir trabajando un poquito, 01:39:57

hacer un par de páginas cada uno del grupo, 01:39:59

las 5 el que esté en un grupo solo e ir jugando con ellas y 01:40:01

añadir algún contenido más, principalmente de imágenes, 01:40:07

para que quede lo más vistosa posible, ¿vale? 01:40:11

O sea, que voy a dejar ya, voy a parar ya la grabación para que 01:40:14

a partir de aquí ya. 01:40:18

Inicio configuración WordPress - Contenido educativo

Del mismo autor…

CAUSAS EXTINCIÓN ANIMALES

Vídeo resumen "La evolución de los seres vivos" 4º ESO, Biología

Vídeo resumen "Alteraciones genéticas" 4º ESO, Biología

Vídeo resumen "La célula" 4º ESO, Biología

Miniconferencia Cloe

Miniconferencia de Enzo

MINICONFERENCIA JOSE