WordPress para principiantes: bloques y edición

Hola, mi nombre es Chrissy Ray, y en estas lecciones, aprenderá a editar publicaciones y páginas usando bloques y el editor clásico. Vamos a empezar editando una página. utilizando el editor de bloques, y ese es el editor predeterminado tanto para publicaciones como para páginas. Puedes ver que ahora mismo estoy en una página y estoy en el editor. Y la forma más fácil de agregar un bloque, puede ver aquí mismo que dice Escriba barra para elegir un bloque. Así que podría hacer eso. Podría escribir barra oblicua en ese espacio. Y puedo elegir uno de estos bloques de uso común. Si no encuentra el bloque que desea agregar de esa lista, puede presionar Retroceso y luego mueve tu mouse aquí hasta que vea el signo más. Y puede hacer clic en el signo más para agregar un bloque. Eso te dará una barra de búsqueda donde puedes buscar para el bloque que desea agregar. Así que ahora mismo voy a agregar una imagen. Así que voy a elegir la imagen. Si no ves la imagen allí, puede escribir la palabra imagen y aparecerá. Cuando vas a añadir una imagen, tienes la opción de subirlo si quieres. Si ya lo subiste, puedes ir a la biblioteca de medios o puede insertarlo desde una URL. Así que ya subí una imagen que quiero usar, así que voy a hacer clic en la biblioteca de medios y voy a elegir la imagen que quiero, verificar que tiene algún texto alternativo allí, y luego haga clic en Seleccionar. Ahora algunos de los ajustes que vas a manejar por un bloque van a estar en este panel en el lado derecho de la pantalla, y algunos de ellos van a estar en el bar eso está encima del bloque. Entonces puedes ver aquí, por ejemplo, para la barra, Puedo usar filtros. Puedo alinearlo. Puedo agregar un enlace. Puedo hacer otras cosas allí. Y en el panel del lado derecho, Puedo cambiar algunas otras configuraciones. Así que solo quiero señalar algunas configuraciones sobre las imágenes que son importantes. El número uno es, nuevamente, este texto alternativo. Siempre quieres asegurarte que tus imágenes tengan texto alt, texto alternativo. Es muy importante. Y si cambias el texto alternativo en una imagen que se ha agregado a un póster o página, no actualiza el texto alternativo que estaba en la mediateca. Así que quieres asegurarte de cambiarlo en la biblioteca de medios. y luego agréguelo a la página si desea que se refleje en cualquier instancia nueva de esa imagen en particular. No cambia ninguna instancia existente. Otra cosa sobre la configuración de la imagen es el tamaño. Entonces puede ver que ahora mismo está configurado en grande. Estos tamaños están determinados por el tema que estoy usando. Algunos temas tienen más tamaños. Algunos temas tienen menos tamaños. Entonces solo depende del tema. que está utilizando para su sitio web. La otra cosa son estas dimensiones de la imagen, Por lo general, trato de no cambiar esos porque cambia las dimensiones de la imagen en la pantalla, pero en realidad no cambia el tamaño del archivo. Entonces, si haces esto como 50%, todavía tienen que descargar toda la imagen más grande para ver esa versión más pequeña. Si necesita usar un tamaño de imagen diferente, entonces recomiendo hacer ese tamaño de imagen antes de subirlo. Muy bien, una cosa más sobre la imagen. es que puedes darle un título. Solo quiero restablecer eso y darle un título. Así que voy a escribir eso. Y en el pie de foto también tienes algunas herramientas de edición de texto. Así como lo hiciste para el párrafo. Ahora, cuando esté listo para agregar un nuevo bloque, puede simplemente presionar Enter y eso le dará un nuevo bloque. Y de nuevo, puedes escribir barra oblicua o puede hacer clic en el signo más. Si quieres ver todos los bloques disponibles, puede hacer clic en Examinar todo, y eso te mostrará todos los bloques que están instalados actualmente para su sitio web. Muchos de estos están instalados por defecto. Algunos de ellos, si me desplazo aquí abajo, están instalados debido a los complementos que tengo. Así que voy a agregar otro bloque que creo que es bastante útil y uno que usted debe conocer. Y ese va a ser el bloque de encabezado. Los encabezados son muy importantes por dividir el contenido de su página. Sin embargo, querrás usar los encabezados correctamente. A veces veo gente usando encabezados donde simplemente les gusta la forma en que se ve entonces por eso usan el encabezado. quieres asegurarte que está utilizando el nivel correcto de título. Pueden ver aquí ahora mismo que tengo un H2, cual es correcta. El título de la página por lo general va a ser un encabezado de nivel uno. Ese será el encabezado principal de la página. Por lo general, solo debe tener un H1 o un encabezado de nivel uno para una página completa. Cualquier subtítulo debe ser H2 o inferior. Pero quieres asegurarte que estructures tu página correctamente. Así que no uses un H3, a menos que sea un subtítulo de un H2. No utilice un H4 a menos que sea un subtítulo de un H3. Entonces no deberías tener un H2 seguido de un H4 porque necesitas un H3 en el medio. Así que voy a agregar un encabezado aquí y voy a escribir pasteles de todo el mundo. Así que pueden ver aquí que tengo este encabezado seleccionado y tengo algunas configuraciones que puedo cambiar en el bar al igual que hice con la imagen. Y luego tengo algunas configuraciones que puedo cambiar en el panel. Y puedes ver, solo quiero señalar uno es que puedo cambiar el caso. Así que si quiero que sea todo en mayúsculas o todo en minúsculas o en mayúsculas y minúsculas, puedo hacer eso. Cuando lo puse en mayúscula, capitalizó cada palabra. Entonces, si quiero eliminar eso, solo puedo hacer clic en Ninguno. Otro bloque que creo que es útil conocer, Voy a presionar Entrar aquí para agregar un nuevo bloque, va a ser el bloque de botones. Así que solo voy a escribir botones de barra y voy a agregar algunos botones aquí. Y voy a escribir pastel uno. Y voy a presionar Enter para agregar otro botón. Este será el pastel dos y Enter para agregar un tercer botón. Así que pastel uno, pastel dos, pastel tres. Ahora con estos botones, puedes ver aquí si hago clic en el pastel uno, De hecho, tengo la configuración solo para ese botón. Entonces, por ejemplo, puedo cambiar el color de fondo solo por ese botón. Y puedes ver que eso no afectó a los otros. Si selecciono otro botón, Entonces puedo cambiar el color del texto para ese. Y solo afecta a ese botón en particular. Si desea aplicar la configuración para todos los botones. Vaya, déjame volver a cambiar el texto. a algo que puedas ver. Aquí vamos. Si desea cambiar los botones en su conjunto, entonces seleccionarías cualquiera de los botones y luego puede hacer clic en este botón de botones. Es difícil de decir. Y eso te dará las propiedades. para todos los botones. Pero fíjate que no puedes cambiar las cosas. como el color de fondo. Eso es porque es una propiedad específica del botón. Y lo que estoy tratando de mostrarte aquí es que cada uno de los bloques que usas tiene diferentes configuraciones y va a ser cuestion de usar los bloques para aprender los ajustes y practicar un poco con ellos. Entonces puedes ver, por ejemplo, Puedo alinear los botones al centro o puedo alinearlos a la derecha. Tengo algunas opciones allí. O puedo cambiar la orientación y puedo jugar con esto. Una cuadra más que quiero mostrarte, así que voy a hacer clic en más, y eso va a ser una lista. Así que una lista va a por defecto ser una lista desordenada o con viñetas. Esta es una lista. Y puede ver que cuando presiono Entrar, le agrega elementos. Si desea que toda la lista sea una lista numerada, debe seleccionar toda la lista. Así que puedes ver ahora mismo que tengo un elemento de la lista como el bloque que está actualmente seleccionado. Si quiero seleccionar todos los elementos de la lista, Necesito hacer clic en este botón de lista de selección. Y puedes ver allí, Puedo cambiarlo a una lista numerada o una lista con viñetas. Esto es desordenado u ordenado. También puede hacer clic en un elemento de lista individual y puede sangrarla, lo que la convertirá en una sublista, o puede anular la sangría si es necesario. Entonces, una vez que realice cambios en su página o su publicación y los bloques que te muestro están disponibles tanto en publicaciones como en páginas. Así que cualquier cosa que veas aquí, También puedes hacerlo en las publicaciones. Pero una vez que hayas terminado con eso, solo vas a hacer clic en actualizar para tu página y eso lo va a actualizar. Una cosa más que quiero mostrarte sobre estos bloques y esto es algo que realmente me gusta de los bloques. Si necesita cambiar el orden de sus bloques, solo puedes seleccionar un bloque y luego puedes arrastrar, usando este pequeño ícono de arrastrar aquí para arrastrarlo hacia arriba o hacia abajo. Entonces puedo mover eso. O si eso es un poco demasiado difícil para ti, puede hacer clic en la flecha para moverla hacia arriba o hacia abajo dentro de la página. Tú también por cada uno de estos bloques tener estos tres puntos a la derecha. Esas son opciones, y puede usarlo para copiar o duplicar un bloque. Puede insertar bloques. Y si amas HTML, eres programador, también puede editarlos como HTML. Si entras ahí, luego puede editar visualmente para cambiarlo. y puedes ver que tienes algunas características adicionales aquí. Una de las características que uso con mucha frecuencia. es la función de eliminación. Entonces, si agrega un bloque y luego decide que no lo necesita, puedes seleccionar el bloque y luego haga clic en eliminar imagen para eliminarla. Así que eso es todo por bloques en este momento. Gracias por ver. Y estad atentos a la próxima lección. donde te mostraré cómo agregar nuevos bloques usando complementos.