1 00:00:00,430 --> 00:00:15,009 Muy buenas, en el vídeo de hoy vamos a empezar a crear la portada, una de las páginas más importantes de nuestro sitio web, ya que será la landing page, o la página donde inicialmente vean nuestros visitantes nuestro contenido. 2 00:00:15,009 --> 00:00:25,929 Bueno, como vemos en nuestra configuración de WordPress tenemos ya una serie de páginas y en este vídeo ya tenemos la página informática, 3 00:00:27,070 --> 00:00:32,189 el departamento de informática, la política de privacidad y ahora en este vídeo vamos a hacer la portada. 4 00:00:32,549 --> 00:00:40,189 Quedaría luego también hacer una página de noticias en donde pongamos todas las entradas y podamos ver qué noticias van ocurriendo. 5 00:00:40,189 --> 00:00:42,890 también ese resumen de noticias o de las últimas noticias 6 00:00:42,890 --> 00:00:44,509 la pondremos en un carrete urril 7 00:00:44,509 --> 00:00:46,490 en la propia portada 8 00:00:46,490 --> 00:00:49,109 bueno, para la portada como hemos dicho 9 00:00:49,109 --> 00:00:50,609 lo primero que tenemos que ver es qué plantilla 10 00:00:50,609 --> 00:00:52,609 vamos a utilizar y resulta que 11 00:00:52,609 --> 00:00:54,630 cuando creamos una página, por defecto 12 00:00:54,630 --> 00:00:56,890 nos va a crear esa página en una plantilla 13 00:00:56,890 --> 00:00:58,689 que viene aquí, que ya hemos visto 14 00:00:58,689 --> 00:01:00,329 que se llama páginas, esta de aquí 15 00:01:00,329 --> 00:01:01,409 sin embargo esta plantilla 16 00:01:01,409 --> 00:01:04,150 para mi portada no me interesa 17 00:01:04,150 --> 00:01:06,670 ¿por qué? porque tiene aquí una imagen 18 00:01:06,670 --> 00:01:08,590 destacada, digamos, ahí en cabecero 19 00:01:08,590 --> 00:01:10,209 porque tiene un título, luego ya el contenido. 20 00:01:11,489 --> 00:01:15,709 Si el cabecero y el pie, pues como en toda la web, voy a dejar el mismo, ¿vale? 21 00:01:16,069 --> 00:01:17,189 Pero no me interesa esta plantilla. 22 00:01:17,269 --> 00:01:21,870 Por tanto, lo que vamos a hacer es crear una plantilla personalizada nuestra para la portada. 23 00:01:22,829 --> 00:01:29,689 Aquí, cuando estamos dentro de la propia edición del tema, podemos añadir una plantilla, 24 00:01:29,989 --> 00:01:32,730 añadir plantilla, y aquí vamos a elegir plantilla personalizada. 25 00:01:33,510 --> 00:01:36,209 Ponemos la plantilla que sea mi portada. 26 00:01:36,209 --> 00:01:39,189 la voy a llamar así y la creamos 27 00:01:39,189 --> 00:01:40,750 a continuación 28 00:01:40,750 --> 00:01:42,890 nos va a decir que 29 00:01:42,890 --> 00:01:44,150 elijamos un patrón 30 00:01:44,150 --> 00:01:46,930 y nos plantea un patrón que es 31 00:01:46,930 --> 00:01:49,209 el mismo de la página, pues lo elegimos 32 00:01:49,209 --> 00:01:51,370 ¿qué vamos a hacer ahora? pues lógicamente 33 00:01:51,370 --> 00:01:52,989 vamos a visualizar jerárquicamente 34 00:01:52,989 --> 00:01:55,090 los contenidos, todos están 35 00:01:55,090 --> 00:01:55,829 en grupos, los bloques 36 00:01:55,829 --> 00:01:58,930 y la imagen destacada, hemos dicho que no la quiero 37 00:01:58,930 --> 00:01:59,909 para mi portada, ¿vale? 38 00:02:00,290 --> 00:02:02,890 el título, no, ya lo pondré yo y dejamos solamente 39 00:02:02,890 --> 00:02:05,170 un grupo de contenido 40 00:02:05,170 --> 00:02:07,250 pero está muy hundido el grupo, dentro del grupo 41 00:02:07,250 --> 00:02:09,229 bueno, pues yo lo voy a sacar 42 00:02:09,229 --> 00:02:11,310 y lo voy a poner fuera 43 00:02:11,310 --> 00:02:15,159 lo ponemos a nivel 44 00:02:15,159 --> 00:02:17,789 de aquí 45 00:02:17,789 --> 00:02:19,810 de tal manera que 46 00:02:19,810 --> 00:02:23,050 de tal manera que voy a tener este grupo 47 00:02:23,050 --> 00:02:24,370 ya lo elimino, ¿vale? 48 00:02:24,550 --> 00:02:26,789 voy a tener header, contenido y footer 49 00:02:26,789 --> 00:02:28,430 con poco espacio 50 00:02:28,430 --> 00:02:30,650 el footer, hay aquí como veis 51 00:02:30,650 --> 00:02:31,689 bastante espacio 52 00:02:31,689 --> 00:02:34,729 pero eso lo vamos a dejar aquí 53 00:02:34,729 --> 00:02:36,870 ¿vale? veis que entre el icono 54 00:02:36,870 --> 00:02:38,530 de la página, del sitio web 55 00:02:38,530 --> 00:02:40,270 hemos puesto el icono del instituto 56 00:02:40,270 --> 00:02:42,430 hasta arriba hay ahí 57 00:02:42,430 --> 00:02:44,030 mucho espacio, hay dos grupos 58 00:02:44,030 --> 00:02:46,530 ¿vale? y entre uno y otro 59 00:02:46,530 --> 00:02:48,909 se queda mucho espacio 60 00:02:48,909 --> 00:02:50,490 ¿qué podría hacer? 61 00:02:50,870 --> 00:02:52,830 tener en cuenta que esto que está en color 62 00:02:52,830 --> 00:02:53,729 morado 63 00:02:53,729 --> 00:02:56,689 es un, digamos, es un 64 00:02:56,689 --> 00:02:58,810 patrón vinculado, si lo cambio 65 00:02:58,810 --> 00:03:00,430 lo cambiaré en todo, bueno 66 00:03:00,430 --> 00:03:02,689 puede ser que en algunos sitios nos resulte 67 00:03:02,689 --> 00:03:04,689 mejor quitar tanto espacio, yo para hacerlo 68 00:03:04,689 --> 00:03:06,150 aquí y que veáis como funciona 69 00:03:06,150 --> 00:03:08,050 se puede configurar el grupo de arriba 70 00:03:08,050 --> 00:03:27,590 Pero yo lo que voy a hacer es moverlo ahí, ¿vale? De tal manera que ya el grupo de abajo se queda sin contenido y lo borro. Acabo de modificar ya todo el footer, que es un patrón para todas las páginas. Bueno, lo dejamos así, que se queda mejor. Vale, pues esta va a ser, como veis, nuestra plantilla. 71 00:03:27,590 --> 00:03:30,590 se puede añadir aquí una descripción 72 00:03:30,590 --> 00:03:32,469 a cada plantilla, no es obligatorio 73 00:03:32,469 --> 00:03:33,949 pero podemos añadir aquí 74 00:03:33,949 --> 00:03:35,969 plantilla tipo 75 00:03:35,969 --> 00:03:38,729 para la portada del sitio 76 00:03:38,729 --> 00:03:39,330 ¿vale? 77 00:03:40,169 --> 00:03:41,990 y una vez que tengamos ya esto 78 00:03:41,990 --> 00:03:43,969 pues podemos guardar 79 00:03:43,969 --> 00:03:45,909 ¿vale? guardar 80 00:03:45,909 --> 00:03:48,389 nos da aquí que guardemos también las partes 81 00:03:48,389 --> 00:03:50,250 de la plantilla como header y footer porque las hemos modificado 82 00:03:50,250 --> 00:03:51,110 guardar 83 00:03:51,110 --> 00:03:53,229 bien, volvemos por tanto 84 00:03:53,229 --> 00:03:56,409 a nuestras páginas, sabemos que las páginas 85 00:03:56,409 --> 00:04:01,349 las podemos hacer dentro del tema, es decir, apariencia, editar, o bien en el menú principal 86 00:04:01,349 --> 00:04:06,169 de páginas. Vamos a hacerlo aquí dentro del tema. Y añadimos, tenemos tres páginas 87 00:04:06,169 --> 00:04:09,270 publicadas, departamento de informática, una página de ejemplo que venía, privacidad, 88 00:04:09,590 --> 00:04:18,610 y ahora vamos a añadir la portada. Pues vamos a llamar portada o home. Yo le voy a llamar 89 00:04:18,610 --> 00:04:25,009 portada. En muchas páginas le llaman también la página home, crear portada. Por defecto 90 00:04:25,009 --> 00:04:26,550 nos van a decir, elige un patrón para la portada 91 00:04:26,550 --> 00:04:28,990 bueno, yo, vamos a ver, como ahora no tenemos mucho tiempo 92 00:04:28,990 --> 00:04:31,209 vamos a elegir este patrón, que tiene un fondo con una imagen 93 00:04:31,209 --> 00:04:33,050 el fondo lógicamente se aplicaría 94 00:04:33,050 --> 00:04:35,029 al contenido, no a toda la página 95 00:04:35,029 --> 00:04:37,029 si quisiéramos que el fondo fuera a toda la página 96 00:04:37,029 --> 00:04:38,949 habría que ponerlo en la plantilla 97 00:04:38,949 --> 00:04:40,790 probablemente, y ya por encima 98 00:04:40,790 --> 00:04:43,230 pondríamos el encabezado y el footer 99 00:04:43,230 --> 00:04:44,589 ¿vale? pero 100 00:04:44,589 --> 00:04:46,910 de esta manera más o menos también podría quedar bien 101 00:04:46,910 --> 00:04:48,730 bueno, pues ya estamos editando 102 00:04:48,730 --> 00:04:50,769 nuestra portada 103 00:04:50,769 --> 00:04:52,509 ¿vale? la plantilla 104 00:04:52,509 --> 00:04:54,709 como vemos, si no la cambiamos 105 00:04:54,709 --> 00:04:56,569 va a ser la plantilla de páginas y no queremos 106 00:04:56,569 --> 00:04:58,509 porque no puede haber portada, que se titule, etc. 107 00:04:58,610 --> 00:05:00,250 Entonces vamos a plantilla y elegimos 108 00:05:00,250 --> 00:05:02,670 cambiar plantilla. ¿Qué plantilla vamos a elegir? 109 00:05:02,930 --> 00:05:04,209 Pues la de mi portada. 110 00:05:05,009 --> 00:05:05,350 Esta de aquí. 111 00:05:06,850 --> 00:05:08,410 El estado es borrador 112 00:05:08,410 --> 00:05:10,850 y aquí lo que vamos a hacer, vamos a la jerarquía 113 00:05:10,850 --> 00:05:12,649 de bloques y vamos a quitar 114 00:05:12,649 --> 00:05:14,970 algunas cosas que no nos interesan. 115 00:05:15,449 --> 00:05:15,810 Por ejemplo, 116 00:05:16,949 --> 00:05:18,350 esto es la imagen de fondo. Vamos a dejar 117 00:05:18,350 --> 00:05:19,569 ese árbol por ahora. 118 00:05:20,269 --> 00:05:22,949 Y esta tira de botones 119 00:05:22,949 --> 00:05:25,050 que sabéis que es un bloque que luego dentro lleva botones 120 00:05:25,050 --> 00:05:27,129 en este caso solo lleva un botón, lo voy a eliminar 121 00:05:27,129 --> 00:05:29,189 no me interesa, para esta parte, este tipo de páginas 122 00:05:29,189 --> 00:05:31,129 y aquí lleva 123 00:05:31,129 --> 00:05:33,129 un título, bueno, esta estructura pila es 124 00:05:33,129 --> 00:05:34,350 uno debajo del otro, ¿vale? 125 00:05:34,850 --> 00:05:36,829 y si la abro, tiene 126 00:05:36,829 --> 00:05:37,790 un evento 127 00:05:37,790 --> 00:05:41,189 que, bueno, que es un botón también, que lo voy a eliminar 128 00:05:41,189 --> 00:05:43,269 y luego, de hecho 129 00:05:43,269 --> 00:05:45,069 voy a eliminar toda la estructura pila 130 00:05:45,069 --> 00:05:46,810 no me interesa tener una estructura pila 131 00:05:46,810 --> 00:05:49,129 sino que dentro voy a poner ahí, pues, un título 132 00:05:49,129 --> 00:05:50,449 y un párrafo 133 00:05:50,449 --> 00:05:52,889 el título, bueno, pues 134 00:05:52,889 --> 00:05:59,509 vamos a poner algo básico bienvenidos al instituto 135 00:05:59,509 --> 00:06:06,149 enrique tierno y el párrafo no vamos a perder tiempo en ver qué poner vamos a 136 00:06:06,149 --> 00:06:10,889 generar un como de vez en cuando hacemos generamos un rey que son de unas 30 137 00:06:10,889 --> 00:06:16,089 palabras de mensaje de bienvenida o algo parecido lo generamos lo copiamos a por 138 00:06:16,089 --> 00:06:22,230 papeles y en ese mismo bloque de párrafo 139 00:06:22,230 --> 00:06:29,610 voy a pegarlo. Control-V y dejo eso. Bueno, ¿qué más haría falta? Pues, aparte de grabar, 140 00:06:29,889 --> 00:06:36,290 establecer la imagen deseada no hace falta, porque ya la imagen deseada en mi portada 141 00:06:36,290 --> 00:06:42,970 no se utiliza. Podemos ver cómo queda. Voy a guardar un borrador, por si acaso algo falla, 142 00:06:42,970 --> 00:06:50,930 y voy a ver cómo queda en una previsualización en una ventana. Bueno, cogerá el encabezado 143 00:06:50,930 --> 00:06:54,149 y footer que tenemos y habrá metido esta imagen de fondo 144 00:06:54,149 --> 00:06:56,449 con bienvenidos al Instituto Enrique Tecnólogo, en amarillo. 145 00:06:57,069 --> 00:06:59,689 Fijaros que por defecto en este tema, cada vez que meto una página 146 00:06:59,689 --> 00:07:01,230 me lo mete en el menú de arriba. 147 00:07:02,750 --> 00:07:05,910 Es decir, ya en el departamento de informática, si voy, estará ahí. 148 00:07:06,550 --> 00:07:08,310 Ahora, para volver, no puedo volver a la portada. ¿Por qué? 149 00:07:08,329 --> 00:07:11,290 Porque la portada todavía no está publicada y entonces no la han metido en el menú. 150 00:07:11,970 --> 00:07:14,990 Esto luego veremos cómo cambiar los menús, poner el orden correcto 151 00:07:14,990 --> 00:07:17,509 y poder poner incluso menús personalizados. 152 00:07:17,509 --> 00:07:18,329 Vamos hacia atrás. 153 00:07:18,329 --> 00:07:21,810 una cosilla fundamental 154 00:07:21,810 --> 00:07:23,149 cuando vamos a la previsualización 155 00:07:23,149 --> 00:07:25,509 si estamos revisualizando dentro de Wordpress 156 00:07:25,509 --> 00:07:26,889 en editar, no va a salir esto 157 00:07:26,889 --> 00:07:29,449 no va a salir esto, que esto es ir al escritorio 158 00:07:29,449 --> 00:07:31,189 y tal, lógicamente en un sitio real 159 00:07:31,189 --> 00:07:33,389 no sale eso, solo cuando tú eres 160 00:07:33,389 --> 00:07:35,550 el administrador y estás, digamos, probando las cosas 161 00:07:35,550 --> 00:07:37,389 vamos a nuestro escritorio, aquí atrás 162 00:07:37,389 --> 00:07:39,269 ¿vale? y ahora 163 00:07:39,269 --> 00:07:41,689 que ya tenemos esa imagen de portada 164 00:07:41,689 --> 00:07:43,629 ah, mira, es importante 165 00:07:43,629 --> 00:07:45,350 se nos ha olvidado decir que esa imagen de portada 166 00:07:45,350 --> 00:07:47,329 sigue siendo borrador 167 00:07:47,329 --> 00:07:49,290 la edito y la voy a publicar 168 00:07:49,290 --> 00:07:51,930 publicar significa que ya está ya visible 169 00:07:51,930 --> 00:07:53,990 para la gente, cuando el sitio 170 00:07:53,990 --> 00:07:56,050 web está vivo, pues es importante 171 00:07:56,050 --> 00:07:57,569 porque mientras no esté publicada 172 00:07:57,569 --> 00:07:59,670 nadie la vería, solo tú que la estás creando 173 00:07:59,670 --> 00:08:02,329 bueno, vamos a ir a los menús principales 174 00:08:02,329 --> 00:08:03,730 una cosa importante 175 00:08:03,730 --> 00:08:05,730 dentro de los ajustes que hasta ahora hemos tocado poco 176 00:08:05,730 --> 00:08:07,750 podemos ver que en ajustes generales 177 00:08:07,750 --> 00:08:09,569 vamos a dar un repaso, ya pusimos, como cambiamos 178 00:08:09,569 --> 00:08:11,529 el footer o el pie de página y pusimos 179 00:08:11,529 --> 00:08:13,410 el icono del sitio, ya lo cambió 180 00:08:13,410 --> 00:08:15,790 aquí poca cosa tenemos que hacer 181 00:08:15,790 --> 00:08:21,350 pero vamos a ver en escritura en los menús de escritura 182 00:08:21,350 --> 00:08:24,790 tenemos la categoría por defecto podemos poner una categoría por defecto que ya 183 00:08:24,790 --> 00:08:28,930 tenemos algunas cuando quedamos entrada por ejemplo que sea información esto de 184 00:08:28,930 --> 00:08:34,710 aquí no vamos a cambiar nada y en lectura si es muy importante que pongamos y estas 185 00:08:34,710 --> 00:08:38,590 son dos configuraciones muy muy importantes de nuestro sitio que es la 186 00:08:38,590 --> 00:08:43,990 página de inicio vale la página de inicio en nuestro caso va a ser portada 187 00:08:43,990 --> 00:08:48,090 y la página de entradas todavía no la tenemos hecha, vamos a hacer en otro vídeo 188 00:08:48,090 --> 00:08:50,389 la dejamos así, guardar cambios 189 00:08:50,389 --> 00:08:56,149 hay una cosita también que no hemos puesto, es en comentarios, recordaros que cada vez 190 00:08:56,149 --> 00:09:00,029 que creamos un comentario eliminamos, perdón, cada vez que creamos una noticia o parte del blog 191 00:09:00,029 --> 00:09:03,809 eliminamos que se puedan poner comentarios, eso se hace aquí, permitir que se envíen comentarios 192 00:09:03,809 --> 00:09:08,190 de enlaces nuevos, y todo esto intentar avisar en cualquier momento, lo eliminamos 193 00:09:08,190 --> 00:09:11,269 guardamos y ya tenemos 194 00:09:11,269 --> 00:09:18,110 nuestra página lista para el siguiente proceso, que va a ser crear una página de noticias 195 00:09:18,110 --> 00:09:20,429 y poner en orden nuestro menú.