Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Dotar de contenido de la página de inicio - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 18 de enero de 2021 por tic.ismie

345 visualizaciones

Dotar de contenido de la página de inicio

Más información Transcripción

Descargar la transcripción

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. 00:00:00
Datos de identificación del Centro o servicio, nombre, dirección completa, datos de contacto, teléfono, fax, correo electrónico, etc. 00:00:14
Horarios o enlace destacado a ellos de todos los servicios de atención a la comunidad educativa. 00:00:24
Enlaces al portal de EducaMadrid, Consejería de Educación, Dirección de Área Territorial y Centro de Apoyo al Profesorado 00:00:29
Debido a esto, vamos a ver cómo configurar los datos de identificación del centro 00:00:37
Datos de contacto, los horarios y algunos enlaces 00:00:42
Puesto que otros ya vienen por defecto en la cabecera y el pie de página, no pudiendo modificarse 00:00:45
Para ello vamos a trabajar ya en un tema definido 00:00:52
En el caso de este centro ficticio voy a usar el tema SpicePress 00:00:54
Pero hay que recordar que, a pesar de que los 15 temas tienen diferentes opciones de personalización, mantendrán opciones comunes. 00:00:58
Comenzamos con los datos identificativos. 00:01:07
Para poder mostrar el nombre del centro en la portada de nuestro sitio web, debemos acceder al escritorio de WordPress logueados con nuestra cuenta. 00:01:10
Después vamos a ir al menú Apariencia y dentro de este app, Personalizar. 00:01:20
En el menú lateral izquierdo encontraremos un apartado llamado Identidad del sitio, que es común en todos los temas. 00:01:26
En la caja de texto de Título del sitio podemos establecer el nombre de nuestro centro educativo 00:01:40
y en Descripción corta podremos escribir la dirección completa. 00:01:45
Podremos configurar además el logotipo del centro, subiendo el archivo o seleccionándolo de la biblioteca de medios. 00:01:53
Como veis, aparece aquí. 00:02:17
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 00:02:18
La forma de la imagen a subir debe ser cuadrada y el tamaño de al menos 512 x 512 píxeles 00:02:27
En algunos casos el tema elegido nos permitirá alguna opción más de personalización 00:02:34
Normalmente relacionada con mostrar o no el título o la descripción corta 00:02:52
En este caso lo podríamos también dejar así, pero no se verían los datos 00:02:56
entonces lo mantenemos vamos a hacer clic en publicar los cambios ya están guardados seguimos 00:03:01
con los datos de contacto existen diferentes maneras de mostrar los datos de contacto en la 00:03:13
portada del sitio la más simple consistiría en editar la página de inicio y añadir un bloque 00:03:19
tipo párrafo simplemente escribiendo los datos y publicando después la página otra manera más 00:03:25
interesante puede ser incluir estos datos en un widget de manera que siempre estén visibles por 00:03:31
ejemplo en el footer de la página. Vamos a hacerlo. Vamos al menú principal de personalización, 00:03:36
vamos a widget y en este tema vamos a elegir área de widget izquierda del pie de página. 00:03:46
Como veis está vacío, no tiene ningún widget y vamos a añadir uno. Vamos a buscar el que 00:03:53
corresponde al texto. Como veis se abre una caja en la que vamos a escribir de título 00:04:03
dirección y aquí escribiremos la dirección del centro. Hacemos clic en hecho y ya tenemos 00:04:15
aquí la dirección del centro siempre visible en el footer de la página. Si hacemos clic 00:04:35
en publicar, veremos que si nos vamos a la página secretaria, sigue apareciendo. En 00:04:42
el resto de páginas, del mismo modo, aparecerá. Bien, vamos a hacer lo mismo con los horarios. 00:04:50
En este caso, vamos a elegir el widget central. Añadimos un widget tipo texto, lo titulamos 00:05:02
horarios y copiamos y pegamos el texto referente a los horarios. Y ya lo tenemos. Publicamos. 00:05:16
A continuación vamos a elegir el widget de barra lateral porque queremos añadir un widget 00:05:33
donde haya dos enlaces de interés, enlaces de interés y aquí en lugar de copiarlo en 00:05:39
el apartado de la pestaña visual lo voy a copiar como HTML para que aparezca el enlace 00:05:55
directamente y aquí vuelvo a visual y puedo ver que los enlaces van a funcionar siempre hacemos 00:06:00
clic en publicar ya tenemos todo lo que lo que la vice consejería dice que es obligatorio bien 00:06:14
vamos con algunos de los elementos opcionales entre los que puede estar una imagen o fotografía 00:06:29
esta podría configurarse como una cabecera personalizada en este tema añadiríamos una 00:06:35
nueva imagen yo tengo una ya aquí subida a la biblioteca de medios haríamos clic en ella la 00:06:46
parte como veis clara es la que se mostrará si quisiéramos que se montará mostrará entera la 00:06:54
tendríamos que dejar así pero la vamos a recortar que si no va a ser demasiado grande vamos a dejar 00:07:00
la así hacemos clic en recortar la imagen como veis ya aparece en la parte superior también 00:07:07
sería posible insertarla como un bloque de imagen desde el menú editar la página en este tema 00:07:21
también tenemos dentro de ajustes generales tenemos un diseño de la cabecera con la que 00:07:29
podemos modificar nuestro gusto en este caso creo que la voy a dejar así y la voy a publicar 00:07:34
bien, en cuanto al mapa 00:07:47
vamos a ir a la página de inicio 00:07:57
y la vamos a editar desde 00:08:05
desde el editor Gutenberg 00:08:09
vamos a escribir un encabezado 00:08:11
lo primero, donde estamos 00:08:18
se va a titular 00:08:24
y ahora tenemos 00:08:26
varias opciones, la primera opción 00:08:28
es ir a Google Maps 00:08:30
elegir 00:08:32
buscar, mejor dicho 00:08:33
nuestro centro educativo 00:08:35
hacer clic en el botón compartir 00:08:37
y en esta ventana que se abre 00:08:39
hacemos clic en insertar un mapa 00:08:42
podríamos elegir el tamaño 00:08:43
pequeño, mediano, grande o personalizado 00:08:47
yo lo voy a dejar en mediano 00:08:49
y voy a hacer clic en copiar html 00:08:50
me dice que se ha copiado el portapapeles 00:08:52
puedo volver a la página de inicio 00:08:56
y añado un bloque 00:09:00
de html personalizado 00:09:02
y pego el texto que me acaba de dar 00:09:04
google maps 00:09:08
la otra opción que es libre se llama OpenStreetMaps 00:09:09
también tengo localizado ya el centro 00:09:14
me voy a este lado donde está el botón compartir 00:09:16
y selecciono aquí HTML 00:09:19
el texto ya me aparece resaltado de azul 00:09:22
lo copio 00:09:26
y lo puedo pegar también en otro bloque HTML personalizado 00:09:28
bien, voy a ver la vista previa 00:09:33
como veis los dos enlaces 00:09:37
perdón los dos mapas funcionan sin mayor problema bueno nuestra elección queda el que el que 00:09:39
prefiramos para terminar elaboraremos una pequeña descripción de nuestro centro con otro bloque de 00:09:53
encabezado que vamos a poner al principio y para insertar el otro bloque entre medio de estos dos 00:10:04
hago clic aquí, inserto un párrafo, copiar y apegar, ya tengo mi bloque párrafo, podría capitalizar la primera letra, 00:10:17
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. 00:10:42
bien, voy a ver la vista previa 00:10:49
como veis tengo la cabecera 00:10:54
el logotipo, los datos 00:10:57
tengo una pequeña bienvenida a nuestro centro 00:10:59
tengo los dos mapas, voy a quitar uno 00:11:03
tengo los enlaces de interés 00:11:05
y tengo la dirección y los horarios 00:11:07
esto ya es una página de inicio 00:11:09
bastante más elaborada 00:11:11
y actualizamos 00:11:13
Vamos a ver la página. Como veis tenemos la página de inicio con ya un aspecto trabajado y listo para poder publicar. 00:11:21
Autor/es:
TIC CRIF Acacias
Subido por:
tic.ismie
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
345
Fecha:
18 de enero de 2021 - 18:40
Visibilidad:
URL
Centro:
ISMIE
Duración:
11′ 45″
Relación de aspecto:
1.78:1
Resolución:
1276x718 píxeles
Tamaño:
43.94 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid