1 00:00:00,000 --> 00:00:13,259 Según las instrucciones de la Viceconsejería, la página de inicio del sitio web del Centro debe contener de manera obligatoria la siguiente información. 2 00:00:14,419 --> 00:00:23,760 Datos de identificación del Centro o servicio, nombre, dirección completa, datos de contacto, teléfono, fax, correo electrónico, etc. 3 00:00:24,800 --> 00:00:29,600 Horarios o enlace destacado a ellos de todos los servicios de atención a la comunidad educativa. 4 00:00:29,600 --> 00:00:37,399 Enlaces al portal de EducaMadrid, Consejería de Educación, Dirección de Área Territorial y Centro de Apoyo al Profesorado 5 00:00:37,399 --> 00:00:42,679 Debido a esto, vamos a ver cómo configurar los datos de identificación del centro 6 00:00:42,679 --> 00:00:45,979 Datos de contacto, los horarios y algunos enlaces 7 00:00:45,979 --> 00:00:51,280 Puesto que otros ya vienen por defecto en la cabecera y el pie de página, no pudiendo modificarse 8 00:00:52,060 --> 00:00:54,740 Para ello vamos a trabajar ya en un tema definido 9 00:00:54,740 --> 00:00:58,700 En el caso de este centro ficticio voy a usar el tema SpicePress 10 00:00:58,700 --> 00:01:06,400 Pero hay que recordar que, a pesar de que los 15 temas tienen diferentes opciones de personalización, mantendrán opciones comunes. 11 00:01:07,640 --> 00:01:09,819 Comenzamos con los datos identificativos. 12 00:01:10,780 --> 00:01:18,760 Para poder mostrar el nombre del centro en la portada de nuestro sitio web, debemos acceder al escritorio de WordPress logueados con nuestra cuenta. 13 00:01:20,920 --> 00:01:26,719 Después vamos a ir al menú Apariencia y dentro de este app, Personalizar. 14 00:01:26,719 --> 00:01:37,650 En el menú lateral izquierdo encontraremos un apartado llamado Identidad del sitio, que es común en todos los temas. 15 00:01:40,939 --> 00:01:45,120 En la caja de texto de Título del sitio podemos establecer el nombre de nuestro centro educativo 16 00:01:45,120 --> 00:01:49,359 y en Descripción corta podremos escribir la dirección completa. 17 00:01:53,019 --> 00:01:59,739 Podremos configurar además el logotipo del centro, subiendo el archivo o seleccionándolo de la biblioteca de medios. 18 00:02:17,099 --> 00:02:18,319 Como veis, aparece aquí. 19 00:02:18,319 --> 00:02:27,560 También podremos seleccionar el icono, que se muestra en las pestañas del navegador, en la barra de favoritos y en la app de WordPress 20 00:02:27,560 --> 00:02:34,500 La forma de la imagen a subir debe ser cuadrada y el tamaño de al menos 512 x 512 píxeles 21 00:02:34,500 --> 00:02:52,759 En algunos casos el tema elegido nos permitirá alguna opción más de personalización 22 00:02:52,759 --> 00:02:56,960 Normalmente relacionada con mostrar o no el título o la descripción corta 23 00:02:56,960 --> 00:03:01,120 En este caso lo podríamos también dejar así, pero no se verían los datos 24 00:03:01,120 --> 00:03:13,889 entonces lo mantenemos vamos a hacer clic en publicar los cambios ya están guardados seguimos 25 00:03:13,889 --> 00:03:19,030 con los datos de contacto existen diferentes maneras de mostrar los datos de contacto en la 26 00:03:19,030 --> 00:03:25,449 portada del sitio la más simple consistiría en editar la página de inicio y añadir un bloque 27 00:03:25,449 --> 00:03:31,969 tipo párrafo simplemente escribiendo los datos y publicando después la página otra manera más 28 00:03:31,969 --> 00:03:36,330 interesante puede ser incluir estos datos en un widget de manera que siempre estén visibles por 29 00:03:36,330 --> 00:03:45,710 ejemplo en el footer de la página. Vamos a hacerlo. Vamos al menú principal de personalización, 30 00:03:46,110 --> 00:03:52,310 vamos a widget y en este tema vamos a elegir área de widget izquierda del pie de página. 31 00:03:53,870 --> 00:04:03,479 Como veis está vacío, no tiene ningún widget y vamos a añadir uno. Vamos a buscar el que 32 00:04:03,479 --> 00:04:15,240 corresponde al texto. Como veis se abre una caja en la que vamos a escribir de título 33 00:04:15,240 --> 00:04:35,279 dirección y aquí escribiremos la dirección del centro. Hacemos clic en hecho y ya tenemos 34 00:04:35,279 --> 00:04:42,759 aquí la dirección del centro siempre visible en el footer de la página. Si hacemos clic 35 00:04:42,759 --> 00:04:50,019 en publicar, veremos que si nos vamos a la página secretaria, sigue apareciendo. En 36 00:04:50,019 --> 00:05:01,379 el resto de páginas, del mismo modo, aparecerá. Bien, vamos a hacer lo mismo con los horarios. 37 00:05:02,379 --> 00:05:16,160 En este caso, vamos a elegir el widget central. Añadimos un widget tipo texto, lo titulamos 38 00:05:16,160 --> 00:05:31,220 horarios y copiamos y pegamos el texto referente a los horarios. Y ya lo tenemos. Publicamos. 39 00:05:33,629 --> 00:05:39,949 A continuación vamos a elegir el widget de barra lateral porque queremos añadir un widget 40 00:05:39,949 --> 00:05:55,629 donde haya dos enlaces de interés, enlaces de interés y aquí en lugar de copiarlo en 41 00:05:55,629 --> 00:06:00,629 el apartado de la pestaña visual lo voy a copiar como HTML para que aparezca el enlace 42 00:06:00,629 --> 00:06:14,410 directamente y aquí vuelvo a visual y puedo ver que los enlaces van a funcionar siempre hacemos 43 00:06:14,410 --> 00:06:29,839 clic en publicar ya tenemos todo lo que lo que la vice consejería dice que es obligatorio bien 44 00:06:29,839 --> 00:06:35,319 vamos con algunos de los elementos opcionales entre los que puede estar una imagen o fotografía 45 00:06:35,319 --> 00:06:46,360 esta podría configurarse como una cabecera personalizada en este tema añadiríamos una 46 00:06:46,360 --> 00:06:54,970 nueva imagen yo tengo una ya aquí subida a la biblioteca de medios haríamos clic en ella la 47 00:06:54,970 --> 00:07:00,470 parte como veis clara es la que se mostrará si quisiéramos que se montará mostrará entera la 48 00:07:00,470 --> 00:07:07,529 tendríamos que dejar así pero la vamos a recortar que si no va a ser demasiado grande vamos a dejar 49 00:07:07,529 --> 00:07:21,610 la así hacemos clic en recortar la imagen como veis ya aparece en la parte superior también 50 00:07:21,610 --> 00:07:29,610 sería posible insertarla como un bloque de imagen desde el menú editar la página en este tema 51 00:07:29,610 --> 00:07:34,430 también tenemos dentro de ajustes generales tenemos un diseño de la cabecera con la que 52 00:07:34,430 --> 00:07:47,000 podemos modificar nuestro gusto en este caso creo que la voy a dejar así y la voy a publicar 53 00:07:47,000 --> 00:07:57,300 bien, en cuanto al mapa 54 00:07:57,300 --> 00:08:05,579 vamos a ir a la página de inicio 55 00:08:05,579 --> 00:08:09,060 y la vamos a editar desde 56 00:08:09,060 --> 00:08:11,319 desde el editor Gutenberg 57 00:08:11,319 --> 00:08:18,720 vamos a escribir un encabezado 58 00:08:18,720 --> 00:08:24,370 lo primero, donde estamos 59 00:08:24,370 --> 00:08:26,490 se va a titular 60 00:08:26,490 --> 00:08:28,170 y ahora tenemos 61 00:08:28,170 --> 00:08:30,189 varias opciones, la primera opción 62 00:08:30,189 --> 00:08:32,210 es ir a Google Maps 63 00:08:32,210 --> 00:08:33,789 elegir 64 00:08:33,789 --> 00:08:35,070 buscar, mejor dicho 65 00:08:35,070 --> 00:08:37,190 nuestro centro educativo 66 00:08:37,190 --> 00:08:39,389 hacer clic en el botón compartir 67 00:08:39,389 --> 00:08:42,090 y en esta ventana que se abre 68 00:08:42,090 --> 00:08:43,710 hacemos clic en insertar un mapa 69 00:08:43,710 --> 00:08:47,019 podríamos elegir el tamaño 70 00:08:47,019 --> 00:08:49,039 pequeño, mediano, grande o personalizado 71 00:08:49,039 --> 00:08:50,480 yo lo voy a dejar en mediano 72 00:08:50,480 --> 00:08:52,820 y voy a hacer clic en copiar html 73 00:08:52,820 --> 00:08:56,500 me dice que se ha copiado el portapapeles 74 00:08:56,500 --> 00:09:00,820 puedo volver a la página de inicio 75 00:09:00,820 --> 00:09:02,360 y añado un bloque 76 00:09:02,360 --> 00:09:04,500 de html personalizado 77 00:09:04,500 --> 00:09:08,519 y pego el texto que me acaba de dar 78 00:09:08,519 --> 00:09:09,120 google maps 79 00:09:09,120 --> 00:09:14,320 la otra opción que es libre se llama OpenStreetMaps 80 00:09:14,320 --> 00:09:16,299 también tengo localizado ya el centro 81 00:09:16,299 --> 00:09:19,419 me voy a este lado donde está el botón compartir 82 00:09:19,419 --> 00:09:22,539 y selecciono aquí HTML 83 00:09:22,539 --> 00:09:26,820 el texto ya me aparece resaltado de azul 84 00:09:26,820 --> 00:09:28,000 lo copio 85 00:09:28,000 --> 00:09:33,059 y lo puedo pegar también en otro bloque HTML personalizado 86 00:09:33,059 --> 00:09:37,179 bien, voy a ver la vista previa 87 00:09:37,179 --> 00:09:39,879 como veis los dos enlaces 88 00:09:39,879 --> 00:09:53,399 perdón los dos mapas funcionan sin mayor problema bueno nuestra elección queda el que el que 89 00:09:53,399 --> 00:10:04,889 prefiramos para terminar elaboraremos una pequeña descripción de nuestro centro con otro bloque de 90 00:10:04,889 --> 00:10:17,179 encabezado que vamos a poner al principio y para insertar el otro bloque entre medio de estos dos 91 00:10:17,179 --> 00:10:41,450 hago clic aquí, inserto un párrafo, copiar y apegar, ya tengo mi bloque párrafo, podría capitalizar la primera letra, 92 00:10:42,149 --> 00:10:49,590 podría ajustar el color del texto o el color del fondo, cambiar un poco el tamaño, estas son las opciones que me da el bloque párrafo. 93 00:10:49,590 --> 00:10:54,190 bien, voy a ver la vista previa 94 00:10:54,190 --> 00:10:57,610 como veis tengo la cabecera 95 00:10:57,610 --> 00:10:59,210 el logotipo, los datos 96 00:10:59,210 --> 00:11:03,070 tengo una pequeña bienvenida a nuestro centro 97 00:11:03,070 --> 00:11:05,029 tengo los dos mapas, voy a quitar uno 98 00:11:05,029 --> 00:11:07,309 tengo los enlaces de interés 99 00:11:07,309 --> 00:11:09,389 y tengo la dirección y los horarios 100 00:11:09,389 --> 00:11:11,590 esto ya es una página de inicio 101 00:11:11,590 --> 00:11:13,769 bastante más elaborada 102 00:11:13,769 --> 00:11:21,029 y actualizamos 103 00:11:21,029 --> 00:11:38,240 Vamos a ver la página. Como veis tenemos la página de inicio con ya un aspecto trabajado y listo para poder publicar.