Domina el editor de Gutenberg | Alexander O. | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Promo de Gutenberg

      1:20

    • 2.

      Introducción al editor de Gutenberg

      3:28

    • 3.

      Agregamos nuestro bloque de video

      6:18

    • 4.

      Agrega una sección 2 columna

      2:43

    • 5.

      Añadir un bloque de portadas

      4:00

    • 6.

      Agregando bloques de texto y de la cabeza y de texto

      3:49

    • 7.

      Agregando la galería de medios

      3:06

    • 8.

      Edición y manipulación de bloques

      6:49

    • 9.

      Uso el bloque reutilizable

      3:44

    • 10.

      Cómo usar el bloque de espacio.

      2:31

    • 11.

      Los bloques adicionales de Gutenberg

      1:31

    • 12.

      Herramientas y características adicionales de Gutenberg

      3:56

    • 13.

      Conclusión de Gutenberg

      0:42

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

329

Estudiantes

--

Proyectos

Acerca de esta clase

Esta es una clase corta diseñada para enseñarte cómo usar adecuadamente el nuevo editor de WordPress Gutenberg para crear y publicar contenido en tu sitio web de WordPress.

En este curso voy a mostrar cómo mostrarte cómo hayes

  • Configure el editor de Gutenberg
  • Crea contenido con los bloques Gutenberg
  • Agrega videos, galerías de imágenes, columnas, bloques de texto y más
  • Crea y usa bloques reutilizables

Voy a construir una página de "Acerca de mí" para demostrar cómo usar el nuevo editor.

Conoce a tu profesor(a)

Teacher Profile Image

Alexander O.

Web Developer & Cyber Security Expert

Profesor(a)


My passion is teaching people through online courses in a fun and entertaining manner.  I have been teaching online for about 3 years now and during this period, I have created over 25 different courses on different platforms including my own personal platform - The Web Monkey Academy.

What would you like to learn?

