Saltar navegación

CMS4

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

Hola, en esta sesión de vídeo vamos a utilizar la creación de la página de noticias, que es una página un poco especial. 00:00:01
Bueno, como hemos visto, hemos creado ya algunas páginas. 00:00:05
Vamos a ver qué páginas tenemos. 00:00:09
Y tenemos un departamento de informática, una página de ejemplo que venía y que tenemos que borrar, 00:00:11
una política de privacidad y una portada. 00:00:15
Bueno, la página de ejemplo que venía y que tenemos que borrar directamente, la llevamos a papelera, no la vamos a utilizar. 00:00:17
Y aquí mismo, vamos, porque esto se puede hacer tanto en este menú como también irnos a apariencia, 00:00:21
que es el tema editar y hacerlo de allí, pero lo creamos desde aquí. 00:00:27
Añadimos una página y en esta página que le vamos a llamar noticias, nos aparece el selector de patrones, vamos a dejar de utilizar patrones, recordad que patrones es insertar ahí directamente una estructura de bloques ya predefinidas, entonces vamos a llamarle noticias. 00:00:29
Y solo esto, y vamos a una cosa, que si queremos plantar, porque claro, la página de noticias tiene una estructura un poco especial, y al cambiarse la plantilla, pues no vamos a ver esas plantillas que tenemos especiales para los índices de noticias o entradas, 00:00:45
sino que vamos a ver en mi portada, el page, notas y todo 00:00:56
y lógicamente la página que tenemos puesta 00:00:59
es decir, nos está dando las plantillas específicas 00:01:01
que nos deja, las otras plantillas que existen 00:01:04
las utiliza para cosas muy específicas 00:01:06
bueno, con esto vamos a publicar directamente 00:01:08
y hacemos una publicación 00:01:11
ya está toda esta página publicada 00:01:13
que como veis está prácticamente vacía 00:01:15
y bueno, una cosa curiosa, si vemos ahora 00:01:17
vamos a ver cómo quedaría nuestra página 00:01:19
a veces lo mete directamente en el menú 00:01:20
las páginas que vamos poniendo, por ejemplo, estas noticias 00:01:23
y otras veces no 00:01:25
no nos importa porque luego lo vamos a hacer a mano 00:01:26
o lo vamos a poner totalmente personalizado 00:01:29
nos vamos al escritorio otra vez 00:01:31
y aquí en nuestro escritorio 00:01:33
que se deja, a veces le cuesta 00:01:37
vamos a irnos 00:01:39
a ajustes, y hay unos ajustes de lectura 00:01:43
muy importantes, que ya vimos 00:01:46
que por ejemplo es donde poníamos la portada 00:01:47
y aquí hay 00:01:49
la posibilidad de elegir la página de entradas 00:01:51
y le decimos que es la de noticias 00:01:55
¿qué va a hacer esto? guardamos los cambios 00:01:57
esto automáticamente va a 00:01:58
coger ya esa página y le ha cambiado la plantilla. Si me voy ahora a editar noticias, vemos que 00:02:01
la plantilla ahora ha cambiado a una plantilla tipo inicio de blog. Me sigue pidiendo el 00:02:06
patrón, pero no voy a meter nada. Inicio de blog. Bien, pues aquí lo que va a hacer 00:02:11
esa plantilla, si queremos la podemos ver rápidamente, vamos a apariencia, editor y 00:02:17
en plantillas, esa plantilla de inicio de blog muestra las entradas más recientes, 00:02:25
así como la página de inicio del sitio. Si nos fijamos nos va a poner noticias y vamos a ver aquí 00:02:28
la lista de contenido que será bastante grande, tiene un header y un grupo. Y en el grupo nos está poniendo aquí 00:02:35
un poco todo lo que hay. Bueno, esto de aquí, este mensaje viene originalmente en inglés, yo es que ya lo he cambiado 00:02:40
en la plantilla. Pero vosotros lo vais a poner en inglés, es un mensaje que aparece o no, lo siento, no se encuentra nada. 00:02:46
Asimismo, esta parte de aquí arriba en la plantilla, que yo ya he cambiado, ponía blog y he puesto noticias. 00:02:51
Pero esta plantilla es la que vamos a utilizar. 00:02:57
¿Qué contiene? Bueno, aparte de contener un grupo, 00:03:00
bueno, un título y luego un bloque que se llama 00:03:01
bucle de consulta, que es un bloque bastante complejo 00:03:04
que lo que nos mete es un grill, 00:03:07
el extenso de todas nuestras entradas a noticias. 00:03:09
Bueno, con esto ya tendríamos, si nos vamos a la página, 00:03:12
todas nuestras páginas que vamos a necesitar. 00:03:16
¿Qué nos falta? Tenemos departamento de informática, 00:03:18
noticias, política de privacidad y portada. 00:03:21
¿Qué nos falta? Pues ver cómo gestionamos los menús. 00:03:23
Los menús, la mejor manera, y es la que yo recomiendo, 00:03:26
es lo podemos hacer aquí con apariencia editor. 00:03:29
Y ahí podemos tener diferentes menús. 00:03:33
Este que tenemos ahora se llama navegación. 00:03:35
Se tiene cuenta que podemos hacer otro. 00:03:38
Es decir, aquí, por ejemplo, si yo me voy aquí, 00:03:39
me parece que puedo hacer una duplicidad y podría hacer otro menú. 00:03:43
Navegación copia. Luego ya le podría cambiar el nombre. 00:03:49
Fijaros que en navegación, dentro tendría navegación copia y navegación. 00:03:51
Voy a eliminar el navegación copia. 00:03:55
porque no lo voy a utilizar, pero para que veáis cómo funciona esto, lo borro, 00:03:57
y me quedo con un solo menú, porque en mi página solo va a haber un menú, una navegación, ¿vale? 00:04:02
Ahora mismo tiene una lista de páginas que son estas cuatro, ¿vale? 00:04:05
Bueno, esto de hacerlo aquí no me gusta porque hay que duplicar y tal, 00:04:09
de hecho, os voy a enseñar a hacerlo de una manera mucho más, yo creo, directa y visual. 00:04:12
Si yo me voy a cualquier plantilla, por ejemplo, o página, no, me voy a ir a plantillas, 00:04:16
en cualquier plantilla voy a tener vinculado el patrón de mis menús, ¿vale? 00:04:21
a la plantilla normal 00:04:26
que esto lo podéis hacer en cualquier sitio 00:04:28
en donde tengáis vinculado el patrón 00:04:29
entonces ahí, aquí mismo 00:04:31
en esta plantilla, si yo veo 00:04:34
voy a tener en el header un grupo 00:04:35
luego tiene otro grupo 00:04:37
una fila 00:04:39
una fila aquí y ahí veo ya navegación 00:04:40
¿vale? entonces este es el objeto 00:04:43
del menú, que lo podéis poner en cualquier parte 00:04:46
nosotros lo hemos puesto aquí en la encabezada 00:04:47
¿qué tenemos que hacer aquí? pues si yo quiero por ejemplo 00:04:49
eliminar 00:04:52
ahora mismo tengo portada, política priorizada, página 00:04:53
ejemplo, no valido porque he eliminado 00:04:55
la propia página, entonces 00:04:57
esto lo elimino, vale, lo pongo aquí 00:04:59
me gusta más y lo elimino 00:05:02
y luego, ¿qué voy a hacer? aquí en este más 00:05:04
puedo generar otra entrada de menú 00:05:06
y me van a dar aquí las páginas 00:05:08
que tengo, bueno, pues voy a meter 00:05:10
noticias, bien, ¿qué problema hay? 00:05:12
pues noticias se ha puesto justo 00:05:14
delante de la portada y yo quiero que sea 00:05:16
política, privacidad, noticias, departamento, entonces la selecciono 00:05:17
y la muevo, simplemente la estoy 00:05:20
soltando hasta ahí 00:05:22
ya la tengo, política de privacidad, noticias 00:05:23
departamento de informática y portada 00:05:26
bien, pues ya guardo, ¿qué ocurrirá cuando guarde aquí? 00:05:27
como esto es un MSC color morado 00:05:30
morila, como esto es 00:05:32
está vinculado, ya va a cambiar 00:05:33
todo mi encabezado, pero también ha cambiado mi estructura 00:05:35
del menú al que llamo navegación 00:05:38
guardar y aquí ves, me dice 00:05:39
¿quiero guardar también navegación? sí, sí, todo 00:05:41
y automáticamente ya me lo ha cambiado 00:05:44
bueno, pues con esto 00:05:46
no nos falta más que una cosita, bueno, vamos a ver 00:05:47
nos vamos al escritorio, vamos a ver 00:05:50
cómo queda la página. No la vamos a modificar más porque 00:05:52
se trata de... Esta es nuestra portada. 00:05:53
El departamento de informática. 00:05:57
Seríamos esta la página del departamento de informática. 00:05:58
Política de privacidad. Esta es la página 00:06:02
de política de privacidad. 00:06:04
Y esta es la página de noticias. 00:06:06
Aquí vemos 00:06:10
que es un reel de noticias, un debajo de otro. 00:06:10
Hay tres, pues 00:06:13
solo enseña tres. Si hubiera más, hay una configuración 00:06:14
que ya estaría paginado. La fecha de la noticia 00:06:16
sale aquí. Bueno, quedaría una pequeña mejora 00:06:18
que es que muchas veces en nuestra portada queremos poner las últimas noticias. 00:06:20
Es algo bastante habitual. 00:06:23
Vamos a ir a la portada y aquí, debajo, entre el footer y tal, 00:06:25
poner las últimas noticias. 00:06:30
Pues vamos a ver cómo lo podríamos hacer. 00:06:31
Pues para eso, lo mejor es directamente modificar la plantilla de mi portada. 00:06:33
Entonces, si nos vamos a editar apariencia de los temas, 00:06:39
bueno, dentro de plantillas elegiríamos nuestra portada, 00:06:45
que es una plantilla que hemos hecho, como sabemos, a la portada. 00:06:48
La plantilla se llama Mi Portado y lo que vamos a hacer es, en la visualización detrás del contenido, 00:06:53
justo aquí vamos a añadir un bloque que es un bloque de consulta de blog. 00:06:59
Si yo busco como blog, aquí, bucle de consulta, este. 00:07:04
Aquí nos va a elegir un patrón y nos va a poner, ya con las entradas que tenemos aquí, 00:07:08
los ejemplos de cómo queremos poner todo. 00:07:13
Bueno, pues yo voy a elegir este. 00:07:15
No lleva imágenes porque lleva el título y luego el resumen y luego la fecha, 00:07:18
pero voy a elegir este. 00:07:21
cuando lo elijamos, ya por defecto 00:07:22
lo ha metido, voy a volver aquí 00:07:25
en cuadrícula yo puedo cambiar determinadas 00:07:26
posiciones, por ejemplo 00:07:29
en la plantilla de entrada, ¿ves? puedo cambiar el número 00:07:31
de columnas, he puesto tres 00:07:33
¿vale? 00:07:34
puedo cambiar luego en algunos grupos y en cada grupo 00:07:37
es que tengo título, extracto 00:07:39
y fecha de entrada, puedo modificarlo 00:07:41
incluso podría poner aquí la imagen 00:07:42
¿vale? en cada una de las columnas 00:07:44
pero bueno, esta vez me voy a simplificar 00:07:46
y lo voy a dejar así, pero como veis hay muchas posibilidades 00:07:49
de configurar y personalizar todo esto 00:07:51
pues esto es la plantilla 00:07:53
esto es mi portada plantilla, lo guardo 00:07:54
y automáticamente ya 00:07:56
la plantilla te la ha cambiado 00:07:59
para mi portada, es decir, no en todas las páginas 00:08:01
solo la página y la portada 00:08:02
bueno, ahora en este vídeo 00:08:03
ya para terminar vamos a ver cómo quedaría la página 00:08:07
nuestra página con todo el 00:08:08
las páginas que hemos puesto, los menús, etc. 00:08:10
lógicamente se puede afinar 00:08:13
mucho más en el diseño, pero este sería 00:08:14
el resultado final, como vemos esta es la página de portada 00:08:16
aquí tendremos el bucle 00:08:18
de las entradas, con tres entradas 00:08:20
podemos irnos a un departamento de informática 00:08:22
por ejemplo, tendríamos esto 00:08:24
veis que tanto el encabezado como el footer 00:08:25
es igual, no podemos ir a la portada 00:08:28
si nos vamos a noticias tendremos ya 00:08:30
mucho más extendido a la noticia que ya hemos puesto 00:08:31
y fijaros que aquí 00:08:34
es la noticia completa, sin embargo 00:08:36
en el bucle de entradas 00:08:38
que tenemos en portada es un resumen 00:08:40
si le damos a portada 00:08:41
vemos que aquí en portada lo que tenemos abajo 00:08:43
es un resumen de las tres noticias 00:08:46
y por último ya y para terminar estos vídeos 00:08:47
vamos a ver cómo instalaríamos para hacer el backup 00:08:50
sabéis que aquí en herramientas 00:08:52
ahí es importar y exportar, pero esto no es realmente 00:08:53
efectivo porque no importa más que los contenidos, es decir 00:08:56
si queréis llevar esta página a un hoster o queréis llevarlo 00:08:57
a otro WordPress en otro ordenador, no serviría 00:08:59
para eso el plugin que yo recomiendo 00:09:01
y que básicamente es un plugin, es como 00:09:03
sabes, es una funcionalidad, es una de las propiedades que tienen estos 00:09:05
CMS y el plugin que yo recomiendo 00:09:08
y que va muy bien 00:09:09
es uno que se llama 00:09:11
WP All-in-One 00:09:13
y se llama Migration me parece 00:09:17
la tenemos aquí 00:09:19
vamos a ver, este de aquí 00:09:21
All-in-One WP Migration and Backup 00:09:23
este es el plugin 00:09:25
que como veis es uno de los más famosos 00:09:26
y que yo recomiendo 00:09:29
esto genera ficheros con una extensión 00:09:32
WPres y lo puedes exportar, importar 00:09:33
hacer backup, etc. Aquí tendréis que 00:09:36
instalarlo y luego activarlo 00:09:37
y con eso ya estaría 00:09:39
digamos listo 00:09:42
la herramienta para poder, vamos a activarlo 00:09:43
para poder hacer backup 00:09:46
generaría al activar un menú 00:09:47
que vemos aquí, en donde podemos exportar 00:09:50
y exportaría un fichero con todo el contenido o hacer una copia de seguridad 00:09:52
la diferencia es muy poca, es el mismo fichero 00:09:54
lo único que al exportar te lo baja y la copia de seguridad 00:09:56
pues se queda ahí, yo creo que incluso 00:09:58
al exportar también te lo conseguirá una copia de seguridad 00:10:00
y con esto damos ya por terminado 00:10:02
la pequeña introducción a WordPress 00:10:04
Etiquetas:
Internet
Subido por:
Patricia De A.
Licencia:
Todos los derechos reservados
Visualizaciones:
1
Fecha:
18 de febrero de 2026 - 9:28
Visibilidad:
Clave
Centro:
IES ENRIQUE TIERNO GALVAN
Duración:
10′ 09″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
25.43 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid