Saltar navegación

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

Wordpress 1. Página con plantilla en blanco

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 5 de mayo de 2020 por Inmaculada M.

542 visualizaciones

Más información Transcripción

Descargar la transcripción

bueno vamos a ver cómo se hace lo de crear un sitio web con wordpress lo 00:00:03
primero que te pide cuando entras una vez que ya has entrado con la cuenta de 00:00:08
google o te ha registrado es el dominio bueno el subdominio que le vas a poner a 00:00:12
tu sitio web igual que hicimos en el ejercicio anterior tiene que ser 00:00:17
original y entonces va a haber algunos que no nos va a dejar yo le voy a hacer 00:00:21
el sitio web a ada lovelace que la primera programadora así que voy a ver 00:00:26
si el sitio de ADA está disponible. Vale, como siempre me quieren cobrar un dominio 00:00:32
de pago que se parezca más al nombre, pero yo voy a coger este gratis y mi sitio se va 00:00:38
a llamar el sitio de ADA.wordpress.com. Vale, voy a empezar con una página guatuita ya 00:00:44
que estamos probando. Y ahora me está creando el sitio. En el sitio que crea por defecto 00:00:52
Esto es el panel de control 00:00:59
Siempre con este botón de aquí 00:01:03
De la izquierda 00:01:07
Si me he ido a otro sitio 00:01:08
Si estoy viendo la página 00:01:10
Puedo volver a este menú de control 00:01:11
Cuando crea un sitio por defecto 00:01:14
Lo crea con 00:01:17
Una serie de páginas 00:01:19
Crea cuatro páginas por defecto 00:01:21
Que se pueden 00:01:23
Se pueden borrar o se pueden modificar 00:01:24
Se pueden cambiar 00:01:27
y siempre hay una que tiene que estar marcada como la página de inicio 00:01:28
para que el servidor la reconozca y a partir de ahí te muestra las demás. 00:01:32
Entonces vamos a empezar con la página de inicio y le vamos a dar a editar 00:01:37
para empezar a crear el contenido. 00:01:41
Bueno, este es el editor de WordPress y nos sale aquí un tutorial, si lo queremos ver. 00:01:53
Bueno, lo cerramos. 00:02:00
Como os he puesto en los apuntes, a mí me resulta más sencillo para empezar 00:02:01
En lugar de utilizar una plantilla que ya te viene preparado 00:02:07
Y con un texto que puede ser fácil si simplemente lo cambias 00:02:10
A mí me confunde un poco más y yo prefiero empezar con una plantilla en blanco 00:02:16
Pero el que quiera probar una plantilla de las que ofrece el programa 00:02:22
Pues aquí vienen un montón de plantillas 00:02:29
y se pueden elegir. Ya lo veremos luego. De momento vamos a poner una plantilla en blanco. 00:02:31
Elegimos plantilla en blanco. Y ahora tenemos una página completamente vacía y sin nada 00:02:46
en la que vamos a ir añadiendo elementos. Bueno, yo antes de empezar a hacer la página 00:02:51
he buscado ya material, he buscado texto sobre Ada Loveland y he buscado fotos para ir rellenando 00:02:58
el contenido de mi sitio web. Bueno, lo primero que voy a empezar poniendo es un título, así que voy a añadir un bloque y voy a elegir un bloque de título. 00:03:04
Los bloques que puedo incluir en mi página están organizados, pues primero voy a poner los que se utilizan más, luego bloques comunes, bloques de formato, 00:03:13
vale 00:03:25
los títulos 00:03:25
pues igual que en los 00:03:29
en el html pues los llama 00:03:30
encabezados 00:03:32
encabezado 2 sería el encabezado 00:03:33
de tamaño más grande 00:03:37
entonces he creado un encabezado 00:03:38
o sea voy a escribir el nombre 00:03:41
lo voy a poner en el centro 00:03:49
vale 00:03:52
ya he creado un elemento 00:03:54
que es un elemento que es un encabezado 00:03:55
vale, siguiente elemento 00:03:58
ahora voy a poner un bloque 00:04:00
que va a ser un poco el bloque central 00:04:02
el bloque principal de la página 00:04:05
que va a estar separado en dos columnas 00:04:07
en un lado voy a poner una imagen 00:04:10
y en el otro voy a poner un texto 00:04:12
entonces voy a buscar uno de los bloques 00:04:13
que me permite separar 00:04:16
en dos columnas 00:04:18
organizar en dos columnas 00:04:20
están aquí en elementos de diseño 00:04:24
columnas 00:04:28
vale, y digo que quiero 00:04:31
dos columnas 00:04:33
pues una un poco más estrecha que la otra 00:04:34
así que el 30 y 70% 00:04:38
vale, ahora dentro de cada 00:04:39
una de estas columnas yo puedo poner otros bloques 00:04:42
entonces en este bloque 00:04:44
de la izquierda voy a poner una foto 00:04:46
entonces cojo el elemento 00:04:48
imagen 00:04:50
y me dice que 00:04:50
puedo coger una imagen desde internet 00:04:54
o desde un 00:04:55
La biblioteca de medios es como un almacén, pero para tener fotos en el almacén las tengo que haber subido. 00:04:57
Así que voy a subir una foto que ya he buscado antes, que representa a Ada Lovelance en forma de cómic. 00:05:03
Este elemento es modificable, se puede cambiar el tamaño, puede ser un enlace, hay propiedades aquí que se pueden cambiar. 00:05:15
Pero cada bloque, dependiendo de qué tipo de bloque sea, pues tiene unas propiedades u otras. 00:05:23
Vale, en el lado de la derecha voy a poner un bloque de párrafo para añadir información un poco así descriptiva y genérica de este personaje. 00:05:30
Como ya os he dicho antes, este texto ya lo he cogido antes, así que lo voy a copiar y lo voy a pegar en mi bloque de texto y un segundo párrafo en el que se describe un poco quién fue este personaje. 00:05:43
Vale, cada uno de estos bloques las propiedades me aparecen cuando lo tengo seleccionado, por ejemplo, si yo quiero a este bloque ponerle un color de fondo, vale, esto es el color del texto pero también hay el color de fondo, el color de texto por ejemplo lo puedo poner azul y le puedo poner un color de fondo gris, queda feísimo, pero bueno, vale, a cada uno de los elementos, vale, por ejemplo, al título este, 00:06:04
pues igual lo pongo. Puedo poner texto amarillo y puedo elegir un color personalizado. Aquí 00:06:38
me sale una paleta de colores. Podéis hacer diferentes pruebas a ver cómo queda. Si le 00:06:50
cambiáis el tamaño, si le cambiáis... Vale, entonces según vayáis seleccionando 00:07:11
los bloques, en la parte de la derecha aparecen las propiedades. Y esas propiedades se pueden 00:07:18
cambiar. Vale, voy a poner aquí ahora otro encabezado, así que le voy a dar al más 00:07:23
otra vez y voy a volver a poner un título porque ahora a continuación voy a hablar 00:07:32
de la biografía de este personaje. Vale, y lo voy a hacer en tres columnas, así que 00:07:36
voy a añadir un bloque de tres columnas. Ahora como me va dejando más arriba los bloques 00:07:46
que ya he utilizado. Tres columnas de tamaño igual para las tres. En una voy a poner, por 00:07:51
ejemplo, hablar de su infancia. Ya os digo que la información ya la he buscado antes, 00:07:59
entonces primero hay que pensarla un poco. Luego ya se... Debajo de este título voy a 00:08:07
poner un párrafo y el párrafo que he buscado sobre la infancia de Ada. Fue hija de Lord 00:08:14
Byron y en el otro bloque lo voy a organizar igual, así que me voy a fijar qué tipo de 00:08:27
encabezado. Es el que he puesto aquí, encabezado de tipo 2. Lo voy a poner un poco más pequeño 00:08:36
para que se diferencie de los de arriba. Así que aquí también voy a poner un encabezado 00:08:41
de nivel 3, para que mantenga un poco la coherencia, y al siguiente bloque le he llamado al cumplir 00:08:46
18, que fue un cambio en su vida, y debajo igual voy a añadir un párrafo, y ese párrafo 00:08:57
voy a coger lo que hizo, lo que fue importante en su vida a partir de los 18 años. Vale, 00:09:22
en la tercera columna voy a volver a poner un encabezado de nivel 3 para hablar un poco 00:09:35
de su educación. Voy a insertar un párrafo. Es bastante repetitivo, hay que tener un poco 00:09:43
claro qué es lo que se quiere poner y cómo se quiere poner, pero luego no me parece que 00:09:52
sea muy difícil introducir el contenido, contenido muy básico, luego hay otras cosas 00:09:57
que se pueden complicar bastante más. Ya tendría el aspecto de mi página, así como 00:10:05
muy básico, por ejemplo aquí debajo voy a añadir un bloque de imagen, he buscado 00:10:17
una cita y creo que puede quedar bien aquí puesto a la derecha, como si lo firmara ella. 00:10:26
Puedo cambiar el tamaño de la letra, como es una foto, el tamaño de la imagen en realidad. 00:10:41
Podría ponerla, no tiene mucho sentido, en forma redonda, porque aún esta no se va a 00:10:50
notar. Vale, y esta cita que es una imagen, pues la voy a poner a la derecha. Ya está. 00:10:55
Bueno, ya estaría más o menos la página inicial. 00:11:12
Voy a enseñaros una cosa que puede ser interesante. 00:11:19
Por ejemplo, si yo quiero incluir un bloque delante de este, le doy a insertar antes y ahora me ha hecho un hueco aquí. 00:11:21
Y por ejemplo, aquí voy a poner un bloque que se utiliza mucho, que son separadores. 00:11:27
Por ejemplo, un espaciador que te deja un hueco en blanco para separar un bloque de otro. 00:11:34
o un separador que te dibuja algún tipo de línea o algo así, depende un poco de la plantilla. 00:11:40
Con Vista Previa, con Actualizar, guardamos los cambios que hayamos hecho hasta el momento 00:11:48
y con Vista Previa ahora podemos ver cómo nos quedaría la página vista desde fuera del editor. 00:11:52
Estas son las cuatro páginas que tiene el sitio, que ahora modificaremos alguna de ellas más. 00:12:01
De momento solo le hemos dado contenido a la primera, las otras siguen estando con las plantillas que tienen por defecto. 00:12:04
El título también ahora os digo como se pone o se puede quitar, esto sería como ha quedado nuestra página dentro de Wordpress, si le damos aquí a visitar sitio nos sacaría y aquí podemos probar como se vería en otros dispositivos, por ejemplo como se vería en un teléfono móvil o como se vería en una tablet. 00:12:10
Materias:
Tecnología, Tecnologías de la Información
Subido por:
Inmaculada M.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
542
Fecha:
5 de mayo de 2020 - 10:36
Visibilidad:
Público
Centro:
IES PROFESOR JULIO PÉREZ
Duración:
13′ 04″
Relación de aspecto:
1.78:1
Resolución:
1024x576 píxeles
Tamaño:
264.25 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid