Saltar navegación

CMS3

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 febrero de 2026 por Patricia De A.

1 visualizaciones

CMS

Más información Transcripción

Descargar la transcripción

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. 00:00:00
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, 00:00:15
el departamento de informática, la política de privacidad y ahora en este vídeo vamos a hacer la portada. 00:00:27
Quedaría luego también hacer una página de noticias en donde pongamos todas las entradas y podamos ver qué noticias van ocurriendo. 00:00:32
también ese resumen de noticias o de las últimas noticias 00:00:40
la pondremos en un carrete urril 00:00:42
en la propia portada 00:00:44
bueno, para la portada como hemos dicho 00:00:46
lo primero que tenemos que ver es qué plantilla 00:00:49
vamos a utilizar y resulta que 00:00:50
cuando creamos una página, por defecto 00:00:52
nos va a crear esa página en una plantilla 00:00:54
que viene aquí, que ya hemos visto 00:00:56
que se llama páginas, esta de aquí 00:00:58
sin embargo esta plantilla 00:01:00
para mi portada no me interesa 00:01:01
¿por qué? porque tiene aquí una imagen 00:01:04
destacada, digamos, ahí en cabecero 00:01:06
porque tiene un título, luego ya el contenido. 00:01:08
Si el cabecero y el pie, pues como en toda la web, voy a dejar el mismo, ¿vale? 00:01:11
Pero no me interesa esta plantilla. 00:01:16
Por tanto, lo que vamos a hacer es crear una plantilla personalizada nuestra para la portada. 00:01:17
Aquí, cuando estamos dentro de la propia edición del tema, podemos añadir una plantilla, 00:01:22
añadir plantilla, y aquí vamos a elegir plantilla personalizada. 00:01:29
Ponemos la plantilla que sea mi portada. 00:01:33
la voy a llamar así y la creamos 00:01:36
a continuación 00:01:39
nos va a decir que 00:01:40
elijamos un patrón 00:01:42
y nos plantea un patrón que es 00:01:44
el mismo de la página, pues lo elegimos 00:01:46
¿qué vamos a hacer ahora? pues lógicamente 00:01:49
vamos a visualizar jerárquicamente 00:01:51
los contenidos, todos están 00:01:52
en grupos, los bloques 00:01:55
y la imagen destacada, hemos dicho que no la quiero 00:01:55
para mi portada, ¿vale? 00:01:58
el título, no, ya lo pondré yo y dejamos solamente 00:02:00
un grupo de contenido 00:02:02
pero está muy hundido el grupo, dentro del grupo 00:02:05
bueno, pues yo lo voy a sacar 00:02:07
y lo voy a poner fuera 00:02:09
lo ponemos a nivel 00:02:11
de aquí 00:02:15
de tal manera que 00:02:17
de tal manera que voy a tener este grupo 00:02:19
ya lo elimino, ¿vale? 00:02:23
voy a tener header, contenido y footer 00:02:24
con poco espacio 00:02:26
el footer, hay aquí como veis 00:02:28
bastante espacio 00:02:30
pero eso lo vamos a dejar aquí 00:02:31
¿vale? veis que entre el icono 00:02:34
de la página, del sitio web 00:02:36
hemos puesto el icono del instituto 00:02:38
hasta arriba hay ahí 00:02:40
mucho espacio, hay dos grupos 00:02:42
¿vale? y entre uno y otro 00:02:44
se queda mucho espacio 00:02:46
¿qué podría hacer? 00:02:48
tener en cuenta que esto que está en color 00:02:50
morado 00:02:52
es un, digamos, es un 00:02:53
patrón vinculado, si lo cambio 00:02:56
lo cambiaré en todo, bueno 00:02:58
puede ser que en algunos sitios nos resulte 00:03:00
mejor quitar tanto espacio, yo para hacerlo 00:03:02
aquí y que veáis como funciona 00:03:04
se puede configurar el grupo de arriba 00:03:06
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. 00:03:08
se puede añadir aquí una descripción 00:03:27
a cada plantilla, no es obligatorio 00:03:30
pero podemos añadir aquí 00:03:32
plantilla tipo 00:03:33
para la portada del sitio 00:03:35
¿vale? 00:03:38
y una vez que tengamos ya esto 00:03:40
pues podemos guardar 00:03:41
¿vale? guardar 00:03:43
nos da aquí que guardemos también las partes 00:03:45
de la plantilla como header y footer porque las hemos modificado 00:03:48
guardar 00:03:50
bien, volvemos por tanto 00:03:51
a nuestras páginas, sabemos que las páginas 00:03:53
las podemos hacer dentro del tema, es decir, apariencia, editar, o bien en el menú principal 00:03:56
de páginas. Vamos a hacerlo aquí dentro del tema. Y añadimos, tenemos tres páginas 00:04:01
publicadas, departamento de informática, una página de ejemplo que venía, privacidad, 00:04:06
y ahora vamos a añadir la portada. Pues vamos a llamar portada o home. Yo le voy a llamar 00:04:09
portada. En muchas páginas le llaman también la página home, crear portada. Por defecto 00:04:18
nos van a decir, elige un patrón para la portada 00:04:25
bueno, yo, vamos a ver, como ahora no tenemos mucho tiempo 00:04:26
vamos a elegir este patrón, que tiene un fondo con una imagen 00:04:28
el fondo lógicamente se aplicaría 00:04:31
al contenido, no a toda la página 00:04:33
si quisiéramos que el fondo fuera a toda la página 00:04:35
habría que ponerlo en la plantilla 00:04:37
probablemente, y ya por encima 00:04:38
pondríamos el encabezado y el footer 00:04:40
¿vale? pero 00:04:43
de esta manera más o menos también podría quedar bien 00:04:44
bueno, pues ya estamos editando 00:04:46
nuestra portada 00:04:48
¿vale? la plantilla 00:04:50
como vemos, si no la cambiamos 00:04:52
va a ser la plantilla de páginas y no queremos 00:04:54
porque no puede haber portada, que se titule, etc. 00:04:56
Entonces vamos a plantilla y elegimos 00:04:58
cambiar plantilla. ¿Qué plantilla vamos a elegir? 00:05:00
Pues la de mi portada. 00:05:02
Esta de aquí. 00:05:05
El estado es borrador 00:05:06
y aquí lo que vamos a hacer, vamos a la jerarquía 00:05:08
de bloques y vamos a quitar 00:05:10
algunas cosas que no nos interesan. 00:05:12
Por ejemplo, 00:05:15
esto es la imagen de fondo. Vamos a dejar 00:05:16
ese árbol por ahora. 00:05:18
Y esta tira de botones 00:05:20
que sabéis que es un bloque que luego dentro lleva botones 00:05:22
en este caso solo lleva un botón, lo voy a eliminar 00:05:25
no me interesa, para esta parte, este tipo de páginas 00:05:27
y aquí lleva 00:05:29
un título, bueno, esta estructura pila es 00:05:31
uno debajo del otro, ¿vale? 00:05:33
y si la abro, tiene 00:05:34
un evento 00:05:36
que, bueno, que es un botón también, que lo voy a eliminar 00:05:37
y luego, de hecho 00:05:41
voy a eliminar toda la estructura pila 00:05:43
no me interesa tener una estructura pila 00:05:45
sino que dentro voy a poner ahí, pues, un título 00:05:46
y un párrafo 00:05:49
el título, bueno, pues 00:05:50
vamos a poner algo básico bienvenidos al instituto 00:05:52
enrique tierno y el párrafo no vamos a perder tiempo en ver qué poner vamos a 00:05:59
generar un como de vez en cuando hacemos generamos un rey que son de unas 30 00:06:06
palabras de mensaje de bienvenida o algo parecido lo generamos lo copiamos a por 00:06:10
papeles y en ese mismo bloque de párrafo 00:06:16
voy a pegarlo. Control-V y dejo eso. Bueno, ¿qué más haría falta? Pues, aparte de grabar, 00:06:22
establecer la imagen deseada no hace falta, porque ya la imagen deseada en mi portada 00:06:29
no se utiliza. Podemos ver cómo queda. Voy a guardar un borrador, por si acaso algo falla, 00:06:36
y voy a ver cómo queda en una previsualización en una ventana. Bueno, cogerá el encabezado 00:06:42
y footer que tenemos y habrá metido esta imagen de fondo 00:06:50
con bienvenidos al Instituto Enrique Tecnólogo, en amarillo. 00:06:54
Fijaros que por defecto en este tema, cada vez que meto una página 00:06:57
me lo mete en el menú de arriba. 00:06:59
Es decir, ya en el departamento de informática, si voy, estará ahí. 00:07:02
Ahora, para volver, no puedo volver a la portada. ¿Por qué? 00:07:06
Porque la portada todavía no está publicada y entonces no la han metido en el menú. 00:07:08
Esto luego veremos cómo cambiar los menús, poner el orden correcto 00:07:11
y poder poner incluso menús personalizados. 00:07:14
Vamos hacia atrás. 00:07:17
una cosilla fundamental 00:07:18
cuando vamos a la previsualización 00:07:21
si estamos revisualizando dentro de Wordpress 00:07:23
en editar, no va a salir esto 00:07:25
no va a salir esto, que esto es ir al escritorio 00:07:26
y tal, lógicamente en un sitio real 00:07:29
no sale eso, solo cuando tú eres 00:07:31
el administrador y estás, digamos, probando las cosas 00:07:33
vamos a nuestro escritorio, aquí atrás 00:07:35
¿vale? y ahora 00:07:37
que ya tenemos esa imagen de portada 00:07:39
ah, mira, es importante 00:07:41
se nos ha olvidado decir que esa imagen de portada 00:07:43
sigue siendo borrador 00:07:45
la edito y la voy a publicar 00:07:47
publicar significa que ya está ya visible 00:07:49
para la gente, cuando el sitio 00:07:51
web está vivo, pues es importante 00:07:53
porque mientras no esté publicada 00:07:56
nadie la vería, solo tú que la estás creando 00:07:57
bueno, vamos a ir a los menús principales 00:07:59
una cosa importante 00:08:02
dentro de los ajustes que hasta ahora hemos tocado poco 00:08:03
podemos ver que en ajustes generales 00:08:05
vamos a dar un repaso, ya pusimos, como cambiamos 00:08:07
el footer o el pie de página y pusimos 00:08:09
el icono del sitio, ya lo cambió 00:08:11
aquí poca cosa tenemos que hacer 00:08:13
pero vamos a ver en escritura en los menús de escritura 00:08:15
tenemos la categoría por defecto podemos poner una categoría por defecto que ya 00:08:21
tenemos algunas cuando quedamos entrada por ejemplo que sea información esto de 00:08:24
aquí no vamos a cambiar nada y en lectura si es muy importante que pongamos y estas 00:08:28
son dos configuraciones muy muy importantes de nuestro sitio que es la 00:08:34
página de inicio vale la página de inicio en nuestro caso va a ser portada 00:08:38
y la página de entradas todavía no la tenemos hecha, vamos a hacer en otro vídeo 00:08:43
la dejamos así, guardar cambios 00:08:48
hay una cosita también que no hemos puesto, es en comentarios, recordaros que cada vez 00:08:50
que creamos un comentario eliminamos, perdón, cada vez que creamos una noticia o parte del blog 00:08:56
eliminamos que se puedan poner comentarios, eso se hace aquí, permitir que se envíen comentarios 00:09:00
de enlaces nuevos, y todo esto intentar avisar en cualquier momento, lo eliminamos 00:09:03
guardamos y ya tenemos 00:09:08
nuestra página lista para el siguiente proceso, que va a ser crear una página de noticias 00:09:11
y poner en orden nuestro menú. 00:09:18
Etiquetas:
Internet
Autor/es:
José María Castillo
Subido por:
Patricia De A.
Licencia:
Todos los derechos reservados
Visualizaciones:
1
Fecha:
18 de febrero de 2026 - 9:26
Visibilidad:
Clave
Centro:
IES ENRIQUE TIERNO GALVAN
Duración:
09′ 22″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
20.00 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid