Tudo bem, então com todas as coisas chatas
fora do caminho, limão,
mostrarei a interface do usuário para
elementar da interface do usuário e
como os elementos são realmente funcionam.
Agora estou nas minhas páginas aqui e o que vou fazer
é ir em frente e editar a página inicial.
O que você vai fazer é o que você verá luz aqui.
Você verá Editar com Elementor.
Vai ser esse grande botão azul aqui.
Então, vamos seguir em frente e clicar nisso.
E o que acontecerá aqui é que o elemental será
lançado para caminhar nesta página em particular.
Certo, esta é a página inicial.
Agora, à esquerda, obviamente você pode
ver a caixa para elementar, a interface do usuário.
O primeiro que quero mostrar aqui
são os três botões aqui,
o menu basicamente, você clica lá.
Você terá acesso a coisas como as configurações do site,
acúmulo de FIM, sobre o qual falaremos um pouco mais tarde.
Mas muito rapidamente, vamos aqui
para usar referências.
E eu não sei sobre você.
Talvez você goste do tema leve.
Gosto do tema escuro.
Então o que vou fazer aqui é para o tema da interface do usuário,
vou mudar de forma, detectar automaticamente.
Muito escuro.
Eu prefiro apenas um fundo preto
e o texto branco é muito mais legal.
Na minha opinião, novamente,
isso é inteiramente subjetivo,
mas vou mantê-lo tão escuro.
Vamos voltar.
Aqui. Você pode encontrar
algo dentro do elemento para qualquer lugar.
De qualquer forma, elementos, se você quiser,
você pode visualizar a página e, em seguida,
você pode sair para o painel.
Mas vamos voltar.
Agora.
Aqui, você tem elementos e depois tem global.
Global só funciona com a versão paga do elemento.
E é aí que se você quiser salvar
seu bloco específico de conteúdo e usar
esse mesmo bloco em outra página em qualquer lugar do seu site.
É a isso que o global basicamente se refere.
Mas não se preocupe, falaremos um pouco mais tarde.
Mas esses são seus elementos.
Você tem elementos básicos como sua interseção.
Você entrará no editor de texto de imagem.
Então, digamos, por exemplo,
que você queria adicionar uma imagem à sua página.
Você simplesmente clicaria no elemento da imagem e, em seguida,
simplesmente soltá-lo dentro da caixa ali mesmo.
E então, a partir daqui, você pode
escolher a imagem com a qual deseja trabalhar.
Então, apenas como exemplo,
deixe-me escolher a imagem dessa garota
aqui segurando a bandeira brasileira.
E lá está ele.
A coisa é a maioria dos elementos que será bem-vinda com
normalmente 3,5 compartimentos principais.
Se eu concluir superar,
você terá a área de conteúdo.
Nesse caso, é aqui que você pode adicionar textos, imagens,
arquivos de vídeo, áudio e assim por diante.
Então você terá estilo onde
você pode fazer coisas como talvez mudar a lei do carvão,
alterar o tamanho, adicionar
uma imagem de fundo desde a altura e assim por diante.
E então você terá a guia Avançado.
Mas você pode fazer coisas como adicionar
margens, padrões, sem espaçamento.
Você também pode adicionar alguns efeitos de movimento,
são algumas bordas e assim por diante.
Então você geralmente,
maioria dos elementos com os quais você está trabalhando
terá essas três guias ou compartimentos diferentes.
Então, voltando
aqui e você clica no botão aqui,
isso lhe dará acesso a todos os elementos.
Então você pode ver que temos os elementos básicos aqui,
botão Vídeo, espaçador e assim por diante.
Agora, você pode ver aqueles em
liberdade condicional sob a versão paga da galeria de
portfólio de postagens elementares.
Muitos deles.
Então você pode ver agora, porque não estamos
usando a versão paga do elemental,
não temos acesso a todos esses elementos.
Mas, felizmente,
porque estamos trabalhando
com o plug-in de complementos essenciais,
temos acesso a
muitos elementos adicionais gratuitamente.
Você pode ver aqui nos átomos essenciais.
Você tem coisas como acordeão avançado,
call to action, botão criativo inferior e assim por diante.
Então, vamos entrar com alguns
desses elementos.
Mas, voltando a elementos ou sob geral,
também temos acesso a mais blocos.
Estou apenas fechar essa coordenada.
Então, o geral com
a versão gratuita dos elementos aos quais temos acesso,
mais elementos como a caixa de ícones,
testemunhos, ícones sociais e assim por diante.
Deixe-me fechar este.
E então você tem site.
Infelizmente, esses elementos só estão
disponíveis com a versão paga do elementar.
Você tem o WooCommerce, novamente,
disponível apenas com a versão paga do elemental.
Falamos sobre os átomos essenciais.
Então este é o outro plug-in.
Instalamos o cabeçalho e o rodapé.
Este plugin nos permitirá construir
um cabeçalho personalizado e o rodapé personalizado
para o nosso site terá acesso a
elementos como os elementos do Menu de Navegação,
página, título do site,
logotipo do site e assim por diante.
E, por último, mas não menos importante,
temos acesso aos
widgets do WordPress, como suas páginas,
áudio do Callender fez nossa pesquisa e assim por diante.
Ok, isso é isso para os elementos.
Agora, aqui em baixo, você tem acesso a mais algumas configurações.
Pode parecer um pouco avassalador, mas não se preocupe,
uma vez que você começar a receber com elementar,
na verdade não é tão avassalador.
Na verdade, é muito, muito fácil de trabalhar.
Aqui em configurações.
Aqui, você pode fazer coisas
como alterar o título da página,
alterar o status de publicado para Penn e revisar,
você pode adicionar sua imagem em destaque.
Você também pode optar por ocultar o título,
o que, na verdade, vamos fazer isso.
Certo, vou esconder o título.
Quero dizer, quantas vezes você acessa um site e, em seguida, na
página inicial, diz que trivalente em casa faz isso.
Então, vamos apenas ir em frente e ocultar
o título e, em seguida, o layout da página.
Vou explicar isso um pouco mais tarde
à medida que avançamos no curso.
Então você tem o alarme,
Desculpe, você tem a barra de progresso de leitura.
Isso é fornecido pelo plug-in de complementos essenciais.
Basicamente, o ponto aqui é que você pode ter visto em
alguns episódios antes de onde
à medida que começa a rolar para baixo a página,
você verá como uma barra IDA
se movendo horizontal ou verticalmente
indicando quanto
da quantidade de realmente lido e quanto
mais conteúdo você ainda precisa comer.
Então você tem essa inspiração futura.
Vamos dar uma olhada nisso um pouco mais tarde.
E então o Índice vá para o topo.
Não se preocupe, falaremos sobre isso mais tarde.
E então, sob estilo aqui,
você pode mudar o tipo de corpo.
Você pode adicionar uma cor de fundo, se quiser.
Você vem aqui agora,
escolha como a cor principal do azul e assim por diante.
Mas, por enquanto, vou apenas ir
em frente e desmarcar um.
E, finalmente, você tem o
avançado onde você pode adicionar
sua própria fantasia, nosso código JavaScript
ou algum código CSS personalizado,
que infelizmente só está disponível com
a versão paga de elementar.
Certo, vamos seguir em frente.
Ao lado da frase.
Você, você tem o Navegador.
Agora, a coisa sobre navegar TO é que, uma vez que você começar a
adicionar elementos e conteúdo à sua página,
a parte inferior do navegador permitirá que você veja basicamente
toda a estrutura em
um formato hierárquico de toda a sua página.
Portanto, pode ser muito, muito fácil para nós procurar rapidamente
um determinado elemento ou livro com o qual você queira trabalhar.
Isso é o que a navegação ou a navegação é importante.
Portanto, Next é a história.
Então, se você fizer coisas como
mudar a cor ou basicamente se você fizer alguma coisa,
ela estará na guia Histórico
e você poderá vê-la bem aqui,
desde o início, quando começamos a editar,
se mudarmos a preferência do usuário
para o tema da interface do usuário de luz,
do nosso automático, muito escuro,
você pode ver que ele está bem ali.
Adicionamos uma imagem,
atingimos o título da página
para que você possa facilmente entrar aqui agora
e reverter qualquer uma dessas ações.
E então você tem revisões.
As revisões são um pouco mais,
O que é agora? Um pouco mais robusto.
Normalmente, nas revisões, é aqui que
depois de atualizar e salvar sua página,
você verá essas alterações em sua visão paradas.
Então ele é um pouco mais robusto e ações.
Então essa é a gordura.
E então aqui,
você tem o modo responsivo.
Você clica aqui.
Agora você pode escolher a visualização da área de trabalho,
visualização do tablet ou a visualização móvel.
E o fino é que você pode até se tornar muito, muito,
muito específico com a largura da tela.
Então, digamos, por exemplo, se eu escolhi a tabela aqui
você verá essas alças para a esquerda e para a direita.
Você pode realmente se mover para uma determinada dimensão.
E, claro, OPIA, você terá
a largura e a altura.
Se você tiver um tipo específico de dispositivo que deseja
ver como você
definiu será semelhante no dispositivo específico.
Nós dimensões muito especificamente.
Você pode entrar aqui e alterar
as dimensões da largura
, bem como a altura.
Mas vou voltar, mudar para a
área de trabalho e depois dividir aqui.
Você pode visualizar suas alterações depois de fazê-las.
E, finalmente, você pode atualizar
toda a luz em Opções de salvamento.
Você pode salvar como rascunho
ou salvar como um fio de modelo.
Como modelo significa que você pode reutilizar
exatamente o mesmo conteúdo em outra página.
Então, isso é basicamente como um detalhamento
de como o elementar caminha nos bastidores,
a interface do usuário, como adicionar elementos.
Novamente, não se preocupe se parecer muito,
muito avassalador, o Azure começa a andar com elementar.
Vai se tornar muito fácil para você trabalhar.
Isso era basicamente um curso intensivo
na interface do usuário elementar. Obrigado por assistir.
Junte-se a mim na próxima aula,
agora começaremos a definir
nossas variáveis globais. Vejo você então.