Saltar navegación

CMS2

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

Buen día. En este capítulo de hoy vamos a aprender a crear una página. El otro día ya vimos entradas. 00:00:00
Entonces, actualmente tenemos nuestra página todavía está en construcción. Como vemos, tenemos el dashboard. 00:00:07
Ya podemos descartar este mensaje que nos da cuando instalamos la primera vez. 00:00:16
Si nos vamos a entradas, ya he ido tres entradas. Tenemos esta, sin embargo, de Hola Mundo. 00:00:20
las tres entradas, y es importante que veamos 00:00:25
que están en estado publicado 00:00:28
todas las entradas que hay aquí, o en la de Hola Mundo 00:00:30
que es una entrada que viene como ejemplo 00:00:32
vamos a cambiarla de estado a un estado 00:00:34
de borrador, para que no salga 00:00:36
un estado de borrador significa que estamos todavía 00:00:37
creándola, recordad que una entrada 00:00:40
es como una noticia, o un blog 00:00:42
es decir, algo que se hace cronológicamente 00:00:44
podríamos hacerlo cada día, cada semana, etc 00:00:46
pero podemos cambiarla a un estado de borrador 00:00:47
con lo cual no nos saldrá 00:00:50
no la borramos, la dejamos, pero nos sale 00:00:52
y cambiamos su estado a borrador 00:00:53
Aquí ya guardar. Comentar porque ha habido algunos que me habéis preguntado que no sale este menú de la derecha, eso es por esta parte. Aquí tenemos un botón que es ajustes, también con control shift más, pero se le llama aquí, tenemos el menú para la página o entrada y también el bloque concretamente que estemos eligiendo. 00:00:55
Bueno, pues hemos ya puesto estas tres entradas y ahora nos toca irnos a páginas. 00:01:13
Vamos a ver primero nuestro tema, apariencia editar. 00:01:19
Recordamos que tenemos el tema 2025, que es el último tema que nos instala por defecto. 00:01:22
Hay miles de temas. Este es el que viene por defecto de la instalación. 00:01:29
Es un tema, digamos, generalista. 00:01:32
Bueno, pues aquí tenemos las plantillas. 00:01:34
Y cada vez que creamos una entrada o una plantilla, va a utilizar una plantilla por defecto. 00:01:37
Cuando creamos una entrada, como ya vimos y personalizamos, se utilizan entradas individuales. 00:01:40
Esto está marcado en el tema. 00:01:44
Lógicamente, ya dentro, cuando estamos creando, podemos cambiar la plantilla, pero por defecto nos viene esta. 00:01:45
Y cuando creamos una página, que es lo que vamos a hacer ahora, nos va a poner siempre la plantilla esta, que es página. 00:01:50
Vamos a abrirla para ver qué contiene. 00:01:55
Como veis, cuando vamos a abrir aquí la lista de bloques, esta plantilla contiene unos patrones aquí, 00:01:58
el header, que está vinculado, por eso está en color púrpura, el footer, eso va a ser igual en toda nuestra página, 00:02:05
nos viene muy bien y luego ya contiene dentro 00:02:09
una serie de grupos 00:02:11
que sabéis que se hacen así 00:02:13
para luego poder cambiar características 00:02:15
en bloque de todo lo que haya dentro del grupo 00:02:17
y aquí tiene para cada página 00:02:19
una imagen destacada, un título y luego 00:02:21
el contenido, el contenido es ya 00:02:23
lo que vayamos a poner y dentro de ese contenido 00:02:25
también podemos elegir un patrón 00:02:27
que un patrón, como sabéis, es lo que llamamos 00:02:29
el lienzo, pero al final es 00:02:31
no puedo hacer patrones, que son conjuntos de bloques 00:02:33
dispuestos de una manera 00:02:35
entonces esta plantilla, tal y como lo está 00:02:37
pues no puede venir bien perfectamente 00:02:39
para poner, por ejemplo, la que es lo que vamos a hacer ahora 00:02:41
una página del departamento de informática 00:02:43
la idea es crear varias páginas 00:02:45
y luego ya cambiaremos 00:02:48
en el encabezado este menú de navegación 00:02:50
de tal manera que podamos ir a cada una de estas páginas 00:02:51
bueno, pues esta plantilla 00:02:54
sin cambiar mucho, nos va a venir bien, la vamos a dejar así 00:02:55
pues venga, vamos a la obra 00:02:58
tenemos dos maneras de crear 00:03:00
de crear las páginas, una directamente 00:03:01
en páginas, en el menú principal 00:03:04
u otra, son idénticas, que es en apariencia y tal, y aquí, dentro del propio tema, pues hay un menú de páginas 00:03:05
en donde podemos añadir páginas directamente. Vemos que tenemos dos, el página de ejemplo y política de privacidad. 00:03:13
La página de ejemplo está publicada, la quitaremos luego seguramente, y la política de publicidad está en borrador. 00:03:20
Luego la reutilizaremos y la pondremos en estado publicada y la utilizaremos para acceder en el menú. 00:03:25
Pues añadamos la página departamento de informática, aquí nos dice crear borrador lógicamente porque al principio era un borrador y nos va a preguntar el patrón, el patrón como hemos dicho es simplemente que es opcional, podemos no poner patrón y nosotros soltaríamos bloques ahí, pero el patrón nos va a poner ya unos bloques en una disposición y de un tipo predefinidos. 00:03:29
bueno, yo por los colores y tal 00:03:55
voy a utilizar este patrón 00:03:57
de landing for book 00:03:59
¿vale? 00:04:02
lógicamente lo vamos a cambiar 00:04:03
bueno, pues ya estamos en la página 00:04:04
en el menú de la derecha, en página, vemos que la plantilla 00:04:06
es una por defecto de páginas 00:04:09
no está publicada todavía 00:04:12
está en estado borrador 00:04:14
comentarios cerrados 00:04:16
es decir, ¿por qué están cerrados los comentarios? 00:04:18
porque la página normalmente en la configuración por defecto es cerrada 00:04:20
las entradas o noticias 00:04:23
si se pueden comentar. Luego cambiaremos la configuración 00:04:24
general. Bueno, pues aquí 00:04:27
de todo esto que hay aquí, que a mí 00:04:28
vamos a poner la lista jerárquica, aquí hay muchos grupos 00:04:30
¿vale? De todos estos grupos 00:04:33
que hay aquí, pues bueno 00:04:35
aquí hay como una serie de noticias 00:04:36
y abajo un menú 00:04:39
bueno, un botón de suscribirte 00:04:41
en fin, que tiene un fondo amarillo 00:04:42
y aquí, bueno, esto está hecho como para un libro 00:04:45
pero lo vamos a cambiar. Bueno, lo primero que vamos a hacer es 00:04:47
cambiar este grupo de aquí 00:04:49
que es el de abajo, que tiene una fila 00:04:51
Y la fila tiene una barra de botones, que los botones, en este caso, los voy a borrar. 00:04:53
Tiene un espaciador. El espaciador es un espacio entre unos bloques y otros que vamos a borrar. 00:04:59
Y aquí hay un título, ¿vale? 00:05:03
En donde vamos a poner algo un poco relativo a nuestro departamento de informática. 00:05:06
En el fondo podemos poner algo así como 00:05:12
Engánchate al futuro con nuestra formación en informática. 00:05:17
Y aquí, para no tener que escribir contenido, porque el curso no tiene, pues vamos a poner, como sabéis, un ipsum, un loring ipsum. 00:05:29
Lo tenemos aquí, ponemos un loring ipsum de 30 palabras. 00:05:39
Generamos, lo copiamos, lo vamos aquí y lo ponemos. 00:05:44
Perfecto. Vamos a ver luego qué bloques hay aquí. 00:05:50
Aquí hay un grupo, es muy interesante, pero que no me sirve. 00:05:52
Como es este de aquí, International Editions, pues este lo borro. 00:05:59
Luego, este grupo, vamos a ir viendo los grupos, desde el menú de la izquierda. 00:06:04
Este de Frequently Asked Questions lo vamos a dejar, porque es como hay un grupo que está, como veis, en un layout de columnas. 00:06:11
Este de aquí lo voy a borrar. 00:06:17
Este lo voy a dejar, porque aquí voy a poner algo. 00:06:22
Y este de aquí también lo voy a borrar. 00:06:25
vamos a ver si lo selecciono bien 00:06:28
ese lo dejo 00:06:30
y este, como veis 00:06:32
lo voy a borrar, es demasiado contenido 00:06:36
¿vale? bien, entonces 00:06:38
aquí 00:06:40
dentro de 00:06:41
Storiesbook, departamento de informática, pues este 00:06:44
título lo voy a borrar 00:06:46
¿vale? 00:06:47
este de aquí lo voy a poner como 00:06:50
un login Ipsum, vamos a poner ahora 00:06:52
lo que vamos a generar, pero 00:06:54
este de aquí por ejemplo 00:06:56
como un login Ipsum 00:06:58
este de aquí, este lo borro 00:07:02
¿vale? esta imagen 00:07:06
la voy a reemplazar con algo que tenga que ver 00:07:08
digamos con 00:07:11
la informática, pues entonces 00:07:13
vamos aquí al bloque y en la imagen 00:07:15
vamos a ver si 00:07:17
aquí veis que tengo reemplazar 00:07:19
¿vale? pues 00:07:20
el de la biblioteca de medios 00:07:22
esta de aquí, que es la imagen 00:07:24
del departamento de informática 00:07:26
¿ok? y luego aquí podemos poner 00:07:28
pues 00:07:30
pues algo así como 00:07:31
formate en siguientes especialidades 00:07:36
aquí podemos poner ya, como veis en este grupo hay un título 00:07:43
este de aquí, este, y aquí podemos poner por ejemplo 00:07:49
desarrollo web, aquí en este título 00:07:53
vamos a poner desarrollo aplicaciones 00:08:02
multiplataforma 00:08:09
vale 00:08:11
en este de aquí vamos a poner 00:08:13
y en este de aquí 00:08:22
como vemos, este de aquí 00:08:24
bueno, por hacerlo cuadrado lo vamos a dejar, el texto lo voy a dejar 00:08:27
lo que hay, vale, no lo voy a cambiar 00:08:29
lógicamente ese texto no tiene nada que ver con 00:08:31
el título, pero aquí vamos a poner 00:08:32
pues no sé, Víctor 00:08:35
me ha faltado más 6, pero bueno, da igual 00:08:37
entonces, esto sería 00:08:41
básicamente 00:08:43
enganchate, vamos a ponerlo con acento 00:08:44
esto sería un poco 00:08:47
pues nuestra página del departamento de informática 00:08:50
vamos a ver otra vez, revisamos 00:08:52
establecer imagen destacada 00:08:54
pues la imagen destacada 00:08:57
vamos a establecerla 00:08:58
como esta 00:09:00
siempre es bueno, por si luego hace un resumen 00:09:01
bueno, esto sobre todo se utiliza más en las páginas 00:09:04
etcétera, una vez que tengamos esto 00:09:07
bueno, antes de publicar 00:09:08
guardo como valorador y vamos a 00:09:10
mirarlo, ah, una cosa interesante 00:09:12
es la opción aquí en visualización que te dice 00:09:15
mostrar plantilla y es que al mostrar plantilla podemos ir editando pero de 00:09:16
acuerdo a la plantilla que sabéis que nos pone ese footer y este y este 00:09:20
header vamos a apuntar pero si vamos a previsualizar vamos a ver algo muy 00:09:25
parecido a lo que puede quedar esto que ha pasado al poner imagen destacada 00:09:30
y luego tener otra vez la imagen aquí abajo se repite vamos a intentar que la 00:09:39
imagen destacada sea diferente. ¿Cómo lo hacemos? Pues muy fácil, nos vamos aquí, 00:09:43
reemplazamos la imagen destacada y bueno, no tengo ninguna que nos sirva. Vamos a ver 00:09:50
si rápidamente, voy a subir a la biblioteca, si yo pongo aquí informática y busco en 00:09:55
Google imágenes, pues lógicamente vamos a ver si ponemos algo que sea, bueno, así 00:10:02
como espectacular y vamos a ir vamos a visitar el sitio 00:10:09
y aquí con la pantalla que lo tenéis vosotros 00:10:20
porque estoy en una manera virtual voy a coger 00:10:24
este área de imagen un poquito 00:10:27
aquí 00:10:32
cojo, ya sabes que esto me lo guarda 00:10:35
bueno, esta página ya puedo 00:10:41
borrarla 00:10:43
y esta también 00:10:44
me voy aquí, y en la biblioteca 00:10:45
voy a ver, estaba en 00:10:49
establecer imagen destacada, pues aquí lo que voy a hacer 00:10:51
es reemplazar, pero directamente 00:10:53
subir archivos 00:10:55
seleccionar archivos 00:10:57
selecciono la imagen que acabo 00:10:59
de subir, es esta de aquí 00:11:01
abrimos 00:11:03
el ratón va fatal 00:11:05
y establecer como imagen predeterminada 00:11:07
¿qué nos va a permitir esto? 00:11:11
a la hora de visualizar, lógicamente 00:11:12
ya vamos a tener 00:11:14
dos imágenes, la destacada arriba 00:11:16
y la del departamento de informática 00:11:18
¿por qué tenemos la imagen destacada arriba? 00:11:20
muy fácil, porque está en la plantilla 00:11:22
si la plantilla la modificamos y la quitamos 00:11:23
podemos hacer, vamos a publicar ya esta 00:11:26
esta página ya está hecha 00:11:27
si en la plantilla modificamos la plantilla de páginas 00:11:29
que está aquí 00:11:32
podríamos quitar la imagen destacada 00:11:33
ahí. La plantilla que utilizamos 00:11:35
por defecto se llama Páginas. Si la edito 00:11:37
veis que aquí por encima del título 00:11:39
lo vamos a mostrar en la lista 00:11:41
tenemos la imagen destacada. 00:11:43
Toda la plantilla 00:11:46
está dentro de grupos y hay imagen 00:11:46
destacada, que es uno de los bloques 00:11:49
que se puede utilizar. Es decir, cuando yo 00:11:51
busco imagen 00:11:53
hay imagen normal e 00:11:54
imagen destacada. 00:11:57
Por eso, cada vez que 00:11:59
creamos una página y utiliza esa plantilla 00:12:01
nos va a poner también, si lo queremos, la imagen 00:12:03
destacada. Vale, pues ya tenemos, si nos vamos a páginas aquí, todas las páginas, ya vamos 00:12:05
a tener departamento de informática. Lógicamente, no lo vamos a grabar en vídeo, vamos a hacer 00:12:10
varias páginas y ahora en el siguiente vídeo vamos a continuar poniendo cada una de las 00:12:14
páginas en los menús y con esto tendríamos el objetivo mínimo del curso. 00:12:17
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:25
Visibilidad:
Clave
Centro:
IES ENRIQUE TIERNO GALVAN
Duración:
12′ 24″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
31.03 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid