Transcripciones
1. Gutenberg Introducción: Hola y bienvenidos a mi curso en que te voy a
enseñar cómo puedes usar WordPress Gutenberg editor para crear las páginas y
publicaciones para tu página web. Gutenberg editor de bloques hace que
sea muy sencillo y fácil crear y dar formato
a las páginas
mediante el uso del sistema de bloques. En este curso, aprenderás todas las características principales
que tienes que usar
al crear
páginas en WordPress sin usar ningún constructor de páginas
separado. Aprenderemos cómo podemos
insertar diferentes bloques getter disponibles en Gutenberg editor y cómo podemos
personalizar esos bloques. Entonces mantente atentos. En la próxima conferencia, les
daré una breve visión general de la interfaz de
Gutenberg editor.
2. Descripción de la interfaz Gutenberg: Ahora vamos a empezar cuando Gutenberg editor de bloques. El primero que
vamos a hacer es obtener una breve visión general de la interfaz de
Gutenberg. En la esquina superior izquierda, tenemos este icono con lamas
y ancho más. Esta carga es agregar
bloques dentro de nuestra página web. Al hacer clic en este icono, podemos ver todos los bloques
que están disponibles para usar. Y también los veteranos que son plantillas
preconstruidas
dadas por Gutenberg. Estas plantillas también se
crean mediante el uso de estos bloques. A continuación tenemos
opción de cambiar entre el modo objeto
y el modo de selección. El modo Seleccionar es muy
útil cuando queremos simplemente seleccionar un elemento y
moverlo o reposicionarlo. Entonces tenemos la opción
de deshacer y rehacer. Aquí podemos ver que
sus colas de nuestro pH significa cuántos caracteres,
palabras, encabezamientos, o párrafos o
bloques se incluyen en la página y también el esquema del
documento de la página. Ahora esta es la vista de lista, que es parte muy importante
de nuestro editor Gutenberg. Aquí podemos ver la
estructura completa de nuestros bloques. Y también la secuencia es actualmente
sólo tenemos un bloque agregado, que es bloque de párrafo. Por lo que está mostrando sólo una cuadra. En próximas conferencias,
vamos a sumar más bloques. Después veremos cómo se vuelve
útil
el ListView para ver las secuencias
y estructuras de los bloques. A continuación tenemos se guarda
opción de borrador para guardar nuestro trabajo. Y luego tenemos
la opción de vista previa para abrir el Fernando
de RPGN nueva pestaña. O podemos ver cómo se ve
nuestra página en
diferentes tamaños de dispositivo, que es móvil y tablet. Después tenemos la opción
Ajustes donde
podemos ver el ajuste de página
y el ajuste de bloque. En ajustes de bade, tenemos algunas opciones como
azafata y visibilidad, enlaces de
perma,
imagen de característica y discusiones, y también los atributos de página. Y en bloque, tenemos el
envío de nuestro bloque seleccionado. Estos ajustes serán diferentes para diferentes tipos de bloques. Al igual que forebear graph look, tenemos tamaño de fuente, altura de línea, color, color de
fondo. Estos ajustes serán diferentes para otros tipos de bloques, como imágenes, lista o una columna. Ahora en la parte superior derecha, tenemos opciones de disfagia. La primera opción es la barra de herramientas superior. Para explicar esta característica, voy a añadir un nuevo bloque, que es un bloque de encabezamiento. Ahora puedes ver que cada bloque ahí es
nuestra barra de herramientas con ella. Al seleccionar esta opción, podemos mover esa barra de herramientas
a la parte superior de la página. Después tenemos el modo de foco
y luego el modo de pantalla completa. En editor, tenemos editor
visual en el que
estamos actualmente. Y luego el coordinador. En block Manager,
podemos gestionar nuestros bloques. Podemos desactivar o
habilitar cualquier bloque desde aquí y administrar bloques utilizables. Tenemos datos de flujo
guardados para reutilizarlos posteriormente. Las opciones
de atajos de teclado las da Gutenberg. Puedes utilizar estos atajos
para agilizar el trabajo. Y entonces tenemos
nuestra guía de bienvenida, que es una guía corta para
utilizar el editor Gutenberg. Y luego tenemos opción de copiar
todo el contenido, que se utiliza para copiar todo el contenido que
se encuentra en la página. Ahora esto es un, esto es todo
lo que tenemos en nuestra interfaz
Gutenberg. Esto fue sólo una breve
visión general de todas las características. Ahora en la siguiente conferencia, vamos a
aprender cómo podemos agregar un interbloqueos de Azure
para crear nuestra página.
3. Añadir bloques: Hola y bienvenidos a
la nueva conferencia de WordPress Gutenberg
editor curso. En esta conferencia, vamos a empezar
a sumar
bloques en nuestra página. Existen diferentes tipos de método para agregar
bloques en la página. Antes de eso. Algo que quiero mencionar
aquí es que cada vez que
agregamos un nuevo bloque antes de
elegir su tipo, es por defecto un bloque de
párrafo. Aquí se puede ver
en la vista de lista, el registro que se agrega se
muestra como un bloque de párrafo. Ahora vamos a
añadir un nuevo bloque. Por lo que para dat, voy a dar
clic en este icono azul. Y luego aquí están todos los
blogs que están disponibles. También puedes buscar
desde la barra de búsqueda. Escogeré un bloque de encabezamiento, y el bloque se
agregará en la página. Ahora puedes ver en el
ListView que el blog que era un bloque de párrafo ahora
se convierte en
un bloque de encabezamiento. Ahora escribiré sus textos
para el bloque de encabezamiento. Y cuando presione enter, saltaré de esta cuadra. Y luego se
agregará un nuevo bloque, que también es por defecto
un aspecto de párrafo. Ahora hay otro
método para agregar un bloque, que es haciendo clic en este
icono más que está en el melocotón. Y aquí podemos ver los bloques
más utilizados. También podemos buscar
cualquier cuadra desde aquí. Por lo que ahora añadiré bloque de
imagen desde aquí, y luego subiré
nuestra imagen para este bloque. Como se puede ver, se sube la
imagen. Y ahora volveré a presionar el botón Enter y
saltaré de este libro a una nueva cuadra. Ahora otro método
para agregar el bloque es que podemos bucear hacia delante
barra en el bloque, y luego el nombre del bloque
que queremos agregar. Esta es también una forma muy rápida agregar un nuevo bloque en el pH. Aquí buscaré nuestro bloque de cargas y
luego sumaré una nueva carga. Ahora si selecciono este
bloque y en las opciones, tengo esta opción de insertar
antes e insertar después. Al seleccionar esta opción
de inserción antes, se agregará
un nuevo bloque
antes de esta carga y aspecto. Y si tengo que añadir un nuevo
look después de esto pero desbloquear, entonces elegiré la
opción insertar tras nodo. Estos son algunos de los métodos para agregar nuevos bloques en nuestra página web. Ahora en la próxima conferencia, comenzaremos a editar
estos bloques mediante todas las opciones de edición que están disponibles para diferentes
tipos de flujo.
4. Personalización de el bloque de la dirección: Ahora en esta conferencia, comenzaremos a editar
nuestro bloque de encabezamiento. Festival. Seleccionaré
el bloque de encabezamiento. Ahora veamos cuáles son
las opciones disponibles. En el lado derecho. Estas opciones serán diferentes para diferentes
tipos de relojes. En tipografía, tenemos opciones de cambiar
el tamaño del encabezamiento. Podemos seleccionar de los
lados que están disponibles. O podemos elegir un tamaño personalizado. Entonces en color, tenemos opción cambiar el
color del texto de nuestros encabezados. Después tenemos algunas
opciones más para cambiar el color de fondo y
para cambiar el color del enlace. Después de eso, veremos cuáles son las opciones disponibles
en la barra de herramientas. La primera opción que tenemos es
convertir este bloque a
otro rebaño dipolo. Y convertimos
códecs bloques relacionados. Entonces tenemos opciones para
moverlo hacia abajo o hacia arriba en la playa. Podemos utilizar esta opción para
cambiar la posición del blog. También tenemos opción de drag. Por lo que arrastrando, podemos
cambiar la posición del bloque. Entonces tenemos opciones de alineación. La primera opción es de ancho completo. Entonces a partir de aquí eligiendo
la opción de ancho ancho ancho ancho, nuestro blog cubrirá el
ancho ancho ancho de la pantalla. Se puede ver el ListView. Ahora nuestro bloque si gobierna
el veredicto amplio. Si desmarco esto, y se puede ver ahora nuestra
cuadra está en el centro. El bloque de palabras está
justo en el centro. Ahora. De la misma manera si
elijo opción de ancho completo, ahora, nuestro bloque de encabezado
cubrirá todo el ancho
de la pantalla. Después tenemos las
opciones de tener buceo. Podemos utilizar diferentes tipos de
encabezados, que pueden cambiar el
tamaño del encabezado. Entonces después de eso
tenemos opción de alineación de texto en el bloque. Si lo alineamos al centro, podemos alinearlo a la derecha. Usaré un alineamiento central. Y entonces tenemos opciones de negrita y cursiva para el rubro. Entonces tenemos la opción de agregar un enlace a un texto de encabezado. Pero usaré esa opción
más adelante para nuestro bloque de párrafos. Y luego el cabello, algo más de información como puedo agregar código en línea o imagen en línea. Desde imagen interior, puedo agregar cualquier imagen dentro de
este bloque de encabezamiento. Y entonces tenemos una
opción de tachado. Y entonces tenemos opción de
subíndice y superíndice. Y luego otra opción es x color que podemos
cambiar a partir de aquí. Ahora algunas opciones más
en estos bloques. Nuestras opciones son que podemos hacer
un duplicado de este bloque desde aquí haciendo clic en
este botón duplicado. O podemos quitar cualquier
bloque de aquí. Y la otra
información útil aquí es agregar dos bloques reutilizables. Podemos agregar cualquier blog
hacer bloque reutilizable. A partir de aquí. Al igual que estoy agregando este bloque de encabezamiento y
dándole un nombre, mi rubro. Y luego si bajamos
y agregamos un nuevo bloque. Y en este bloque, podemos reutilizar el estancamiento
que hemos creado. Aquí. Podemos buscar ese
libro, que es mi rubro. Y se puede ver que el
bloque está disponible aquí que hemos agregado
a los bloques reutilizables. Por lo que simplemente
seleccionaré este bloque. Y ahora ese bloque que
hemos creado y luego agregarlo en bloque reutilizable
se agrega en la página. Ahora, estas son algunas de
las opciones por las que
puedes abordar tu bloque. Nueve próxima conferencia,
aprenderemos sobre otros blogs, datos disponibles.
5. Paragraph y bloque de imágenes: Ahora empezaremos a sumar nuevos bloques y luego
saldremos de esos bloques. El primer bloque que
voy a añadir es un párrafo. Mira por defecto es bloque ya
es un párrafo. Por lo que simplemente me basaré en texto para el párrafo
que quiero. Y después de eso, si
veo del lado derecho, todas las opciones de edición son las
mismas que nuestro tipo de encabezado. Al igual que podemos cambiar el tamaño
de nuestro texto desde el aire o
podemos cambiar el color del texto
o el color de fondo,
el color del enlace. Una opción más que
tenemos es de drop cap. Si selecciono esta opción, la primera letra
de nuestro párrafo se
convertirá en un tope de gota. Podemos seleccionar o anular la selección de
esta opción si queremos. Ahora veremos opciones
en la barra de herramientas. La primera opción es transformarlo a cualquier
otro tipo de bloque. No debería estar
relacionado con nuestro libro de texto. Entonces tenemos opción de
moverlo o arrastrándolo. Y entonces tenemos
opciones de alineación. Lo alinearé para centrar aquí. Entonces tenemos opciones
de negrita y cursiva. Entonces después de eso tenemos opción de agregar un enlace en nuestro texto. Por lo que seleccionaré este EGN, escribiré el nombre de cualquier sitio web donde quiera
redirigir este texto. Entonces después de escribir el texto en la página web y
simplemente daría clic en Enviar. Y entonces abriré el
discurso en una nueva pestaña. Y aquí se puede ver que
el enlace está funcionando. Si hago clic en este enlace, nos redirigirá
a otro sitio web. Las opciones no desodorantes para
este bloque de párrafo son las
mismas que hemos discutido
en nuestro bloque de rubros. Y ahora vamos a añadir
nuevo bloque en nuestra página, que será un tamaño de bloque de
imagen, haga clic en insertar después, y haciendo clic
en el icono más. Y desde aquí voy a
añadir un bloque de imagen. Y elegiré la imagen
de nuestra mediateca. Voy a elegir esta imagen. Ahora se puede ver que se agrega la
imagen. Las opciones para bloque de imagen en el lado derecho son que
podemos
convertirlo en redondo o podemos agregar un borde o marco
en esta imagen. Y entonces tengo opción de
cambiar el tamaño del tiempo es que puedo convertirlo una imagen de tamaño mediano o
una imagen de gran tamaño. Y luego después de
otra vez las opciones, la barra de herramientas son,
podemos transformarla a cualquier otro bloque que
esté relacionado con las imágenes. Entonces tenemos
opciones de alineación como, bueno, puedo usar ancho completo. Si utilizo la versión completa, puedes ver las imágenes usando el ancho completo
de la pantalla. Y si uso amplia buena. Y qué tipo usará un
más ancho escrito la pantalla. También tengo opcional
alineándolo a derecha o izquierda de nuestro bloque. Y entonces tengo opción de
alinearlo al centro. La siguiente opción es
que también podemos agregar un enlace para esta imagen o
podemos recortar esta imagen. Y entonces tenemos opción
de agregar nuestro texto en la imagen con Phil convertido
a qué bloque de portada. Y en esto se agregará un nuevo
bloque de bloque de párrafo, dentro de este bloque de imagen. Y entonces escribiré el
texto de bloque de párrafo oscuro. Y podemos cambiar la
configuración de este bloque. Puedo alinearlo al
centro y luego
aumentaré el
tamaño del texto. Y entonces lo pondré audaz. Y tenemos todas las opciones de párrafo buscar esta imagen. Y entonces tenemos la opción
de reemplazar la imagen, pero cualquier otra imagen. Esta opción es útil
cuando por ejemplo, tenemos múltiples imágenes en nuestros bloques de
imagen en nuestro melocotón. Y simplemente podemos hacer click en Reemplazar y reemplazar
la imagen del tipo por
cualquier otra imagen. Ahora estas fueron algunas de
las opciones de edición disponibles para párrafo
y un bloque de imagen. Ahora en próxima conferencia
discutiremos algunos bloques más.
6. Personalización de botones: Ahora vamos a sumar nuestro nuevo bloque, que será bloque de pretensión. Por lo que desde aquí buscaré el bloque de vuelcos e
insertado en nuestra página. Aquí tenemos opciones de
agregar carga múltiple dentro un bloque de cargas desde vista
sin cabello podemos ver que hemos agregado un
bloque de cargas dentro de ese trabajo. Podemos sumar múltiples cargas. Pero actualmente trabajaré
con un solo botón. Y ahora vamos a escribir pato X4, la carga que es empezar. Y luego después de eso
veremos cuáles son las opciones de edición del
lado derecho. En primer lugar, tenemos
opción de cambiar el estilo de carga para
delinear o rellenar. Entonces tenemos opción de cambiar el tamaño de fuente para el Verdun. Y en los
ajustes fronterizos tenemos opción de cambiar el
radio de la carga. Podemos convertirla a nuestra propia
carga o mantenerla cuadrada. Por lo que lo convertiré
en un botón redondo. Y entonces tenemos opción de cambiar el
color del texto para nuestro botón. Por lo que elegiré un color más claro para el texto, color blanco. Y entonces tenemos opción de cambiar el
color de fondo del botón. Por lo que desde el color personalizado, seleccionaré un
color diferente para el botón. Voy a seleccionar un color
azul marino para este botón. Por lo que este color se ve bien. Y después de eso,
si tenemos opción de cambiar el tamaño de la carga, podemos cambiar la configuración de la palabra. Podemos mantenerlo 50 por ciento o 75 o 100 por ciento del bloque. Por lo que usaré 50 por ciento de ancho. Y tenemos opciones de en la barra de herramientas podemos agregar
un enlace a nuestra carga. El enlace está sumando todas las demás opciones para
la carga y Toolbar son iguales a nuestros otros bloques que
hemos utilizado previamente. Por lo que estas fueron algunas de las opciones de
edición para la carga. Al usar estas opciones, podemos editar nuestra carga.
7. Cambiar el tema y crear menú creativo: Ahora vamos a aprender cómo
podemos crear una página de aterrizaje
o cualquier página para nuestro sitio web mediante el uso de
estos bloques Gutenberg. Pero antes que nada,
cambiaré a mi equipo actualmente estoy usando nuestro equipo
predeterminado de WordPress, cual se dibuja D 21. Por lo que en primer lugar, voy a cambiar el
equipo de mi página web. Entonces para eso, iré a
su tablero o a WordPress. Y luego en apariencia, iré a Equipos. Y buscaré un nuevo equipo aquí dando click en Agregar Nuevo. Y luego en la barra de búsqueda, buscaré
un equipo de cadencia. Voy a usar
equipo de cadencia para este sitio web. Por lo que instalaré este equipo. Y después de instalar,
daré clic en activar para
activar este tema. Ahora se cambia el tema de mi
página web. Ahora voy a añadir algunas páginas nuevas en el sitio web porque quiero
crear un menú para la página. Por lo que la primera página que voy a
agregar es la página Contáctenos. Escribimos Contáctenos el título de la página y
publicaré esta página. Y luego volveré a las páginas y añadiré una página nueva
y otra, que serán nuestros servicios. Y luego haremos click en
publicar para publicar esta página. Ahora tenemos tres
páginas en nuestra página web. En primer lugar es incorrecto,
que es nuestro domicilio y tenemos Contáctenos
y servicios de habla. Ahora vamos a
personalizar a nuestros adolescentes. Por lo que para eso voy a
dar clic en personalizar. Y desde aquí crearé
un menú para nuestra página web. Por lo que voy a ir al menú, y voy a añadir un nuevo menú aquí. Le daré un nombre,
mi menú, y luego seleccionaré el soborno ubicación
y se crea el menú, luego agregaremos
elementos en el menú. Estas son las páginas que
hemos creado y voy a dar click en esta página es para
añadirlas en nuestro menú. Después de eso,
podemos volver a
posicionarlo para cambiar el orden. Ahora se crea nuestro menú. Ahora nuestra siguiente tarea es
cambiar la configuración de la página de inicio. Por lo que iremos a la configuración de la
página de inicio. En tercer lugar, nuestra página de inicio
son nuestros últimos posts. Lo cambiaremos
a nuestra página estática. Y seleccionaremos una página
y direccionaremos como nuestra página de inicio. Por lo que ahora esta página
funcionará como nuestra página de inicio. Siempre que
abriremos nuestra página web, esta página se abrirá en lugar
de nuestra disposición anterior. Y luego haremos clic en
publicar para guardar dos configuraciones.
8. Crea la sección de héroes: Ahora empezaremos a crear
nuestra página de aterrizaje. Por lo que en primer lugar,
abriré el modo agregado
para nuestra playa actual. En equipo de cadencia, tenemos más opciones de personalización
para nuestra salida de doctorado y ajustes. Entonces tenemos en
nuestro equipo anterior, quiero usar
cabecera transparente para mi sitio web, lo que habilitaré esta opción. Entonces después directamente
a pH intenté opción que voy a desactivar. Y luego diseño beige
usaré ancho completo. Estilo de 10 contenidos será unbox. Entonces después de papá, tengo mal
discapacitado o relleno. En primer lugar,
crearemos la sección de héroes. Primer blog que voy a añadir para sección de
ego será bloque de imagen. Y luego en mediateca, seleccionaré la imagen
que queremos utilizar. Y usaré la
tarifa completa para esta imagen. Después de DAG, añadiré el
texto dentro de la imagen. Ahora, esta imagen se
convierte en un bloque de cubierta. Entonces cambiaré
la opacidad a 0. Es opacidad de color de superposición. Lo estoy cambiando a 0. Y luego he escrito texto
para nuestra sección de héroes. Y usaré la
alineación central para este texto. Entonces después de eso
editaremos esto. En primer lugar, aumentaré
el tamaño del texto. Y después de
eso, cambiaré altura de
la línea y luego haré la primera letra
de cada palabra mayúscula. Y entonces lo pondré audaz. Ahora es el momento de
añadir nuestro nuevo libro, que será el rebaño. Por lo que a partir de aquí, voy a
añadir un nuevo bloque. Acogía a cualquier escalonada.
Vuelvo a usar centro de
justifique para este bloque. Y luego escribiré el
texto para este botón, que tiene contactarnos. Y voy a cambiar el tamaño
del texto y la palabra. Y después de eso,
cambiaré el radio, radio de borde a redondo, y cambiaré el color de fondo y el color del texto
a menudo carga. Ahora, nuestra sección de héroes está lista. Ahora voy a aumentar un poco el tamaño de nuestra
imagen de sección ETL. Creo que ahora se ve bien. Ya me han actualizado y ya
veremos en una nueva pestaña. Sí, se ve bien. La sección de audio está lista. Ahora en la próxima
conferencia vamos a cambiar los colores de nuestros elementos de la barra de menú y vamos a añadir un logotipo de
nuestra página web en el encabezado.
9. Añadir logotipo de marca y menú costoso: Hola, en esta conferencia hemos agregado nuestro logotipo de marca
del sitio web y
vamos a cambiar el tamaño y
color de nuestros elementos de menú. Por lo que voy a dar clic en personalizar
e ir a la personalización. Y desde aquí seleccionaré
el título de mi página web. Y desde aquí
seleccionaré Logo y cuándo. Y luego añadiré la
imagen para el logo. Conoce nuestro
logo de marca lateral es agregado, entonces ajustaré
el tamaño del mismo. Después de eso, tenemos que cambiar el tamaño y el color
de nuestros elementos de menú. Por lo que voy a dar clic en Editar. Y aquí voy a aumentar
el espaciado de los artículos. Y después de eso, cambiaré
el color de la fuente desde aquí. Después de eso voy a cambiar, también cambié
toda la palabra color. Ahora tenemos que cambiar
el estilo de fuente y tamaño
extraño de
estos elementos del menú. Entonces he heredado de aquí, podemos cambiar la fuente
que queremos usar. Yo iría con este
teléfono y luego
voy a aumentar el tamaño de la fuente. Y también podemos cambiar la altura de línea y el
espaciado entre artículos. De aquí. Ahora se cambia nuestro estilo de fuente
y se agrega nuestro logotipo de marca. Ahora solo regresaré y
cambiaré la fuente base, toda mi página web. Entonces a partir de aquí,
cambiaré la fuente base, que cambiará la
caída de todo el texto y añadiré en mi página web. También puedes cambiar
las fuentes de encabezados como H1, H2 desde aquí. Y luego seleccionaré Publicar. Y ahora nuestros cambios se
han guardado. Ahora en próxima conferencia sumaremos algunas cuadras más para
completar nuestra playa de desembarco.
10. Crea nuestra sección de servicios: Hola. Ahora en esta conferencia vamos
a crear nuestra siguiente sección, que será nuestra sección de
servicios. Por lo que antes que nada, voy a añadir una nueva página y voy a escribir el
texto del encabezamiento. Y luego después de eso lo
alinearé al centro. Y haremos
algunos ajustes con el tamaño del rubro. Después de eso,
añadiré un nuevo bloque, que será bloque de columnas. Aquí te presentamos diferentes variaciones
para la ley de Coulomb. Y seleccionaré una columna de variación de
árbol. Columna. Añadiré
un nuevo rubro. Y luego escribiré
el x Dr pastoreo, que será desarrollo web. Entonces elegiré
la alineación central. Después de DAG en la segunda columna, también
añadiré el agregado con la misma configuración y escribiré el contenido que
será marketing digital. Y luego añadiré
el tercer rubro, que será el desarrollo de aplicaciones. Ahora añadiré una nueva imagen
en nuestra primera columna. Y luego desde
mediateca seleccionaré la imagen para esta columna. Y luego escribiré
el texto del párrafo. Y luego ajustaré el
tamaño y lo alinearé al centro. Y luego también selecciona el
texto y hazlo en negrita. Ahora vamos a sumar la imagen
para nuestro próximo número de llamada. Antes de eso, alinearé
la primera imagen, el centro. Ahora aprenderé el bloque de imagen y luego seleccionaré
la segunda imagen. Lo alineará al centro. A continuación, agregue un nuevo bloque de párrafo y escriba el texto
para el párrafo. Y hacer lo mismo o simplemente
significaba que su texto. Y luego lo mismo antes de
la tercera columna, añadiré una nueva imagen
con la misma configuración y también los datos de texto de párrafo
con la misma configuración. Ahora nuestra, nuestra
sección de servicios está lista. Puedo guardarlo y luego
previsualizarlo en una pestaña nueva. Entonces así es como se ve. Se ve bien, pero hay
un problema con ello. El vector de la
sección es tan ancho, está cubriendo la pantalla completa
que no se ve tan bien. Por lo que haré algunos
ajustes con mi configuración
de maquetación del equipo de Canvas. A partir de aquí usaré un
bit normal en lugar de ancho completo, y luego lo guardaremos. También un ajuste más que
quiero hacer es el espacio entre nuestro
rubro, nuestros servicios, y las columnas es que no voy a
hacer aumentar esta pieza, así que sólo voy a aumentar la altura de
línea de nuestro rumbo. Ahora lo guardaré y lo
previsualizaré en una nueva pestaña. Veamos cómo se ve ahora. Ahora se ve mejor. Nuestra nueva sección es VRD, que cuenta con todos los
servicios que son blancos. Entonces así es como puedes usar el bloqueo de columna para crear sus diferentes
contenidos en tu sitio web.
11. Bloque espaciador: El siguiente bloque que
vamos a discutir es un bloque espaciador. Para discutir a ese
tipo, añadiré cualquiera de la cuadra de aquí que supuestamente se
agrega un bloque de portada. Y ahora queremos dar el espacio entre
estos dos bloques. Entonces para eso, seleccionaré las opciones del libro de portadas. Y en las opciones
seleccionaré insertar antes. Y aquí
buscaré el bloque espaciador. Y entonces voy a añadir eso. Ahora lo que esto hace
es que agregue un espacio entre dos
bloques cualquiera o en el pH. De esta manera, podemos agregar el espacio entre cualquier
bloque de nuestra página.
12. Nuevo plugin kadence bloqueos: En WordPress Gutenberg editor, puedes utilizar todos estos bloques para crear tu sitio web
completo de ser enero. Pero lo tienes, pero si quieres
más opciones de personalización, puedes agregar más plugins en tu sitio web para tener
algunos bloques más, poco más opciones de personalización. Por lo que para directo,
tendremos que añadir un nuevo plugin. Por lo que iré a Agregar Nuevo. Y vamos a añadir
un nuevo plugin que es bueno y bueno y
acechan bloque Gutenberg. Por lo que voy a añadir este plugin. Ya está instalado,
así que sólo lo actualizaré. Y luego iré
a instalar plugins. Y desde aquí
activaré este plugin. Para enchufar está activado. Ahora. Puedo volver
a la edición de páginas. Y ahora
veremos en nuestros bloques, se suman
tantos bloques nuevos. Estos son los bloques que son bloques de
cadencia Gutenberg. Podemos usar estos
bloques ahora en nuestro pH. Por ejemplo, agrego un nuevo bloque, vicioso testimonio
en el melocotón. Y aquí tenemos
diferentes estilos disponibles que podemos usar. Escogeré esta celda. Ahora. Yo sólo tengo que sumar el
contenido de este testimonio. Por lo que antes que nada, voy a
añadir una imagen nueva, subiré desde mi computadora, luego añadiré esta imagen
en su testimonio. Ahora para esta imagen, si voy a la configuración de bloques, podemos ver aquí tantas opciones de
personalización más están disponibles entonces
los otros bloques. Por lo que voy a empezar a
editar, por ejemplo, en la configuración de medios, tenemos
esta configuración de borde. Podemos cambiar el
radio de la frontera. Podemos aumentar o disminuir
esa ropa de cama o el margen. Y luego podemos convertirla a una imagen de menor tamaño o
podemos usarla imagen de portada. Tantas opciones, opciones
de personalización están disponibles aquí
que podemos usar. Basta con editar el contenido de este testimonio y
estará listo. Ahora si agrego cualquier
bloque más desde aquí, como voy a añadir libro avanzado, entonces veremos para
este bloque patrón, tenemos tantas
más opciones de
personalización que nuestra carga normal de
Gotemburgo. Ahora voy a
añadir un nuevo bloque,
que es el bloque Advanced
Image Gallery. Después seleccionaré las imágenes
para esta galería de imágenes. Y ahora verás que se suman
estas imágenes. Estas son algunas de las opciones. Podemos utilizar una galería de estilo cuadrícula y podemos
convertirla en un deslizador de imagen. Por lo que al usar estos bloques, es muy fácil crear
nuestro slider de imagen así. Por lo que puedes utilizar este bloque de
cadencia para tener más opciones de edición para todos los elementos que
deseas utilizar en tu sitio web. Y además, cuenta con
una biblioteca de diseño que vamos a discutir
en nuestra próxima conferencia, donde podemos encontrar plantillas
preconstruidas que
podemos insertarla en nuestra playa y
añadirlas para crear hermosas
páginas para nuestra página web.
13. Secciones de biblioteca de diseñadas: bloques de Kadence: Ahora vamos a discutir otra característica de los bloques de
Giddens, que es la biblioteca de diseño, la biblioteca
InDesign. Contamos con secciones preconstruidas y plantillas de
inicio que
podemos utilizar en nuestra página. Por lo que abriré aquí la biblioteca de
diseño. Y aquí tenemos todas las secciones que
podemos utilizar en nuestra página. Se trata de secciones preconstruidas las cuales se hacen con
diferentes bloques. Entonces por ejemplo, quiero agregar un formulario de contacto en mi página web. Simplemente buscaré
el formulario de contacto aquí y se agrega en la playa. Ahora puedo editar el contenido. Y nuestro
formulario de contacto estará listo. Ya veremos que
busca más diseños aquí. Hay tantas
secciones diferentes o puedes usar,
por ejemplo, esta sección, solo
tengo que hacer clic en ella
y añadirla en mi página. Entonces solo tengo que editar el contenido en Más
sección Voy a añadir. Por ejemplo, quiero
agregar esta sección, por lo que solo voy a dar click en esta. Y luego se
insertará
la sección completa en nuestra playa. Y luego podemos personalizarlo acuerdo a nuestros requerimientos. Ahora también hemos comenzado
plantillas como estas son páginas completas
preconstruidas que
podemos embarcar en nuestro sitio web. Por ejemplo, quiero
usar esta página. Por lo que acabaré de abrir todas las
playas como de nosotros y diferentes playas están disponibles aquí y diferentes secciones. Solo tengo que agregar estos en mi sitio web y luego
puedo personalizar esto. Y
la personalización de estas secciones es muy fácil pierna quiero, por ejemplo, reemplazar
la imagen aquí. Y voy a hacer click en
Reemplazar y luego añadiré una nueva imagen y se añadirá la
imagen. Ahora por ejemplo, quiero
agregar una carpeta en mi sitio web. Por lo que
buscaré aquí una foto y añadiré esta
carpeta en mi página. Entonces puedo personalizarlo. Usaré filbert
para este pie de página, y luego podremos
personalizarlo de la manera que queramos. Entonces esta es nuestra base, que es como parece que
abriremos tu
dynein, tus datos. Como se puede ver el formulario de contacto y todas las secciones
que hemos agregado. Por lo que al usar la biblioteca de diseño, puedes agregar muchas secciones
diferentes y también las
páginas completas de tu sitio web. Y puedes agregarlas de
acuerdo a tus guías de
requerimientos que hemos
aprendido en este curso.
14. Gracias: Por lo que estas fueron algunas de las principales características del editor de
WordPress Gutenberg. En estas conferencias, has
aprendido cómo puedes agregar y personalizar diferentes bloques para crear tus páginas
web de WordPress. Muchas gracias por
ver este curso. Espero que hayan aprendido
mucho de este curso. Y te ayudará en tu viaje de desarrollo
web.
Faisal Khokhar
