Como criar um site a partir de um arranhão sem conhecimento de codificação | Maja Ferina Shapteva | Skillshare

Velocidade de reprodução


1.0x


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

Como criar um site a partir de um arranhão sem conhecimento de codificação

teacher avatar Maja Ferina Shapteva, Design, Dropshipping & Content creator

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Boas-vindas

      1:22

    • 2.

      Lição 1 - fundamentos de UX/IU

      2:02

    • 3.

      Lição 2 - Preparação/Branding

      5:54

    • 4.

      Lição 3 - Domínio, hospedagem, SSL

      8:58

    • 5.

      Lição 4 - Como começar com WordPress

      5:04

    • 6.

      Lição 5 - Como instalar temas e plugins

      11:19

    • 7.

      Lição 6 - Páginas de configuração

      11:17

    • 8.

      Lição 7 - começando com Elementor e cores padrão e tipografia

      16:01

    • 9.

      Lição 8 - Cabeçalho e rodapé

      39:49

    • 10.

      Lição 9 - começando com design

      37:07

    • 11.

      Lição 10 - Modelo de postagem de blog

      5:25

    • 12.

      Lição 11 - SEO das páginas

      5:12

    • 13.

      Lição 12 - Como analisar análises, avisos de cookies e plugins de cache

      4:18

    • 14.

      Parabéns

      0:30

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

163

Estudantes

--

Sobre este curso

Quer se tornar um web designer mas você não sabe por onde começar?

Olá! Meu nome é Maja, e estou aqui para mostrar como criar um site sem conhecimento de codificação, usando a interface arrastar e soltar do WordPress.

Com este tutorial, você vai aprender como criar seu primeiro site. Vamos usar o Elementor Pro Builder para criar o site juntos. O Elementor Pro Builder é um construtor de sites arrasto e solto que permite criar sites de alta qualidade sem habilidades de codificação. Lembre-se de que antes de projetos novos para clientes, você deve aprender todas as técnicas. Você deve aprender os fundamentos do design UX/UI e também ferramentas que podem ajudar você a projetar o site. Não se esqueça de que você deve ter seu portfólio de design para que os clientes possam escolher trabalhar com você.

É por isso que estou aqui para ajudar você a aprender como projetar sites sem habilidades de codificação.

Obrigado por me juntar e espero vê-lo no meu curso.

Conheça seu professor

Teacher Profile Image

Maja Ferina Shapteva

Design, Dropshipping & Content creator

Professor

Hello, My name is Maja and I am a UX/UI designer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. And yes, like a UX/UI Designer I was able to work from home, and get all that one person can wish for.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

And as a UX/UI designer, I know exactly what pains you might be going throug... Visualizar o perfil completo

Habilidades relacionadas

