Saltar navegación

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

Curso Wordpress básico. Tutorial 4. Publicando una entrada

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 23 de noviembre de 2018 por Jose Tomas A.

185 visualizaciones

Vídeo tutorial que explica los pasos para publicar una entrada de blog o noticia

Más información Transcripción

Descargar la transcripción

Bien, pues vamos a continuar con la segunda parte del curso, en la que ya sí nos vamos a meter a crear contenidos, que es la parte más interesante y la que más vamos a utilizar. 00:00:10
Entonces, los contenidos son varios los que podemos crear en nuestra página web. El fundamental que más vamos a usar serían las entradas. 00:00:21
Las entradas son las publicaciones de un blog, que aquí nosotros las podemos utilizar para un blog o las podemos utilizar para sección de noticias, departamentos... 00:00:28
En general lo vamos a llamar noticias, entradas o noticias. También podemos crear contenidos como enlaces de interés, podremos crear galerías de imágenes, archivos para la descarga, porfolios que serían como proyectos para mostrar en nuestra página y en general esos son los principales contenidos que vamos a crear. 00:00:36
Vamos a empezar con las entradas, que es el primero de nuestros objetivos 00:00:57
Bueno, pues para crear una nueva publicación de noticia o entrada 00:01:00
Vamos aquí a este menú, entradas 00:01:04
Y hacemos clic en el botón añadir nueva 00:01:06
Bueno, pues lo primero que tendríamos que rellenar sería el título 00:01:09
Vamos a poner este, expulsión alguna de Peñalara 00:01:15
Y vamos antes de poner su contenido, vamos a ver toda esta barra lateral 00:01:20
Que información tenemos que dar 00:01:25
Lo primero, el tipo de publicación que vamos a hacer 00:01:27
Estándar es la clásica que va a tener texto, que vamos a poder cambiar el aspecto con columnas y demás. 00:01:30
Y luego esta es el resto de tipos, pues luego haré otro vídeo explicando ejemplos de para qué nos pueden servir. 00:01:37
Lo siguiente que tenemos que hacer sería asignar una categoría, o al menos una categoría, a esta publicación. 00:01:43
Vamos a suponer que es una publicación del departamento de biología, que ha organizado una excursión, 00:01:50
que también tiene que ver con extraescolares porque es una excursión y también ha colaborado el departamento. Queremos que se vea como portada en las noticias de la portada de nuestra web 00:01:54
y en principio esas son las tres categorías que hemos pensado que este artículo es correcto que aparezca. 00:02:07
Lo siguiente que podemos poner serían los tags o etiquetas, entonces de cara a buscadores de Google o de cara a buscar dentro de nuestra página cuando haya muchas noticias, pues con que pongamos alguna palabra que nos permita encontrarla, separamos por comas las palabras que queramos y las añadimos. 00:02:14
Entonces ya tenemos por ejemplo tres etiquetas 00:02:43
Este cuadrito que tenemos aquí es para definir si el artículo es privado 00:02:45
Nuestra página web va a tener una sección privada para profesores 00:02:50
Que solo van a poder verlo aquellos que se identifiquen 00:02:54
Y ahí podemos poner noticias relacionadas con la profesión 00:02:56
Con concursos de traslado, con aspectos propios internos del centro 00:02:59
Entonces habría que marcar que solo lo vean los profesores 00:03:03
Lógicamente se estaría en la categoría de profesorado 00:03:07
bien, y lo siguiente que tendríamos que añadir sería una imagen destacada 00:03:09
esta imagen destacada aparecerá al principio de la entrada 00:03:16
y lo más importante cuando esta publicación aparezca en carruseles de noticias 00:03:20
en pequeñas cuadrículas donde aparezcan tres o cuatro noticias 00:03:25
que luego veremos que se muestran así en las páginas que hemos creado 00:03:30
pues esta imagen es la que aparecerá 00:03:33
entonces le vamos a dar a establecer la imagen de la entrada 00:03:35
y vamos a elegir pues alguna fotografía que tenga que ver con Peñalara, ya tenemos subida aquí varias, entonces presionamos ahora este botón y se ha quedado almacenada la fotografía como la imagen de nuestra entrada 00:03:38
Y ahora pues nos tocaría ya empezar a rellenar el contenido. Aquí voy a poner un contenido de texto que he preparado previamente, ya lo tenemos aquí pegado y os voy a presentar el funcionamiento del editor así un poquito de visual, el editor gráfico. 00:03:57
Este es un editor básico que viene con WordPress y nosotros tenemos instalado un plugin bastante majete a la hora de facilitarnos la creación de páginas o publicaciones un poquito más atractivas. 00:04:22
Para ello tenemos que hacer clic aquí en el editor de backend y ya ha cambiado. Tenemos el Page Builder y tiene este aspecto. 00:04:34
¿En qué consiste? Pues nos ha organizado la publicación en una fila. 00:04:43
esta fila nos ha metido dentro un bloque de texto 00:04:47
vamos a suponer que nos gustaría que esto estuviese a mitad de pantalla 00:04:51
como en dos columnas 00:04:55
pues en este botón dividimos y tenemos dos columnas 00:04:56
por un lado el bloque de texto que hemos querido mantener 00:04:59
y aquí podemos añadir otros contenidos 00:05:03
vamos a por ejemplo a poner una imagen única 00:05:05
una fotografía que la vamos a subir 00:05:11
de nuestro... Mira, yo la he subido 00:05:14
previamente. Si quisiéramos subir otra, pues le vamos a subir 00:05:17
archivos. Seleccionamos el archivo 00:05:20
que queremos y podríamos 00:05:23
elegirlo de los que hemos descargado. Bueno, vamos a 00:05:26
suponer que nos lo vamos a encontrar en Internet, que esto es bastante 00:05:29
interesante. Por ejemplo, vamos a 00:05:32
buscar una fotografía de la estación 00:05:35
de Cotos, muy nevada. Venga, esta misma. 00:05:38
Vamos a ver la imagen 00:05:41
Y al ver la imagen lo que observamos es que acaba en una extensión de fotografía 00:05:44
O sea que toda esta dirección es la dirección de la imagen 00:05:52
Entonces la seleccionamos entera 00:05:54
La copiamos 00:05:56
Está seleccionada entera, ¿verdad? Sí 00:05:58
La seleccionamos entera, la copiamos 00:06:02
Y aquí cuando queremos añadir una y le diésemos a que seleccionase archivos de nuestro ordenador 00:06:06
Si pegamos una dirección de internet, lo que hace es que se la baja a un archivo temporal y luego la sube 00:06:11
Nos ahorra el trabajo de descargarla y volver a subir 00:06:18
Y entonces le podemos establecer la imagen 00:06:21
Lo siguiente que tendríamos que hacer sería escribir aquí el tamaño 00:06:24
Nos pone aquí un ejemplo de lo que tendríamos que escribir 00:06:29
Yo voy a poner que sea a tamaño completo, es decir, va a ocupar todo el ancho de la columna 00:06:31
No tiene leyenda porque no la he escrito previamente 00:06:36
Le voy a alinear al centro, aunque no tiene sentido porque ocupará todo el ancho de la columna 00:06:39
Estilo, si quisiéramos que fuese redondeada, si fuera circular 00:06:45
Bueno, pues luego lo podríamos ver, en principio no le voy a poner ninguno 00:06:50
Cosas que ocurrirían al hacer un clic, por ejemplo 00:06:54
que se abriese más grande o que nos hiciese una especie de zoom 00:06:57
o que nos abriese un link de otra página web 00:07:02
vamos a poner el efecto zoom para que veáis el funcionamiento 00:07:05
y en principio pues no hay que hacer nada más 00:07:09
hemos insertado aquí una imagen 00:07:11
vamos a poner otro ejemplo de otra imagen para que veáis otra vez el efecto 00:07:13
por ejemplo, me gusta esta imagen 00:07:19
podría añadir otra vez una imagen 00:07:21
o un truquito que es duplicar esta, aquí vemos que aparece dos veces, ahora lo edito y en lugar de utilizar esa imagen utilizo esta otra por ejemplo 00:07:25
y ahora por ejemplo en lugar de un estilo normal vamos a poner un estilo circular con borde y que el borde sea de color púrpura 00:07:39
Guardamos los cambios 00:07:58
Bien, en principio, ¿qué más cosas tenemos que hacer antes de publicar? 00:08:00
Pues podríamos poner el encabezado personalizado y el estilo de salida personalizado 00:08:04
Vamos a dejarlo por defecto y luego os muestro cómo se cambia 00:08:11
Entonces ya hemos terminado toda la información que necesitamos 00:08:14
Solo tenemos que darle a publicar 00:08:19
Y vamos a ver cómo ha quedado 00:08:21
Si debe haber entrada, pues directamente me la va a mostrar aquí 00:08:28
Pero es aconsejable, pues por no perder esta pantalla y estar jugando con las dos pestañas 00:08:33
Pues por ejemplo, ahí está 00:08:38
Fijaos, nos ha mostrado aquí el título de la categoría 00:08:42
Nos ha mostrado el banner por defecto que trae la plantilla 00:08:49
Y nos ha mostrado, pues sí, una barra lateral con categorías y la herramienta de buscar 00:08:54
Y luego lo que hemos planificado 00:09:00
Nuestro texto, la imagen circular, con efecto zoom 00:09:02
Y aquí también hemos dicho que las dos tienen el mismo efecto porque no lo hemos cambiado 00:09:06
Si quisiéramos cambiarlo, vamos a cambiarlo en un momento 00:09:11
Sabéis que se vuelve aquí, editamos 00:09:14
y en lugar de el efecto zoom vamos a decir que se abra con esta aplicación para verla de un modo más atractivo. 00:09:16
Actualizamos los cambios que acabamos de realizar, nos vamos a nuestra publicación, actualizamos el navegador para ver cómo se ve la imagen 00:09:30
y aquí al hacer clic 00:09:39
se abre con esta aplicación de 00:09:43
Pretty Photo, bien 00:09:44
pues ahora lo que vamos a hacer 00:09:46
va a ser intentar modificar 00:09:48
este banner y este título 00:09:50
y también por ejemplo 00:09:53
si no quisiéramos ver todas 00:09:55
estas categorías y que ocupase toda la pantalla 00:09:56
también lo vamos a quitar, pues volvemos 00:09:58
a editar nuestra entrada 00:10:00
y nos vamos aquí abajo 00:10:01
tenemos el área de título, vamos a 00:10:05
personalizarla, vamos a decir que sea 00:10:08
un título personalizado, que el título vamos a poner 00:10:10
vamos a poner el título en lugar 00:10:14
de blanco, que es el que utiliza por defecto, lo vamos a poner 00:10:18
en morado, no sé, luego es un ejemplo 00:10:21
aquí en la imagen de fondo vamos a utilizar alguna 00:10:25
de estas que hemos utilizado previamente, por ejemplo 00:10:30
esta la elegimos 00:10:32
Y luego el color de fondo sería como una pequeña cortina de color que podemos poner encima de esta fotografía 00:10:36
Siendo la cortina semi-transparente 00:10:44
Pues entonces elegimos el color, vamos a poner un color verdoso por ejemplo 00:10:46
Y aquí entre 0 y 1 la transparencia de esta cortinilla verde 00:10:49
Vamos a poner que sea 0,30 para que se vea un poco la imagen y un poco verdosa, nada más 00:10:54
Bien, y luego ya con esto habremos hecho la parte de arriba del título 00:11:02
Hemos quitado el banner, hemos cambiado el título, le hemos puesto un color y aquí en el layout este podemos personalizarlo y aquí elegimos como queremos, que tenga la barra a la izquierda, que tenga la barra a la derecha o que no tenga barra, que es lo que vamos a hacer ahora. 00:11:06
Bueno, pues con estos cambios le damos a actualizar y ya vamos a ver cómo nos ha quedado nuestra publicación 00:11:21
Aquí lo tenemos, el banner ha cambiado, tiene un tono verdoso la imagen 00:11:35
Bueno, el texto habría que ver otro color porque no parece que destaque mucho, pero es una simple prueba 00:11:40
Y aquí, pues el contenido que hemos visto en la entrada ya sin su barra lateral, lo que hemos visto hasta ahora 00:11:46
Comentar que después de la entrada siempre pone las etiquetas, la posibilidad de compartirlo en las redes sociales 00:11:53
La identificación del autor y pues algunas otras noticias relacionadas 00:12:00
Bueno, pues hasta aquí hemos visto como hemos publicado nuestra primera noticia 00:12:06
Y la estamos viendo de forma individual 00:12:11
Como nosotros ya tenemos en nuestra página web algunas secciones creadas 00:12:14
Por ejemplo, en la sección del departamento de extraescolares, hay un apartado que nos muestra las últimas noticias que tengan la categoría de extraescolares. 00:12:21
Si recordáis, hemos marcado que la noticia de la excursión tenga que ver con extraescolares. 00:12:34
Pues aquí aparece. Este es el efecto, bueno, un efectito de publicación de varias noticias, solo hay una noticia de estas colares, y entonces, si le damos a leer más, se abrirá para que la veamos entera, tal y como la hemos publicado anteriormente. 00:12:41
Del mismo modo, en el departamento de biología y geología, que también pertenece a esa categoría, pues aparecerá entre las noticias. La última publicada es pulsión alguna de Peñalara, con otras que teníamos previamente creadas. 00:12:57
Y también, como hemos dicho que salís en la portada, en el inicio de nuestra página, si bajamos, aquí está últimas publicaciones en la web y está tirando de la categoría portada. 00:13:11
Bien, pues con esto hemos creado nuestra primera publicación de blog o entrada, nuestra primera noticia. 00:13:26
Seguimos con el curso. 00:13:34
Idioma/s:
es
Materias:
Informática, Tecnologías de la Información
Autor/es:
José Tomás Alonso García
Subido por:
Jose Tomas A.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
185
Fecha:
23 de noviembre de 2018 - 21:10
Visibilidad:
Público
Centro:
IES RAFAEL FRUHBECK DE BURGOS
Descripción ampliada:
Vídeo tutorial creado para el apoyo a Proyecto de Formación en el Centro para el profesorado
Duración:
13′ 37″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
145.76 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid