Muy bien, así que con todas las cosas aburridas
fuera del camino, lemon,
te mostraré la interfaz de usuario para
elemental de la interfaz de usuario y
cómo los elementos son realmente funciona.
Ahora estoy en mis páginas justo aquí y lo que voy a hacer es que
voy a seguir adelante y editar la página de inicio.
Lo que vas a hacer es lo que verás iluminado aquí.
Verás Editar con Elementor.
Va a ser este gran botón azul justo aquí.
Entonces vamos a seguir adelante y dar click en eso.
Y lo que sucederá aquí es que se lanzará elemental
para caminar en esta página en particular.
Está bien, esta es la página principal.
Ahora a la izquierda, obviamente se puede
ver el cuadro para elemental, la interfaz de usuario.
El primero que quiero mostrarte aquí
son los tres botones aquí mismo,
el menú básicamente, haces clic ahí.
Tendrás acceso a cosas como la configuración del sitio,
acumulación de FIM, del que hablaremos un poco más adelante.
Pero muy rápido, vamos a bajar
aquí para usar referencias arriba.
Y no sé de ti.
A lo mejor te gusta el tema de la luz.
Me gusta el tema oscuro.
Entonces lo que voy a hacer aquí es por el tema de la interfaz de usuario,
voy a cambiar de formulario, detectar automáticamente.
Demasiado oscuro.
Prefiero sólo un fondo negro
y el texto blanco es simplemente mucho más fresco.
En mi opinión, de nuevo,
esto es enteramente subjetivo,
pero lo voy a mantener tan oscuro.
Volvamos.
Aquí adentro. Se puede encontrar
algo dentro de elemento a cualquier lugar.
De todos modos, elementos si lo desea,
puede ver la página,
entonces puede salir al tablero.
Pero volvamos.
Ahora.
Aquí mismo, tienes elementos y luego tienes global.
Global solo funciona con la versión pagada del elemento.
Y es entonces cuando quieres guardar
tu bloque particular de contenido y usar
ese mismo bloque en otra página en cualquier lugar de tu sitio web.
Eso es a lo que básicamente se refiere global.
Pero no te preocupes, hablaremos un poco más tarde.
Pero estos son tus elementos.
Tienes elementos básicos como tu intersección.
Te dirigirás en editor de texto de imagen.
Así que digamos por ejemplo,
querías agregar una imagen a tu página.
Simplemente haría clic en el elemento de imagen y luego
simplemente dejarlo caer dentro de la caja de ahí mismo.
Y luego a partir de aquí, puedes
elegir la imagen con la que quieras trabajar.
Así que como ejemplo,
permítanme elegir la imagen de esta chica
aquí mismo sosteniendo la bandera brasileña.
Y ahí está.
El caso es la mayoría de los elementos que le dará la bienvenida con
típicamente 3.5 compartimentos principales.
Si concluyo supere,
tendrá el área de contenido.
En este caso, aquí es donde se pueden agregar textos,
imagen, archivos de video, audio y así sucesivamente.
Entonces tendrás estilo donde
podrás hacer cosas como tal vez cambió la ley del carbón,
cambiar el tamaño, agregar
una imagen de fondo desde la altura y así sucesivamente.
Y luego tendrás la pestaña Avanzado.
Pero puedes hacer cosas como agregar
márgenes, patrones, sin espaciado.
También podrías agregar algunos efectos de movimiento,
son algunos bordes y así sucesivamente.
lo que normalmente,
la mayoría de los elementos con los que has estado trabajando
tendrán estas tres pestañas o compartimentos diferentes.
Por lo que volviendo
aquí y haces click en el botón aquí arriba,
esto te dará acceso a todos los elementos.
Para que puedas ver tenemos los elementos básicos aquí,
botón Video, espaciador, etcétera.
Ahora, se pueden ver los que están en
libertad condicional bajo la versión pagada de la galería de
cartera de posts elementales.
Tantos de ellos.
Por lo que se puede ver en este momento, porque no estamos
usando la versión pagada de elemental,
no tenemos acceso a todos estos elementos.
Pero afortunadamente,
porque estamos trabajando
con el complemento de complementos esenciales,
sí tenemos acceso a
bastantes elementos adicionales de forma gratuita.
Se puede ver aquí mismo en los átomos esenciales.
Tienes cosas como el acordeón avanzado,
llamada a la acción, el botón creativo inferior, y así sucesivamente.
Entonces vamos a entrar con bastantes
de estos elementos.
Pero volviendo a elementos o bajo general,
sí tenemos acceso a más bloques también.
Sólo estoy cerca esta coordenada.
Entonces el general con
la versión gratuita de elementos a los que tenemos acceso,
más elementos como el cuadro de iconos,
testimonial, iconos sociales y así sucesivamente.
Permítanme cerrar esta.
Y luego tienes sitio.
Desafortunadamente estos elementos solo están
disponibles con la versión pagada de elemental.
Tienes WooCommerce, de nuevo,
solo disponible con la versión pagada de elemental.
Hemos hablado de los átomos esenciales.
Entonces este es el otro plug-in.
Instalamos el encabezado y pie de página.
Este plugin nos permitirá construir
un encabezado personalizado y el Pie de página personalizado
para nuestra página web tendrá acceso a
elementos como los elementos del Menú de Navegación,
página, título del sitio,
logotipo del sitio, y así sucesivamente.
Y luego por último pero no menos importante,
sí tenemos acceso a
los widgets de WordPress como tus páginas,
Callender audio hizo nuestra búsqueda, y así sucesivamente.
Vale, eso es eso para los elementos.
Ahora, aquí abajo, tienes acceso a algunos ajustes más.
Puede sonar un poco abrumador, pero no te preocupes,
una vez que empiezas bienvenido con elemental,
en realidad no es tan abrumador.
En realidad es muy, muy fácil trabajar con ellos.
Aquí bajo ajustes.
En aquí, puedes hacer cosas
como cambiar el título de la página,
cambiar el estado de publicado a Penn y revisar,
puedes agregar tu imagen destacada.
También puedes optar por ocultar el título,
que de hecho, hagamos eso.
Ok, voy a ocultar el título.
Quiero decir, cuántas veces vas en un sitio web y luego en
la página de inicio dice trivalente casa hacer eso.
Así que vamos a seguir adelante y esconder
el título y luego el diseño de la página.
Te lo explicaré un poco más tarde
medida que avanzamos en el curso.
Entonces tienes la alarma,
lo siento, sí tienes la barra de progreso de lectura.
Esto lo proporciona el complemento esencial de complementos.
Básicamente, el punto aquí es que es posible que hayas visto en
algunos episodios antes donde
medida que comienza a desplazarse hacia abajo por la página,
verás como una barra IDA
moviéndose horizontal o verticalmente
indicando cuánto de
la cantidad de realmente leído y cuánto
más contenido aún tienes que comer.
Por lo que sí tienes ese futuro inhalar.
Vamos a echar un vistazo a eso un poco más tarde.
Y luego Tabla de Contenidos ir a la cima.
No te preocupes, hablaremos de esos más tarde.
Y luego bajo estilo aquí mismo,
puedes cambiar el tipo de cuerpo.
Puedes agregar un color de fondo si lo deseas.
Vienes aquí ahora mismo,
elige como el color primario del azul y así sucesivamente.
Pero por ahora sólo voy a
seguir adelante y desmarcar abajo uno.
Y luego finalmente, tienes el
avanzado donde puedes agregar
tu propio disfraz, nuestro código JavaScript, o algún código
CSS personalizado,
que lamentablemente solo está disponible con
la versión de pago de elemental.
De acuerdo, sigamos adelante.
Junto a la sentencia.
Tú, tienes al Navigator.
Ahora lo que pasa con navegar TO es que una vez que empiece a
agregar elementos y contenido a tu página,
la parte inferior del navegador te permitirá ver básicamente
toda la estructura en
un formato jerárquico de toda tu página.
Por lo que puede ser muy, muy fácil para nosotros buscar rápidamente
un elemento o libro en particular con el que quieras trabajar.
Eso es lo que es importante la navegación o la navegación.
Por lo tanto, Next es la historia.
Entonces si haces cosas como
cambiar el color o básicamente si haces algo en absoluto,
estará en la pestaña Historia
y lo podrás ver aquí mismo,
justo desde el principio cuando empezamos a editar,
si cambiamos la preferencia del usuario
por el tema de la interfaz de usuario desde la luz,
desde nuestro auto, demasiado oscuro,
puedes ver que está ahí mismo.
Agregamos una imagen,
golpeamos el título de la página
para que puedas entrar fácilmente aquí en este
momento y revertir cualquiera de estas acciones.
Y luego tienes revisiones.
Las revisiones es un poco más,
¿qué pasa ahora? Un poco más robusto.
Normalmente en las revisiones, aquí es donde
una vez que hayas actualizado y hayas guardado tu página,
verás esos cambios en tu visión se detiene.
Por lo que es un poco más robusto y acciones.
Entonces esa es la grasa.
Y luego aquí,
tienes el modo de respuesta.
Usted hace clic aquí.
Ahora puede elegir la vista de escritorio,
vista de Tablet o la vista móvil.
Y lo delgado es que incluso puedes llegar a ser muy, muy,
muy específico con el ancho de tu pantalla.
Así digamos por ejemplo, si elegí mesa aquí mismo
ves estas manijas izquierda y derecha.
En realidad se puede mover a una determinada dimensión.
Y por supuesto OPIA, tendrás
el ancho y la altura.
Si tienes un tipo específico de dispositivo que quieras
ver cómo has
configurado se verá como en el dispositivo en particular.
Nosotros muy específicamente dimensiones.
Puedes entrar aquí y cambiar
las dimensiones para el ancho
así como la altura.
Pero voy a volver, cambiar al
escritorio y luego dividirme aquí.
Puedes previsualizar tus cambios una vez que los hayas hecho.
Y luego finalmente, puedes actualizar
toda la luz que bajo Opciones de Guardar.
Puedes guardar como borrador
o puedes guardar como una hebra de plantilla.
Como plantilla significa que puedes reutilizar
exactamente el mismo contenido en otra página.
Entonces esto es básicamente como un desglose
de cómo elemental camina detrás de escena,
la interfaz de usuario, cómo agregar elementos.
Nuevamente, no te preocupes si parece muy,
muy abrumador, Azure comienza a caminar con elemental.
Se volverá muy fácil para ti trabajar con ellos.
Eso fue básicamente un curso de bloqueo
en la interfaz de usuario elemental. Gracias por ver.
Únete a mí en la siguiente clase,
ahora comenzaremos a establecer
nuestras variables globales. Te veré entonces.