Would you like to learn how to build and manage your WordPress website? Would you like to learn advanced skills that will make you a true WordPress developer? Would you like to learn how you can establish a successful career as a web developer? Would you like to learn the basics of information and cyber security?

 If you want to do any of these things, just enroll in the course. I'm always improving my courses so that they stay up to dat... Ver perfil completo

Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Promoción de Gutenberg: Bueno, hola y bienvenidos a este curso muy especial sobre cómo usar el libro guten. ¿ Qué prensa? Un poco. Mi nombre es Alex, a k a.El mono, y ahora seré tu instructor. Gutenberg fue un editor que fue liberado. Fuego. ¿ Qué prensa? A finales del año pasado. 2018. Y estaba destinado a sustituir al clásico Ed. Ya sabré perfectamente que desde que salió, Rosenberg ha conseguido mucho odio. Mucha gente a la que no le gusta el editor prefirieron el viejo clásico poco y toda justicia cuando se comparan con, o la húmeda cómo se acumulan a esta página a los constructores les gusta un manto. Gutenberg está sin duda en ferial. Pero en mi humilde opinión, Gutenberg es en realidad mejor que el viejo clásico. Y va y este curso te voy a mostrar exactamente lo que puedes hacer con este nuevo editor. Eso lo que esto ha introducido. Te voy a mostrar cómo puedes trabajar con bloques de columnas cómo puedes agregar contenido y también cómo puedes guardar y renueva tus bloques una y otra vez. Entonces, básicamente, al final de este curso, habrías aprendido cómo puedes usar Gutenberg para crear páginas o publicaciones en tu sitio web de monedero de guerra . Bueno, espero en gobernar el rumbo hoy y espero ver un adentro por. 2. Introducción a el editor de Gutenberg: antes de empezar, necesito asegurarme de que sí tengo el Gutenberg editar todo activado en mi sitio web WordPress. Ahora. Antes, cuando estaba construyendo este sitio en particular, instalé un plug in, que es el clásico que va a enchufar. Y opté por desactivar la mercancía y editor de libros decir si has hecho algo como esto, entonces es importante con sólo el proceso. Entonces voy a hacer para asegurarme de que Gutenberg sea en realidad activista para ir a mi configuración, ir a las luces adentro, y luego por aquí, voy a cambiar el poco predeterminado de clásico a bloque. Y también puedo decidir permitir que los usuarios cambien cualquier herramienta a Sí, Así que cualquiera que moje contenido en mi sitio puede usar la clásica herramienta asistida o simplemente usar los editores de bienes y libros? Yo voy a hacer esto. Entonces sigamos adelante ahora y guardemos los cambios. Y ahora pasemos a nuestras páginas. Me gustaría editar una página existente, que es el azul, que es la página sobre. Entonces voy a dar click en bloque y está bien ahí y por aquí en este momento está el editor de Gutenberg. Así es exactamente como se ve el editor de bienes y libros. Tienes tu sección de título aquí y también acude a tu contenido principal. Cada gran tocino agrega tus bloques hablará de eso un poco más tarde. Pero con el área de título ahora mismo, puedes optar por ocultar realmente el título. Entonces si por alguna razón no quisieras mostrar el texel de tu página opuesta a considerar click en el ojo justo aquí y el título ya no nos mostraremos por aquí en la parte superior. Al hacer clic en el título de tu enlace, también se muestran los panelados para que puedas dar click en editar aquí y simplemente cambiar el enlace de Pima si lo deseas. Por aquí, a la izquierda, esto es despliega botón, despierta en bloques y luego tienes la capacidad de deshacer tus acciones o simplemente ser hacer tus acciones. Tienes tu bloque de estructura de contenido el cual echará un vistazo un poco tarde para arriba y luego también tenemos la navegación por bloques, que de nuevo, a medida que empecemos a agregar contenido, verás cómo puedes hacer uso de este futuro. Ahora, por aquí, a la derecha, tienes tu botón de vista previa, tu botón de actualización. Tienes esta frase de engranaje, que básicamente oculta todos los ajustes para esta página de post en particular. Por lo que haces click ahí, puedes mostrar todos los ajustes y y finalmente en el extremo derecho. Tienes estos tres botones, los cuales te mostrarán más herramientas como tu editorial visual llamado un poco Puedes obligar . El contenido echará un vistazo a esta característica un poco más tarde y luego en la configuración del ego. Tienes acceso ya sea al documento en su conjunto o a un bloque específico de contenido en el que trabajas actualmente. Echaremos un vistazo a eso un poco más tarde, pero con documentos, se puede cambiar la visibilidad que el público declara gente autor. Puedes cambiar tu estructura promotora aquí mismo. Y al igual que con el editor clásico, puedes agregar tu imagen futura por aquí. Si lo deseas a una nueva característica, puedes cambiar la frase de discusión directamente aquí. Puede permitir comentarios o optar por deshabilitar los comentarios por defecto. Obtuvo tus atributos de página y luego finalmente, porque sí tenemos el clásico es un plug in instalado. Puedo decidir cambiar al clásico dedo del pie asistido están por aquí. Por lo que esto es sólo una introducción muy rápida a la plataforma Gutenberg saltando sobre el siguiente video bien, pero no comenzará a agregar contenido. Teoh sobre Paige. 3. Agrega nuestro bloque de video: todo bien. Entonces tal y como está ahora mismo, este es mi página sobre. No tenemos ningún contenido. Entonces, empecemos agregando un video a nuestra página. Hagamos esto. Voy a ir a editar página, y lo que voy a hacer en este momento es que voy a añadir mi primer bloque. Ahora. Es muy importante que pongas mucha atención a lo que estoy haciendo porque se puede poner bastante confuso. Gutenberg no necesariamente tiene el mejor diseño por aquí en este momento. Se puede ver que tengo este botón plus. Puedo usarlo para agregar un bloque. También tengo exactamente el mismo botón aquí arriba también. Atrás y agregar. Ah, cuadra. Por lo que puedes ir de cualquier manera con estos dos de aquí a la derecha. Por defecto, se te dan tres bloques que puedes agregar inmediatamente pueden agregar una imagen. Se puede agregar un encabezado. Oh, simplemente puedes agregar una galería, ¿verdad? Voy a seguir adelante y dar clic en el botón más para agregar un bloque. Ahora, por aquí tienes seis categorías fuera de bloques. Tienes lo más usado, que básicamente cambiará a medida que comiences a construir tu página. Cuando se utiliza un determinado bloque por primera vez, se le agregará al más utilizado. Entonces así es típicamente como las obras de arte de categoría más utilizadas que tienes. Desaparecen los bloques comunes. Tienes tu contenido, tu galería o el viejo video y así sucesivamente. Bastante básico, tienes tu formato donde puedes agregar tu código correo HTM personalizado y así sucesivamente. Después te dieron tus diseños. El más importante aquí serían las columnas. Se pueden agregar columnas y tal vez agregar tres columnas, cuatro columnas siempre, luego un voto en particular. Y luego tienes acceso a widgets. Depende del enchufe es que tienes instalado. Podría tener nuestros widgets adicionales aquí. Yo sí tengo las formas felices enchufadas y robadas. Por eso tengo acceso a las formas felices, un widget. Y luego finalmente te dieron los embeds. Esto en realidad es bastante guay. Puedes incrustar desde diferentes plataformas desde redes sociales hasta YouTube hasta Spotify. Entonces, modo de ejemplo, podrías este conjunto para incrustar un video directamente de YouTube de vuelta y hacer clic en YouTube ahora mismo, haciendo clic ahí. Ahora, por aquí, tendré que añadir la u R l que me gustaría incrustar. Ahora mismo estoy en YouTube. Y sí tengo un video de muestra de Sony Pictures del tráiler para Spider Man, las próximas películas de Spiderman. Voy a copiar el voy a hacerlo. Aquí mismo. Vamos a copiar eso. Volvamos aquí. Y ahora peguemos la u de l y voy a dar click en embed Ahora, ten en cuenta que no todos los videos de YouTube puedes incrustar. No estoy exactamente seguro de cuáles son los criterios, pero a veces es posible que puedas incrustar si cierto video todas las veces es posible que no puedas incrustar ese video. Entonces bien, genial. Entonces tenemos el video, y puedes agregar una leyenda para que solo pueda entrar aquí ahora mismo y ver Ah, tráiler de Spider Man. Uh, bien. Voy a seguir adelante ahora y actualizaciones y vamos a seguir adelante ahora y previsualizar la página y ver cómo se ve esto. Y Ah, OK, para que no lo tengas Tienes el video. Tienes tu leyenda ahí mismo. Déjame hacer algunos cambios muy rápidos. Voy a quitar la barra lateral. Vamos con el contenido. Sin patillas. Vamos a enfriar hasta la cima. Voy a esconder el título. Vamos a actualizar ahora, mis nuevas actualizaciones tu real Si tienes una ventana real que se abre con tu página hasta que el objeto sí mismo automáticamente. Entonces por eso en este momento, no tuve que refrescar esta página. Se ha actualizado, por lo que esto se ve mucho mejor. Esto me gusta. Enfriar. Es así como puedes incrustar desde YouTube. Pero, ¿y si quisieras incrustar un video directamente desde Media Library? Bueno, es sencillo. Vamos a volver aquí. No, lo que voy a hacer aquí es esto. Yo quiero quitar este bloque que acabo de hacer. Puedo usar el botón on do para quitar primero. Er el pie de foto. Vamos a dar click ahí. Ahora, veamos. De acuerdo, que el capitán ha sido removido. Vamos a deshacer otra vez. Está bien, entonces ahí lo tienes. El bloque ya ha sido eliminado, por lo que podría tener que hacer clic en eso unas cuantas veces. Está bien. Para quitar el bloque en particular, sigamos adelante y agreguemos el bloque de video ahora. Entonces voy a volver a hacer clic en el botón más aquí, y voy a desplazarme hasta aquí hasta ti donde tienes tus bloques comunes, y con bloques comunes, voy a tener acceso al video. Tío, una luz aquí. Voy a dar click en el video. Ahora. Voy a ir a mi mediateca porque tengo el video aquí mismo y es éste . Voy a seguir adelante ahora y seleccionar ese video ahora con el Si estás agregando un video directamente desde la mediateca usando el bloque de video, vas a tener acceso a más opciones. Entonces por aquí, ahora mismo en la cuadra, tenemos acceso a diferentes configuraciones. Podemos decidir reproducir automáticamente el video. Puedes mirar el video di por favor una y otra vez. También puedes conocer el video y puedes optar por mostrar los controles de reproducción hacia fuera solo para ocultar sus controles de reproducción en su lugar. Y luego la pre carga. Simplemente voy a ir con todo tojust, automáticamente precargar el video, y luego puedes elegir una imagen de póster para tu video y por último, tienes acceso a la media avanzada que encontrarás en casi cada bloque. Típicamente aquí es que podemos agregar tu clase CSS específica a este tipo en particular off block. De acuerdo, entonces otra vez, leyenda decorada No voy a escribir una leyenda esta vez. Simplemente voy a seguir adelante ahora y actualizar esto y veamos nuestro cambio. Vayamos por aquí. Y ahí lo tienes. Ahora tenemos nuestro plano de video, y se puede ver en este momento que bucla todos los dividendos. Potencialmente, creo que tal vez cinco segundos de duración. Por lo que puedes ver en este momento ellos explican automáticamente. Se detendrá, pero luego se mira una y otra vez. Por lo que es exactamente así como puedes agregar un bloque de video a tu página de libro de gluten. Gracias por ver el video, y Jim Inexpressible agregará un segundo bloque. 4. Agrega una sección de 2 columnas: Ahora, echemos un vistazo a cómo podemos agregar múltiples columnas a una sección con la ed Gutenberg. Será Entonces lo que voy a hacer aquí es simplemente voy a dar clic en el botón más justo aquí , y voy a pasar a los elementos de diseño, y voy a agregar columnas. Está bien, así que por defecto, vas a obtener dos columnas si usas bloque de dos columnas. Pero, ¿cómo lo sabes? Agrega tres columnas para columnas. Bueno, tendrás que dar click en el click derecho en los seis botones justo ahí y luego ahora tendrás acceso a la frase para el bloque de columnas. Y aquí dentro, ahora puedes aumentar el número de bloques que quieras, y, ah, ah, el máximo es de seis. No se puede ir en seis. Pero con toda honestidad, no creo que alguna vez necesites seis columnas dentro advirtió nuestra sección en particular. Entonces voy a volver a dos columnas, lo conocía por tres o cuatro, y eso me gusta. Entonces para la primera columna aquí, tendrás la parte inferior de la OLP a su derecha, donde podrás agregar el contenido particular para la primera columna, y luego para la segunda columna, también tienes ahí el botón más. Por lo que para el 1er 1 vamos adelante en ello y agreguemos una imagen. Y voy a ir a mi biblioteca inmediata y vamos a ver, voy a seguir adelante y añadir a Batman. Sí, usemos a Batman como la imagen. Por lo que con un bloque de imagen, se puede agregar texto alternativo, lo cual es agradecido CEO. Entonces voy a decir que el Batman será mi viejo texto. Puedo cambiar tu imagen, firma las dimensiones de la imagen. Y también puedes agregar los enlaces aquí mismo hoy. Te gustaría vincular la imagen a Ah, para el segundo. Simplemente voy a seguir adelante y pegar algo de texto aquí y por el tamaño divertido. Voy a ir con 25 pixeles. Sigamos adelante y actualicemos esto y veamos cómo se ve esto. Bajemos y ah, está bien, está bien, eso en realidad no está tan mal. Sí, me gusta ahora. En realidad puedes elegir cambiar el tamaño de tu imagen haciendo clic en la imagen, y luego verás los círculos azules a la derecha y luego en la parte inferior, tomada simple, tomada simple, solo tienes que hacer clic y los ángeles arrastran y hacen que la imagen sea tan grande o tan pequeña como quieras, y luego quieren volver a las dimensiones originales. Basta con hacer click en el botón de reinicio por aquí, y todo volverá a su original nuestro tamaño. Entonces así es exactamente como puedes agregar columnas y agregar medios específicamente imágenes con el libro de Goodson. Léelo todo. Gracias por mirar y te veré en la siguiente clase. 5. Agrega un bloque de portada: ya. Por lo que la página se mueve muy bien. Con agregado en video, tenemos una cabeza fuera. Tenemos algo de texto. Ahora, antes de que comience a mostrarles cómo pueden manipular bloques y columnas, sigamos adelante y agreguemos una pieza más de contenido. Y ese va a ser el bloque de la cova. Entonces por aquí y voy a dar click en el botón más. ¿ Todo bien? Y busquemos el bloque de cova. Debería estar en el vengan en cuadras. Y sin embargo ahí vas. Esa es la portada. Voy a seguir adelante ahora y añadir la portada. Entonces lo que voy a hacer es elegir una imagen que pueda usar para Mike sobre. Voy a dar click sobre mí la biblioteca y sí tengo esta imagen muy futurista que se ve como alguna especie de ah, segura yo la guerra que se está llevando a cabo. Voy a usar esa imagen Voy a dar click en seleccionar. Entonces tenemos la imagen, y luego puedo agregar algún texto que realmente se han copiado previamente voy a pegar ese texto ahí mismo. Ahora, un poco molesto de este bloque en particular es el hecho de que no puedes extender Ah, el set con apagado tu texto puedes. Puedes decidir ir todo el camino a la izquierda en línea hacia la izquierda. Pero entonces puedes elegir estirar lo real con tus arcas de Texas, toda la imagen. No se puede hacer eso por lo que sólo se puede elegir los elementos, qué tipo de apesta. Pero, oye, ¿qué vas a hacer? Simplemente me quedo con la alineación central ahora, todo aquí porque estamos trabajando con la cubierta. Nuestro bloque tenemos acceso a nuevos ajustes son que podemos ir con un fondo fijo, que voy a elegir. Entonces lo que sucede en este momento es cuando comienzas a desplazarte hacia abajo la imagen real en sí misma no va a escolarizar hacia abajo. Ah, contigo, la imagen sólo se quedará ahí. Estáticamente. Eso es lo que hace el fondo fijo. Puedes agregar tu color de superposición para que te vayas, Digamos , ah, me voy. A lo mejor con el negro como el negro, ése son los CBO. Y luego puedes elegir la opacidad, hacerla como realmente oscura. O tal vez no demasiado oscuro. Vamos todo el camino a 60 tal vez y haciendo 65. Sí, creo que ya que la primera debería ser apenas sobre luz, y , um, claro que tienes acceso a pestaña avanzada, puedes agregar. Dejarás de clase. Adelante y actualicemos esto y veamos. Ah, veamos cómo se ve esto. ¿ Qué ha venido por aquí? Vamos a bajar. Bueno, mira eso. No se actualizó automáticamente. No estoy seguro de qué pasó ahí. Mira cuál era el problema. Simplemente refrescarnos manualmente nosotros mismos. Y ah, ¿qué está pasando? Volvamos aquí. Parece que esto no se actualizó por alguna razón. De acuerdo, Ahora parece construir fechas. Y vamos a hacer esto fechas y Ok, así que ahora se debe actualizar. Deja que venga aquí y haga un duro refresco. Vamos a bajar y está bien. Está bien. Entonces ahí lo tienes. Hagámoslo de nuevo. Tardó un tiempo para la imagen a Lord. Creo que es un poco pesado. Vamos a bajar. Y, uh Está bien. Bueno, no tan mal. A pesar de que esto es y poco a Doc, Lo que voy a hacer es que voy a cambiar lo excesivamente Vamos a bajar a 50. Creo que eso es mejor. Volvamos a actualizar y volvamos aquí. Hagamos Ah, refresco duro. Y OK, entonces esto se ve mucho mejor ahora, pero puedo ver. Es así como agregar tu portada con una imagen estática y algún texto que se desplazará hacia abajo o hacia arriba contigo. Entonces eso es todo. Muchas gracias por ver el video German Avonex Video Bell ahora comenzará a mucha gente a comer los bloques que actualmente han agregado Te veré entonces. 6. Agrega bloques de encabezado y texto: todo bien está en un video anterior se agrega con éxito, Ah, video con el dedo del proyecto. Pero ahora vamos a seguir adelante y añadir un Hedda y algún texto así que fuera si he cubierto algún texto ya desde los límites en la página web Generate Ole. Si tienes texto real, eres más que bienvenido a usar tu texto real. Voy a ir a la página de edición y esto es exactamente lo que voy a hacer. Entonces ahora mismo, justo debajo del bloque de video en sí, voy a ir por aquí y ya puedes ver en este momento tengo acceso a la cabeza y bloqueo justo ahí. Voy a dar click en la cabeza adentro, y ahora voy a teclear. Las palabras son bienvenidas, Teoh. El cava de película CTA está bien ahora porque esto es una cabeza y un bloque. los ajustes en la cuadra aquí han cambiado por aquí. Ahora podemos sumar el nivel. ¿ Vamos con una H one? Y H dos va a ser h dos. Puedo cambiar las alineaciones para que se vaya al centro. Y luego, igual que con el bloque de video, tienes tu hábito avanzado. Puedes agregar la clase de tu hermana pero con un cabezazo, puedes agregar tu tobillo enfermo de cada equipo Si querías. Por aquí, justo encima de la cabeza y bloquearse. Tienes acceso a algunas características más. Se puede hacer negrita el texto, que de hecho vamos a hacer. Hagámoslo audaz. Podría convertirlo en un Talic. Puedes agregar un enlace, y luego también puedes hacer tu huelga a través si quisieras. Y ahora aquí dentro tienes acceso a las más opciones que puedes hacer click ahí. Y esto te dará acceso a cosas adicionales que puedes hacer con este bloque de salida de partículas . Echaremos un vistazo a esto un poco más tarde. Muy bien, así que tenemos a los personajes de la película encabezando Genial. Y por alguna razón, personajes se destacó en Red Wise se destaca en rojo, ¿eh? Correcto ya que así es como deletreas personajes, ¿verdad? No lo sé. No sé por qué esto está en la línea a mediados de todos modos, voy a ignorar eso. Vamos a añadir algo de texto ahora, justo debajo de la bienvenida a la película cactus head out. Entonces, por defecto, ni siquiera necesito agregar ningún bloque, y puedo simplemente hacer clic dentro ahí mismo. Simplemente puedes hacer click dentro y ellos pueden Escribir algún texto si yo quisiera. Todo lo que puedo simplemente seguir adelante ahora y pegar eso toma que ya he copiado previamente. Entonces así es básicamente como funciona Gutenberg. Cuando quieras agregar párrafos o texto, no necesitas ir allí. Añada un bloque de párrafo. Simplemente puedes teclear debajo de la cuadra de personas sobre la que has caminado y simplemente pegar lo que te lleve con lo que querías caminar. Muy bien, entonces este es nuestro texto. Y debido a que se trata de un bloque de párrafos, tenemos acceso a nuevos ajustes. Ahora mismo, podemos cambiar el tamaño del teléfono de lo normal. Podemos ir con ah medium, lo que lo haría un poco más grande. Y luego aquí dentro puedes cambiar el tamaño real de la fuente en sí mismo. Se puede agregar una gorra de gota, que voy a hacer algo así como la caída de capital. Agrega eso para que eso sea para las secciones de texto. Tenemos acceso a la llamada de ajustes, o puedes cambiarla de nuevo en Kahlo, o tal vez incluso cambiar el color del texto. Y de nuevo, tienes acceso a tu bloque avanzado donde puedes agregar una clase CSS específicamente para tu párrafo. Voy a seguir adelante ahora y actualizar esto y vamos a ver cómo se ve. Vamos a refrescarnos aquí y allá lo tienes. Bienvenidos a los personajes de la película. Y entonces tenemos nuestro texto. Y luego tenemos la gorra grande de la gota de la ale. Entonces así es como puedes tener encabezados y algún texto a tu buena página de libro. Si tiene alguna pregunta sobre lo que no hacemos hasta ahora, por favor comuníquese conmigo. Gracias, Video afortunado. Y por supuesto te veo en la siguiente clase. 7. Agrega la galería de medios: sigamos adelante y sumamos una manzana más, que sería nuestra galería. Pero antes de hacer eso, olvidé mencionar una cosa en el video de la gente, y eso es cambiar el con fuera de sus columnas individuales. Bueno, bueno, pero afirmaba que deberías poder cambiar el con simplemente haciendo clic y luego dragar los bordes de la columna. Pero entonces no funciona. Después de que Edison Krumov negociara en Firefox, no funciona. Entonces por el momento tus columnas van a tener exactamente lo mismo con no puedes hacer una columna más grande que la orden. Ojalá, puedan cambiar esto las próximas semanas, así que solo quiero que sepas eso, correcto. Vamos a seguir adelante y añadir galería. Y quiero que tengas mucho cuidado cada vez que añadas sangre, porque es muy fácil simplemente entrar aquí y verás el botón más mano derecha, y luego y luego solo tienes que dar click en el botón de cerrar para añadir una galería. No obstante, si lo haces de esta manera, tus galerías van a caer sobre esta sección que contiene la imagen de Batman y luego el párrafo sobre el blanco se pueden ver los azules son cuadrados ahí mismo diciéndote la zona que esta ocupa sección particular. Entonces si quieres agregar tu galería en una sección separada, tienes que escolarizar todo el camino hasta aquí abajo. Y luego por aquí fuera de esta gran caja azul, no se puede hacer clic en el botón más y luego agregar su galería. Pero está bien, para que puedas volver a ver. Sigue cayendo dentro de esta sección principal y no me gusta esto. Quitémoslo. Hagámoslo otra vez. Voy a dar click aquí. De acuerdo, Haga clic en el botón más en la galería. Nuestro caso. Y ahora puedes ver que ahora está afuera. Ha caído completamente por debajo de la imagen de Batman. Y nuestro párrafo Texas up te dice que la galería que agregues en este momento aparecerá en el fondo la sección anterior que contiene la imagen de Batman y el párrafo. Así que ten mucho cuidado con esto. Un buen número puede ser capaz de ser complicado a veces. Está bien, voy a seguir adelante ahora y dar clic en mi mediateca. Y elijamos un lugar tranquilo y en el Jones determinamos ah t 1000 y un comando. Entonces tengo cinco imágenes en las que voy a dar click, crear nuevo Galati, click en en su lugar Galería. Por lo que aquí en este momento, con una galería, puedes elegir el número de columnas con las que quieras ir. El valor predeterminado es tres. A mí me gusta que puedas elegir recortar tus imágenes o no. Te recomendaría que renuncies a tus imágenes en esto. Por supuesto, son exactamente iguales con y altura. Si no, te asesoraré. Los recortas para que se vea mucho mejor. Y luego puedes vincular tus imágenes ya sea a una página de datos adjuntos o tal vez incluso a un archivo multimedia, incluso acceso a avanzado. Siempre. Puedes agregar tu clase CSS. Vamos adelante y o fechas y ah, echemos un vistazo a lo que tenemos. Vayamos todo el camino hasta aquí. Y mientras Wow, hemos agregado con éxito nuestra galería con guten book. Gracias por ver el video. Te veré en la siguiente clase. 8. Edición y manipulación de bloques: hasta ahora, tan bueno. Con agregado alrededor de cuatro bloques diferentes con editar nuestro video head en párrafo y ahora el bloque de portada. Ahora quiero mostrarte cómo puedes manipular los bloques con los que has estado trabajando. Un pequeño truco aquí es que ves, cada vez que intentes hacer click a la izquierda de un bloque en particular, verás estos seis botones justo aquí. Esto te dará los sets reales para el bloque en particular con el que estás caminando. Ahora, por aquí en la cima. Estas son las opciones disponibles para este bloque de video en particular. Tienes tus más opciones, que en realidad es para la columna misma echará un vistazo a esto en tan solo un momento. Pero aquí en este momento, puedes editar tu video si quisieras. Y luego por aquí se puede cambiar el con. Puedes decidir ir lleno con o ancho con. Voy a ir lleno con esta vez alrededor. Ahora puedes ver que ha cambiado. Por lo que en este momento el video pasará todo con fuera de nuestra página. No obstante, no todos los libros grupo de ideas con la opción de ir lleno con más ahora mismo si hago click en el encabezado. No tengo la opción de ir lleno con la cabeza fuera. Tengo un click en los seis botones para el bloque de párrafos. Yo tampoco tengo las opciones de ir lleno con Eve . Con el párrafo son Bloque, sin embargo, con el bloque de cubierta. Si hago click en los seis botones aquí mismo, puedo ir lleno con, como pueden ver. Entonces hagámoslo. Haber ido lleno con el video y la portada todos los bloques. Veamos cómo se vería esto en realidad. Ahora vamos a refrescar esta página y ahí tienes. Y creo que esto se ve en realidad mucho mejor ahora mismo cada vez que estás video va para así, Así que vamos a la escuela abajo. Por lo que todavía tenemos el encabezamiento y el texto tal como está. Pero ahora nuestra portada va llena con lo que en realidad es bastante cool. Entonces así es como puedes ir están llenos con algunos de tus bloques otra vez. Si ni siquiera puedes querer ir lleno contigo, sí tienes la opción de ir son amplios con Si quieres todo solo hazlo hacer tus están bloqueados ir un poco más ancho de lo normal. Está bien, genial. Impresionante Volvamos a ir todo el camino de vuelta aquí adentro. ¿ Todo bien? Tan solo llama hasta aquí arriba. ¿ Todo bien? Por lo que otra cosa que puedes hacer es una vez que hayas ido lleno con el ajuste de bloques cancelados, ya no podrás acceder a los ajustes a la izquierda de la misma. Podrás aceptar los ajustes ahí mismo en la parte superior, por lo que puedes ver en este momento que ya tienes acceso aquí dentro simplemente haciendo clic en los seis botones. Y aquí dentro puedes cambiar. Ah, los ajustes. Por cada bloque que tengas, tendrás acceso a la mudanza hacia abajo o a las horas de movimiento hacia arriba, o tal vez incluso ambas, dependiendo de la posición fuera de ese bloque en particular de tu página. Entonces, como ejemplo ahora mismo con el bloque de cabecera, puedo moverlo hacia arriba, está bien. Y entonces esto debería ir justo por encima del video. Y como pueden ver, todo lo que puedo simplemente moverlo hacia abajo, y se remonta a su posición original. Entonces esta es una forma de cómo puedes elegir la posición fuera de tus bloques. También puedes hacer clic en los seis botones a la derecha, un clic y mantener pulsado y luego simplemente arrastrar. Y luego tendrás que esperar a esta línea azul. Se puede ver que se establece en línea azul que aparece esa es la línea azul. Eso significa que si sueltas el mouse en este momento, aparecerá justo debajo de los reales son bloque de párrafo en sí de nuevo. Déjame mostrarte. Voy a dar click en los seis botones. Intenta moverlo hacia arriba Espera a que aparezca la tierra azul justo encima del párrafo Y ahí lo tienes Ahora ya apareció vengo una lista y ahí tienes. Por lo que ahora el encabezado está de vuelta a su posición original. Entonces así es como puedes cambiar las posiciones de tus bloques. Ahora cada bloque te proporcionará los más conjuntos de opciones aquí mismo, los tres botones en los que puedes hacer clic ahí en. Lo que puedes hacer en este momento es que puedes ocultar la configuración de bloque. Puedes seguir adelante y duplicar. Puedes hacer click en duplicados y luego tendrás el mismo bloque exacto con exacts obsess ins ellos justo en hacer eso. Vuelve a mis tres botones aquí mismo. Puedes optar por insertar un bloque justo antes del bloque real enfermo y dar click en y dicho antes y ahora aquí dentro podrás añadir un bloque de aparecer justo encima del bloque de encabezado otra vez. Déjenme hacer esto con control Z, haga clic en mis seis botones aquí mismo. Vuelve a tres botones y luego tienes el inserto después de lo cual solo sería lo contrario donde ahora puedes agregar un bloque después de hacerlo actualmente caminando con y luego puedes editar como h T m l. Esto te ofrece ser si eres con experiencia trabajando con HTML. Tienes esa opción ahí mismo. Y finalmente Alan, justo después haz eso. Oh, lo siento. Parece que me he confundido. Todos los permitieron. Sólo controla Z. Está bien, vamos a volver a dar clic aquí. Ah, y visualmente. De acuerdo, me disculpo. Incluso me confundo a veces cada vez que trabajo con Gutenberg. Entonces solo un consejo rápido aquí. Si has decidido cambiar a editar como su Tamil aparentemente controlar Z Si trataste de deshacer una caminata media correctamente, lo que quieres hacer es simplemente volver atrás y acaba de agregar visualmente. Y así solo usa las opciones de edición visual para que así sea como volver a la edición visual. Muy bien, Así que finalmente tienes acceso al anuncio a bloques utilizables. Esto es muy útil. Cuando hayas creado se pone en golpe, deja de sentarte tipo de contenido y edita algo tipo de set en cualquiera que usara un bloque otro lugar. Puedes venir aquí y simplemente elegir agregar a bloques utilizables, y luego puedes agregar un nombre para los libros de resultados. Voy a decir cabeza en cuadra y voy a seguir adelante ahora y guardar eso. Por lo que les mostraré más adelante cómo podemos realmente hacer uso de este bloque reutilizable. Pero así es como puedes manipular nuestros bloques con la buena opción de editor de libros te cómo puedes cambiar tus posiciones. Oye, Rey, gol. Forma completa de cómo puedes insertar bloques antes y después y cómo puedes guardar o crear unos bloques reutilizables. Entonces gracias por ver si tienes alguna duda. Sé que esto puede ser un poco confusa policía. Si tiene alguna pregunta sobre lo que he hecho hasta ahora, por favor hágamelo saber. Gracias por ver video y te veré en la siguiente clase. 9. Uso de el bloque reutilizado: agreguemos una pieza final de texto, y eso sería un encabezado, agradeciendo al usuario por visitar la página sobre nosotros. Ahora recordemos que ya hemos creado un bloque reutilizable fuera de un encabezado, y es así que aquí vendré a personajes de cine. Entonces, ¿cómo podemos simplemente usar este mismo bloque exacto? Es muy fácil. Voy a ir todo el camino aquí abajo, click en el botón más, y ahora, porque no tenemos menos un bloque reutilizable, encontrarás una categoría muy especial de bloques conocidos como reutilizables Down hear click alli y ahí tienes. Tenemos la cabeza y el bloque y eso es todo. Bienvenidos a los personajes de la película, ¿verdad? Puedo dar click en ediciones. Puedo entrar aquí ahora mismo y cambiar el texto a Digamos gracias y ahorren ahora mismo . Podría pensar que todo está bien con lo que acabo de hacer. No obstante, si voy todo el camino de vuelta arriba, echa un vistazo a esto Ahora. El libro reutilizable de primera semana ahora tiene exactamente el mismo texto. Gracias. Entonces esta es una limitación que podrías encontrar con los bloques reutilizables. Si guardas un bloque como reutilizable, y haces cualquier tipo de cambio, ya sea al texto, al contenido, al contenido, este estilo en lo que sea que va a afectar ese mismo bloque exacto en cualquier parte de tu sitio web. Básicamente, tus cambios son globales. Entonces, ¿cómo puedes realmente hacer uso de bloques reutilizables donde solo puedes copiar el bloque pegado en una nueva ubicación y luego simplemente hacer los cambios personalizados que quieras hacer a ese nuevo bloque sin afectar el anterior? Bueno, en realidad es bastante fácil. Poco sacudido exactamente cómo harías esto. Volvamos aquí, Caleb, Caleb, solo edita este click en las cartas de agradecimiento. Vuelve con el original Bienvenido a los personajes de la película. Bienvenido a llegará a los personajes de la película. De acuerdo, sigamos adelante y guardemos esto. De acuerdo, volvamos aquí. Entonces es su Bienvenida a los personajes de la película o algunos voy a seguir adelante y sólo quitar este bloque por completo eliminado bloque. Entonces ahora ¿cómo puedo realmente hacer un buen uso del bloque utilizable? Voy a volver aquí, click en el botón más. Vayamos todo el camino de vuelta a utilizable. Voy a volver a hacer clic en el mismo encabezado. Por lo que ahora tengo exactamente el mismo texto da la bienvenida a personajes de cine. Pero si quiero hacer un cambio aquí y hacerlo sobre Lee a este bloque en particular, voy a tener que convertir estos bloque reutilizable a un bloque regular. ¿ Y cómo haría eso? Están dando click en los tres botones justo aquí y ahora puedes ver el converso a Regula Block, pero un click allá Ahora es bloque regular, y puedo decir, Ah, solo digamos gracias por pasar por aquí. Gracias por pasar por aquí. No puedo seguir adelante y actualizar mi página. Vamos a llamarlo. Está arriba y ver Y ahí vas. Todavía tenemos el bloque reutilizable original con el mismo texto exacto. Bienvenidos a los personajes de la película. Entonces así es exactamente como puedes hacer un uso adecuado fuera de tu ves letras de bloque capaces ir a la página. Bueno, primero de página y solo asegurémonos de que todo se vea como debería. Gracias por pasar por aquí y impresionante. Ahí lo tienes. Entonces así es como puedes hacer uso de los bloques habituales con el buen editor de libros. Todos 10. Uso del bloque de espacio: una cuadra más con la que me gustaría que camináramos sería el espacio y la cuadra. Ahora, por defecto. Obtener sobre. Hay un trabajo bastante decente fuera de separar o dar suficiente espacio entre los bloques de tu página. Pero en ciertas instancias podría. Es posible que desee tener más espacio entre una cuadra y otra. Entonces un ejemplo. Ahora mismo quiero más espacio entre el bloque de portada que tenemos aquí y en nuestra sección de dos columnas . Yo quería ser más pasta y también quería ser más espacio entre artículo, um, um, sección y nuestra galería de imágenes. Entonces, ¿cómo podemos hacer esto? Bueno, por suerte, Gutenberg sí tiene una cuadra, y se le conoce como el espacio en este lugar y bloque. Entonces voy a venir aquí justo en el aviso muy alto que el botón más y sumar justo aquí es el que está en el centro. No es el que está directamente encima de la imagen fuera de Batman. No es el que está directamente encima de nuestro texto. Es el que está en el medio indica en el sí, este nuevo libro en particular que voy a añadir se abarcará a través de ambas columnas. OK, muy importante. Entonces voy a dar click en Adblock blanco ahora Solo hazlo de nuevo, Ed Block. De acuerdo, así que va a estar en la disposición. Ahí hay. Se llama espaciador, en realidad, para que se le llame espaciador. Voy a dar click en él. Y ahora aquí dentro, puedes agregar tu espacio y en píxeles altos. Entonces voy a oro camino abajo a 50. Creo que tal vez este es un poco demasiado conjunto de píxeles. Parece estar bien. Ellos van adelante ahora y actualizaciones. Volvamos, Teoh Page, Veamos el nuevo espacio en. Y ahí vas mucho mejor así. Ahora, voy a hacer exactamente lo mismo entre la sección de dos columnas y nuestra galería de imágenes. Entonces volvamos aquí. Vamos a enfriarnos. ¿ De acuerdo? Por lo que una vez más, el botón más en el medio, voy a dar clic en él. Y no voy a seguir adelante ahora y añadir espaciador, y sólo iré con la misma actualización 30 exacta. Volvamos aquí hasta aquí abajo. Y ahí tienes. Mucho más espacio entre la sección Sick Lem y nuestra galería de imágenes. Entonces así es como puedes agregar espaciado más basado en entre tus bloques de tu página, como una fortuna. Te veré en la próxima clase 11. Bocas de gutenberg adicionales: solo para darte una recapitulación muy rápida sobre los bloques que tienes disponibles con Gutenberg . Por el momento, creo que usamos alrededor de nueve o 10 bloques diferentes mientras construíamos nuestra página sobre. Pero obviamente tienes acceso a mucho más son difíciles de bloques, por lo que tienes acceso a bloques adicionales como archivo. Tienes audio de lista fría en el formato que tienes Maura's Bueno, tienes cosas como código, tu clásico editorial pull cold pre formateado. También puedes agregar tablas con Gutenberg, que creo que en realidad es bastante impresionante, porque puedes hacer eso con el viejo clásico Un poco así para el espacio, y también puedes agregar botones. Puedes agregar tus saltos de página. Puedes agregar tus widgets separados todos y luego. Por supuesto, tienes acceso a tus archivos. Publicemos con sus comentarios categorías y luego,por supuesto, por supuesto, incrusta. Pero no hagas demasiado uso de esta zona en particular. Pero tienes acceso a diferentes tipos fuera de APS que puedes incrustar en tu página con bienes y mirar así que supongo que lo que estoy tratando de decir aquí es no te limites a exactamente los mismos bloques que han usado en crear mi página sobre mí un distante experimentación. Prueba a caminar con las otras cuadras que tienes disponibles para ti. Por supuesto, esto dependerá de si realmente necesitas hacer uso de esos bloques en particular o no . Entonces eso es más o menos por los bloques que nos proporciona el buen Gutenberg. Muchísimas gracias por ver y lo voy a ver en la siguiente clase. 12. Herramientas y características de gutenberg adicionales: Bueno, bueno, bueno. Bienvenido al video muy final para Goodson Book tutorial. Y lo que quiero hacer aquí es solo guiarte a través de algunas características adicionales que podrían resultar útiles al trabajar con Gutenberg. Entonces por aquí, escritor extremo dentoso, tienes tres botones, puedes hacer clic en él, y es un muy con algunas características adicionales. Por lo que tienes el modo de foco, que te permite enfocarte en una cuadra a la vez. De qué son esos es simplemente apagará todos los bloques de tu página. Y luego si decides trabajar específicamente en un bloque en particular, digamos si ejemplo, la imagen de Bettmann. Ahora se pueden ver las imágenes de los hombres malos. Ya no está gris, lo que significa que básicamente estoy caminando sobre Lee en esta cuadra en particular, mientras que todos los demás restos de bloques son geniales fuera. Entonces supongo que son los mejores usos. Simplemente te permite saber un peaje. Los tiempos son en qué bloque particular estás caminando, por lo que es un poco útil en realidad. Volvamos aquí. Apagemos el modo de foco. También tienes acceso al modo de pantalla completa, que básicamente es como un editor de páginas telefónicas en este punto. Por lo que ya no vas a ver la prensa de guerra back end. Solo puedes hacer unos cambios aquí. Y es como si estuvieras caminando en tu editor de páginas de teléfono. Eso es algo así como su uso principal. Déjame tonificar eso de nuevo a la vista original. Está bien, Entonces, editor, tienes tu ayuda visual 12. Pero también tenemos tu editor de cordes también. Y luego tienes el administrar todos los bloques reutilizables haciendo click aquí. Veamos qué hace esto. Esto nos llevará a una página especial donde podremos gestionar cada uno de los bloques reutilizables que han creado, por lo que en tiene un ejemplo en este momento. Consiguió la cabeza en cuadra. Entonces simplemente puedo seguir adelante ahora y editar el bloque y entrar aquí y hacer mi cambio. Y eso sería eso. Ahora también puedes exportar e importar tus bloques del editor de libros Morn Gutin al otro. Entonces, en este caso, tu solo exporta como tu Jason, obtienes el archivo, vas al nuevo sitio y luego simplemente importas el Jason para que has creado desde tu primer sitio web. Es así como se puede exportar e importar bloques. Ahora, al momento de grabar este video en particular, que en realidad es el 1 de febrero de 2000 y 19 Si hago clic en añadir un nuevo bloque con Gutenberg , todo lo que consigo es una pantalla de luz en blanco. Entonces sí creo que esto es algún tipo de error que está sucediendo actualmente. Entonces espero que para cuando veas este video, tal vez ellos hicieron hayan arreglado el problema. No lo sé. Eso espero. Pero sólo mantengamos nuestros dedos cruzados volviendo a una página. Si vuelvo atrás. Herramientas Teoh. También tienes el botón de opciones donde puedes optar por mostrar u ocultar los tipos de configuración de características en tu página. Y por último, tienes a tu botón de ojo aquí, que es algo así como tu estructura de contenido. Da clic ahí y esto te dirá justo cómo se presenta tu contenido. Cuántas palabras tienes encabezados, párrafos y bloques. Esto en realidad es muy, muy útil para S e. O, sobre todo cuando estás tratando de optimizar tu contenido por lo que esto podría ser muy, muy útil. Y entonces también tienes tu navegación por bloque donde puedes saltar muy rápidamente un bloque de partículas hacia fuera que querías caminar sobre. Entonces en este caso, por ejemplo, ahora mismo podría hacer clic en las columnas y me llevará directamente a nuestras columnas, bloquear el trabajo y ahora lo hace y editar. Entonces esto es muy útil. Especialmente cuando estás caminando con páginas que tienen un montón de cuadras. Acabar con ellos para que sea básicamente todo lleno. Gutenberg. Muchísimas gracias por ver. Y si tienes alguna pregunta, claro. ¿ Me lo haces saber? Y lo voy a ver en el próximo video. 13. Conclusion de Gutenberg: Bueno, ahí lo tienes. Hemos llegado al final este cierre especial de cómo usar un poco el libro de guten. Como puedes ver en este momento. No es tan malo como mucha gente dice que es. Sin duda es tumba inferior o compilación de página establecida. Plug ins como un hombre hablan con buildup, pero sin duda proporciona muchas más características que el viejo editor clásico. Por lo que sinceramente espero y creo que ahora has adquirido las habilidades necesarias utilizado libro Goodson para construir Tus páginas se oponen en tu WordPress. Worksite ha sido un placer o enseñarte este curso y lo disfrutó. Por favor, no deje una reseña. Eso realmente me ayudaría mucho. Muchísimas gracias. Mi nombre es Alex de placer. Y te veo la próxima vez. Adiós adiós.