Design Design de UI/UX
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Boas-vindas: Depois de se tornar um web designer, mas você não sabe por onde começar. Oi, meu nome é Maya e estou aqui para mostrar como você pode criar um site sem codificação. Nolan. Com este tutorial, você aprenderá como criar seu primeiro site, Google usado para eliminar ou sondar o construtor para construir este site juntos. Lembre-se de que antes de levar qualquer projeto para um cliente, você deve aprender todas as técnicas. Você deve aprender os fundamentos da UX e da UI e também aprender uma ferramenta para a quinta casa bom projetar o site. Além disso, não se esqueça de que você deve ter seu design para Folio para que o cliente possa optar por trabalhar com você. É por isso que estou aqui para ajudá-lo a aprender a criar um site sem habilidades de codificação. Neste tutorial, iremos mais tempo e, e o fundamental da UX e de você. Também vou examinar a coisa da marca e , em seguida, analisaremos como configurar seu domínio de hospedagem e SSL. Vou olhar para você através do WordPress. E então começaremos com a prática do rodapé de cabeçalho de design, e a página do site precisa na empatia deste curso, você estará cuidadosamente preparado para começar sua jornada como um web design disrobe pode lhe dar um estilo de vida que você sempre quis. É que, trabalhando como freelancer em seus próprios termos ou em uma grande empresa, permitimos nossas oportunidades. Obrigado por se juntar a mim e estou ansioso para vê-lo na minha classe. 2. Aula 1 — fundamentos do UX/UI: Antes de começarmos com o processo de design, devemos aprender os fundamentos da UX e da UI. Ux significa a experiência do usuário em nosso site, e UI significa a interface do usuário do nosso site. experiência do usuário, ou como os clientes, usuários que estão dispostos a usar nossos sites terão em nosso site. E a interface do usuário é a aparência do site. Antes de levarmos qualquer projeto para o cliente, é sempre melhor começar e fazer um protótipo ou um wireframe em dois Lake Figma ou Sketch ou Adobe Eco Z, e devemos fazer o wireframe do site. Por que isso? Porque precisamos entender como o usuário vai interagir com nosso site e precisamos saber. O principal objetivo do nosso site é que alguém compre algo se for loja de comércio eletrônico, ou é apenas um formulário de contato que queremos que o usuário use, nos envie um formulário ou queremos alguém para assinar nosso boletim informativo, seja qual for o objetivo principal do nosso site, então precisamos saber qual é a maneira mais fácil para o usuário usar o site e ir de uma para outra página no site que é chamando o usuário e a experiência no site. E quando falamos sobre a interface do usuário, devemos saber que tipo de cores vamos usar. Que tipo de topografia é essa? A tipografia certa para esse tipo de site. Então precisamos conhecer o logotipo e também a modelagem do site para os botões e talvez o cônjuge de danos e também as imagens que devemos usar, ou talvez gráficos que queremos usar na web. Esses dois trabalham juntos e precisamos conhecer os dois para que possamos criar um site. Então, agora, quando conhecemos os fundamentos da UX e da UI, vamos para a próxima lição e nos preparamos para o nosso site. Vejo você lá. 3. Aula 2 — Preparação/Branding: Antes de começarmos com a concepção do site para se tivermos um cliente que precisamos criar um site para eles, então um dia mesmo. Então, de qualquer forma, eles devem nos dar a marca antiga se eles já o tiverem, ou devemos fazer a marca para o site DevOps, ou se estivermos fazendo nosso site, mudamos para branding para isso. E também se estivermos fazendo o site para o seu cliente, tenha em mente que eles devem fornecer toda a cópia antes de começarmos com o processo de design. Se você está fazendo por si mesmo, pai, então você provavelmente deve tê-lo para você. Agora, em primeiro lugar, o que eu quero fazer é encontrar o certo para o meu site e as cores e as fontes que vou usar. Então, antes de tudo, vou voltar e vou para o logotipo. Tenho sonda. É por isso que posso usar qualquer coisa. Se você não tem um profissional, verá que não pode usar nada disso, mas você deve encontrar algo que irá alimentar q. Você pode usar alguns desses modelos que eles já possuem, ou você pode fazer isso do zero para o seu site proposto ou branding para alguma coisa. Então vou às flores e gostaria desistir do site para uma decoração de flores. E vamos ver o que temos aqui. E olha, podemos usar Eu não vou perder muito mais tempo na escolha de algo. E é por isso que vejo esse logotipo e gosto dele. E eu não tenho um nome para meu site para descarte. Então, vou deixá-lo como jardim de flores violeta. E eu vou, e eu os renomearei esta flor, toda a criação. Agora podemos ver que eles usam uma cor marrom para esta proposta, mas eu gostaria de mudar a cor e vamos encontrar uma cor. Você pode usar a paleta de cores Canva para gerar paleta de cores. Ou você pode usar cores que carvão para gerar uma paleta de cores para você ou para qualquer outra rending que você vai usar. Deixe-me mostrar isso como gerador para duas cores. E essas são as paletas de cores. E você pode começar o janeiro lá ou explorar paletas de tendências. Como você pode ver aqui, quantos salvamentos temos e escolha o certo para o seu projeto. Agora, para a paleta de cores, digamos que tenhamos o nome do nosso logotipo, nós o estilizamos e digamos que podemos ir com a mesma cor, talvez um pouco de violeta. Explore mais combinação. funcionário pode encontrar algo mais legal. O que vou fazer agora é ir para as cores, e procurarei aqui por cor violeta porque já temos o nome do nosso logotipo a lá como violento, vamos fazer a mesma marca. E a partir daqui, posso escolher essa paleta. Gosto disso. Tem uma cor mais clara e o Lambda mais escuro, e eu vou com o logotipo mais escuro ou porque ele precisa enviar. E usaremos as outras cores para coação, tanto o conjunto VIP quanto eu mudaremos. E você pode ver que todos ouvem mudar para mudar. A mesma cor para o texto. E nós o temos. E agora acho que essa fonte e eu iremos, vou com uma perna para cima. Gosto disso. E para a decoração de flores você como o slop é k. Agora temos as fontes e temos o logotipo e as cores também. Então o que vou fazer é duplicar esta página e vou excluir bem, desculpe, vou escolher essas linhas. E o que vou fazer é deixar isso aqui e torná-lo um pouco maior. Assim mesmo. E este será nosso ícone ou favicon para o nosso site. E a próxima coisa que vou fazer é ir para Baixar fundo transparente. Não queremos ter nenhum plano de fundo em nosso logotipo e imagem e depois compactar arquivos e todas as duas páginas. Se você não tem a versão profissional do KM do Canva, então você pode acessar qualquer outro site do Beck do removedor e remover o fundo do seu logotipo se quiser ter seu logotipo com fundo transparente. E então isso cuidou de nós temos as duas das imagens que precisamos, o logotipo e favicon, podemos ir para nossa próxima lição. Vejo você lá. 4. Aula 3 — Domínio, hospedagem, SSL: A próxima coisa que queremos fazer é ter uma parada ou uma casa para o nosso site como chamamos, também um domínio e SSL. Agora, todo site precisa ter uma célula e estar seguro. Então, primeiro de tudo, estou trabalhando com o nome Chip. Toda vez. Adorei a interface deles, adoro a experiência do usuário. E também o que eu amo com eles é o suporte ao cliente deles. Eles têm suporte ao cliente 24, 7, chat de vida. Você pode ir e pedir que eles o ajudem. Basicamente, tudo o que você tem problemas. Então eles estão sempre aqui para ajudá-lo de qualquer forma. É por isso que eu os uso. Além disso, eles são muito baratos para usá-los se você estiver fazendo isso no seu site ou se você estiver trabalhando para um site cliente que você pode simplesmente informá-los se quiser ou não. Você pode escolher GoDaddy ou talvez um dedo anfitrião. Mas também o que notei ao trabalhar com Chip nomeado e outros provedores de hospedagem é que eu não tenho nenhum problema com meu site, nunca. Em cooperação com a GoDaddy. Eles têm como os velhos tempos de sites estão inativos, com seus, com sua hospedagem provavelmente porque lá, eles têm muitos clientes e muitas pessoas que estão usando a rehospedagem. É por isso que não é. Está em baixo o tempo todo. Quando vamos para o domínio, você pode ver a transferência de pesquisa de nomes de domínio, tudo o que você pode fazer aqui. E você pode registrar um domínio aqui. E você pode ver o quão barato é registrar um domínio por um ano do que no segundo ano? Você pode tomar um domínio para o ano inteiro por apenas US $6. E o que eu quero lidar aqui é que eles têm coisas diferentes da Haas que estão oferecendo, como se tivesse certeza de que funcionou, revendedor de imprensa, serviço dedicado e qualquer outro. E também eles têm um e-mail privado que eu também estou usando e estou muito satisfeito. Mas agora o que fazemos é que estou usando eles gerenciam uma hospedagem WordPress. E por que isso? Porque antes de tudo, é tão fácil configurar tudo. Em segundo lugar, você não precisa ir ao seu cPanel e fazer um tipo de coisas diferentes. Você pode ver que eles têm três planos diferentes e se você for mensalmente, são apenas cinco ou nove ou 14 por mês. E anualmente são apenas 50, quase US $15 por orelha. E quase toda vez que trabalho com o plano turbo. Por que isso? Porque, como você pode ver aqui na fábrica turbo, já temos SSL gratuito, incluí-lo e não precisamos comprar separadamente o ícone SSL e conectado com o, com o hostel. É um trabalho duplo e é um custo duplo para mim ou para qualquer outra pessoa. Dessa forma. Além disso, está silenciado. Eles têm uma CDN que é fornecedora em todos os espaços da Terra. Então eles têm o seu site lá e cada colocá-los em todo o planeta. Então, quando alguém está tentando abrir seu site, ele abre imediatamente e não está esperando para carregar do outro país ou desse tipo de coisa. Então, é muito mais rápido. E então eles têm bons visitantes por mês número. E também você pode usar o supersônico se quiser ter um site de comércio eletrônico. Mas acho que aqueles que para um site de comércio eletrônico, o plano turbo também é bom. Então eu basicamente vou com isso e agora vou mostrar como você pode fazer isso também. Então aldol faturar mensalmente e experimente gratuitamente. Como você pode ver, o primeiro mês também é gratuito e, a partir do segundo mês, você começa a pagar por essa hospedagem. Então experimente gratuitamente. E irei o mesmo processo e mostrarei como você pode fazer tudo isso. Então, o próximo passo para nós é criar uma conta e me dar um segundo e apenas seguir o passo e criar uma conta para você. E quando você deixa seus detalhes de pagamento, eles não estão cobrando imediatamente após um mês. Então você é levado aqui. Aqui você pode dizer que pode deixar o nome do seu site ou violeta. E então você pode escolher em qual categoria você estará aqui. Então, se você é um banco, apenas venda ou mostra uma ideia de trabalho criativo no livro, site para empresas, site pessoal, terei negócios agrícolas no norte do estado. Pretendo fazer, como falamos, um site para decoração de flores. E, em seguida, clique em Continuar. E a partir daqui você pode ter um domínio gratuito. Você pode conectar todo o domínio ou domínio em outro provedor. E a partir daqui você pode transferir, transferir de um para outro provedor, seu domínio. Agora estou pronto para usar a versão gratuita do domínio. E se você ainda não tiver e comprá-lo após a morte, mostrarei como você pode mudá-lo de inseto e, em seguida, clicar em Continuar. E a partir daqui, ele pode apenas escrever o peso. Qual equipe você gostaria de ter em seu site? Vou continuar e vou mudá-lo querido. E aqui está dando você a chance de escolher se você quer instalar praticamente para barragem para incutir em seu site WordPress, alguns desses plugins, vou continuar. Eu não uso nada disso. Vamos usar o WooCommerce em algum assunto. Tutorial. Neste momento, não estamos fazendo uma palavra. O Wordpress comercializará o site, então clique em continuar. E aqui você pode verificar seus detalhes. Então violeta esse nome de domínio, nosso plano mensal e a equipe que usamos continuam comprando. E podemos ver que nosso site está ao vivo. E a partir daqui podemos ir para gerenciar ou administrador do WordPress. Se você, se formos para Gerenciar, deixe-me explicar que você clique rapidamente, aqui teremos os backups, integração de pilhas, o armazenamento e as atualizações. E você pode ver aqui onde diz domínio, podemos mudar isso. E quando tivermos domínio e clicarmos em seu chip de nome de domínio, então aqui teremos domínios disponíveis que podemos escolher e basta clicar em Alterar e ele o alterará imediatamente. E, como podemos ver, já temos nossa certificação SSL e a habilitamos. E nosso site é seguro e nosso status, ou seja, se não tivermos isso, então teremos a chance de adicionar ao nosso SSL. E esse é um processo totalmente diferente que vamos falar em outro momento. Deixe-me, antes de irmos ao administrador do WordPress, deixe-me mostrar que, se agora formos nomear chimpanzé. Esta é a nossa conta principal aqui e nomeada Chip, definitivamente antes. E você pode ver que não temos nenhum domínio agora. Se formos a aplicativos aqui, podemos encontrar nossa hospedagem para nosso site de fluxos de trabalho. E este é um WP fácil e, se clicarmos nele, Google será enviado diretamente para eles. Lugar onde estávamos antes. É isso. Então, a partir daqui, você pode descobrir se você tem links privados de hospedagem de e-mail são algum perfil e outras coisas. Mas vamos agora para o administrador do WP e para nossa próxima lição. 5. Aula 4 — Introdução ao WordPress: Agora estamos em nosso painel do WordPress daqui, o que temos e o que podemos ver. Deixe-me explicar. Temos a mensagem de boas-vindas e se abrirmos o menu suspenso daqui, podemos verificar ou desmarcar o que queríamos ter aqui. E antes de tudo, temos a atividade, eventos e notícias e site ajudado fora de um site. E você pode ver que está limpo. Não temos quase nada aqui. Temos duas atualizações. E aqui estão as atualizações que você terá quando tivermos, quando tiver alguma nova atualização e clicar em Selecionar tudo e atualizar equipes. você tiver feito a atualização Se você tiver feito a atualização de suas equipes ou plugins. Podemos ver que este é o painel e daqui temos Red longe para passados, páginas de mídia, comentários, uh, períodos, plugins, ferramentas de usuários e configurações. Agora deixe-me explicar. E a partir daqui podemos ver a captura clara e vamos dançar no final deste tutorial. O que os tipos de postagem deles. Então, temos ambos e você pode ver em novas categorias e impostos. Se você estiver fazendo um site como postagens de blog, para ter muitas postagens de blog, como tutoriais ou algo semelhante. Você pode fazer a postagem daqui e você pode ter categorias de dados. Se você quiser separar a barragem como notícias, viagens, o que quer que você vá subir e verificar quando você está fazendo a pose para ser separada, a categoria que eles querem ser, suas postagens são diferentes das páginas. As páginas são as principais páginas que temos em nosso site e elas geralmente aparecem aqui. Vou te mostrar agora no site. E essas são as páginas. E as postagens geralmente são apenas texto e talvez uma imagem. Comentários. Se tivermos períodos da Índia, podemos encontrar aqui para o Teams e também o personalizado, este é o principal Personalizar do WordPress. E você pode usá-los ou eu uso toda vez que somos elementos ou dois para fazer todas essas mudanças porque tudo é possível lá. E você pode ver agora aqui que temos as páginas e esse é o nome do nosso site e apenas outro site. E a equipe que eles instalaram já para nós. A partir daqui você pode mudar, insira o logotipo. Mais uma vez, estou fazendo tudo isso da Elementor e vou mostrar-lhe em um minuto, vou remover isso e vir. Ok. E, a partir daqui, você pode escolher a cor e o prompt de defesa pendente. A equipe declara usar. É o tipo de opções que temos aqui para alterar, adicionar ou excluir aqui. Para o cabeçalho, o rodapé, visitas aos menus, todo esse tipo de coisa. E clicarei em Publicar porque não vou usar essa equipe e não precisamos fazer nenhuma alteração aqui. E então temos widgets. Nós fizemos. Eu só os uso quando estou fazendo uma olhada no site e, de qualquer outra forma, não os estou usando. E depois temos os menus. A partir daqui. Vamos fazer o menu do nosso site. E a partir dos plugins, vamos instalar o que precisamos. E os usuários, se você tiver, digamos que uma loja, os usuários, quando fizerem uma conta, eles aparecerão aqui. Ou se você tiver uma assinatura ou se você tiver qualquer outra regra em seu site, alguém que ela vai ajudar você ferramentas, é para importação e exportação. Não toque nele se você não souber como trabalhar com ele. E quando vamos para as configurações, a partir daqui podemos ver o endereço de e-mail que estamos usando. Se tivermos uma nova regra, você pode configurar aqui. Qualquer pessoa pode se registrar se você não clicar nisso, ninguém poderá se registrar no seu site. O idioma, a data e a hora para isso. E este pequeno tutorial Uriel. Neste breve tutorial, este é o básico do WordPress e o que você pode fazer isso. Mas vamos para a próxima lição e deixe-me mostrar como instalar a equipe, como instalar todos os outros plug-ins que vamos precisar. E então comece com o resto do trabalho e veja como podemos fazer o design aqui. Vamos lá. 6. Aula 5 — Instalando tema e plugins: Certo, assim como falamos na palestra antes, eu gostaria de ir agora para nossos períodos e equipes. E eu costumo trabalhar com duas equipes que mais gosto. Aqueles são solicitados a equipe de armadilha ou cadenza. Muitos dos designers foram lembrados. Então, gostaríamos de Hello Elementor porque é muito compatível com o Elementor. Mas eu realmente gosto de usar nós cortamos em se ou Astra dot plus 0 mais equipes são que até sabem que você não encontra seu livre e usa, o que significa que o Astra tenha um plugin e você pode instalá-lo e você tem como, eu não sei, 50 equipes que você pode usar para seus projetos como equipes já em baixo. Você pode mudar o que quiser, texto, cores, tudo isso e usá-los. Também com cadenza, eles têm um menor, eu não sei, talvez 810 equipes que você pode escolher. Mas também gosto da estrutura e da velocidade deles no site, como eles estão agindo. Então, vou agora com a equipe do Astra e vou instalar. E você pode ver quando você clica em adicionar novo, você pode ver imediatamente que eles estão na equipe popular, como aqueles que essas três equipes são por padrão equipes para WordPress e lá o tempo todo, instale veados, mas você pode, de qualquer forma, desativá-los. Quero dizer, exclua-os. E você pode ver também um estava trabalhando com a equipe do oceano WP. É outra boa equipe. E você pode ver aqui o que tudo o mais você pode usar o Procore e depois ir Ativar. E você pode ver agora que podemos ir detalhes da equipe. E aqui temos o salto, certo? E não precisamos deles. E se você clicar em decidir ajudado de tempos em tempos e você os tiver aqui, ele informará a você excluir ou suas equipes que você não está usando ou excluindo ou plugins que você não está usando. E é por isso que eu não quero tê-los. Aqui. Mais uma vez, n, acho que devo deixar uma equipe. Porque se for algo errado com essa equipe e o site estiver baixo, esse caso muito raro ter algo assim. E se você não conseguir recuperar o site com a costura, ele irá automaticamente, irá até eles, irá para outra equipe que você instalou aqui. Agora vamos e se o personalizador aqui só quisesse mostrar a diferença antes de uma equipe que instalamos antes. E este um, você pode ver que o Astra, por padrão eles tinham uma barra lateral. E aqui temos os widgets que, isso estava me dizendo que eu não os estou usando. É por isso que quando vamos aqui, você pode ver o global. Vai dar uma dica sobre alguns contêineres de cores. E então nós os compramos. Não estou tocando em nada daqui. E quando vamos, digamos que o construtor de cabeçalho daqui, você pode alterar o logotipo e o menu. Eu farei isso de novo, isso puxaria um mentor. E então temos a barra lateral aqui. E vou dizer que não há barra lateral. Vamos voltar. E então temos o rodapé, também a identidade do site, DCIS coloca um logotipo, menus, visitas e Configurações da página inicial. E a partir daqui vamos, ok, vamos mudar esse líder porque não temos nossa página inicial e isso vamos selecionar apenas não selecionar mais nada. E temos uma página estática. Se você tem um site, então você pode ir até você nos liderará postagem forçada ou algo assim. Vamos publicar. E depois vou sair daqui. E a próxima coisa que eu quero fazer é chegar aos plugins, instalar plugins. Você pode ver que temos Hello Dolly. Não usamos esse M e o excluiremos imediatamente. E isso é para esse problema, deixe-o estar lá para esse período. E digamos que na NYU, primeiro lugar, estou sempre instalando o Elementor. Elementor. Se você quiser usar um criador de sondas e deixar um link abaixo de onde você pode levá-lo. Não vai custar muito mais do que os preços certos do Elementor. E, por favor, não vá comprar de outro lugar de outra pessoa que lhe dirá que isso é muito mais barato e isso é apenas uma falsificação. E você terá um problema no futuro se k1 t estiver no profissional, não compre no site principal ou filamento ou F nada, então simplesmente não use a versão pro. E vou continuar com isso agora. E como você pode ver aqui, eles têm muito. Plug-ins que podem ajudá-lo a construir algo com o piso do elemento se você estiver usando a versão gratuita. E você não quer pagar pela versão pro, então você pode usar os átomos, átomos premium. Todos são livros gratuitos, apenas o nome átomos premium. E também para o cabeçalho e rodapé, porque mesmo a versão gratuita não podemos fazer o cabeçalho e o rodapé com Elementor. E vou explicar mais tarde. Por que não? E por que isso não é possível? De qualquer forma, você pode apenas alguns desses plugins para ajudá-lo se você não estiver usando a versão pro. Em seguida, o que eu queria é vir aqui. E dois, neste momento, quero baixar todos os plugins que precisarei para o disrupt build porque não quero esquecer algo e vou apenas instalá-los e não esquecer alguns deles. E então vamos supor que vamos usar o Rank Math para o SEO do nosso site. E eles gostariam de instalá-lo agora. Este é um plugin direto. Também. Se você vai usar o elemento ou pro Dan, elemento ou meio fórum. E agora eles têm, eles têm um centro de submissão. Você pode ver todos os envios aqui sob Elementor. Quando tivermos a versão pro, teremos aqui uma opção para envios. E então não temos outro plugin para um fórum de contrato ou 40 assinamos. E também, ao mesmo tempo, receberemos os mesmos formulários em nosso e-mail que o Google deixa querido. Mas se você não estiver usando a versão pro que vamos, precisaremos de outro plugin. A morte pode nos dar essa opção por enquanto. Vou pular agora e vou, acho que voltou ao painel. Não vamos perder nosso e estou me conectando. Esta é a matemática de criação do painel. Como você pode ver, você pode monitorar algumas de suas páginas, são quatro ou quatro ou não estão funcionando. Então também temos as análises que eles vão, para se levantar. Vamos ter imagens, SEO, link, contador de links. Você pode ver isso em nossa próxima lição quando fazemos o DSU branco, tudo isso é estruturado assim. E como você pode fazer o, o direito é T0 para suas páginas. Além disso, se voltarmos aos plugins e soubéssemos que o plug-in que você e usa para seus formulários de contato se você não tiver Elementor Pro é para se formar. É um excelente plug-in que é, antes, este é o único. É um excelente plugging que você pode usar para você até receber pagamentos. Nós fizemos. É apenas uma versão profissional. Você pode comprá-lo somente se quiser ter assinatura em seus formulários ou algo assim. Mas de qualquer forma, você pode usar em muitas coisas a forma de quatro minutos ou conduta ou sua proposta, você também pode incutir comércio se estiver fazendo uma loja e passar por cima dela porque ajuda. Muito mais coisas para explicar lá. E talvez eu faça outro tutorial, como você pode usar o WooCommerce e como ele pode ajudá-lo com suas vendas e como podemos configurar a profundidade total. Outra coisa que eu quero adicionar aqui é um cookie nodess clicky não neste plugin. Este é o que está aparecendo quando você entra em algum site, informando que eles estão comendo biscoitos e eles devem aceitá-los ou não. E isso dirá que você também pode encontrar e instalar um leitor de políticas de cookies aqui. Eu só, se você não tem o gerador certo para política de cookies ou seu cliente não tem veados são um monte de site gratuito. Então você pode gerar , que você pode drenar os termos e condições da política de privacidade e AD são uma página privada legal que você precisará em seu site e você está apenas indo para copiar o texto e colocá-lo na página e não ter muito mais plug-ins aqui, a última coisa que queremos fazer é para a versão profissional ou cumprir um mentor. Assim, você pode, se você já tem muito delimitador pro version, basta ir Adicionar Novo Gráfico, plug-in, escolher arquivo e simplesmente escolher ou elemento ou perfil e, em seguida, abrir e instalar. Agora, agora que temos nosso plugin, instale-o aqui você pode ver que já temos descartes aqui virá para elemento ou Pro Connect e ativará. E também você pode ir a partir daqui, conectar-se a inativar ou elemento ou licença. E a partir daqui, também podemos nos conectar e ativar e, em seguida, apenas ativar, e é isso. Temos nosso elemento ou instalamos e ativamos aqui. E agora podemos ir para nossa próxima lição e ver o que temos lá. 7. Aula 6 — Páginas de configuração: Agora que temos todos os plugins que precisaremos para este site simples. Vamos começar fazendo as páginas do site. E eu, novamente, vou te dizer uma coisa. Se você tem seu próprio site, que tipo de páginas? Portanto, nossa página inicial é a página principal, a landing page, no entanto, você quer dizer isso. Quando todos os desejados que chegam à página antes de tudo o comprimento lá. E então, se for negócio, bem, a maioria deles é realmente comercial para os phages, provavelmente precisaremos ter a página Sobre e também precisaremos ter talvez serviços se for se eles forem provedores de serviços. Ou talvez vamos ter loja. Se for uma loja e, em seguida, uma página de contato é uma mesquita. E então precisamos ter, digamos que talvez portfólio. Se você é um designer gráfico ou talvez eu não saiba, criador de conteúdo, o que quiser dizer. E talvez possamos ter uma galeria dependendo do que se trata o negócio. E se você está trabalhando para um plano, eles provavelmente já sabem que tipo de desbotamento eles querem ter no site. Ou, se for o seu próprio site, você também saberá quantas e quais páginas deseja que ele tenha um site financiado. Então, basicamente, o que precisamos ir e fazer as páginas, deixe-me mencionar que você mencionou e dizer surdos de ambos os sentidos. Se você estiver fazendo seu próprio site pela primeira vez ou estiver fazendo o site de um cliente pela primeira vez, a propriedade é , em primeiro lugar, um ir e fazer vindo da página. Ou se você estiver fazendo um rebranding para outro site, você pode fazer um modo de manutenção. É mais fácil fazer com o Elementor Pro. Você só precisa ir para as ferramentas Elementor. E daqui você pode ir para manter e pequeno. E a partir daqui você pode escolher suave. Você pode ver em breve e mantenedores. E quando você escolhe um deles, então você vai aqui e se você ainda não tiver projetado isso, você está chegando em breve página que você pode criar agora aqui, ou você pode ir para Pages Edit with Elementor. E mostramos a você na próxima lição devido ao design da próxima página. Venha aqui, escolha a página certa e clique em salvar alterações. Dessa forma, qualquer pessoa que venha ao seu site verá em breve página e lá você provavelmente deve explicar que seu site está chegando muito em breve. Talvez peça o endereço de e-mail ou deixe suas mídias sociais e peça-lhes para segui-lo querido, que eles saibam quando seu site é como. Mas agora vamos fazer duas páginas. O que queremos fazer é ir para Páginas, Adicionar Novo. E a partir daqui podemos ver que este é, por padrão o estilo Gutenberg do WordPress. E você também pode fazer um design daqui. Sabe, mas, uh, agora eu vou, isso está explicando você. Bem-vindo ao bloco, como você pode fazer tudo. Saiba onde você pode encontrar algo. Vou apenas excluí-lo e daqui você pode o título do aplicativo e, em seguida, clicar em Publicar, mas me dê um bastão e olímpico voltar. Gostaria de saber que vamos estar aqui. Mas estou preocupado agora. Vá e faça isso na lixeira também na página de amostra. Vou colocá-lo no lixo. E temos a política de privacidade como rascunho. Faça uma edição rápida para e, a partir daqui, farei publicá-lo porque precisaremos dele para o menu do rodapé apenas por um exemplo. E, em seguida, clicaremos em Atualizar. E você pode ver que já criamos aqui um bloco de contrato e sobre. E agora vou fazer a página inicial, então vou escrever para casa. E ouvindo o canto direito, podemos ver a visibilidade da praia e quando queremos publicá-la, temos o modelo. Isso é padrão. Podemos selecionar tela de elementos. Isto é, selecionamos elemento ou Canvas para. Vou mostrar-lhe na próxima lição para a próxima página comer. Duvidamos que o cabeçalho e o elemento de rodapé ou cheio dentro sejam de um para outro à parte e a equipe, então ele simplesmente deixá-lo por padrão. A lesma que temos em casa, imagem futura. Não colocamos nada aqui. Basicamente, evitamos imagens futuras apenas para as postagens do blog. E não tocamos em nada disso e apenas clicamos em publicar. E então podemos clicar neste ou em um slogan que eles têm aqui. E podemos ver agora que temos o contato domiciliar. E sobre. E talvez adicionarei outro que seja uma galeria. Porque estamos agora florindo a empresa de curadoria e eu queria mostrar como estou fazendo os clientes permanentes de curadoria, quero dizer, ou meu formulário de cliente para mostrar lá a criação estilo e, em seguida, clique em Publicar e voltar. E temos HM, bloco de conteúdo da galeria e sobre. E provavelmente precisamos ter serviços, serviços ou projeto. Sabes que mais, vou fazer esse serviço? E o que queremos fazer com esses serviços de fala. E o que queremos fazer é esta página é que vamos nesta página, estamos sempre mostrando nossos serviços e talvez os preços dos serviços. Se quiséssemos que o cliente soubesse, se não, então estamos apenas mostrando-os e pedimos eles entrem em contato com a tarefa para uma cotação ou algo semelhante. E a galeria, e sim, eles dirão galeria. E agora que temos isso, e vou adicionar um novo. Só assim, não é apenas o termo da política de privacidade, condições. E clicarei em Publicar. E agora olhe, queremos fazer é voltar a um período e depois aos menus. Já temos nosso menu principal. Se não o tivermos, você sempre pode criar novo aqui. Eu acho que isso disciplina porque instalamos a equipe antes de começarmos com o WordPress, antes de instalar a equipe, mas não as páginas ou algo parecido aparentemente semelhante, como menus e todos esses coisas. E agora temos a casa é um link personalizado. E agora queremos adicionar a casa. E queremos adicionar galeria e serviços, pois não os temos aqui e até o menu. E agora uma casa como link personalizado, vou removê-la. Virou minha casa, como você pode ver, basta arrastar e soltar onde quer que ela esteja. E então eu vou fazer serviços, é sempre o melhor global sobre isso, então o que nós, então , essa é a estrutura na página inicial. Listamos todas as coisas que queremos dizer, como call-to-action, nossos serviços, talvez algumas imagens e adicionamos nosso call to action e veremos como vamos estruturá-lo ali mesmo. E então a próxima coisa que queremos ter fwrite para casa, queremos ter sobre, queremos ter sobre as pessoas saibam sobre quem você é e o que você faz quando sua vida privada e o que você quer e você não gosta, faça com que as pessoas o conheçam, criem confiança. E depois perdemos os serviços e oferecemos o que oferecemos lá. E então podemos ter a galeria porque queríamos mostrar o que estamos fazendo. Então eles provavelmente podem se convencer de que somos a pessoa certa para eles. E então temos preto e contato e bloco geralmente é usado neste tipo de papel. Páginas, sites apenas para DSU propõem porque, com a postagem do blog podemos anexar mais clientes. E então temos o contato. E podemos ver que ele já está marcado como menu primário. E podemos clicar em Salvar. E então provavelmente temos menu secundário. Vamos ver o que temos é que o rodapé, esses são nossos links de mídia social. Eu não usei essa perna isso, então vou apenas excluir o menu. E criarei um novo menu que será o menu de criação de rodapé. E aqui estamos adicionando termos e condições. Vamos dar a você sobre a política de privacidade. Insira alguns termos e condições. E vou verificar este menu de rodapé e salvar mesmo que isso não esteja mudando nada porque estou fazendo o cabeçalho e o rodapé com o Elementor. De qualquer forma, o rodapé foi atualizado e a última coisa que eu quero fazer é personalizar e verificar se minha nova página inicial está marcada. S. Nas configurações da página inicial, você pode ver LA descartada e agora estou colocando uma página estática. E a partir daqui, escolhendo uma página inicial, apenas o loop de folhetos da página inicial e do clique das famílias simplesmente passam como T. Nós não temos mais barra lateral. E, em seguida, queremos clicar em Publicar. Volte e vamos para a próxima lição. 8. Aula 7 — começando com Elementor e de de tipografia padrão: Nós fizemos, fizemos a aparência das nossas páginas, queremos fazer a seguir é tornar a densidade do nosso site. Como já disse, uso os futuros do Elementor Pro para cores globais, telefones globais e também para a configuração do logotipo, um ícone. É por isso que, se formos ao Elementor, você pode ver aqui em baixo que temos modelos. E podemos usar, se formos salvar modelos daqui, podemos adicionar novos ou importar. E podemos ver aqui dígitos de nível se tivermos. Mas também podemos pagar apenas seções se quisermos salvá-lo e pudermos fazer pop-ups e seguida, teremos o construtor de equipe a partir daqui. A partir daqui você pode ver todas as páginas que você tem, ou aqui estão os exemplos que podemos fazer. Rodapé de cabeçalho ou postagem única. Nossa pesquisa moderna fluoróforo do Afeganistão antigo. E a próxima coisa que temos daqui é que temos páginas de empréstimo. Se clicarmos aqui em uma nova página, empreste lançamentos como também como a página em breve calma ou qualquer outra página que você possa usar sem necessariamente precisar estar conectado com a página inteira. família tem filhos, biblioteca daqui. Muito mais fácil se você quiser apenas pegar algo e usar para seus clientes ou para os seus. E devido a mudanças. Se você abrir alguns deles, você pode ver que esta é a página inteira já feita para você. Com as coisas que você pode mudar. O cabeçalho, as imagens, a chamada às ações, como a página inteira é estruturada. E se você for para a visão geral e pode ver todas as páginas imediatamente ou ver a demonstração. E você pode escolher se você quer usar isso ou não. Mas não se esqueça de que isso é apenas se você tiver uma versão Pro do Elementor ou mesmo estendida se você, é claro que você tem poucos gratuitos, mas a maioria deles está na versão profissional. Ok, o que eu quero fazer agora é configurar minha cor padrão e global e telefones e todos surdos e eu vou ver. E então eu não faço duas vezes o mesmo trabalho. Estou imediatamente indo para o cabeçalho, o cabeçalho. E você pode ver aqui que você pode selecionar a seção de página dentro do pop-up da página, comida de cabeçalho ou uma única página de publicação de resultados de pesquisa ou erro. E eu vou para o cabeçalho e vou nomeá-lo de cabeçalho. Isso é óbvio. E a partir daqui vou configurar todas as configurações necessárias de que preciso. E, por padrão, o elementor irá salvá-lo como padrão. E eu vou ter aqui depois disso. E preciso ir de novo. Então eu vou salvá-lo. Então eu posso continuar trabalhando no meu cabeçalho e tudo o mais que eu quero dizer. Então, basta ir e criar um modelo. Você pode fazer isso somente se tiver a versão pro para o cabeçalho e o rodapé. Você terá essa opção para, para a versão gratuita. E aqui temos cabeçalhos diferentes nos quais você pode usar ou se inspirar. Mas, por enquanto, vou fechar isso. E a partir deste canto esquerdo você pode ver o elemento d ou as configurações globais. Você pode arranhar. Você pode torná-lo menor como quiser. E aqui temos orçamentos globais. Se tivermos, não estamos usando suas dívidas. E a partir daqui, você pode ver eliminar o risco imediatamente sabendo que estamos na seção de cabeçalho. Portanto, temos o logotipo do site, o título da página, o mapa do site da pesquisa e o menu. Se estamos fazendo o cabeçalho e então os temos básicos, isso é tudo o que temos na versão gratuita. Então isso é tudo o que temos na versão profissional e, em geral, coisas que temos aqui. Então, agora o que eu quero fazer para configurar minhas configurações globais é ir para este menu de hambúrguer aqui. E você pode ver as configurações do site aqui. E então temos cores globais. E essas são as principais cores globais que todo Elementor, construtor de páginas, metade configura para um site. O que queremos fazer agora é voltar à nossa paleta de cores, é que temos aqui e nós os demos fechá-lo porque precisamos disso. E podemos ver que aqui temos a cor primária e a cor primária será nossa cor. Precisamos para o nosso local? Acabei de copiar e voltar aqui e cole-o. E nós temos. Então temos cor secundária e eu vou com uma cor mais clara aqui. Vou copiá-lo e depois enfrentá-lo. Para o texto. Já vou para preto. Então, cor preta reta e 4 para acentuar. E você sabe com o que eu queria ir para sotaque. E faremos algumas mudanças. Vou fazer a cor de dioxina assim. A cor mais escura. Porque, você sabe, queríamos ter a cor mais escura para nossos botões. Estes são os atos e onde queríamos enviar as pessoas, apenas para ser um atraente, fazer com que as pessoas quisessem clicar lá. E já podemos ver para cozinhar o Ebola aqui, mas não o configuramos. Então, vamos mudar essas cores também. Talvez o próximo, voltemos aqui mais tarde. E então, para a cor primária, vou com a segunda. Então, mude o local da morte. E então, para o secundário, vou com a cor mais clara. E então o que eu quero fazer é simplesmente copiar e colar como nova cor aqui da paleta de cores que eu tenho. E vou ver como vou culminar todas essas cores no meu site e como ela vai parecer. E então a cor mais clara, talvez eu a use em algum lugar. Excelente. Podemos atualizar agora este ou um fim de semana, voltar e depois ir para espumas globais. E você pode ver que a fonte primária aqui é, por padrão, a configuração para rubato e a laje secundária. E depois temos, penso novamente o mesmo logotipo e, novamente, mais parece remoto. E agora o que queremos fazer é voltar aqui e já sabemos que usamos um liger, uma cor 40 ou principalmente primária. Divertido, desculpe. Então, vamos voltar aqui. Você pode ver como fontes diferentes. Temos, muitas formas diferentes e com a busca de um gráfico de luz, aqui está, e basta usá-lo. E meu padrão é em 600. E vou deixar assim e vou deixá-los tocar qualquer coisa porque se eu quiser dizer, faça algumas mudanças em muitos cabeçalhos, então farei isso diretamente do ar. E então, para o sotaque, também vou para um link RA. E para o secundário em quatro defeitos. Desculpe, vou com Yosef inst lei. Vamos tentar encontrá-lo. Você pode ver que temos slop e SAS. Então, slab 14, vou ver se vai ser o apropriado para o nosso site ou se precisamos ir com um mais escuro, quero dizer, o pedregulho de estilos aqui. Então, pode ser visto, bem, desculpe, escorregar. E podemos voltar a atualizar, mas voltarei e irei à tipografia. E daqui você pode ver, aqui. A partir daqui você pode ver que temos o corpo. E vamos, vamos escolher um direto. Para os links, vou escolher o like rap e também H1, H2 , antigo o cabeçalho ou batendo. Então nós éramos link fraco href. Então, apenas dente e dente, todos eles estão no 600. Ou é muito mais fácil para nós apenas clicar neste ícone aqui e basta clicar em Primário. E se clicarmos aqui, desculpe, vamos fazer uma atualização e atualizar a página. E agora, quando voltamos aqui e vamos para as configurações da equipe e tipografia. Isso mudou exatamente para a direita. Vamos configurá-lo para 400. E então o link que temos pelagra, não está definido em absolutamente ir para 600. E podemos ver agora se voltarmos aqui e colocá-lo, o primário está mudando. imediato. Então, primário, ele fará com que seja tão primário. E se clicarmos é um trecho que faz referência a 600 e não precisamos procurar. Mais uma vez. Sou novamente para todos em dúvida. E agora podemos ver aqui que o Allegra, é uma boa fonte e é refeita. Bem, mas quando chegamos aqui ao blob da ESPN é um pouco mais leve. Mesmo que seja com a cor preta, não podemos ver à vontade. E qual é a principal proposta da interface do usuário é que podemos ver bem, temos um bom contrato no site. Tão branco e preto, preto e branco. Eu não sei. Toda a tipografia de cores é que você pode ver que você pode pensar nas diferentes mudanças que você pode usar. Lá. Precisamos ver, bem, é por isso que eu quero fazer uma atualização. E então voltaremos e quando chegarmos a nível global, desculpe, empresas globais, no secundário, farei 500 e também para o texto 500, e também fazê-lo, fazer uma atualização. E vamos ver agora, se podemos ver melhor ou se precisamos mudar alguma coisa. Eu acho que esses ainda existem dois pilotos, então deixe-me experimentar no Cloud ou em outra coisa. O que vamos dizer que os tornamos ousados. Faça uma atualização. Refere-se novamente ao site, então o gráfico de ações, observe lá ou não. Mas o que eu quero fazer agora é colocar um editor de texto aqui. E podemos ver isso aqui. Podemos ver bem, letras antigas estão bem, deixe-me ver se sim, temos que Josephine recuar e temos a granel e podemos ver imediatamente que eles são bons. Outra coisa. Então, deixe-me excluir essa coisa aqui e voltar novamente para decidir as configurações. Ok, então novamente, quando você vem, venha para telefones globais daqui, também podemos escolher o tamanho das letras. Mas não escolherei o primário, mas escolheria as letras de texto. Posso fazê-los 16? Acho que é um tamanho muito bom para entregas. E então temos espinhas dorsal. E se quisermos, podemos escolher a papelada referida às batalhas e escolherei o sotaque ou é o mesmo que o primário. E também podemos escolher a cor. Algumas outras coisas aqui, a fronteira. Mas costumo ver isso quando faço a página, quando criei, quando criei um site. Em seguida, temos arquivos de imagem e formulário. E então a partir daqui temos o chão nu. Vou deixá-lo branco porque é, mas você pode configurá-lo daqui se quiser um pouco de água ou para a grande rodada móvel. E então temos a identidade do site daqui. Eu clico nele e, em seguida, selecione Arquivo. E eu só vou carregar os dois. Então eu não vou com o mesmo fôlego é de novo. E então eu tenho aqui meu logotipo e você pode ver que é transparente, mas vou editar a imagem e vou cortá-la. Eu não quero esse grande espaço. Então, vou cortá-lo assim. E clique em Cortar e segurar. E então vou inserir mídia e citoplasmática desapareceram novamente. Eu o tenho aqui e vou inserir a mídia para que fique melhor assim. Ficará melhor aqui. Então vou atualizar e atualizarei a página novamente. E se formos para a pré-visualização, e pudermos vê-lo aqui, é menor, mas é bom, ok. Agora que temos nossas fontes e cores globais, podemos ir para nossa próxima lição e projetar o cabeçalho e o rodapé. Vejo você lá. 9. Aula 8 — Crie o cabeçalho e rodapé: Agora que estamos em um, já estamos ouvindo uma seção para o nosso cabeçalho. Gostaríamos de fazer isso aqui. Então, o que eu queria fazer é usar um estilo simples para mim cabeçalho. E eu vou clicar neste plus size. E, novamente, você sempre pode ir para esta pasta aqui. Você pode escolher qualquer um desses fluxos. Você pode carregar o seu próprio daqui e encontrar aqui se você salvá-lo de outro lugar. Mas agora o que eu quero fazer é clicar neste ícone de fatia, e eu quero ter três seções. A primeira seção será para minha, será para o meu logotipo, apenas pensando que vai ser para o meu menu. E o terceiro será para minhas mídias sociais porque quero ter minhas mídias sociais no cabeçalho. O que eu quero fazer agora é que eu quero dizer quando clicarmos nisso e adicionamos isso aqui. Isso aqui é chamado de seção inteira. Então, quando clicamos aqui e você pode ver a seção Editar, não temos aqui. E a partir daqui podemos dizer, colocá-lo como livros ou capina completa pode ver se removemos isso daqui até aqui, o ponto inteiro. E então vamos voltar. Quando é dito livros, você pode escolher aqui o quanto você quer ser. Talvez você queira ter 800 anos e ver como ele está parecendo. Talvez você queira ser assim ou talvez você quisesse ser, eu não sei, 300, 400, no entanto você queria transportar. Eu vou com isso, um 100 00. Vou fazer isso, isso aqui dentro. E então temos a coluna Gabe's e eu vou, não suba. E depois temos ódio. Sim, podemos fazer isso. Ele cria uma maneira norming. Podemos ir com peso médio. Não podemos encaixar na tela aqui você vê que é a tela inteira. Então vamos significar peso. E aqui em pixels, geralmente vou com 80. São os pixels certos. Você pode ver que temos espaço entre eles. Então, a direita, e então temos posição no meio. Isso significa que esta coluna aqui, sempre estará no meio de cima e para baixo. E não queremos tocar nesta ilha vertical. E, em seguida, o estouro é por padrão. E também podemos fazer seção de rascunho. Mas agora estamos em buck set e temos, embora não tenhamos configurado a partir daqui. E podemos ver aqui na estrutura, que tipo de estrutura temos. E podemos escolher alguns outros espaços. Mas eu quero, o que eu queria fazer é virar meu pequeno livro, meu menu, colocar minhas mídias sociais e depois configurar a estrutura certa para o meu estilo de cabeçalho. Pois daqui temos o fundo e o M Hauer normal. E podemos fazer o tipo nu no topo com a cor, talvez com essa sobreposição das cores, talvez não fosse vídeo ou apresentação de slides. Isso é basicamente quando fazemos quando projetamos nas páginas. E agora não queremos ter nada sobre isso. Então, nós apenas desmarcaríamos isso, porque eu quero ter o menu de rolagem. E vou te mostrar como será ousado. E então temos sobreposição se quisermos ter ou borda ou forma, driver e digitar o que eram alguns, mas não estamos usando nenhuma profundidade antiga para o menu de rolagem. Se formos para Efeitos de movimento, e então podemos ir para a chave. Você pode ver isso diz, cara, ele pode estar na parte superior ou inferior. E podemos selecionar em qual dispositivo queremos ter um menu extenso. E eu costumo ir com um porão dos preconceitos. Por que eu uso o menu de rastreamento antes que possamos ter um ícone aqui que diz ir para o topo. Mas é sempre melhor para mim, como se estivesse rolando para baixo com todas as páginas e elas podem o tempo todo lontra marinha. Meu site ou a maioria dos sites às vezes tem um login aqui ou talvez eu não seja um número de telefone que eles querem ter como call-to-action col e algo assim e eles podem usá-lo imediatamente. E então nós temos a ética compensada e os compensamos. Temos offset de épicos. Eu vou com 18. Mais uma vez. Isso significa que o cabeçalho começa a rolar para baixo após 18 segundos. E então temos resposta a partir daqui. Podemos optar por reverter em um tablet e celular, mas isso é somente quando temos duas colunas. Porque quando tivermos colunas verdadeiras, apesar de clicarmos para reverter, apenas reverterá a primeira e a última, e essa está no meio. Ele permanecerá no meio. E então temos essa habilidade se você quisesse ocultar algo do desktop, tablet e aplicativo móvel para inicializações. E, em seguida, temos CSS personalizado. Isso só é possível com a versão Pro do Elementor. Eu disse que não vamos usar códigos aqui. Não os conhecemos. Podemos usar para o cabeçalho se quisermos mudar alguma cor quando o, quando começar, eu vou descer, mas vamos começar com o design e podemos ver o que vamos fazer a seguir aqui. Então, antes de tudo, temos aqui o logotipo do site e quando o colocamos aqui, ele aparece imediatamente. É imagem em tamanho real, sem URL do site de corrupção. Então, imediatamente, se alguém clicar nele, ele voltará para a página inicial. E se a planta estiver na página principal, ela voltará. Então podemos ver que é um pouco maior aqui. Então nós temos, não fizemos, não fizemos, e peso. E a partir daqui, você pode ver que temos a porcentagem aqui, pixels. E praticamente para a imagem do logotipo, usamos essa porcentagem. E eu costumo ir, digamos com 16 ou 17 dependendo do logotipo. E o que queremos ter aqui. Vamos com 16. Acho que é bom. Está muito bonito. E também podemos escolher aqui onde ele vai ser colocado para esquerda, centro ou direita. Vou com a esquerda. E podemos vê-lo bem imediatamente. E então o que vamos fazer é ir para isso aqui. E então vamos menu de navegação por padrão é configurado para rodapé e menu primário ilegal. Ok, então agora temos horizontal, vertical e caído. Isso é por padrão para a versão do menu, mas é claro, se estivermos usando a horizontal e, em seguida, tivermos aqui à esquerda no centro, à direita ou no zero. Vou para o ponteiro direito. Então agora, agora temos o subjacente e está imediatamente com nossa cor das cores globais. E então temos sobrepostos lá em cima. E podemos ter enquadramento de comprimento duplo, plano de fundo ou textos. Quando você entra em texto. Só você pode ver como eu gosto de como ele está parecendo. Então, cresceu. Também pode animação D. Pode ser uma coisa de psiquiatra, flutua, Qu, girar ou nenhum, mas não pode ficar muito. E então temos submenu indicativo, mas não temos submenus. E então temos um ponto de interrupção suspenso móvel para tablet. E então temos o dobro sobre o Hamburgo, e então temos um site ou um no centro. E o que isso significa agora, você pode clicar nesta coluna Editar. Esta é a coluna, então o todo aqui é seção, e essas são as colunas. E a partir das colunas aqui, você pode configurar uma coluna dentro daqui. E vou escolher isso no meio, vertical. Ali faz. Então. Temos tudo configurado no meio. E também ligue. E então você pode ter daqui e escolher o espaço certo para a coluna. Ou você pode, faz, você pode ver assim, movê-lo aqui e ali. Não consigo movê-lo assim. E eu voltarei aqui e vou para o estilo. Já temos isso, mas vou clicar nisso. E vou ficar bem. Vou colocar 20 pixels, peso da linha. Vou colocar 1,5. E eu não tocarei no espaçamento da camada, ele fará alguma ninhada aqui, espaçando entre elas. E para a transformação podemos ver que podemos ir com maiúsculas ou minúsculas ou conformidade. Normal. Sar. Não sei se queríamos ir. Para maiúsculas, definitivamente irei para maiúsculas e não mudarei nada disso. Certo? E então temos divisor, interrupção horizontal para baixo. Não caímos, então eu não tocaria nele. Se você quisesse. Você poderia simplesmente ir até aqui e alterar qualquer uma das configurações e, em seguida, nós alternamos sobre elas. Faremos isso em nossa versão móvel e, portanto, sabemos o que estamos mudando aqui. E menos coisa se você pesquisar aqui, então mostre que isso vem. Vou deixá-los aqui. E eu só vou mudar se eu vir até você e ver que eles já têm muitos ângulos aqui que você pode escolher. Ou você pode ir para o upload ou fazer upload do arquivo SVG. Você também pode colocar aqui um link. Então, vou apenas colocá-lo assim. De qualquer forma, então é a cor oficial, mas vou para Custom e você pode mudar a cor do costume a partir daqui. E quando você vai para a cor primária, basta clicar nela e escolher a cor. Você pode ver. Ou você pode limpar daqui. Cor. Eu vou, apenas, para a cor secundária, vou escolher. Digamos que vamos, agimos de acordo com a cor. E para a cor primária, vou removê-la para que não tenhamos que implorar. Então, apenas o logotipo. E farei o mesmo para os dois externos. Para dq sobre mídias sociais. Você pode ir com branco ou transparente. Vamos fazer transparentes porque se mudarmos de cor, profundidade, seremos, seremos queridos em mostrar. E então vamos novamente atos. E você pode ver que eu mudei a cor nesse padrão. É muito mais fácil. E quando precisamos fazer transparente, basta ir aqui e voltar. E você também pode usar essa amostra de cores. Basta mastigá-lo e clicar em qualquer imagem mais antiga. Só estou escolhendo a cor certa. Você pode ver aqui, é muito mais fácil. Então agora que temos nossos ícones aqui prontos. Então, quando você for para o estilo e daqui, espaçamento temos cinco e, do tamanho, vamos colocar 20. Eles são do mesmo tamanho que o nosso menu, como nosso menu aqui. Além disso, podemos ir para o ícone hover e podemos ter como passar o efeito. E também podemos até ver que eles estão se movendo efluente. Podemos ir para digamos que a rotação global. Vamos ver se eles só têm brilho. Pense assim. Acho que a citação, mano, assim como nosso menu está crescendo, lidera o Icon Grow quando eles pairam sobre ele. Ok, então agora a próxima coisa que queremos fazer, agora temos nosso menu aqui configurado. Queremos ir para esses tornozelos aqui. Este é o modo responsivo e abrirá isso. E daqui talvez você possa mudar se quisesse vê-lo diferente. Os principais motores, mas são para desktop, tablet e celular. Bem, e podemos ver aqui que temos o modo de cálice para acabar. O que queremos fazer aqui é clicar na seção Editar. relance. Temos a margem e o preenchimento. Então, a margem aqui na seção. Se clicarmos nele, você pode ver que podemos editá-lo. Se adicionarmos aqui, ele atuará espaço para cima. Ambos são, então você pode ver que esta é a parte superior e a parte inferior. Isso está se movendo, mas não podemos ver, você pode ver M, isso está se movendo agora. Agora podemos ver aqui as lâminas deslocadas aqui que temos. Então, não queremos usar isso. E o potting são as peças que queríamos fazer mudanças. Isso é tudo o que está acontecendo aqui dentro desses grandes livros. Então, se não marcarmos isso porque se for marca, se não estiver marcado, então, se for bom apenas um número, ele o coloca em todos os lugares. Mas se quisermos mudar apenas, vamos dizer fundo ou talvez certo, eu não sei. Então precisamos desvincular isso e 10% e 10% da esquerda e da direita. Então, temos um pouco de espaço aqui. Você pode ver. E agora acho que este é um bom tamanho, mas vou fazer isso como 30. E quando eu clicar nele, farei 80. E então isso, isso pode ser, digamos 20. Então nós os temos em uma linha, e agora temos 20, e temos 35, 50, e então isso precisa ser 50. Então, é tudo em uma linha. Certo? E agora temos nosso menu suspenso, como eu disse antes, vamos trabalhar nisso quando entrarmos nele. Agora, fazer é clicar em Completo dentro. Então, quando ele abre, ele se abre sob o mais antigo e não no mesmo título aqui. E depois temos o centro e Hamburgo. E agora queremos ir, queremos entrar no estilo. E para a cor. São textos escolhidos que você pode ver daqui. E temos a topografia certa e temos, saltei para escolher 20. Então, é o mesmo. E novamente, vamos escolher assim. Então, temos um pouco de espaço aqui. Certo? Um pouco de espaço aqui. E o próximo o que queremos fazer é passar o mouse. Desculpe. Este é o menu suspenso e eu vou, e o normal É a cor do texto normal corrigida. E não queremos nenhuma cor do quarto e não a temos. E tipografia, temos o sotaque, é o mesmo. E então temos o pairar. E nós vamos fazer é transparente próprio. Então, não temos esse grande quarto grande lá. E já temos que mergulhar sobre o Vg, configurá-lo e a cor do texto ao passar o mouse. Vamos colocá-lo em acidente. Portanto, é o mesmo que no menu principal quando estamos na área de trabalho. E quando estiver ativo, Whitman toca nele, então ele vai ficar preto novamente. E a partir daqui podemos configurar configuração, tipo de pedido ou talvez rádios se quisermos distância do divisor e o total de botão daqui, podemos torná-lo a cor preta, e podemos fazê-lo onclick para estar ligado sotaque, estar em sotaque, em pairar para ser um acidente, desculpe. E então podemos escolher o tamanho para ser 20, digamos. E é perfeito. Mas você pode ver que isso é um pouco mais aqui. E isso está no meio. Então isso não está no meio aqui. Então, o que queremos fazer é configurar este 130 e apenas configurar este ONE 40. E agora temos tudo no meio, assim. E agora o que queremos fazer é ir aos ícones e colocá-los no final. Portanto, não está lá no ano e no final e à esquerda, à direita, no meio. E depois temos, quando vamos para a versão do modelo, o que precisamos fazer é configurar estes são 30. Para configurar isso, recebo 30. Então podemos ver que a música 30 agora não está pitting. E esta configuração, este 140, certo? Então o que queremos fazer aqui é que queremos virar isso ao longo de um 100. E queremos ver a lâmpada, isso é bom. Mas queremos fazer aqui é ir aqui e queremos ir para Estilo. E no espaçamento. Quero fazer isso um pouco maior. Então, vou 40. E eu vou fazer isso para fazer pegar a estrada para ver o quanto precisamos de espaço. Certo, então precisamos que cerca de 41 deles não precisassem voltar. Certo. Então, para 19. E se removermos isso, podemos ver como ele está olhando agora. Nós podemos. Então, uh, remover D vem do menu móvel. Eles geralmente removem o custo da para o menu móvel. E ficará assim. Então, vamos embrulhar a coluna e avançar e ir para responsivo e nos esconder no celular. Então, quando voltamos assim é assim. Mas vamos deixar isso para ser DR2. Está parecendo bom. Vamos ver se podemos. Vamos ver se podemos reduzir o espaço entre eles. É bom assim. Então, agora podemos voltar aqui para o layout e agora podemos reduzir esse espaço e simplesmente movê-lo o máximo que pudermos. Então, temos mais espaço agora. Acho que agora está bem. Excelente. Podemos ver o logotipo, podemos ver o menu suspenso, podemos ver os ícones , voltamos? Podemos ver que aqui tudo permanece o mesmo. E se voltarmos aqui, o que lhe dá a coxa tudo o que ele está colocando da mesma forma. Deixe-me saber, vou olhar para aqueles 16. E voltarei para a seção de edição. E eu adicionarei aqui apenas. Desculpe, vou editar o preenchimento e vou apenas 5% de baile de cima para cima e para baixo. Então eu tenho uma camada de mais espaço para o logotipo aqui. E como eu já te disse isso, isso só é possível Com o Elementor Pro, é porque quando você clicar em Publicar, você conseguiria isso na condição. Se isso não for possível com a versão gratuita. E então você vai na condição e pode incluir um site inteiro ou você pode excluir. Ou você pode incluir, Vamos comer nossas metades e você pode adicionar condição para excluir todo o site. E você tem muitas possibilidades. Mas vamos incluir um lado inteiro e podemos clicar em Salvar acessórios. E também se estivermos fazendo um pop-up ou alguma outra landing page que temos. Temos muitas de nossas outras opções, como With show up, quantas vezes aparecer em todas as outras. E tantos outros aspectos. Eles são idênticos, salvos e os usam. Então, salve e feche. E essa é uma das maiores razões porque , se você quisesse usar o pop-up e não tiver o Elementor Pro, então você precisa usar algum outro plugin para isso. Você não pode ter certeza de que tudo vai funcionar corretamente ou não. Mas agora vamos voltar ao painel. E vamos para Save it templates. E se formos aqui para todos, podemos ver o cabeçalho e podemos ver o kit padrão. Este é o que precisamos para as formas de cores globais. E olhe. Agora, o que queremos fazer é adicionar novo. E então vamos ao rodapé e nomeamos rodapé e criamos modelo. Novamente, eles estão nos dando algumas opções que podemos usar aqui e talvez algumas mudam algo para fazer o Twitter dependendo de tudo o que você vai fazer e, para fazer o Twitter dependendo de tudo o que você vai no entanto, queremos que o rodapé pareça. Mas, novamente, vou fechá-lo e depois faremos em altura. Então eu vou aqui. E você pode ver que já está lá embaixo porque é uma agitação. E escolherei novamente três seções. E daqui, também irei para 100, 14, 14 000. E nenhum Deus. E um peso médio. Eu vou fazer isso. 300. Acho que está tudo bem. Sou o meio da coluna. Acho que dobrado. Certo. Então, o que eu quero fazer pelo rodapé, novamente, como se fosse o mesmo processo. Mais uma vez, queríamos ter no rodapé, nosso logotipo. Queríamos ter sobre nós queríamos ter ícones de mídia social e queremos ter o menu de rodapé. E dependendo, eu não sei, talvez você queira ter talvez 0 informações de contato também, podemos tê-las lá. E também podemos ter um layout aqui. Eu farei isso 40. E isso será para os direitos autorais. Assim, podemos clicar aqui e apenas adicionar uma nova duplicata 4k. É o mesmo. Não temos nada aqui em baixo, mas é muito mais fácil se você quiser duplicar algo, eu vou perguntar. E o que eu quero fazer aqui é adicionar o menu aqui. menu de rodapé já está selecionado. E vou colocá-lo na horizontal direita sublinhado, vou colocar um texto para ser exatamente como nosso menu no cabeçalho. Mas vou deixar uma nota daqui, suspenso móvel, não vou colocar nenhum. E isso vai embora. Você verá por que não. E eu vou apenas pairar a telha que não selecionamos. E vou mudar aqui a transformação para maiúsculas. Excelente. E então, no lado esquerdo aqui, vou arrastar e soltar aqui o título. E aqui. O que queremos fazer é escrever escrever reservado. Digamos que se for uma empresa, se for acompanhá-los, violeta. E geralmente precisamos ter o ícone C aqui, mas não vou tentar pesquisá-lo. E vou colocar o x aqui. Isso me dá o primário que gosta da cor primária para o cabelo. E daqui vou fechar a forma para maiúsculas. Vamos ver. Agora, vou colocar 16 e também voltarei a isso e vou colocá-lo, pegar a pele só para que tenhamos que salvar. Então agora eu preciso ir e colocá-lo no meio. E agora eles estão no mesmo. Eles estão bem. Em seguida, o que queremos fazer é escrever agora para ter flanco. E então irei às mídias sociais. E vou colocá-lo aqui e vou florescer à direita. E, novamente, deixe-me mudar o ícone para o Instagram. Vou adicionar cores personalizadas. Então, a cor primária é que a cor secundária é axônio. E aqui vou removê-lo. E farei o mesmo pelos outros dois. E isso só vai somar aqui. Assim, ele pode funcionar rapidamente para passar o mouse sobre ele. Excelente. Eu k. Então podemos ir para o estilo e podemos mudá-lo para o tamanho que recebe. Ou você pode vir aqui para onde diz coral oficial ou pode ir para Custom e personalizá-lo a partir daqui, todos eles vão mudá-los. Você não precisa ir quando fazê-lo um por um , como eu os faço imediatamente. E então podemos ir para, posso passar o mouse e então podemos manter animações. Eu estava como lá. Agora, o que eu queria fazer só para nós temos que fazer alguns contratos. Vou adicionar aqui uma cor e vou com o secundário. Porque quando passamos o mouse no disco, deixe-me ver, mesmo se formos com este, está parecendo ainda melhor e qual é o livre deles com este. contrato ainda melhor, contraste ainda melhor. Podemos ir com este, podemos usá-lo às vezes a especificação em torno desta. E aqui eu só vou gostar de Kyle e da borda e eu vou adicionar essa cor. E eu não vou marcar. E estou aqui também. Então este é o nosso rodapé agora. E então podemos ouvir alguns cabeçalhos. E podemos dizer informações de contato visual. E então podemos ir ao estilo, podemos fazer isso afetar. Podemos colocar o telefone. Tenho 22 anos. Certo. E então podemos ir para eu posso levantar, podemos adicioná-lo bem lá embaixo. E a partir daqui podemos salvar a empresa. Oh meu Deus. Solte. O mesmo edifício Tyvek. Vamos inserir aqui e diremos, não sei, três ou quatro. York, Nova York. E você pode colocar seu endereço, sabe o que quero dizer? Então aqui podemos escolher o celular. E então podemos aqui colocar nosso celular mais 4999928 recuperar e eu vou 4, 5, 6, 8. E então podemos me enviar um e-mail por e-mail. E podemos inserir aqui informações que violeta, oi, digamos. E então podemos vir aqui e, para os ícones, ele desvanece fundo, cor primária. E o tamanho, podemos ir para 16 e depois podemos ir para o texto e podemos colocar um imposto sobre preto. E para a tipografia, ela já é feita em dezesseis quintos, então está parecendo assim. E está muito bonito. Talvez possamos torná-los um pouco maiores ou meio vazios, como é bom parecer. E depois temos, podemos ter nosso logotipo no meio. Mas podemos colocá-lo como dizer 18. E aqui o que podemos fazer é de novo, estou indo e brilhante ou violeta. E vamos movê-lo para a direita, virá aqui e escolheremos a cor preta. E vamos colocar dois como colocamos aqui, dois. E então podemos vir aqui, podemos adicionar editor de texto. E eu vou apenas mover isso até aqui. E isso deixará assim. Então, temos nossos 16 aqui. Bem, e nosso rodapé está parecendo assim. Ou o que podemos fazer agora. E vou colocar MOOC aqui e isso aqui. E isso mudará de lugar. Deixe-me ver como ele vai parecer. E vou colocá-lo aqui. E isso o colocará aqui. E vamos ver, posso listar menos 50. E também voltarei aqui, mesa sem marcação, e vou colocá-lo 20 menos por cima. Eu virei aqui e irei aqui e estou marcado disco e farei no fundo menos 20. Então, reduziu o espaço até 30. Então podemos ver que é quase o ar. E também irei aqui para as mídias sociais e farei o mesmo mas no topo, então menos 20. Então é mais aqui, então você terá o espaço aqui entre ele. Mas se você tiver mais textos do que faz com que ele seja um pouco maior e ele se repetirá perfeitamente. Está muito bonito. Eu quero fazer agora é responder à comida. E eu queria ver como ele está parecendo. Você pode ver como ele está ansioso pelo tablet e pela versão móvel. Então, o que eu quero fazer agora é ir para a seção e avançar. E fui para a mesa sem marcação e 10 da esquerda, M2M para da história, da direita. E temos um pouco de espaço, até 20, desculpe. Então, temos mais espaço. Isso é melhor. E irei ao logotipo e farei dele uma cripta de 100. E tudo o resto permanecerá o mesmo é melhor quando tudo isso estiver em uma linha. E aqui o que eu queria fazer para vir aqui e ir. Bom. E agora vamos para a versão móvel. E aqui o que eu quero fazer é clicar para editar esta seção. E eu quero avançar, e quero adicionar aqui, desculpe, como 10. E é bom de todos os tamanhos. Mas o que eu quero fazer aqui é ir para responsivo e fazer coluna reversa. Portanto, temos a política de privacidade da Percival de condição de sonho e na DMU temos os direitos autorais. E aqui eu quero fazer o mesmo, marque esta marca. Vou dois sem marcar isso e vou me arrepender. Assim, para todos os lugares. E está bonito. E vou voltar aqui na versão para desktop e farei a condição do aplicativo Publicar hoje todo o site e clique em Salvar e Fechar. Agora que terminamos com isso, vamos para a próxima lição e projetamos nossa página inicial. Vejo você lá. 10. Aula 9 — Começando com o Design: Agora vamos passar para o processo de design do nosso site. A primeira coisa que queremos fazer é que podemos ir às páginas e encontrar nossa página inicial e ir para Elementor da creche. Ou podemos ir para modelos e, em seguida, podemos adicionar novos. E não selecionamos uma única página. A casa. Se você não tiver elemento ou pro, você pode fazê-lo diretamente da sua página. Vá para a página inicial e, em seguida, você pode ver lá em cima editar com o Elementor e você pode fazê-lo a partir do ar e, em seguida, criar um modelo. E a partir daqui podemos ver por padrão modelos de piscar e piscar que podemos usar. E vamos fechar isso e temos o modelo em branco aqui. Eu gostaria de ver como o cabeçalho ele vai parecer uma vez puxado para baixo. Mas vamos ver quando temos a página e, e faremos o resto por ela. Então retina olhe, queremos fazer o que, uh, nós vamos, uh, nós sabemos que estamos projetando esse site ou empresa de decoração de flores. E o que queremos fazer aqui é antes de tudo, queremos ter nosso primeiro cabeçalho e queríamos ter nosso primeiro objetivo para agir. É por isso que podemos adicionar uma nova seção daqui e podemos selecionar quantas seções queremos ter uma grande seção ou queremos ter duas separadas, dependendo do tipo de imagem que vamos colocar aqui. Vamos ter um lago, grande rodada ou esse tipo de coisa? Ou podemos vir aqui e podemos ir às Páginas, ou podemos simplesmente vir e desmarcar mesa e podemos encontrar algo daqui como herói. Você pode ver a partir daqui alguns exemplos de como ele pode se parecer. Ou você pode encontrar alguma página se quiser usá-la a partir daqui. Mas agora, quero mostrar como não podemos usar. Então eu vou com isso e vou usar apenas seções. Vai ser livros e livros. Vou novamente com 000. Então, temos a mesma linha aqui para todo o site. Portanto, esta é a seção. E podemos usar a partir daqui o, esta é a coluna que vamos terminar, mas vamos com a seção, então não temos gov e podemos oferecer pelo peso. Podemos dizer peso ou pés discretos. Vou fazer com peso médio. Mas vou colocá-lo em 500. Até só aceita contrato assim. E agora, este é o nosso cabeçalho que possamos uma prática e podemos ir para Avançado, podemos marcar isso e podemos ir para o topo menos entrar. E isso ficará sob nosso cabeçalho e nosso cabelo deve ser transparente. Mas vou ver um DMD se formos seguir com isso, este íon ou outra seringa de design para aqui, para a nossa coluna esquerda, adicionarei um cabeçalho. E esse cabeçalho seria, talvez devêssemos pensar algo que vai pegar nossos clientes. Talvez você seja bem-vindo ao paraíso. Para o nosso paraíso. E você deve saber, destruiu isso para uma página raiz ou postagens de blog ou qualquer coisa semelhante. Você deveria ir com isso. Você vê aqui como é H1, H2, H3. Então, precisamos do primeiro parágrafo que temos aqui. O primeiro título a ser H1. Isso é ruim, a proposta DSU para estrutura derivada do nosso site. Então, bem-vindo ao nosso paraíso. Você pode escrever o que quiser para o estilo e vamos escolher o preto. E vou colocar antipatia. Temos até 18 talvez duas semanas, talvez. Não, vamos colocá-lo no 18. Bem-vindo ao nosso paraíso. E, em disco, vou editor de texto. E aqui temos textos simples e não vou mudar isso. A única coisa que eu quero fazer aqui é mudar o preenchimento. E eu quero cortar isso para ser um pouco então vamos dizer à esquerda, desculpe, certo. 15 e talvez 18. Sim. E temos quase um sob um somador. E então o que queremos fazer é ir. Enrole a parte inferior aqui. E agora a questão que temos aqui é: qual é o principal propulsivo nosso site a fazer? Queremos ter custos com livros, um clipe de custos. Pediu uma citação, olha, queremos ouvir ou ver sua galeria. Então eu, neste momento, quero ter aqui um fundo que haverá a principal chamada à ação aqui em que vai entrar em contato conosco. Entre em contato conosco. E eu quero deixar moldá-lo. Então, temos os atos e corrigimos eles. Vamos colocar isso no 18, então é um pouco maior para que possamos vê-lo bem. E então queremos, colocá-lo em letras maiúsculas. E 4, desculpe, para este tipo de arquivo limitado é sólido. E vamos escolher a mesma cor para a borda. E vamos usar, desculpe, e vamos usar para a guerra o raio, apenas um. Então, é da mesma forma que o nosso logotipo. Ele vai escolher, bem, mesmo que queiramos flores, talvez você comece a colorir mais para um livro. Vamos tê-lo assim. E agora vou para F e fãs, e vou para o posicionamento, e farei com inline. Então agora eu posso simplesmente duplicar a parte inferior. E o que vou fazer é escrever outra frase aqui e iremos, digamos, descobrir mais. Eu sei mais. E eu vou para o estilo, e farei. Agora, eu quero que a cor do texto esteja dentro que atua. E a cor aqui, pode ser branca, assim. E então temos em pairar, seremos o texto para ser branco. E então temos a cor de fundo para ser o axônio, a borda. Então você pode ver que é leveza e onde entrar em contato conosco. Vai passar o mouse para ser a cor do texto, os atos de cor. E essa cor, não deveríamos? Os pontos brancos como este. E talvez devêssemos mudar o lugar. Quatro são dois e talvez a média. Desculpe, vou mudar novamente os lugares para eles assim. Mas eu vou dizer que vou descobrir mais e estes são Fale Conosco. E neste fundo, irei avançar. E vou colocar uma carona. Digamos que 10, talvez 20. Parecia assim e agora temos espaço entre eles. Excelente, está muito bonito. Tudo bem, eu realmente gostei. E agora o que não usaríamos para encontrar algumas imagens que queríamos mostrar imediatamente aos nossos planos quando eles chegarem aqui. Então, vamos pegar a imagem daqui e colocá-la aqui. Isso é nebuloso? E nós vamos Apenas imagem e devemos fazer o upload. Mas antes de tudo, vamos encontrar alguns. Eu costumo usar Unsplash ou você também pode encontrar algo na biblioteca de imagens do Canva. Então, apenas vou procurar por decoração de flores. E vamos ver o que eles têm e o que eu gostaria de colocar. Talvez procuremos por decoração de flores de casamento, algo assim. E eu encontrei este, e vou baixá-lo na versão média. E também vou baixar este. Vou precisar de imagem, então vou baixar esta e verei o que será melhor para o meu design. E então eu virei aqui. Você sempre pode ir para um pequeno PNG e reduzir o tamanho de suas imagens é altamente recomendado. Mas eu gosto de dizer que a qualquer momento agora para você, você pode fazer isso. Então, vou fazer o upload deste novamente. Então, temos agora apenas um. Então, vamos inserir mídia. E podemos ver que é muito fraco. Mas vamos ao estilo. E, hum, k, agora podemos escolher o tamanho do dano. Então eu vou com 65. Certo, para mim. E o que eu quero fazer é voltar aqui e procurarei flores. Alguma história. Eu voltarei para Canva e voltarei para casa. E o que eu queria fazer é talvez novamente, ir para o tamanho do logotipo. E irei para elementos. E então vamos procurar por flores. E vamos encontrar um bom andar. Está parecendo bom, ficará bem em nosso site. E você vê os velhos tempos, leva tempo. Então, se isso for muito mais fácil, se você estiver fazendo o site para o cliente, então você pode pedir que eles forneçam detalhes desnecessários antigos para o site de imagens semelhantes, cópia. Todos são tipo de coisa ou você perderá tempo assim para tentar encontrar o estilo certo, o estilo certo e o design certo para seu site. Então, vamos ver, para os gráficos, perco o que eu gosto quando eu rolo para baixo. Então eu acho que vou parecer algo assim porque estamos fazendo uma flor para a criação. Então, acho que está bonito. Agora, o que é baixado? Uma erva daninha transparente, eles têm espaço, mas baixam. E eu voltarei aqui e quero aqui outra imagem aqui. E eu vou fazer o upload do meio. E agora vou inserir a mídia. E você pode ver o quão grande ele é. E irei para dentro e parecerei 35. E então, quando vamos ao vivo para uma defesa, podemos ir para a posição e o fim de semana, fazer posição absoluta, e então podemos agarrá-la e simplesmente colocá-la. Um vizinho, achamos que está parecendo bom. Então, vamos ver. Se o mais antigo se parece com alguma coisa, como nada. Vamos fazer isso um pequeno copo. E nós temos, então espaços em branco aqui. Então, quando vamos para a final e ganharmos muito, vejo você um momento para se parecer com isso. Certo. Apenas o detalhe, mas fazê-los assinar melhor. E vamos ver com essa imagem, eu queria ser assim. Ou talvez fosse assim. Certo? E vou deixar assim e verei se isso faz sentido. Então, para a primeira seção de cabeçalho, temos nossa seção de boas-vindas, que com H1. Então temos uma breve introdução e temos dois átomos que são o principal chamado à ação e o segundo call to action aqui. A próxima coisa que queremos fazer é colocar aqui nossos serviços. Então, o que queremos fazer é talvez vir aqui e vamos aos serviços. Simplesmente fácil demais, torne muito mais fácil. Uma flor. Nosso trabalho e podemos ver o que mais temos aqui, nossos serviços e eu irei inserir ds. Então, temos nossos serviços aqui. E devemos colocar um H2. E também aqui agora devemos mudar o primário e desejando voltar e colocá-lo como 66. E você pode ver que já temos ícones aqui, conteúdo, conteúdo. E daqui talvez possamos. Bom, vamos ver se temos farinha. Mas não temos flores. Se não tivermos ícones que podemos usar aqui, talvez se pesquisarmos ícones verdadeiros, encontraremos algo que se adequará aos nossos serviços que estamos fornecendo. Mas por agora, porque eu escolho usar a flor para a criação, não é razoável ter profundidade, algo assim. Então, vou deixá-lo como eles são e me ajustar. Digamos. E depois ganhar a curadoria, talvez ocorra. Curadoria. Eu não sei. E então vamos dizer uma declaração. Você conseguiria o que isso pode apontar aqui e o que eu quero fazer aqui é dois estilos. E para o ícone, vou escolher o ato, atuar na cor e no conteúdo, escolherei o primário e, em seguida, escolherei o texto e também mudarei para preto. E então eu voltarei e farei o mesmo para todos eles. Então, eles são exatamente os mesmos. E a partir daqui, como já mencionei, você pode fazer seus próprios ícones também no Canvas e baixá-los como arquivo SVG se você for um usuário profissional do Canva e enviá-los aqui. E também os ícones tocaram o bico do rural aqui no anfitrião. Então pense que vai, que tipo de olho ele vai usar para o seu design. Mas cérebro agora, porque já temos esse espaço em branco em todos os lugares aqui e aqui, o que queremos acrescentar algumas diferenças, eu gostaria de ir ao estilo e escolher a cor que éramos usando aqui para o rodapé. Mas o que eu quero fazer aqui é voltar aqui e eu quero reduzir a cor e deixá-la assim, como quase invisível. E está bonito. Acho que esse clique se eleva. O que eu gostaria de fazer agora aqui com esta imagem fica que eu gostaria de torná-la maior. Mas eu gostaria de reduzir aqui o espaço. Desculpe, mas eu gostaria reduzir aqui para o espaço na parte inferior, e digamos menos 50. E esta, esta imagem que virá aqui e talvez 100, eles 50. E quando vemos agora, está parecendo bom. Acho que talvez apenas 100. E voltaremos para um 100. E você pode jogar com esses números aqui e ver como ele está melhor. E como você pode fazer e como você gosta muito ou menos aqui. E eu acho que está bonito aqui. Excelente. Então a próxima coisa que queremos fazer aqui é, para outra seção. E esta seção, será quatro juros para cima. Então, agora, temos aqui os serviços, nossos serviços e aqui você também pode adicionar um link. Então, se alguém clicar nele, ele irá para os serviços e poderá ver serviços de barreira imediatamente. Ou você também pode adicionar outro botão aqui apenas para mostrar que você tem seus serviços lá. Mas agora vou adicionar aqui uma seção Sobre. E vamos voltar aqui e encontrar algo que nos sinta e apenas insira que o ar e não perder tanto tempo na tentativa de projetar que eu tenho o nosso. E o que eles gostariam de fazer é seguir esta seção. E vou inseri-lo e vou baixar uma imagem aqui. Então, primeiro virei aqui e escolheria uma imagem. E eu virei aqui e selecionarei minha imagem. Vamos descobrir aqui, vamos usar este, pois esse não quer fazer o upload. Vamos tentar descobrir aqui o disco. Agora vamos primeiro mudar a imagem. Carregue este. Então, está bonito aqui. E então temos sobre acompanhá-los. Precisamos colocar aqui h. árvore. Então 1, 2, então temos três, e então temos aqui primário. E podemos colocar o 45 está bem aqui. E temos aqui algum texto. Vou apenas chegar à cor preta e ao texto. E está olhando agora para o bom ou o banheiro aqui. Podemos usar barato por causa disso. Não posso copiar isso. Está na frente, mas realmente não importa. Vou copiar este e colarei isso aqui, e excluirei este. E o que vou fazer, vou ler mais com antecedência. Vou levantar isso 20 da esquerda. Para este arquivo, vou alterá-lo para estar cheio, assim. E passar o mouse para ir com a cor do texto e o branco não torna isso muito melhor. Eu acho que é excelente. Eu só queria fazer, só quero clicar nisso e avançar. E eu removeria essa equipe de pessoas de topo. E também vou desmarcar mesa e Porto de Boston. Vou remover esses 50, mas digamos 30. Agora, você pode ver que ele obtém a mesma linha com a imagem. Então, temos o espaço em branco certo aqui, temos espaço entre eles, e temos o texto aqui a cópia e a arma bem ali. Você não precisa fazer com que ele esteja bem ali. Talvez você tenha muito mais textos ou menos etapas. Não importa, apenas dê uma olhada nesses detalhes, então fica bonito lá. Agora, a próxima coisa que queremos fazer aqui é talvez fazer outra chamada à ação aqui. Então, o que eu quero fazer é voltar aqui e eu não vou marcar. Este não é um exemplo do que eu quero usar aqui é algo assim, este livro, eu vou mudá-lo. Vou apenas clicar, Inserir. E o que eu quero fazer aqui é fazer um box set e um 114 para ser o mesmo. E então vou avançar porque posso ver temos de cima e de baixo e isso é bom. Mas então o que eu quero fazer aqui é vamos ver. Sim, temos a profundidade 250 esquerda e a direita. O, e eu não quero que isso seja em três filas, então vou pegar isso e colocá-lo sob isso. Nossa história. Eu removerei esse texto e isso sobre a marca. Vou escrever algo como vamos escrever algo que vai anexar os olhos de nossos clientes. Então, digamos que talvez seja o seu casamento em breve. E vamos colocar um ponto de interrogação e eu removerei essa linha daqui. E este, vou deixá-lo em cada árvore. Não precisamos ir mais longe com isso. E então eles vão para o primário. E bom de novo, este e este texto aqui, vou apenas torná-lo preto. E com os fatos que estamos acostumados a usá-lo. E eu excluirei esta coluna. E para esta imagem aqui, vou apenas escolher as mesmas unidades porque não quero perder tempo na busca de imagens apenas para mostrar a ele como mudar a imagem. E, e vou novamente para os estilos e para dentro. E eu vou fazer isso assim no 16. E então nós voltaremos e novamente colocamos coisas é cor e talvez apenas pegá-lo daqui porque eu quero que seja apenas a cor do sexo. Então, não estou errado. E temos essas seções como cor branca, cor branca. E o que eu quero fazer aqui é ir para, uh, para ser honesto, e eu vou remover isso e talvez apenas colocar em um PLT. E aqui no 18 15. E assim, e o que eu gostaria de fazer é de novo, vou colocar o mesmo daqui. E eu vou colá-lo aqui. E assim. Diga, ok, preciso colocá-lo ou se o ar. E eu acho que está bonito. E a próxima coisa que podemos fazer aqui agora é talvez colocar alguma Galeria. Isso prejudica que nós somos meio de alguma coisa que ficaríamos molhados, digamos de algumas decorações de casamento e algo assim. Então, se formos ao portfólio, podemos encontrar algumas imagens que podemos usar aqui e como estruturar dados. E talvez eu use esse tipo de estilo, o mesmo acontece com a inserção. E aqui vou ao vivo checkout nosso, confira nosso trabalho de coloração de flores. E então eu voltarei e colocarei isso em preto, e isso voltará e colocará este x, e isso voltará e o colocará como primário. E basta clicar aqui apenas para voltar na posição certa. E aqui não parece bom, deixo assim. Então, esta é basicamente uma galeria. E a partir daqui você pode escolher que tipo de nem mesmo deveria estar aqui. Então, removerei todas as imagens pretas em negrito e aplicativo para a galeria e vou simplesmente, não consigo ligar mais seis vezes isso. Então insira na galeria. E um absoluto. Vamos descobrir mais duas imagens da morte são da mesma forma e provavelmente do mesmo tamanho. Ou vamos fazer para redimensioná-los para serem do mesmo tamanho. Então, talvez este, e eu vou baixá-lo agora tão pequeno quanto eles. Alguns problemas com meu site não querem fazer o upload agora. Talvez este. Ok, este aqui é Kim e eu vou fazer o upload. E depois volte para a galeria e Inserir galeria. E isso está bonito. Excelente. Talvez me deixe ver se este, eu vou colocá-lo um 114 só para que seja o mesmo site. E aqui na DMU 2, devemos colocar em call to action. Eu acho que ficará bom se colocarmos, vamos apenas duplicar isso e pegá-lo e colocá-lo para baixo. Dare faz porque eu gosto da cor e uso t quando a colocamos assim, está parecendo legal. Mas o que queremos fazer é talvez mudar, mudar essa imagem e eu vou colocar esta, oh, desculpe, é muito pequena. Eu acho. Este também, mas é K. E eu removerei todo o texto assim. E aqui em alguns textos que vai ser atraente. E novamente, agora aqui em outro fator que os levará ao lugar que você quer e talvez entre em contato conosco. E eu realmente não gosto dessa imagem aqui. Talvez eu possa colocar o maior. E novamente, este termo K, está parecendo melhor, mas eu gosto bem assim. Eu também talvez goste disso. Vamos ver como ele está parecendo. Não, não, não, não, não, não, não. Vamos colocar que não se sinta muito e de novo e de novo. Não. Não, eu não sei. Vou colocar este. Desculpe, mas a imagem está em 15, então vou colocá-la. E um 100, assim. E acho que é isso. Desculpe, este, ele deve ir apenas Darla superior. Assim mesmo. E se voltarmos para lá e vermos como tudo isso está parecendo. Então, temos nosso título com uma imagem mostrando o que estamos fazendo. Nós descobrimos mais em contato conosco. Esses dois são apenas esses são o principal call to action. Então estamos mostrando nossos serviços e depois o barco, a empresa. Novamente, estamos contando o que estamos fazendo aqui, explicando um pouco mais do que temos imagens que mostrarão nosso trabalho e somos, somos bons em nosso trabalho e o que estamos fazendo, o que estamos trabalhando nisso . E então temos outra chamada à ação pedindo que o cliente entre em contato conosco ou um loop de detalhes e qualquer outra coisa. E então temos o rodapé e acho que foi realmente infligindo muito bom. E agora que você sabe como uma página ela pode ser estrutura você pode ir para todas as outras páginas, como sobre a galeria de serviços de som, e apenas ir para Sobre fazer o cabeçalho. Digamos sobre nós e depois dia para baixo ou mostre mais sobre você. Conte-me mais sobre o TAM, mais sobre sua empresa. Por que você está fazendo? Faz mais tarde sobre você? Também faça o mesmo processo com serviço isso na galeria da mesma forma que a cor que você pode até abrir para as duas páginas e café é seção Scholars e colocá-la lá e apenas adicionar mais imagens. E então é bom se você olhou, puxa o veado mundial e faça a página de postagem do blog. E se você tiver postagens no blog, você também pode adicioná-las aqui no final em algum lugar. E você também pode fazer isso. Ou se for mais fácil para mim explicar a você como você pode fazer isso. Se você estiver usando o elemento ou o Pro, você pode simplesmente vir aqui. Há hoje em contato e você ouve ter o formulário que você pode usar, talvez o líder de alguns dos arquivos do formulário. Vou inseri-lo agora apenas para mostrar como você pode fazer o formulário de contato em sua página de contato. Se já não está claro para você como é fácil para os gays serem feitos. Quão fáceis dias, quatro dias para projetar um site com a Elementor. E todo esse tipo de coisa é que você precisa saber de que maneira você deve seguir. Você precisa ter a ferramenta certa para ter os ativos certos, como imagens, cópias, cores e o tipo mais antigo de coisas. E é muito mais fácil para você fazer isso. E a partir daqui, se você clicar nele, você pode ver o nome, você pode mudar a partir daqui. Você também pode alterar o ganho da coluna. Você pode, a partir daqui, você pode alterar o botão e, em seguida, temos ação após o envio. Por isso, coletamos envios e e-mails. Em seguida, coletamos o envio para envio. E vou te mostrar onde ele faz isso. E a partir daqui você pode alterar seu endereço de e-mail onde você gostaria de coletar para receber seu endereço de e-mail para as configurações e, do estilo, você pode alterar novamente o mesmo estilo se você não usar o Elementor Pro, faz aqui, procure por widget. E se você, quando você fizer a forma mais limpa, você também receberá um código curto e você pode vir aqui, procura por casaco de camisa adicionado aqui e apenas cole aqui para código curto que para mim jamais irá gerar isso para você e você terá o formulário imediatamente aqui. No Terminator, você também pode alterar as cores, os formulários que você está usando para corresponder à cor do aluguel. Então, agora que você sabe como um site pode ser estrutura e como você pode projetar todo o site. Você pode ir e fazer o mesmo processo com suas outras páginas, assim como você sabe, os fundamentos da UX e da UI. Basta ir em frente e fazer o resto das páginas. Vejo você na próxima lição. 11. Aula 10 — Template de postagens em blog: E não se esqueça de salvar todo o seu trabalho antes de sair das páginas. Então, só assim estou claro aqui, provavelmente já sei como você pode fazer isso, mas apenas clicando em publicar aqui e adicionar condição, você não deve salvá-lo em todos os singulares, mas faça a primeira página. Portanto, esta é a sua primeira página, ou se você for para as páginas, terá a chance de escolher. Você terá a chance de escolher qual fé procurar, como casa e depois salvar e fechar. Agora, se voltarmos nesta palestra, quero mostrar como você pode fazer a postagem do blog. Então, quando você está fazendo seu fluxo sanguíneo, então você vai postar na NYU e nós já temos esse mundo mantido. Adicionar novo. E aqui você vai ter seu título. Olá. E aqui você adicionará ou seu texto antigo. Mas se você fizer isso, cada postagem do blog será por padrão como a equipe, como é. Ou se você quiser, e editar com Elementor, você deve editar separadamente Cada um deles. É basicamente o mesmo se você tiver projetos. Como se você estivesse exibindo projetos diferentes e você e você usa alguma ferramenta como projetos aqui. Em seguida, você deve ir para modelos e, em seguida, ir para Adicionar novo. E a partir daqui selecione Único Post e bota de poeira, postagem única, basta dizer, você sabe, sobre o que se trata? E crie um modelo. E aqui imediatamente temos diferentes também. Formas de modelos para exibir e usar um IDE não serão usadas. E isso levará muito para o seu tempo mostrando como você pode fazer isso. Vou escolher apenas um modelo para usá-lo como minhas postagens no blog. E acho que vou com este. É porque eu acho que isso vai acompanhar isso precisa porque tem imagens para obter ajuda. E acho que vou com este. É porque ele tem texto e imagens nele. E como este site é sobre uma decoração de flores, qualquer coisa que vamos sair, provavelmente terá imagens mostrando, explicando o que estamos fazendo com isso. E também tem uma barra lateral. Vamos inseri-lo. No entanto, porque só temos o hello world, isso não importa. Então, aqui está o post, exceto que não precisamos ter tipo de texto. E temos o hello world. E este será o lugar onde o texto vai estar. Então, vou colocar o texto do link. Olá, mundo. Eu sou um, você pode ver que ele já é por padrão. E cada um eu vou estilizar e, em seguida, primário. Este aqui. Também vou escolher nossos atos sobre cores. E para os efeitos do tornozelo e do pé, novamente são atos de cor. E eu usarei o fixo para aqui. Além disso, você, o que você quer fazer é escolher texto e texto. E você pode ver aqui na barra lateral direita, você pode fazer upload de imagens ou códigos HTML para seus anúncios. Se você tiver alguns textos aqui, você pode usar as mídias sociais. Eles podem postar um comentário aqui ou você pode simplesmente remover. E eles não podem, eles não podem comentar em sua postagem. E prefiro excluir isso. E então você tem toupeira esporos polar se quiser. E tudo isso pode mudar para sua relação com suas fontes e cores padrão. Então, alguns, e o que é o meu gelo aqui e com elemento ou pro é que quando você parece se orgulhar assim, e você clica em Publicar, então, novamente, ele abre a guia condição e então nós vamos em condições, nem todos singulares, mas vamos para ambos e depois 0. E quando clicamos, Salvar e fechar. Agora, toda vez que publicamos novas pesquisas, todas elas terão a mesma aparência. Não importa o que coloquemos em um texto, ele será texto, será imagens, o lado onde quer que seja sempre o mesmo. O xerife sempre será o mesmo. Tudo seria sempre o mesmo. Esta é a principal coisa que é melhor aqui com o Elementor Pro uma coisa porque economiza muito do nosso tempo e nossa energia e muito trabalho que desligamos todos, em cada vez que estamos fazendo a mesma coisa. E isso será tudo porque isso prevê a seleção. Vamos para o próximo. 12. Aula 11 — SEO das páginas: Agora que nosso pH está pronto e quando você tem uma aparência mais sagrada puxa para baixo. Deixe-me mostrar como é fácil fazer seu SEO para o site, para o site. Então, agora precisamos, se você não estivesse fazendo sua página inicial para primeiras páginas e edite com Elementor feito quando você clicar em Editar com Elementor, ela será aberta. E se você clicar em casa, se você fizer como se eu estivesse fazendo, então você vai precisar ir para a página inicial única. A partir daqui. Nosso Rank Math para o plugin que estamos usando para o SEO. Provavelmente ainda não foi ativado. Vamos voltar e isso é atendido pelo psiquiatra. Então precisamos ir para a configuração reservada. E vamos começar o assistente. Precisamos analisar tudo esse blog pessoal na organização de esse blog pessoal sites de pequenas empresas. Você deveria ver tudo isso. Continue e vou apenas salvar e continuar. Percorre todas essas etapas e salva para que possamos usá-lo. E, em seguida, retorne ao painel. Ou, se você for mais avançado, então a partir daqui você também pode salvar alterações, alterar configurações e todo esse tipo de coisa. E agora, quando atualizamos a página, tudo bem, então, para que possamos usar isso em nossa página. Precisamos passar por nossas páginas e de lá para Abrir com Elementor para que possamos trabalhar com isso. Portanto, não podemos fazê-lo de dentro do elemento D ou do modelo de página única. Em seguida, o link aqui tem o SEL como você pode vê-lo. E para mim aqui podemos alterar o título, podemos alterar o link e podemos alterar a descrição. Uma empresa aqui não podemos focar a palavra-chave e nos dirá qual é a pontuação do nosso site. E a partir daqui ele fica vapor. Não foi encontrado na meta-descrição da DSU. E então temos manteiga para imagem com a palavra-chave focus e a imagem. Então, como vamos resolver isso é clicar nesta imagem, chegamos aqui e textos alternativos, mas diz, digamos que vamos dizer quente e inserir mídia. E agora, quando vamos aqui e ao nosso SEO, podemos ver isso agora. Espere, Não pegue nenhuma opção nossa imagem, vamos fazer com outra. Vamos escrever aqui a esperança. Insira mídia. Certo, vamos salvar o rascunho e atualizar isso. E quando voltarmos, vamos ver agora, sim, temos 90 é o núcleo, e agora temos a imagem como marca de seleção que fizemos isso M. Aqueles dias fáceis, como você pode fazer isso SKU do seu site t, Bem, quando você está fazendo seus próprios lábios, O of M site ou do site do seu cliente se eles lhe derem o conteúdo que você não deve esperar, oh, se preocupe demais com isso. Mas se você estiver fazendo o conteúdo, pense bem no que você vai escrever lá porque o mecanismo de busca do google deveria escolher você comprar as palavras certas para mostrar às pessoas certas. Portanto, tenha em mente quando estiver fazendo o SEO e tenha em mente quando estiver escrevendo o conteúdo para seu site ou para qualquer outro site. Você pode fazer isso o mesmo processo para a postagem do blog, mas você deve fazer isso na página de postagem do blog. Vamos voltar e simplesmente fazer uma pausa. E quando você clica em Editar, a partir daqui, você pode clicar aqui, diz Rank Math e você pode adicionar aqui. Olá. E isso lhe dirá aqui que você pode ver o que está errado, o que você está perdendo, o que você muda de dois para melhorar ou eles estão. Agora que você sabe como você pode fazer o SEO do seu site, vamos para a próxima lição. 13. Aula 12 — Passando a analisar análise, a notificação de cookies e plugins de cache: Ok, então como estamos quase no final disso, então S, estamos quase no final deste curso. Quero dizer que os plugins necessários que precisamos usar aqui são aqueles que baixamos o cookie. Observe que é porque todo site deve ter isso. Então, eles já têm por padrão esta mensagem, você pode clicar em OK ou alterar a palavra. Você também pode incluir o link da política de privacidade ou mudar para outra página. Você pode dar uma opção para recusar o pente, o conteúdo para não e habilitá-lo e, exceto expirar um mês, você pode optar por estar no cabeçalho ou rodapé. Eu sempre uso posicionamento de script de rodapé. E então temos animação D, temos o fundo e depois temos as cores aqui. Não sei se ainda tenho alguma cor aqui. Provavelmente não. Certo. Você pode alterar a cor do texto, a cor daqui. Agora não importa para mim mudar essa cor. É óbvio o que eu queria dizer. E não se esqueça de clicar em Salvar em outro time que eu quero passar por cima, e contorcer nela. Aqui. A partir daqui, você pode criar formulários, que podem criar pools e criar fóruns. É fácil. Você pode ir para Blend, pull requests, registro, registro de boletim informativo e entrar em contato conosco ou criar. Ou você tem opções diferentes. Então, é fácil ir lá para escolher. Você pode usar seus modelos ou digamos que a tag turn. E você já tem aqui o primeiro nome, e-mail, telefone e mensagem. Você pode instituir antes daqui, e você pode ver que somente essa assinatura está na versão pro. Você pode até receber pagamentos, listras ou pessoas, e é quase tudo de graça. A diferença dos outros plug-ins que temos pobres para conduzir fórum. Além disso, eles têm aqui os envios que você pode ver e você os receberá novamente em seu e-mail que você deixará o desafio nos envios sobre outra coisa que temos, já temos aqui, o captura clara. Se não o tivermos, devemos instalar um plugin. Como devemos instalar um plugin que o fará no trabalho para nós. Por que é e necessário para que tenhamos a captura clara. Porque às vezes fazemos algumas mudanças e talvez alguém esteja em nosso site, eles querem ver as mudanças. E então precisamos limpar para pegar. Então o site sabe que fizemos algumas mudanças e elas têm mudanças realmente sutis no público. E listar que perdemos aqui são os tópicos que precisamos ter. Cada eu acho que todos os sites devem tê-los. Eu pessoalmente uso servido para análise N6 e é fácil usá-los apenas instalar e ativar. E você deve ter seu Google Analytics configurado. E você apenas conectará isso, siga as etapas e você poderá conectar o Google Analytics. Então os andares são, essas são as principais coisas que precisamos para tê-los em nosso site porta do melhor site básico. Mas se você estiver usando o WooCommerce, digamos peer usando outros plug-ins, é muito mais profundo explicar. Então, se você quiser ver como WooCommerce funciona e o que podemos fazer com isso. Como podemos configurar uma loja, como podemos configurar o produto, envio de frete, entrega mais antigo tipo de parada. Por favor, me avise e vou tentar fazer outro curso para explicar tudo lá. Vejo você na próxima lição. 14. Parabéns: Parabéns por chegar ao final deste curso. Se você acompanhá-lo, tenho certeza de que você já está pronto para começar a projetar seu próprio site ou até mesmo um site para um cliente. Não pare de praticar e procurar inspiração. Se você quiser, você sempre pode me seguir e me DM nas mídias sociais se precisar de alguma ajuda no futuro. Mas também, será bom se nos tornarmos amigos e nos apoiarmos uns aos outros lá. Obrigado por escolher meu treinamento e ansioso pelo seu sucesso.