1 00:00:10,349 --> 00:00:20,850 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. 2 00:00:21,550 --> 00:00:28,789 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. 3 00:00:28,789 --> 00:00:36,789 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... 4 00:00:36,789 --> 00:00:57,469 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. 5 00:00:57,469 --> 00:01:00,829 Vamos a empezar con las entradas, que es el primero de nuestros objetivos 6 00:01:00,829 --> 00:01:04,390 Bueno, pues para crear una nueva publicación de noticia o entrada 7 00:01:04,390 --> 00:01:06,390 Vamos aquí a este menú, entradas 8 00:01:06,390 --> 00:01:09,290 Y hacemos clic en el botón añadir nueva 9 00:01:09,290 --> 00:01:15,349 Bueno, pues lo primero que tendríamos que rellenar sería el título 10 00:01:15,349 --> 00:01:20,670 Vamos a poner este, expulsión alguna de Peñalara 11 00:01:20,670 --> 00:01:25,989 Y vamos antes de poner su contenido, vamos a ver toda esta barra lateral 12 00:01:25,989 --> 00:01:27,269 Que información tenemos que dar 13 00:01:27,269 --> 00:01:30,510 Lo primero, el tipo de publicación que vamos a hacer 14 00:01:30,950 --> 00:01:36,549 Estándar es la clásica que va a tener texto, que vamos a poder cambiar el aspecto con columnas y demás. 15 00:01:37,170 --> 00:01:42,689 Y luego esta es el resto de tipos, pues luego haré otro vídeo explicando ejemplos de para qué nos pueden servir. 16 00:01:43,870 --> 00:01:49,549 Lo siguiente que tenemos que hacer sería asignar una categoría, o al menos una categoría, a esta publicación. 17 00:01:50,010 --> 00:01:54,650 Vamos a suponer que es una publicación del departamento de biología, que ha organizado una excursión, 18 00:01:54,650 --> 00:02:07,709 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 19 00:02:07,709 --> 00:02:14,129 y en principio esas son las tres categorías que hemos pensado que este artículo es correcto que aparezca. 20 00:02:14,129 --> 00:02:43,189 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. 21 00:02:43,189 --> 00:02:45,509 Entonces ya tenemos por ejemplo tres etiquetas 22 00:02:45,509 --> 00:02:50,289 Este cuadrito que tenemos aquí es para definir si el artículo es privado 23 00:02:50,289 --> 00:02:54,050 Nuestra página web va a tener una sección privada para profesores 24 00:02:54,050 --> 00:02:56,270 Que solo van a poder verlo aquellos que se identifiquen 25 00:02:56,270 --> 00:02:59,550 Y ahí podemos poner noticias relacionadas con la profesión 26 00:02:59,550 --> 00:03:03,770 Con concursos de traslado, con aspectos propios internos del centro 27 00:03:03,770 --> 00:03:07,150 Entonces habría que marcar que solo lo vean los profesores 28 00:03:07,150 --> 00:03:09,930 Lógicamente se estaría en la categoría de profesorado 29 00:03:09,930 --> 00:03:16,169 bien, y lo siguiente que tendríamos que añadir sería una imagen destacada 30 00:03:16,169 --> 00:03:20,289 esta imagen destacada aparecerá al principio de la entrada 31 00:03:20,289 --> 00:03:25,849 y lo más importante cuando esta publicación aparezca en carruseles de noticias 32 00:03:25,849 --> 00:03:30,069 en pequeñas cuadrículas donde aparezcan tres o cuatro noticias 33 00:03:30,069 --> 00:03:33,710 que luego veremos que se muestran así en las páginas que hemos creado 34 00:03:33,710 --> 00:03:35,610 pues esta imagen es la que aparecerá 35 00:03:35,610 --> 00:03:38,430 entonces le vamos a dar a establecer la imagen de la entrada 36 00:03:38,430 --> 00:03:57,229 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 37 00:03:57,229 --> 00:04:22,149 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. 38 00:04:22,149 --> 00:04:34,290 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. 39 00:04:34,589 --> 00:04:42,990 Para ello tenemos que hacer clic aquí en el editor de backend y ya ha cambiado. Tenemos el Page Builder y tiene este aspecto. 40 00:04:43,810 --> 00:04:47,769 ¿En qué consiste? Pues nos ha organizado la publicación en una fila. 41 00:04:47,769 --> 00:04:51,269 esta fila nos ha metido dentro un bloque de texto 42 00:04:51,269 --> 00:04:55,250 vamos a suponer que nos gustaría que esto estuviese a mitad de pantalla 43 00:04:55,250 --> 00:04:56,230 como en dos columnas 44 00:04:56,230 --> 00:04:59,990 pues en este botón dividimos y tenemos dos columnas 45 00:04:59,990 --> 00:05:03,269 por un lado el bloque de texto que hemos querido mantener 46 00:05:03,269 --> 00:05:05,810 y aquí podemos añadir otros contenidos 47 00:05:05,810 --> 00:05:11,149 vamos a por ejemplo a poner una imagen única 48 00:05:11,149 --> 00:05:14,629 una fotografía que la vamos a subir 49 00:05:14,629 --> 00:05:17,629 de nuestro... Mira, yo la he subido 50 00:05:17,629 --> 00:05:20,529 previamente. Si quisiéramos subir otra, pues le vamos a subir 51 00:05:20,529 --> 00:05:23,610 archivos. Seleccionamos el archivo 52 00:05:23,610 --> 00:05:26,490 que queremos y podríamos 53 00:05:26,490 --> 00:05:29,750 elegirlo de los que hemos descargado. Bueno, vamos a 54 00:05:29,750 --> 00:05:32,449 suponer que nos lo vamos a encontrar en Internet, que esto es bastante 55 00:05:32,449 --> 00:05:35,610 interesante. Por ejemplo, vamos a 56 00:05:35,610 --> 00:05:38,709 buscar una fotografía de la estación 57 00:05:38,709 --> 00:05:41,649 de Cotos, muy nevada. Venga, esta misma. 58 00:05:41,649 --> 00:05:44,790 Vamos a ver la imagen 59 00:05:44,790 --> 00:05:52,129 Y al ver la imagen lo que observamos es que acaba en una extensión de fotografía 60 00:05:52,129 --> 00:05:54,670 O sea que toda esta dirección es la dirección de la imagen 61 00:05:54,670 --> 00:05:56,790 Entonces la seleccionamos entera 62 00:05:56,790 --> 00:05:58,930 La copiamos 63 00:05:58,930 --> 00:06:02,410 Está seleccionada entera, ¿verdad? Sí 64 00:06:02,410 --> 00:06:06,209 La seleccionamos entera, la copiamos 65 00:06:06,209 --> 00:06:11,750 Y aquí cuando queremos añadir una y le diésemos a que seleccionase archivos de nuestro ordenador 66 00:06:11,750 --> 00:06:18,829 Si pegamos una dirección de internet, lo que hace es que se la baja a un archivo temporal y luego la sube 67 00:06:18,829 --> 00:06:21,310 Nos ahorra el trabajo de descargarla y volver a subir 68 00:06:21,310 --> 00:06:24,610 Y entonces le podemos establecer la imagen 69 00:06:24,610 --> 00:06:29,089 Lo siguiente que tendríamos que hacer sería escribir aquí el tamaño 70 00:06:29,089 --> 00:06:31,550 Nos pone aquí un ejemplo de lo que tendríamos que escribir 71 00:06:31,550 --> 00:06:36,550 Yo voy a poner que sea a tamaño completo, es decir, va a ocupar todo el ancho de la columna 72 00:06:36,550 --> 00:06:39,910 No tiene leyenda porque no la he escrito previamente 73 00:06:39,910 --> 00:06:45,589 Le voy a alinear al centro, aunque no tiene sentido porque ocupará todo el ancho de la columna 74 00:06:45,589 --> 00:06:50,370 Estilo, si quisiéramos que fuese redondeada, si fuera circular 75 00:06:50,370 --> 00:06:54,529 Bueno, pues luego lo podríamos ver, en principio no le voy a poner ninguno 76 00:06:54,529 --> 00:06:57,430 Cosas que ocurrirían al hacer un clic, por ejemplo 77 00:06:57,430 --> 00:07:02,009 que se abriese más grande o que nos hiciese una especie de zoom 78 00:07:02,009 --> 00:07:05,949 o que nos abriese un link de otra página web 79 00:07:05,949 --> 00:07:09,189 vamos a poner el efecto zoom para que veáis el funcionamiento 80 00:07:09,189 --> 00:07:11,629 y en principio pues no hay que hacer nada más 81 00:07:11,629 --> 00:07:13,449 hemos insertado aquí una imagen 82 00:07:13,449 --> 00:07:19,050 vamos a poner otro ejemplo de otra imagen para que veáis otra vez el efecto 83 00:07:19,050 --> 00:07:21,269 por ejemplo, me gusta esta imagen 84 00:07:21,269 --> 00:07:25,050 podría añadir otra vez una imagen 85 00:07:25,050 --> 00:07:39,399 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 86 00:07:39,399 --> 00:07:58,180 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 87 00:07:58,180 --> 00:08:00,019 Guardamos los cambios 88 00:08:00,019 --> 00:08:04,160 Bien, en principio, ¿qué más cosas tenemos que hacer antes de publicar? 89 00:08:04,860 --> 00:08:11,579 Pues podríamos poner el encabezado personalizado y el estilo de salida personalizado 90 00:08:11,579 --> 00:08:14,980 Vamos a dejarlo por defecto y luego os muestro cómo se cambia 91 00:08:14,980 --> 00:08:19,620 Entonces ya hemos terminado toda la información que necesitamos 92 00:08:19,620 --> 00:08:21,959 Solo tenemos que darle a publicar 93 00:08:21,959 --> 00:08:28,040 Y vamos a ver cómo ha quedado 94 00:08:28,040 --> 00:08:33,220 Si debe haber entrada, pues directamente me la va a mostrar aquí 95 00:08:33,220 --> 00:08:38,799 Pero es aconsejable, pues por no perder esta pantalla y estar jugando con las dos pestañas 96 00:08:38,799 --> 00:08:42,059 Pues por ejemplo, ahí está 97 00:08:42,059 --> 00:08:49,500 Fijaos, nos ha mostrado aquí el título de la categoría 98 00:08:49,500 --> 00:08:54,600 Nos ha mostrado el banner por defecto que trae la plantilla 99 00:08:54,600 --> 00:09:00,639 Y nos ha mostrado, pues sí, una barra lateral con categorías y la herramienta de buscar 100 00:09:00,639 --> 00:09:02,480 Y luego lo que hemos planificado 101 00:09:02,480 --> 00:09:06,860 Nuestro texto, la imagen circular, con efecto zoom 102 00:09:06,860 --> 00:09:11,320 Y aquí también hemos dicho que las dos tienen el mismo efecto porque no lo hemos cambiado 103 00:09:11,320 --> 00:09:14,000 Si quisiéramos cambiarlo, vamos a cambiarlo en un momento 104 00:09:14,000 --> 00:09:16,700 Sabéis que se vuelve aquí, editamos 105 00:09:16,700 --> 00:09:28,179 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. 106 00:09:30,019 --> 00:09:39,379 Actualizamos los cambios que acabamos de realizar, nos vamos a nuestra publicación, actualizamos el navegador para ver cómo se ve la imagen 107 00:09:39,379 --> 00:09:43,059 y aquí al hacer clic 108 00:09:43,059 --> 00:09:44,820 se abre con esta aplicación de 109 00:09:44,820 --> 00:09:46,200 Pretty Photo, bien 110 00:09:46,200 --> 00:09:48,940 pues ahora lo que vamos a hacer 111 00:09:48,940 --> 00:09:50,179 va a ser intentar modificar 112 00:09:50,179 --> 00:09:53,100 este banner y este título 113 00:09:53,100 --> 00:09:55,080 y también por ejemplo 114 00:09:55,080 --> 00:09:56,799 si no quisiéramos ver todas 115 00:09:56,799 --> 00:09:58,820 estas categorías y que ocupase toda la pantalla 116 00:09:58,820 --> 00:10:00,960 también lo vamos a quitar, pues volvemos 117 00:10:00,960 --> 00:10:01,980 a editar nuestra entrada 118 00:10:01,980 --> 00:10:05,470 y nos vamos aquí abajo 119 00:10:05,470 --> 00:10:08,570 tenemos el área de título, vamos a 120 00:10:08,570 --> 00:10:10,129 personalizarla, vamos a decir que sea 121 00:10:10,129 --> 00:10:14,330 un título personalizado, que el título vamos a poner 122 00:10:14,330 --> 00:10:18,070 vamos a poner el título en lugar 123 00:10:18,070 --> 00:10:21,450 de blanco, que es el que utiliza por defecto, lo vamos a poner 124 00:10:21,450 --> 00:10:25,090 en morado, no sé, luego es un ejemplo 125 00:10:25,090 --> 00:10:30,009 aquí en la imagen de fondo vamos a utilizar alguna 126 00:10:30,009 --> 00:10:32,990 de estas que hemos utilizado previamente, por ejemplo 127 00:10:32,990 --> 00:10:36,889 esta la elegimos 128 00:10:36,889 --> 00:10:44,070 Y luego el color de fondo sería como una pequeña cortina de color que podemos poner encima de esta fotografía 129 00:10:44,070 --> 00:10:46,190 Siendo la cortina semi-transparente 130 00:10:46,190 --> 00:10:49,690 Pues entonces elegimos el color, vamos a poner un color verdoso por ejemplo 131 00:10:49,690 --> 00:10:54,049 Y aquí entre 0 y 1 la transparencia de esta cortinilla verde 132 00:10:54,049 --> 00:11:02,049 Vamos a poner que sea 0,30 para que se vea un poco la imagen y un poco verdosa, nada más 133 00:11:02,049 --> 00:11:06,809 Bien, y luego ya con esto habremos hecho la parte de arriba del título 134 00:11:06,809 --> 00:11:21,909 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. 135 00:11:21,909 --> 00:11:35,360 Bueno, pues con estos cambios le damos a actualizar y ya vamos a ver cómo nos ha quedado nuestra publicación 136 00:11:35,360 --> 00:11:40,740 Aquí lo tenemos, el banner ha cambiado, tiene un tono verdoso la imagen 137 00:11:40,740 --> 00:11:46,279 Bueno, el texto habría que ver otro color porque no parece que destaque mucho, pero es una simple prueba 138 00:11:46,279 --> 00:11:53,419 Y aquí, pues el contenido que hemos visto en la entrada ya sin su barra lateral, lo que hemos visto hasta ahora 139 00:11:53,419 --> 00:12:00,399 Comentar que después de la entrada siempre pone las etiquetas, la posibilidad de compartirlo en las redes sociales 140 00:12:00,399 --> 00:12:06,320 La identificación del autor y pues algunas otras noticias relacionadas 141 00:12:06,320 --> 00:12:11,240 Bueno, pues hasta aquí hemos visto como hemos publicado nuestra primera noticia 142 00:12:11,240 --> 00:12:14,679 Y la estamos viendo de forma individual 143 00:12:14,679 --> 00:12:21,000 Como nosotros ya tenemos en nuestra página web algunas secciones creadas 144 00:12:21,000 --> 00:12:34,480 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. 145 00:12:34,639 --> 00:12:41,220 Si recordáis, hemos marcado que la noticia de la excursión tenga que ver con extraescolares. 146 00:12:41,220 --> 00:12:57,039 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. 147 00:12:57,519 --> 00:13:10,840 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. 148 00:13:11,220 --> 00:13:24,860 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. 149 00:13:26,500 --> 00:13:33,879 Bien, pues con esto hemos creado nuestra primera publicación de blog o entrada, nuestra primera noticia. 150 00:13:34,679 --> 00:13:35,820 Seguimos con el curso.