Como fazer um site Wordpress 2017 - Elementor Page Builder | Darrel Wilson | Skillshare

Velocidade de reprodução


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

Como fazer um site Wordpress 2017 - Elementor Page Builder

teacher avatar Darrel Wilson, Wordpress Designer, Digital Marketer

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

27 aulas (3 h 24 min)
    • 1. Boas-vindas no curso

      3:23
    • 2. Hospedagem

      5:53
    • 3. Tema e plug-

      3:34
    • 4. Como criar páginas

      3:05
    • 5. Página de casa 1

      11:01
    • 6. HomePage 2

      7:27
    • 7. Imagens e vídeo

      11:14
    • 8. Ícones e contrários e contadores

      14:10
    • 9. Telefone e caderno

      7:48
    • 10. Personalizador de temas

      10:38
    • 11. Quem somos

      10:23
    • 12. Sobre cerca 2

      5:16
    • 13. Quiz 11

      3:51
    • 14. Serviços1

      13:17
    • 15. Widgets e rodagem 1

      10:39
    • 16. Layouts1

      5:17
    • 17. Parallax1

      9:06
    • 18. Quiz 2

      4:22
    • 19. Contato

      13:43
    • 20. Blog

      12:31
    • 21. Quez3

      6:05
    • 22. Rodo do cliente

      9:29
    • 23. Otimização em celular

      6:50
    • 24. Pro versão

      3:00
    • 25. Seção de telefone

      7:48
    • 26. Tema e plug-

      3:34
    • 27. Terminação

      0:50
  • --
  • 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.

851

Estudantes

--

Projetos

Sobre este curso

Aprenda como criar um site do Wordpress incrível! Domine o Wordpress e a Construtor de páginas em Elemento!

Por que fazer este curso incrível?

  • Tenho mais de mais de 15.000,000 a minutos com mais de 4 visualizações Em 180 países.
  • Domine o WORDPRESs e Construtor de páginas em Elementor Guia completo para iniciantes
  • Use e MASTER o Construtor de página de Elementor de gratuitos
  • Sou UM RATED TOP AVALIADO na Udemy. Descubra por quê!!
  • Obtenha uma visual moderno e incrível para seu site que vai impressionar!
  • Aprenda com um profissional que cria sites para uma vida com mais de 30.000 visitas Learn
  • A MAIS ATUALIZAÇÃO e mais a MAIS ATUALIZa e a MAIS Dont Como se ocupar para conteúdo Dont
  • Obtenha um site totalmente responsivo e de celular
  • Mais de 15.0000 de de cada Mais de 4 milhões de visualizações Em 180 países.

Diferente de outras aula. Eu cubro a tudo ação. Não seja deixado no escuro com outras aulas que são apenas uma hora. Eu ajudo aos meus estudantes e garantir que eles são 100% de informação em todos os recursos do wordpress Essa aula é muito detalhada e vai fazer você entender totalmente como você pode criar seu site do de wordpress do zero como iniciante.

O que vou aprender com este curso?

  • Como configurar seu domínio e hospedagem
  • Crie sites de de modernos e a vista!
  • Crie páginas com Elementor e Wordpress
  • Crie layouts pré-feitos para clientes
  • Domine o Construtor de página de Elementor e até de começar seu próprio negócio!
  • Domine o Master de páginas grátis
  • Aprenda como usar A DRAGS e DRAGS e DROP, + BUILDER. de FÁCIL!
  • Domine o Wordpress de dom, de de a Crie seu próprio site de simples e fácil.

Conheça seu professor

Teacher Profile Image

Darrel Wilson

Wordpress Designer, Digital Marketer

Professor

 

Howdy All. Im here to help you all create amazing wordpress websites. A little about me, I graduated with a bachelors from Cal State Northridge and also Ashford attaining a bachelors degree. I quit my job to start my own web design business and now work as a wordpress designer and digital marketer. I continue to create free tutorials in digital marketing and wordpress tutorials. 

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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 no curso: Ei, todo mundo. Eu só quero ir em frente e agradecer por fazer o meu curso. Sabes, estás a caminho de te tornares um Web designer ou apenas um empreendedor. Queria aprender a dominar o WordPress como um iniciante completo ou apenas um proprietário de negócios regular apenas querendo criar seu próprio site. Agora, eu quero falar sobre o que você pode aprender neste curso e também o que você pode esperar dele Agora, . eu sou um dos instrutores mais bem avaliados em você para mim, e eu também sou conhecido pelo meu design. Pessoal, eu realmente enfatizo o design como tudo. De que adianta fazer um site se ninguém gosta dele? Certo. Então, neste curso, eu não vou apenas ensinar-lhe como dominar o WordPress e também dominar os capacetes ou jogador de página , mas eu vou mostrar-lhe como enfatizar o design em tudo. Agora, neste curso, você vai aprender tudo sobre WordPress regular como você usar todas as funções para WordPress e também como usar os elementos ou construtor de página, que é de longe o número um construtor de página livre agora mesmo no mercado. Então, vamos falar sobre como torná-lo sobre nós Page Services Page Page Page Page. Vamos falar mais sobre layouts pré-fabricados e o que primi permite realmente são. É basicamente uma página que já fez por você. Agora este jogador de página vai fazer todo o trabalho duro livre. Ele vai realmente criar sua própria página para você a partir do zero. Você não precisa fazer nada. Então este é um paginado e este é realmente será dado a você de graça. Você não tem que pagar por nada e eles têm vários layouts pré made gratuitos. Então, se você precisar de ajuda com inspiração e design, não se preocupe. Este rolo página tem muito para você. Eu também incluí testes neste curso e estes testes são projetados para tipo de ajudar você a pensar sobre diferentes estilos e também ajudá-lo a alcançar diferentes looks para o seu site . E também falaremos sobre o efeito de paralaxe. Este é um estilo muito novo que muitas armas estão fazendo. Então, você sabe, eu sou muito moderno. Eu ensino muitas tendências de estilo moderno em meus tutoriais. Eu não gosto de ensinar velhos temas ruins. Se você quer um tema ruim, se você quiser apenas site. Este não é o Taurel para você, então só estou avisando. Agora você vai fazer algo parecer realmente profissional e também muito fácil. Isso é tão fácil de aprender, pessoal , realmente é . Então, neste curso, vocês podem esperar aprender tudo isso. A única coisa que não vou cobrir, não vou cobrir o comércio. Vou cobrir isso em um tutorial separado. Mas, por enquanto, vamos aprender a usar o jogador de página. Vamos falar sobre como dominar o WordPress, como você pode construir sites para outras pessoas ou você mesmo a partir do zero. Então eu espero que isso, você sabe, para Tora realmente ajude vocês. Há muita coisa que vou cobrir. E eu realmente quero enfatizar que até lá é tutorial. Vocês serão capazes de dominar o WordPress, mas não apenas os caras do Mestre Wordpress. Você sabe, criar uma bela visão é tudo. Há tantos tutoriais na internet onde estão ensinando lixo às pessoas. Por que está ensinando a fazer esse site feio? Ninguém vai a ele. Não, eles vão comprá-lo. Certo. Então, pessoal, vocês estão no lugar certo. Apenas seja consistente com este tempo. Pode ser frustrante. Eu sei. Confie em mim. Eu tenho batido estradas tão dinheiro nos blocos da estrada, então eu sei como ele vai. Então, apenas seja consistente com este tutorial. E também, assistam tudo antes de me fazerem perguntas. Eu sinto que muitas das perguntas que as pessoas me fazem nas minhas palestras anteriores são de pessoas que simplesmente não assistem. Eles só assistem um vídeo por cinco minutos. Eles não vigiam o resto e depois me fazem um monte de perguntas. Eu disse: “ Irmão, está no vídeo.” Você só tem que ter cuidado, sabe? Então assista os vídeos, caras me estupram. Apropriadamente, há algo que eu sinto falta ou há algo que você queira falar. Por favor, sinta-se à vontade para me avisar que estou aqui para ajudar. OK, então vamos em frente agora e começar com o curso 2. Hospedagem: Tudo bem caras. Então a primeira coisa que vamos fazer é obter uma hospedagem e obter um domínio. Agora você também receberá um domínio gratuito com este site e você também receberá o maior desconto disponível para equipe ser hospedagem, que eles me deram para que eu possa dar aos meus alunos. Esta empresa também lhe dá hospedagem SST que é atualmente a hospedagem mais rápida disponível no mercado. Então vamos em frente e clique em Começar agora. Tudo bem, então temos o iniciante, o negócio e o profissional. Eu sempre recomendo o negócio porque com o negócio você obter sites ilimitados hospedados em vez de apenas um talvez na estrada. Quer fazer mais sites? Quem sabe? Eu não sei. Veremos o que acontece. Então ano certo eu estou para ir para se inscrever agora e ir em frente e entrar em seu domínio. Então eu vou colocar “Eu amo Kylo Ren “e ir para prosseguir. Esperemos que o novo filme de Star Wars seja bom. Chama-se um público desonesto. Assista amanhã para vermos como isso vai correr. Eu ouvi grandes coisas de sua Eu espero que o hype valha sua Tudo bem, Tudo bem, então parabéns bem aqui. Você vai em frente e colocar o seu primeiro nome. Seu sobrenome, toda essa informação legal aqui. Tudo bem. E depois aqui mesmo. Você pode pagar com um cartão de crédito, ou você pode pagar com PayPal já. Agora, a informação de compra aqui. Eles escolheram automaticamente o data center que está mais próximo de nós. Então não precisamos mexer com isso. E aqui temos um período. Então temos um mês, um mês ou 12 meses agora. Eu sempre recomendo 12 meses porque o código de cupom que eu vou te dar vai lhe dar um desconto maior se você se inscrever mais tempo. Então, aqui mesmo, vou decidir desmarcar a proteção de privacidade do domínio. Mas eu realmente recomendo isso. Isso basicamente esconde suas informações pessoais. Se alguém tentar, quem é você? Então você sabe, eu vou em frente. Deixe-o ligado. Aqui mesmo, sob o código promocional, você vai inserir Darryl 626. Esse é o meu CEP. Moro em Pasadena, Califórnia. Então, aqui mesmo, clique em aplicar. E o básico vai pagar apenas 86 dólares por todo o ano. Então você obtém um domínio grátis, e esse é o código de cupom máximo que este site tem para oferecer. E na verdade é muito, muito barato. Então você vai ter um site inteiro para um ano inteiro e domínio livre. Agora, se você não quiser proteção de privacidade de domínio, você pode ir em frente e desmarcar essa caixa e o preço cairá em US $10. Você estará apenas pagando US $76,45 ou você pode fazer mês para mês. Mas lembre-se, este é um desconto de 7% em todo o valor, então você faz mês a mês, você não vai economizar tanto. Mas lembre-se, esta empresa faz reembolsos, então, se por algum motivo você não estiver satisfeito, eles realmente lhe darão um reembolso total. Tudo bem, então uma vez que você terminar com toda essa informação aqui e todas essas coisas legais aqui , você vai em frente e clicar em check-out, e na verdade vai enviá-lo para o seu portal. E eu vou te encontrar aqui mesmo. Meu portal, porque eu tenho hospedagem com esta empresa também. Então eu vou em frente e logar. Tudo bem e você pode ter alguns pop ups. Sabes, pedir-te para comprares a casa deles ou o que quer que sejas, sabes, sabes, seja lá o que for. Eles estão tentando vender para você se você quiser comprá-los ou não. Mas, enquanto isso, vou em frente e clicar em, talvez mais tarde. Este é realmente um portal, Beta que eles têm acontecendo. Eles vão mudar o portal. Então, eu vou. Sim, talvez mais tarde já. Então temos que hospedagem em Vigata domínio. Tudo o que eles precisam fazer agora é instalar o WordPress, e é muito, muito simples de fazer. Então aqui, vamos rolar para baixo até o painel R C, fazer login e ir em frente e escolher suas contas de hospedagem. Então, aqui mesmo, vou entrar. Tudo bem. Então, bem-vindo ao seu painel C. Este é o seu painel C, e eles realmente o tornaram muito amigável, você sabe, antes, era um monte de pequenas palavras e tudo mais. E agora eles meio que, você sabe, eles têm, você sabe, mais moderno, mais moderno. Parece meio que bom. Então, tudo o que tenho a fazer aqui é ir em frente e rolar para baixo. Apenas continue rolando. Apenas continue rolando também. Bem aqui. Onde diz WordPress e WordPress é o que vamos usar para criar nosso site com . Na verdade, é o mais popular. Na verdade, acho que é 35% de todos os sites na Internet usam WordPress. Ela é muito louca. Isso é muito. Já é assim que todos vocês a fazer aqui é apenas clicar em instalar agora e bem aqui vai dizer para o protocolo, basta ir e deixar este padrão bem aqui. Vá em frente e certifique-se de selecionar seu domínio. Então o nome que comprou certifica-se de que está ali. Bem aqui no diretório. Certifique-se de que não há nada lá. Ok, eu repito, certifique-se de que não há nada lá ou que vão apenas insultar seu site. Dash WP que não é o que queremos para as configurações do seu site. Podemos mudar isso mais tarde no WordPress. Portanto, não é um problema tão grande aqui para o seu usuário administrativo. Vá em frente e crie um nome de usuário para você e, em seguida, crie uma senha. Então, você sabe, eu só vou deixar no administrador e passar por agora e ir em frente e colocar no seu e-mail o que você quer, você sabe, se você esqueceu a senha. Onde você quer que esse e-mail vá, etc. E vamos rolar para baixo. E também, se você fala línguas diferentes, este site irá acomodá-lo. Então eles têm um monte de idiomas diferentes que você pode selecionar. Eu só falo Inglês, então eu vou selecionar Inglês, e eu vou rolar para baixo aqui, e eu vou clicar em Instalar. E quando eu clicar sobre isso vai instalar WordPress no meu domínio. Ok, então vá em frente e clique em instalar. Está bem, então diz que leva cerca então diz que leva cercade 3 a 5 minutos, mas na verdade é muito mais rápido do que isso. 3 a 5 minutos, Lá vai você. Está feito. Eu fui bem rápido. Então lembre-se, nós temos nosso nome de usuário e senha, então o meu foi admin e, em seguida, passou. Agora precisamos ir em frente e clicar aqui, e isso vai realmente entrar em nossos sites. Então eu cliquei nisso. Muito bem e estamos logados no wordpress. Incrível. Então temos nossa hospedagem. Temos o nosso domínio e instalamos o wordpress. Parabéns a todos. Você está indo incrível. Então, na próxima seção vamos realmente instalar o tema e vamos realmente usar o construtor de páginas . Então, vejo vocês lá. 3. Tema e plug-: Muito bem, pessoal, pessoal, bem-vindos de volta. Então agora vamos instalar o tema WordPress e vamos adicionar o construtor de página . Então, aqui mesmo sob a aparência, vá para temas. Agora, como WordPress funciona é basicamente você instalar um tema em seu site. Agora, aqui você pode clicar em adicionar novo tema e estes são todos diferentes tipos de temas. É basicamente a estrutura do seu site, como ele se parece e a sensação dele, etc. Agora, cada um deles tem diferentes construtores de página. Ah, muitos deles têm diferentes estilos de personalização, etc. Então nós vamos realmente usar um tema muito bem avaliado chamado Gerar Imprensa. Aqui mesmo, sob a barra de pesquisa, você pode digitar , gera imprensa, gera imprensa, e vai ser este aqui. E você pode clicar em detalhes em pré-visualização e é muito altamente avaliado, você sabe, 309 comentários todos os cinco estrelas. Então, vamos estar usando um tema WordPress muito bom. Então aqui mesmo sob este botão de instalação vai clicar em instalar, e isso vai instalar o tema em nosso site WORDPRESS. Então esta é basicamente uma pequena prévia de como vai parecer. Mas é claro, não parece nada como é. Vai parecer muito melhor agora aqui. Vou clicar em ativar. Tudo bem. E vamos apenas dizer que você quer, você sabe, dar uma olhada. Confira seu site e veja como ele se parece. Você pode clicar no site de visita aqui mesmo. E este é o nosso novo site. Muito chato. Muito não bonita. Certo, mas não se preocupe, vamos fazer com que pareça incrível. Então aqui embaixo do nosso painel. Em seguida, vamos para plugins e vamos adicionar novo agora uma visão geral rápida de plugins. A melhor maneira que eu posso descrever plugins são como APS para o iPhone. É basicamente como APS para o seu site, como criar um fórum como criar um site de mídia social para clicar aqui no nosso popular. Vamos ter todos os tipos de diferentes. Quero dizer, há milhões de plugins e todos eles têm características diferentes. Isso aqui cria um formulário de contato. Isto aqui melhora a sua otimização no motor de busca. Isto aqui, cria uma captura. Há tantos ea melhor maneira como eu disse para descrevê-lo é que eles são apenas APS para o seu site WordPress, e eu poderia ir em e em frente com ela com golpes. Mas há mais de milhares deles aqui. Você pode ver que há milhares e há mais de 34 páginas. Tão rápido. Tudo o que vamos fazer é instalar o construtor de páginas e vamos estar usando um construtor de páginas grátis e é apenas chegar ao mercado e é muito, muito, muito bom. Então vai tipo em L.A mentor. L um mentor tão elemento ou e vai estar usando este construtor de página. Agora este peso acabou de sair, mas já está batendo blog de. Ele já está atingindo todos os tipos de sites por causa de sua facilidade de uso. É tão fácil de usar este construtor de página então vai clicar em instalar agora. Então está instalando. E estes também são plugins extras para este bowler página porque é ir. Está ficando tão popular que as pessoas estão criando plugins apenas para esses plugins. Oh, na verdade está se tornando muito, muito popular com o passar do tempo. Então, aqui, clique em ativar. Tudo bem, parabéns. Então nós instalamos o tema WordPress e adicionamos Elemental, que vamos usar isso para instalar nosso design nossas páginas agora. Como eu disse, é totalmente Dragon caiu. Pessoal, é super fácil de usar este construtor de páginas, e eu vou mostrar a vocês como fazer isso neste tutorial. Então, em seguida, vamos em frente e ir para a próxima seção onde vamos criar algumas páginas, então eu vou ver todos vocês lá. 4. Como criar páginas: Muito bem, pessoal, pessoal, bem-vindos de volta. Então, antes de começarmos a projetar o site, queremos sair e alterar algumas configurações e também criar algumas páginas agora, aqui mesmo em configurações, vamos até os links Perma. Agora, isso é muito importante para fazer em todos os sites de imprensa rodoviária. Agora você vê todas essas opções que temos aqui. Queremos alterar as configurações comuns para o nome da postagem. Agora, a razão pela qual fazemos isso é porque quando você vai a um site como a Amazon, você sabe, ele não diz Amazon Dot com Dash Shop Estupro, não Amazon Dot com Dash 2016-1 para Dash, etc. Então, com o vapor pós ele realmente ajuda a otimizar o seu site para a pesquisa é como Google e Yahoo. Então eu não sei se estar ainda por perto eu acho que ser ainda está por perto. Então sim, você quer fazer sob o nome do post e aqui, clique em salvar alterações. Agora, outra coisa que eu quero apontar é você aqui para os usuários e basta clicar em usuários e você vai ver seu pequeno perfil bem ali. E você pode realmente ir e fazer algumas mudanças, certo? Aqui. Sabe, você pode ficar um pouco declarativo. Qual usar para este tutorial? Meio que meia noite. Acho que é mais claro e o legislador é bom. E também, se você quiser alterar sua senha ou colocar seu e-mail, é aqui que você vai fazer isso. Então aqui, este é o seu e-mail. E também, digamos que você queira alterar sua senha. Então aqui você clica em gerar senha, e então você vai em frente e apenas colocar o que você gostaria e, em seguida, clique em atualizar perfil. Ok, então é basicamente assim que você muda sua senha. Então, vamos clicar em Atualizar perfil agora, e vamos adicionar algumas páginas em Então aqui embaixo de páginas. Ele vai clicar em páginas, e ele vem com uma página de exemplo, mas nós vamos em frente e elite que nós não queremos isso. Então eu vou lixar isso e nós vamos apenas para ir aqui e adicionar uma nova página como , você sabe, sobre casa. É exatamente o que estamos fazendo. Por isso, aqui mesmo, vamos para casa. Mas há algumas configurações que precisamos mudar antes de continuar agora isso funciona muito bem com elemental por causa de suas opções com o layout da barra lateral e o pé ou widgets . Então aqui você quer ter certeza de que ele diz conteúdo. Sem barras laterais. Queremos ter que widgets selecionados irá em frente e colocar talvez dois. Vamos falar sobre widgets quando terminarmos de projetar a página. Você quer ir em frente, faça isso cheio com. Porque hoje cada site é basicamente cheio com eu não acho que nenhum novo site tem mais recusado . E também queremos fazer o título do conteúdo. Então o continental, por exemplo, Nós não queremos dizer casa aqui na nossa página. Já diz “casa “bem aqui. Então não queremos dizer duas vezes, então é exatamente o que estamos fazendo. Então vamos tirar o título. Estamos fazendo a página cheia com, e não estamos adicionando nenhuma barra lateral. Ok, então você precisa ter certeza de que eles estão no lugar antes de projetar a página. Então eu não sou gon publicar e ele está criando a página. Lá vai você. Temos a nossa página. Foi totalmente criado. Se você quiser ver sua página, tudo o que você precisa fazer é clicar nas alterações de pré-visualização aqui, e ele só vai mostrar a página. Agora, é claro, a razão pela qual parece que isto é porque nós não colocamos nada sobre o Basia. Não há nada lá. Então é basicamente assim que projetamos a página inicial. Então, na próxima seção, pessoal, vamos começar a desenhar a página, então vamos usar L.A mentor, e vejo todos vocês lá. 5. Página de casa 1: Muito bem, pessoal, vamos começar a desenhar a nossa página. Então, aqui mesmo, vai clicar em editar com L um mentor e ele vai abrir uma página e, em seguida, a partir daqui, vamos começar a projetar nosso site. Então eu vou me referir a este site aqui, e vamos usar isso como um cara de referência para nos ajudar a entender como criamos essa página. Então, aqui mesmo, nós vamos realmente inserir um widget de texto. Então, bem aqui sob nosso editor de texto, tudo o que precisa fazer é simplesmente ir em frente e apenas pegar isso e, em seguida, apenas arrastá-lo para lá. Lá está ele. Então, na verdade, aqui. Eu quero realmente excluir tudo isso aqui, e eu quero apenas colocar em uma imagem. Tudo bem, então eu vou clicar no backspace e, em seguida, bem aqui sob Adam Media, nós vamos adicionar uma foto bem aqui. Então, aqui mesmo. Clique em selecionar arquivos. Agora, no slide anterior, vocês foram instruídos a baixar um pacote da minha caixa de depósito. Então vá em frente e baixe todas essas imagens e você pode usá-las como um guia de referência então eu estou realmente indo, você sabe, eu estou realmente indo para fazer upload de todas essas imagens agora apenas para me poupar algum tempo, e eu vou clique em abrir e, em seguida, eu estou realmente indo para baixar todos estes. Então eu vou postar vídeo por um segundo enquanto estes baixam. Muito bem, pessoal, pessoal, bem-vindos de volta. Então vamos em frente agora e entrar neste pequeno local aqui. Então nós vamos responder o logotipo elementar, e você pode querer colocar em seu logotipo também. E eu não tenho um logotipo. Não se preocupe. Vou mostrar-te como podes arranjar um. Muito, muito simplesmente. Então aqui. Quero dizer, clique em inserir na página. Agora vocês podem ver que é um pouco branco, e isso é só porque ainda não temos um fundo, mas não se preocupem. Vamos colocar em segundo plano. Então, bem ali, nós respondemos na imagem bem ali. Vocês não conseguem ver. Isso está tudo bem. Agora, aqui mesmo. Indo para clicar na seção. Então, como isso funciona, pessoal, é que esta seção vai realmente controlar a seção. A coluna controlará tudo na seção. Então, aqui mesmo na seção, vamos fazer isso cheio com. Então eu quero fazer isso completo com agora. Vocês podem ver que ele realmente se estendeu em toda a página. Agora, vamos apenas dizer que queremos ir em frente e adicionar uma imagem que você quer começar, você sabe, ter algo em segundo plano para fazer nosso site parecer bom. Então, aqui mesmo sob estilo, vá aqui para o clássico para o fundo. E agora aqui você pode ver a imagem. Agora também há cor. Há também um fundo, excessivamente uma fronteira, etc. Então, aqui mesmo, basta clicar nesta caixa de imagem, e eu vou ir em frente e adicionar uma imagem de fundo. Então nós colocamos esta imagem do cavalo e clique em inserir mídia. Tudo bem, então parece muito bom. Até agora, é um pouco pequeno, mas não se preocupe com isso. Então, depois de vocês terem feito isso, agora podemos ver o logo ali. Agora podemos ver algo certo. Então, clicando neste logotipo aqui. Digamos que quero centralizar isto. Digamos que eu queira mover este local para algum lugar onde eu quero que ele seja bem aqui sob estilo. Você vê o que diz Alinhamento vai clicar no centro. Lá vai você. Então agora a caixa ali está na seção central. Ok, então nós adicionamos nessa seção e a razão pela qual nós não podemos ver o resto das páginas porque nós não colocamos conteúdo suficiente, mas nós podemos realmente fazer isso completo com. Então aqui sob a seção de contorno, temos todas essas outras opções aqui. Temos uma lacuna na coluna. Temos alturas, e temos posição atual agora para alturas que podemos selecionar ajuste para a tela e realmente caberá nesta seção aqui de acordo com a nossa tela. Agora. Além disso, se você quiser mudar a altura dele, como a altura dos homens, podemos realmente definir a altura exata que queremos. Então, arrastando-o, você pode realmente obter o tipo exato de posição onde você gostaria que fosse para o seu site. Então, provavelmente estão saindo na 950 com a Alcoa e fechando isso. Tudo bem. Então já parece muito legal. Temos um logótipo no meio. Temos este belo passado. Vamos lá. E o conteúdo do Adam Seymour. Então, bem aqui, eu vou cozinhar sobre esses pequenos nove quadrados, e eu basicamente nos encaminhou de volta para nossos widgets. Então esse ar basicamente coisas que nós apenas arrastamos e soltamos caras em nossa página e nos ajuda a projetar algo. Então aqui, sob o título, eu vou em frente e pegar isso, e eu vou colocá-lo bem ali embaixo. Agora você pode ver bem aqui. Temos uma mensagem bem ali. Então Siart diz que este é um elemento de cabeçalho. Vá em frente e coloque o que quiser. Portanto, bem-vindo a este tutorial. Agora, você também pode alterar o tamanho. Então, aqui mesmo sob o tamanho, podemos selecionar pequeno. Você pode selecionar médio, podemos selecionar grande, extra grande ou extra grande. Vou deixá-lo em um extra grande e bem aqui estão os alinhamentos. Quero colocar o centro também. Então agora você pode ver que o texto agora está centrado. Então, indo aqui para o estilo, podemos mudar a cor do texto. Podemos mudar a fonte. Podemos mudar todo tipo de coisas. Então bem aqui na nossa topografia sendo clique sobre isso e aqui temos tamanho. Então aqui você pode realmente controlar o tamanho exato que deseja a página. Sinto muito, o texto para parecer, então eu vou apenas ir em frente e deixá-lo em talvez 60 pixels. Gostar ou se importar. Ou você poderia apenas fazer isso. Eu só vou fazer isso. Lá vai você. 60. E para a cor do texto, eu quero branco. Então aqui eu posso clicar no branco. Agora, você também pode obter efeitos diferentes. Então vamos dizer que você quer que exploda. Agora digamos que você queira reduzir a transparência. Então aqui esta segunda barra é a barra de transparência. Então, se eu pegar isso e arrastá-lo, você vai ver as letras meio que desaparecem porque está se tornando cada vez mais transparente. Agora, você poderia fazer isso para qualquer cor. E este bar aqui controla a escuridão da cor. Então eu quero que ele mais lido ou não quer que ele dura, leia mais, leia menos. Leia isto aqui irá reduzir a transparência, etc. Então eu não quero um branco. Quero que seja simples. Eu não vou deixar esse branco. Ok, agora também, você pode fazer outras coisas. Então, por exemplo, queremos mudar a transformação. Podemos ter tudo isso em maiúsculas, podemos ter todas minúsculas ou todas em maiúsculas. Agora, eu não gosto de fazer isso porque você não sabe, eu prefiro fazer isso sozinho. Sabe, eu não quero que eles digam todos eles. Em maiúsculas. Eu não gosto disso. Se eu quisesse uma certa maneira, eu faria. Certo. Então aqui temos família. Agora, esta é a fonte. Então é tipo de fonte que vocês querem para o seu texto? Eles têm centenas de fontes, geralmente fora para recomendar fontes fáceis do Google. Mas este plug in, eu acho que tem fundos suficientes para você. Então, como eu disse, poderíamos pegar qualquer coisa. Veja, você está aqui. Que é um fundo feio. Essa é uma fonte feia. Isso foi muito legal. Sabe, eu era bonitinho, mas um que eu realmente me apegar é Roboto. Há diferentes tipos de nossa garrafa. Eu acho que apenas roboto regular é bom ou garrafa condensa, na verdade, muito bom também. Mas eu só vou fazer robôs, ok? E também a espera. Então isso caminha para controlar o tamanho das fontes. Então, por exemplo, mas 300 você pode ver que agora é mais magro, então você pode ir em frente e mudar os pesos. Ou você pode torná-lo ousado para este estilo bem aqui. Podemos ter um itálico normal ou ali, aquele ali mesmo. Eu acho que é um sombrio. Então você sabe, um republicano talic. Deixe-o como padrão para aqui. Altura da linha. Vamos falar um pouco mais sobre linha alta e espaçamento entre linhas. Basear o vício basicamente só faz espaço entre as letras. Então, por exemplo, aqui vai ir em frente e dizer exatamente assim. Ok, então se você quer espaçamento de linha, você pode fazer isso. Agora, altura deitada é realmente boa para um monte de texto. Então eu vou falar sobre isso na próxima seção e também avançar. Falaremos mais sobre margem e tapinhas um pouco mais tarde, mas também quero falar sobre animação de entrada. Então, aqui mesmo. Se você clicar nisso, podemos realmente ir para, você sabe, você sabe, saltando para dentro e para a esquerda. Podemos mudar a animação, então se alguém visitar, a página vai ficar assim, e vocês também podem fazer isso para sua imagem. Você pode fazer isso para o seu ícone. Você pode fazer isso para qualquer widget, então aqui eu vou apenas ir em frente e dizer, Que tal rolar? Isso é fixe. Eu gosto disso. Isso pode bastar. Ou velocidade da luz. Tudo bem. Vamos deixá-lo à velocidade da luz. Na verdade, não, não, não. Estamos fazendo rolagem. Eu gosto disso um pouco mais. Está bem? E aqui vamos deixar a margem e tapinhas. Falaremos um pouco mais sobre margem e tapinhas um pouco mais tarde. E para cor de fundo, podemos ir em frente e alterar o backup. Mas eu não recomendo fazer isso porque isso realmente vai mudar a cor de fundo para esta seção específica, que eu não recomendo. Mas só por causa do tutorial, vou mostrar-lhe como é. Tão clássico que podemos ir em frente e mudar a cor aqui. Então você vê como ele está mudando a cor da cor de fundo. Agora, lembre-se, ele só vai fazer isso para esta seção específica. Está bem? Então eu não recomendo, mas algumas pessoas adoram, sabe? Então gostaríamos do jeito que parece. Eu não sei. Mas só para propósitos totais, vou em frente e deixar claro que não queremos isso. Tudo bem, então agora vamos em frente e inserir este outro widget de texto aqui. Certo, voltando aqui, clique nisso e vá ao editor de texto. E também vai fazer caras é apenas pegar este editor de texto e apenas arrastá-lo para baixo. Agora, você vê onde essa pequena linha aparece. É aí que a mensagem vai aparecer. Então eu vou em frente e largar isso. E lá vai você. Temos SMS, e está tudo bem aqui. Agora vou ao meu famoso site. Este é um site secreto que eu vou a Lots. Não conte a ninguém sobre isso. É um texto fictício, e é basicamente um texto fictício. E é apenas texto para preencher a página para fazer com que pareça terminada. Você pode dizer isso. Vou copiar isto e depois voltar para cá e vou voltar para trás e colocar isto lá dentro. Tudo bem? Agora, aqui, sob estilo. Vamos alinhá-lo, e vamos adicionar alguma cor de texto a ele. Certo, aposto que está se perguntando, Darryl. aposto que está se perguntando, Eu não quero que ele se espalhe por toda a página assim. Não parece bom e concordo totalmente. Então vamos em frente e mudar isso. Mas primeiro, vamos continuar falando sobre algumas das configurações em que podemos alterá-lo. Então, sob o conteúdo, nós temos isso bem ali sob o estilo. Podemos clicar na topografia aqui. E, você sabe, nós podemos ir em frente e mudar o tamanho. Podemos mudar os pesos. Todas as mesmas opções que tivemos lembre-se, isso vai ser muito consistente com um monte de módulos porque muitos dos módulos funcionarão da mesma forma, e eles vão olhar o mesmo para um monte de tipos diferentes. Então, se você se deparar como quando falamos sobre o widget ícone, ele vai ser muito parecido com isso. Então, uma vez que você tipo de aprendê-lo para um widget, você tipo de aprendê-lo para todos os widgets. E estes são muito auto-explicativos. Eu realmente não sei como te dizer como mudar a cor, certo? Como se isso fosse basicamente como você faz, sabe, e aqui sob avançado, mesma coisa. Podemos ter algumas configurações de margem aqui. Podemos mudar a marcha. O “eu sinto muito”. A animação de interesse, etc. Simplesmente assim. Ok, então isso parece muito legal. 6. HomePage 2: Então vamos em frente e colocar o texto neste centro. Agora, há duas maneiras de fazer isso. Vou mostrar-vos os dois caminhos aqui, debaixo desta secção, bem aqui. Vá e clique na seção e aqui, bem aqui. Diz que contentamos com que podemos fazer esta caixa. Então, fazendo isso, estamos tipo de boxe no texto. Viu como eu fiz isso? Então agora o texto está nesta pequena seção aqui. Agora há outra maneira de fazer isso alterando o preenchimento para essa seção. Então eu vou até aqui e nos levar de volta ao máximo com eu vou clicar neste pequeno módulo de texto e ir para avançado agora sob preenchimento bem aqui. Vamos nos certificar de que isso está desmarcado e queremos abrir espaço para a esquerda e para a direita. Então aqui podemos clicar em talvez como vamos colocar 500. Agora, vocês podem ver que o preenchimento aqui é de 500 pixels e sempre necessário para isso para o lado esquerdo. Então deixou 500 ou, você sabe, onde quer que você esteja tentando posicioná-lo. Então eu vou colocar talvez 600 e então este pode ser, você sabe, 600 por 500 ou o que você está tentando realizar. Essa é outra maneira que você pode basicamente controlar onde você quer que o Texas esteja especificamente. Então é aí que a palmada vem em uma peça. Mas vamos encontrar melhores razões para bater um pouco mais tarde quando falamos sobre ícones e fundos, etc. ícones e fundos, Então, por enquanto, eu vou clicar na seção, e nós vamos apenas para a, hum, qual é a seção de conteúdo aqui? E eu ia ser encaixotado assim. Acho que isto é muito mais limpo. Parece mais fácil. E este é o preferido. Agora, vamos em frente e adicionar um botão. Então, aqui mesmo, vamos pegar este pequeno ícone de botão e apenas um grupo tentando ficar bem ali embaixo . E lá vai você. Temos um botão. Então estamos em uma posição basicamente isso e eu amo essa coisa. Alinhamento centrado parece perfeito. Agora, bem aqui, poderíamos ter tipos como informações. Agora tudo isso realmente faz é mudar a cor. Isto é como um atalho. Então eu ouço sucesso. Eles estão basicamente dizendo que segredos como essas cores representam, você sabe, perigo ou etc. E você sabe que está provado. Você sabe, muitas pessoas olham para certas cores no site como vermelho, você sabe, já se afastam dele. Não clique nesse site. Isso é basicamente o que eles fizeram. Agora você Nós contém o texto aqui. Então eu vou entrar em contato conosco e ligar. Então, para onde quer que esse link vá? Então lembre-se quando fazer isso sempre começa com um CTP então um CPP zero Wilson Dot com e que tamanho você quer isso? Bem, eu quero que seja médio. Eu quero grande ou extra grande. Vou deixar como médium, por enquanto. E aqui sob estilo. Sinto muito pelo Icon. Podemos selecionar um ícone específico. E caras, eles têm centenas de ícones que podemos escolher. Então, por exemplo, digamos que coloquei algo como esse Gears. Você vai ver as engrenagens aparecerem bem ao lado do ícone. E também podemos alterar o espaçamento dos ícones também. Você vê como o ícone está longe do texto Podemos mudar isso. Agora. Também podemos decidir se você quer isso antes ou depois. Então agora a engrenagem está atrás do texto, ou podemos tê-lo antes. Ok, agora, eu provavelmente vou colocar algo assim. G O que é isso? G D? Isso parece muito legal. Vamos deixar isso. Isso é bom. Eu gosto disso. Então aqui vai dis style. E podemos mudar a cor do texto. Então, por exemplo, se você quiser mudar a cor do texto, é aqui que você gostaria de fazê-lo, ok? E bundas e pairar sobre. Então, quando alguém paira sobre o botão, o que você quer mostrar? Então, digamos, por exemplo, que eu queira texto rosa ou o que é isso? Sim, bem, faça algo muito óbvio, como este texto rosa. E então vamos realmente ter a cor de fundo para ser verde. Então lembre-se quando eu passar o mouse sobre este botão, a cor de fundo vai mudar para verde, e o texto agora é rosa. Você vê isso? Então você quer aquele olhar quando alguém paira sobre ele? É assim que se faz. Está bem. E, claro, aqui podemos mudar o botão tão rapidamente sobre o raio do botão. Vou falar sobre isso. Mas aqui você contém a cor de fundo do botão. Você também pode mudar as fontes Agora, Lembre-se mais cedo como falamos sobre a família, o peso, tudo isso etc. Estas são as mesmas opções exactas para os tipos do módulo de texto. Então de agora em diante, fora do resto do tutorial, eu realmente não vou cobrir tudo isso novamente porque neste ponto é muito redundante para tal tamanho, etc. Então, você sabe, agora, espero que você entenda o que tudo isso significa. Como as fontes, os pesos, a transformação e o estilo. Está bem. E também as alturas das linhas e o espaçamento das linhas. Ok, então vamos até aqui para o tipo de fronteira. Agora podemos tê-lo como um sólido. Podemos tê-lo como um duplo, ou podemos tê-lo como pontilhado. Ok, agora o que é é a cor da borda no contorno. Então aqui, vamos colocar como um com vontade, colocar como cinco. Você vê como eu coloquei um com agora ele é pontilhado agora é dobrado. Agora está arrojado, etc. Então eu vou deixá-lo como sólido, como um sólido bem ali. E também o raio do botão aqui. Quanto maior você tiver isso, mais redondo será. Então vamos colocar isso em 100. Você vê como ele agora é arredondado em 100, mas é apenas um put 50. É um pouco mais leve, você sabe, mas isso é basicamente o que o raio da fronteira faz. Então, se você quisesse ter, como um raio em torno desses pequenos ícones, isso é o que é quatro, ok, e também o preenchimento de texto que eu não recomendaria fazer. Isso é porque parece um pouco estranho, mas você pode ter o estofamento longe disso. Então talvez, você sabe que sempre há um uso para alguma coisa, pessoal. Talvez você possa ter três caixas gigantes. Sabe, há sempre um uso específico para cada opção. É só o que você queria que ficasse bem. E, claro, o ônibus que paira sobre. E também podemos ter uma animação para isso. Você sabe que você pode ter uma animação para passar o mouse sobre para que possamos ter como, um batimento cardíaco bem ali ou etcetera e abaixo do avançado bem aqui é a margem. Então, por exemplo, digamos que eu queira mover esse botão para a direita? Digamos que quero pedir 500. Digamos que eu quero isso, você sabe, eu quero o topo por perto, como, você sabe, uh, algo assim aqui. Vamos apenas fazer o topo como 100. Então, basicamente, o que ele está fazendo é empurrar uma margem de 100 pixels do botão do topo. Então é isso que basicamente a margem faz. E também o estofamento se lembra de dar tapinhas no seu espaço justo. Ok, então aqui, eu quero criar algum espaço. Vou colocar 300 pixels, e vai criar 300 pixels de espaço bem aqui. Está bem. E também aqui, a cor da borda de fundo. Podemos mudar o raio. Be contém um plano de fundo. Você pode realmente ter uma cor de fundo para isso. Bem aqui. Então você pode ter uma imagem de fundo para o seu botão ou você pode ter. Como eu disse, são as mesmas opções de antes. Então, aqui na sombra da caixa dela. Eu não acho que caixa, vai funcionar para esta seção. Então, o que uma sombra de caixa faz. Pessoal, ele cria essa sombra sobre esta seção, mas vamos usar isso quando falarmos mais sobre ícones. Então, para esta seção, não é muito bom mostrar-lhe Há um monte de boas razões para usar a sombra de caixa. É uma característica muito, muito legal. Fora isso, pessoal, pessoal, é basicamente assim que criamos nossa página inicial. Nós basicamente criamos o logotipo, o texto, um pouco de textos extras e o botão. Então agora nós vamos realmente mudar para baixo aqui, e vamos criar esta seção aqui, então eu vou falar mais sobre, você sabe, mais texto. Eu vou falar sobre divisores e vamos falar sobre o modelo de imagem na próxima seção, então eu vou ver todos vocês lá. 7. Imagens e vídeo: Muito bem, pessoal, pessoal, bem-vindos de volta. Então nós vamos adicionar em uma nova seção aqui. Então nós vamos realmente usar alguns widgets diferentes. Então aqui primeiro que vai colocar no nosso título. Então eu vou pegar esse título e colocar essa caixa aqui. Então aqui, eu vou dar as boas-vindas a este tutorial, e eu vou centralizar isso. E para o tamanho, é claro, podemos colocar o tamanho médio. Podemos colocar grande. Quero um extra grande aqui. Ok. Agora, para o estilo, eu quero mudar a cor do texto para talvez algo como preto, e eu meio que quero empurrá-lo para baixo um pouco. Você sabe, esta seção bem aqui. Quero um pouco de espaço aqui. Então vamos fazer isso. A seção de avanço está bem aqui embaixo do topo? Bem aqui. Clique nesta coisa aqui. Então, o que isso faz? Basicamente, se você deixá-lo ligado, ele vai aplicá-lo a todas as seções. Então ele vai colocar o fundo bem aqui para a esquerda e para a direita. Mas eu só quero isso para o topo bem aqui. então eu realmente não quero isso. Então, bem aqui, backspace. Este clique neste pequeno link aqui. E eu só queria o topo, então essa é uma boa razão para você querer usar a margem. Eu sei que na página inicial, não havia muitos bons usos para isso. Mas como este editorial vai, pessoal, vou dar-vos bons cenários para tudo. Ok, então eu tenho o título bem aqui. Agora eu quero adicionar um divisor. Eu quero adicionar um pouco de estilo, então aqui mesmo sob divisória. Eu quero pegar isso e eu quero apenas arrastá-lo para baixo disso aqui, ok? E bem aqui, isso é basicamente criar espaço. Agora podemos criar um monte de espaço ou podemos fazer um pouco de espaço, mas eu quero usar isso apenas para design. Eu realmente não me importo com a lacuna aqui ou com o que ela pode fazer. Eu quero apenas usá-lo para o design, então eu estou realmente indo para reduzir a lacuna todo o caminho, e eu quero fazer isso centrado. Então agora ele está centrado aqui, e eu quero reduzir o com. Então você vê como a linha é uma espécie de redução também. Então eu vou basicamente fazer isso exatamente assim. Então isso é basicamente ele está apenas criando, projetado para um site. Isso é tudo o que eu realmente quero que isso faça. E aqui começa a mudança. Está pontilhada. Podemos mudá-lo como escondido, etc. Mas, por enquanto, não vou deixar assim. E também o peso que eu posso fazer isso maior. E também posso mudar a cor, etc. OK, então é isso que o divisor é basicamente em poucas palavras. Então, em seguida, eu quero adicionar em uma nova seção aqui. Eu quero adicionar mais alguns técnicos e eu também quero adicionar um widget. Então aqui, eu vou clicar neste pequeno ícone e vamos ao editor de texto e eu quero fazer uma nova seção aqui. Então bem aqui, eu vou colocar algo como, hum, eu vou em frente e colocar em algum texto falso, e eu iria e ritmo para dentro e para o estilo, eu quero isso centrado. Agora vocês podem ver que o texto está centrado e não parece bom. E aqui mesmo, podemos fazer outra coisa. Então, em vez de criar uma nova seção, podemos realmente inserir outra coluna. Tudo bem, então bem aqui, sob esses pequenos ícones, podemos pegar isso aqui e depois arrastá-lo aqui. Então agora você vê como criamos colunas nesta seção. Você vê isso? Agora? Eu só quero um. Eu só quero colocar uma imagem, então precisamos de um delete uma. Agora. Ao fazer isso, você tem que ter muito cuidado. Não vá para a seção e vá para excluir, porque ele excluirá tudo. Ok. Você quer ir para a coluna aqui e clique em excluir. Ok. Então, quando eu clicar em remover, Sim. Agora só temos uma coluna. Então aqui, eu quero colocá-lo na imagem, e você pode colocar em qualquer imagem que você gostaria, mas bem aqui, eu vou para imagem bem aqui, e então apenas arraste isso para baixo, e Bem aqui, vamos em frente e colocar uma imagem. Então, bem aqui, vou clicar na imagem e simplesmente pegar uma imagem que eu enviei. Então aqui, sabe, há muito quando podemos usar. Podemos usar esses telefones, sabe, podemos usar tudo. É basicamente por isso que te dei acesso a tudo isto aqui. Mas vou em frente e usar este aqui, e vou responder à mídia. E lá vai você. Então nós temos, você sabe, essa pequena seção falando sobre isso, e nós temos essa grande, bela imagem, ok? E, claro, podemos mudar o tamanho da imagem para médio, podemos mudá-la para, você sabe, grande, totalmente personalizado, o que você quiser. Mas eu vou em frente e deixá-lo grande. Também podemos alterar os alinhamentos. Agora, a razão pela qual ele não se estende pela página como antes é porque ele está nesta seção específica. Então não pode ficar sem ele. Não posso sair disso. Entende o que estou dizendo? Então, vou deixá-la centrada. Agora você vê o que tem ligado a nós podemos fazer um mural personalizado. Então o que isso significa é, digamos que alguém queira clicar nesta imagem. Para onde quer levá-los? Podemos colocar um link aqui. E se alguém clicar nesta imagem, vai levá-los até lá. Certo, voltando aqui para nada e podemos colocar uma legenda como imagem ou algo assim , mas eu pessoalmente não recomendo fazer. Isso é porque eu acho que isso é um pouco da velha guarda. Mas, claro, sempre há uma boa razão para tudo. Mas eu não vou usá-lo para isso e o estilo que podemos mudar o tamanho dele. E a opacidade é, bem, podemos ter ah, pairar animação para ele. Então alguém paira sobre ele, ele encolhe. Veja isso bem legal. Muito legal. Então provavelmente colocar algo como puxar psiquiatra. Isso é muito legal. Então você pode passar por algumas dessas opções. Você sabe, estes são basicamente um pouco redundantes e bem aqui sob a legenda. Se você decidir ter a legenda, é claro que você pode editar a legenda também, mas nós realmente desativamos a legenda aqui. Nós não temos nada aqui e a configuração avançada, mesma coisa bla Estes não vai funcionar porque está dentro desta caixa. Então, queremos esticá-lo por toda a página aqui ou colocar muita margem. Não vai funcionar porque é um dentro desta caixa. Certo, voltando para cá, assim como esta seção. Pessoal, basicamente criamos essa seção simples. Muito, muito simples, muito fácil. Agora, vamos em frente e adicionar neste bar bem aqui. Vamos em frente e adicionar neste bar muito legal. Voltando aqui, vamos clicar em adicionar uma nova seção. Agora há estilos diferentes. E quando falamos sobre os serviços, estaremos usando a maioria deles. Certo, então, por enquanto, vamos usar este aqui e aqui embaixo do peitoril. Estes pequenos ícones só iam pegar o widget de cabeçalho. E aqui podemos preservar isso. Algo como, hum, você sabe, este é o nosso trabalho recente, e eu quero centrar isso agora. O tamanho que eu vou colocá-lo como grande. Talvez extra grande. Agora, também, eu quero esticar isso em toda a página. Eu não quero, você sabe, você sabe, ter esta seção de coluna. Então, bem aqui sob a seção eu vou ir até aqui dedo para com tudo certo e sob a posição de conteúdo que eu queria no meio, então o que isso faz é basicamente você vê como nós temos o esboço aqui, como o conteúdo está agora no no meio desta seção. É isso que a posição do conteúdo faz. Mas digamos que eu queira adicionar uma cor de fundo a isso. Vamos criar como um divisor, espécie de ah ah ah, divisor criativo. Então, aqui mesmo sob o botão estilo, vamos para o clássico e podemos mudar de cor. E isso ele queria preto. Então agora você pode ver que nós temos esta seção aqui onde agora é preto, e vamos falar mais sobre este outro aqui, que é um vídeo de fundo. Digamos, por exemplo, que você queira um vídeo de fundo, vou falar sobre isso agora na próxima seção. Mas por aqui, vamos usar essa seção específica aqui. Ok, então é basicamente isso. E eu também quero adicionar uma divisória por baixo disso, então eu meio que quero carregar este pequeno divisor em todos os lugares que eu vou no site, eu meio que quero torná-lo um pouco repetitivo para tipo de trazer o estilo e o núcleo para o site. Então, na verdade, eu vou até aqui e colocar isso como branco. Agora, aqui sob os ícones, eu quero pegar o divisor, e eu vou apenas ir em frente e apenas arrastá-lo para baixo. Tudo bem? Então você vê o divisor bem aqui. Vou alinhar isto ao centro. Não vamos colocar nenhuma lacuna. E também, eu quero aumentar o peso um pouco, ok? E para alívio sólido, está lá e depois para a cor. Quero deixá-la branca. E para avançado. Podemos ir em frente e provavelmente deixar tudo igual. Mas eu quero mudar o com aqui mesmo. Então com nós vamos torná-lo um pouco mais perto assim para a cor, nós vamos em frente e deixá-lo como branco. Tudo bem, então isso parece muito legal. Já parece bom. Então, a próxima seção eu também quero apresentar a todos os vídeos. Então vamos apenas dizer que você quer um fundo de vídeo. Eu sei que metade de vocês está provavelmente super animado com vídeos. Podemos ter esta seção como um vídeo. Então aqui, sob a seção, podemos ir para avançado. Agora. Acho que está sob estilo. Está sob estilo. E isso vai realmente reproduzir qualquer vídeo do YouTube que você tem. Então eu vou para o meu canal bem aqui. Estou indo para o meu canal bem aqui no YouTube. E eu vou apenas ir em frente e pegar em algo como, uh, bem, descrevendo este, uh, este produto vai comércio. Tutorial vintage? Na verdade, não. Acho que a melhor coisa a fazer é ir para quatro K. Fourcade Nature. Essa é realmente uma boa escolha. Então eu vou pegar talvez algo assim aqui. Vou copiar este link. Oh, eu odeio esse cara. Ele é tão irritante, tão irritante. Você só gosta de celebridades que te reivindica. Está tudo bem? Então, aqui mesmo sob a discórdia de vídeo e clique em colar. Tudo bem, Agora você vê como o vídeo começa a jogar em segundo plano. Então vamos realmente fazer isso um pouco maior. Então aqui embaixo da seção. Tudo bem, aqui. Nós podemos realmente controlar o tamanho disso. Então, sob o avançado, vamos apenas dizer que queríamos, como você sabe, 500 por 500. Então agora você pode ver que temos esse lindo vídeo aqui, e ele está tocando, então essa é uma maneira muito legal. Vou fechar isto aqui mesmo. Só está mostrando isso por causa do tamanho do vídeo e do cara nas anotações, então podemos fazer um pouco menor, você sabe, de 200. Então você quer algo assim aqui? É assim que você conseguiria o visual. E como eu disse, isso vai tocar em segundo plano. Parece muito bom. Parece muito, muito profissional. Mas, por enquanto, vou em frente e deixá-la como uma cor clássica. E eu só vou mudar a altura de volta para, uh, nós vamos sair como zero aqui mesmo. Ok? Tudo bem. Então essa foi a seção um pouco sobre vídeos um pouco sobre, um, um, você sabe, o divisor e tudo mais. Lembra-se de algum vídeo que queira reproduzir em segundo plano? Sempre precisa fazer é ir para a seção de qualquer seção e basta ir para o estilo e vídeo de fundo , e você pode simplesmente ritmo lá e ele vai reproduzir qualquer vídeo que você quer no fundo de onde você quer que ele seja. Ok, então é isso para os caras da seção. Vamos em frente. e falar sobre como fazemos algumas imagens realmente bonitas e como podemos reduzir as lacunas assim como fizemos neste site aqui. Então eu vou ver todos vocês lá. 8. Ícones e contrários e contadores: Muito bem, pessoal, pessoal, bem-vindos de volta. Então vamos entrar e adicionar algumas imagens agora e ter um efeito muito legal, como fizemos antes. Então aqui embaixo do ah, adicione uma nova seção. Queremos clicar sobre isso, e queremos realmente configurá-lo para esta linha quatro aqui. Então temos quatro espaços para imagens. Certo, agora, vamos inserir as imagens. Então, bem aqui, sob a imagem. Eu só vou arrastar isso. Escolha a imagem aqui, e eu vou selecionar esta aqui também como esta. Insira uma mídia e, em seguida, bem aqui, eu vou apenas ir em frente e clicar sobre isso. Adicionando outro respondeu a imagem, os sites para essas imagens, By the way, caras são 5 70 por 5 70 Mas desde que vocês Condell facilidade, vocês provavelmente já podem ver por si mesmo. Desculpe. Aqui à imagem dela. Basta arrastá-lo para cá. Escolha a imagem e este use este aqui. E então, para a última, vamos pegar esta imagem, arrastá-la, escolher a imagem, e eu vou em frente e selecionar esta aqui. Tudo bem, então nós temos quatro imagens agora, então nós precisamos basicamente fazer isso completo com, e nós precisamos reduzir a lacuna, então vamos fazer isso. Então aqui, sob a seção, vamos pegar essa seção aqui, e vamos fazer isso cheio com. Tudo bem, então agora temos a seção completa aqui. Então agora está cheio. Agora ouço ou vejo as lacunas da coluna dele. Agora você pode escolher a lacuna que ele gostaria. Podemos ter uma lacuna maior. Podemos ter uma grande lacuna, pode ter se estendido. Vamos ter uma lacuna muito estreita, ou não podemos ter nenhuma lacuna. Então agora você pode ver que as imagens estão todas alinhadas muito bem. E neste momento, não há necessidade de fazermos mais nada. Então, você quer isso? Olha, é assim que você consegue. Agora eu quero basicamente pegar esta seção aqui, e eu quero fechá-la atrás desta seção. Agora há um atalho para fazer isso. Os caras não precisam fazer uma nova seção de novo. Podemos duplicar Rose. Então, por exemplo, vou dar a vocês uma prévia rápida, certo? aqui sob seção eu posso clicar sobre estes pouco para duplicar Rose, e ele vai duplicar toda a seção para nós. Mas eu não quero fazer isso ainda, pelo menos não para esta seção. Então, para esta seção, eu estou um clique sobre isso e eu vou excluir esta seção inteira aqui. Agora isso aqui, eu quero levar isso para que eu não vá para a seção e lembre-se, pessoal, deve ser a seção Não faça a coluna. Se você fizer a coluna, vai fazer tudo dentro dela. E nós queremos apenas basicamente pegar toda a seção. Então seção eu quero duplicar isso. Agora, na verdade vou pegar esta seção aqui, então se eu passar o mouse sobre ela como é a seção de arrasto dele. Eu quero pegar isso e apenas arrastá-lo para baixo. Agora você vê onde fica a barra de cerco bem ali. Apenas solte isso. Perfeito. Então aqui, com algo como esta página, este construtor de páginas é simplesmente incrível, e eu vou torná-lo um pouco menor. E lá vai você. Então agora temos esta seção, temos as imagens. Era muito simples de fazer. - Obviamente. Certo? Não foi nada difícil. Agora, vamos em frente e fazer a próxima seção aqui. Na verdade, vamos adicionar. Alguns ícones legais foram realmente adicionar nas caixas de ícones. Então aqui, pessoal, nós vamos clicar em fora da nova seção. Só vamos agarrar por enquanto. Você pode escolher o que quiser, mas eu vou em frente e pegar em quatro, e nós vamos subir aqui e eu vou para a caixa de ícones. Então, a caixa de ícones. Então aqui podemos realmente falar sobre o ícone. Então vamos dizer, você sabe, móvel responsivo. Podemos colocar um texto aqui. Espero que tenha sido o vídeo do YouTube. Tudo bem, eu vou pegar um pouco desse texto aqui e apenas ir e colá-lo lá dentro. Agora, se você quer este link do dedo em algum lugar quando alguém clicar nele, você pode ir em frente e colocar o seu Você está bem aqui. Mas, por enquanto, não estou. Eu não vou fazer isso. Acredita nisso. Pisque. E aqui podemos colocá-lo à esquerda. Mas para os direitos. Oregon colocou para o topo Agora, eu aposto que vocês estão se perguntando o que este título HTML tag é. Isso é mais para o Seo, e eu não vou entrar, você sabe. H cinco h três etiquetas. Quatro etiquetas de idade. Este tutorial. Eu tenho um “yo setorial “no YouTube. Vocês estavam interessados nisso? Vocês podem conferir. Mas para isso, eu acredito que como h três agora para revisão. Podemos tê-lo empilhado. Podemos emoldurá-lo. E mudamos o tamanho do círculo. Talvez a caixa procurada. Algo assim. Então aqui podemos realmente mudar o eu icônico. Então eu coloquei móvel responsivo, então eu vou digitar o telefone. Então telefone aqui, celular. E, você sabe, eu não gosto do jeito que isso parece. Pessoal, vou gostar disso. Eu gosto de você. E é simples. Como se fosse simples. Então, para o estilo, a cor primária, hum , você sabe, agora, eu acho que para a cor primária, nós provavelmente podemos sair. Quero dizer, como preto. Então você vê como o telefone está mudando de preto e também nós temos o espaçamento de ícones. Tornamos o ícone maior. Podemos fazer o ícone. Podemos girar o ícone e você sabe que podemos adicionar espaçamento agora com o espaçamento é que ele cria espaçamento a partir do ícone do texto. Tudo bem, agora o ícone paira. A mesma coisa se passarem por cima dela. Deseja ter certas animações? E também, que cor você quer? Se alguém passar o mouse sobre o ícone e para o conteúdo, podemos alterar o conteúdo. Você pode alterar o título do conteúdo. Então aqui colocamos preto e sabemos que estes são um pouco mais repetitivos. Você pode alterar a fonte do título. E então para a descrição que é esta seção aqui. Então você pode mudar isso. Você sabe a cor da descrição. E também pode mudar a fonte Ford também. Tudo bem, então esse é basicamente o ícone, pessoal. Muito auto-explicativo. Muito simples. Mas, você sabe, eu não quero que eu não quero refazer isso tudo de novo. Foi muito trabalho, certo? Então aqui podemos clicar em apenas duplicar, e então nós simplesmente simplesmente arrastá-lo para aqui, duplicar, arrastá-lo para aqui e duplicar e apenas arrastá-lo para aqui Agora, vamos apenas dizer que você quer duplicar isso toda a seção de novo. Digamos que você queira bem aqui. Temos quatro outras seções bem aqui. Então, aqui mesmo. Basta clicar na seção e apenas duplicá-la. Lá vai você. Agora também, é um pouco perto demais do topo bem aqui. Vocês viram isso? Como esses telefones estavam muito perto do topo. Então vamos adicionar um pouco de preenchimento. Então aqui, sob a seção, vamos para avançado e bem aqui sob a margem ou sob o estofamento colocará 100. Agora, certifique-se de que isso está desmarcado. Não queremos ligá-lo. Vou colocar 100 aqui e lembrar como, digamos, por exemplo, você pode colocar um título aqui. Sabe, você pode colocar outra coisa que eu escolhi não, mas se você quiser, você pode ir em frente e simplesmente adicionar um título. Mas eu acho que esta seção aqui meio que enfatiza esta seção bem aqui. Então isso é basicamente caras os ícones. E também, se você quiser fazer isso completo com, você pode ir para a seção sob a seção de conteúdo. Você poderia fazer isso cheio com. E você também pode decidir se você não quer nenhuma lacuna. Você não quer nenhuma lacuna. Você sabe, algo que nos parece assim, mas que parece um pouco confuso. Nós não queremos fazer isso ainda, então eu vou deixar como encaixotado. Acho que a caixa que parece bem limpa, parece simples. Agora, eu não vou passar por cada um desses caras porque é muito auto-explicativo em você sabe o que você quer escolher? Você pode, você sabe, mudar a posição do ícone, o que você quiser, certo. Então eu não vou, você sabe, ir longe demais em cada ícone porque, você sabe, um funciona para todos. OK, então isso é uma rápida corrida para baixo dos ícones. Em seguida, vamos em frente e adicionamos o efeito de paralaxe com os botões. Então aqui, nós vamos realmente ir para um cruzamento e realmente clicar nesta estrada de quatro colunas bem aqui. Certo, então temos essa seção. Agora, vamos em frente e adicionar alguns números. Então, rolando para baixo aqui, vamos ter que encontrar o contador este ano. Diz contador primeiro e arrastando para cima. Agora, vamos apenas dizer que eu quero, você sabe, colocar o número inicial 21 e 2 100 Começará em um e, em seguida, para 100 Oregon começar em 50 o que você quiser. Então, agora, eu só vou dizer, OK, terminou $100 ou entrou em 100 agora. Bem aqui. Sob a duração da animação, você pode escolher a velocidade que deseja que ela seja. Mas dois segundos é muito bom. Qualquer coisa mais longa que isso, as pessoas podem, você sabe, dizer OK. Não é legal, sabe? Então aqui vai colocar o número de para xícaras de café, xícaras de café. Agora, para o estilo, podemos mudar o texto. Agora vou deixá-la branca. Sei que não pode ver, mas não se preocupe. Vamos colocar um fundo aqui que realmente tornará isso visível agora em sua topografia. A mesma coisa que eu sou público. Acredite como brancos. Mas talvez eu queira torná-lo um pouco maior. Aqui podemos mudar o tamanho dele. E pelo título aqui. Quero o título de caso dos brancos. Lembre-se, este é o título e a topografia. Deixe-me olhar. Clique de distância. Esta seção aqui mudará o título. Certo, então vamos avançar, não precisamos de nada lá. Mas aqui mesmo, sob a seção vai clicar na seção Eu quero fazer este tolo com e eu quero adicionar em um fundo então aqui sob o conteúdo vamos fazer esta seção cheia com você pode ver que está cheia com agora e eu quero um coda estilo e eu quero adicionar em um fundo. Então aqui, sob o clássico, vamos clicar em Imagem. E eu sou como um desses aqui, assim como este aqui. Ok, agora posição. Então isso caminha para controlar a posição da imagem onde você quer que ela esteja, mas geralmente deixá-la como nenhuma. Eu meio que quero apenas cobrir uma ênfase de tudo isso. Os anexos que vamos colocá-lo como fixo agora com a opção fixa faz é que ele cria o efeito de paralaxe. OK, repete que você nunca quer. Repita agora o que isso faz. Basicamente, ele repete a imagem como 45 vezes. É muito velho e feio. E se você tem tipo, uh, eu não sei. Não sei mais quem faz isso. Eu realmente não sei mais quem eram imagens de pizza. Só acho que parece loucura. Então eu vou colocá-lo como nenhum. Agora, para o tamanho, podemos colocar cobertura que podemos colocar, conter, ou podemos colocar auto etc. Agora, aqui, sob a parte de trás da sobreposição, podemos optar por ter uma sobreposição de fundo nesta imagem, mas muito rapidamente para o layout. Eu quero basicamente controlar o tamanho disso aqui. Não posso te mostrar tudo porque preciso aumentar a altura. Aqui mesmo, abaixo da altura, vamos colocar a tela dos homens. E quão grande você quer este tamanho? Então talvez nós vamos colocá-lo em 500. Tudo bem, agora, eu vou clicar na coluna novamente, e bem aqui, você sabe, nós podemos adicionar em ah bok sombra a ele. Você vê toda a sombra da caixa agora enfatiza sobre isso? Isso parece muito legal. Você sabe, é uma boa razão para Toe adicioná-lo. Você sabe? Então a cor podemos mudar a cor disso. Como tem essa cor de fundo que podemos controlar? Controle a propagação aqui ou podemos nos encontrar na horizontal. Podemos torná-lo vertical, etc. Tudo bem, por enquanto, eu vou deixar isso em branco, e nós podemos mudar a propagação dessa cor também, sabe? Então você vê como nós temos aquela animação sobre a caixa bem ali. Você quer isso? Vá para ele. Está bem. Mas agora, eu vou ligar para ele aqui, e nós realmente vamos duplicar esta linha. Então eu quero duplicar esta seção aqui. Agora, veja, como é que isso aconteceu? Acabamos de criar uma seção totalmente nova e ele apenas mansidão que basicamente fez 1/5 coluna. Então, para fazer isso, você tem que clicar nesta seção aqui. Se você clicar na seção de coluna e duplicá-la, ele vai continuar criando mais estradas, e ele vai continuar empurrando. Ok, então aqui você quer clicar nesta seção e apenas arrastá-lo esta seção e arrastá-lo e em seguida, esta seção para a coluna. Quero apagar isto. Certifique-se de que você não clique na seção da seção. Se você ir para mais aqui excluído, ele irá excluir toda a sua seção. Já fiz isso tantas vezes. Foi tão frustrante quando comecei. Tipo, isso é estúpido. Paige Miller. Isso não funciona, você sabe. Então, aqui mesmo, vá para a coluna e feche bem ali. Ok, então lá vai você. Temos aquela bela seção. Parece muito bom. Agora, se eu for em frente e rolar, você vê como temos esse efeito de paralaxe agora? Então é basicamente assim que criamos o efeito de paralaxe. Você deve colocá-lo como fixo. Tudo bem? Uma repetição. Você deve colocá-lo como fixo e não rolar para alcançar o efeito de paralaxe. Mas não se preocupe, Vamos falar um pouco mais sobre Parallax quando vamos para esta seção na página. Vou fechar isto aqui mesmo. Na verdade, vou ter com o meu Wilson. Eu quero mostrar a vocês uma pequena amostra rápida de Eu realmente fiz uma página de paralaxe totalmente funcional . E vamos falar mais sobre isso. Como conseguir isso? Olha quando chegarmos a essa parte do tutorial, está bem? E eu coloquei um vídeo aqui, é claro, mas você sabe, vamos falar mais sobre como você pode ter um efeito de paralaxe totalmente funcional com coisas realmente legais como essa. Ok, então por enquanto, pessoal, isso é tudo para esta seção. Isso é tudo para o Efeito de Parallax e também para os contadores de números. Como eu disse, você pode nos mudar na seção de estilo. A cor do texto, está tudo aqui. Então eu não quero falar sobre, você sabe, esta seção novamente porque nós já discutimos sobre isso. Certo? Então vamos para a próxima seção onde vamos falar sobre o que você está falando ? A próxima seção. Sabem, pessoal, não sou guiado. Quando eu faço esses tutoriais, eu só estou fazendo, Você sabe, nós vamos estar falando sobre esta seção bem aqui. Temos este telemóvel e vamos apresentar a chamada à acção, por isso, vemo-nos lá a todos. 9. Telefone e caderno: Muito bem, pessoal, pessoal, bem-vindos de volta. Então vamos e adicionado no telefone aqui, e nós vamos realmente adicionar em algum texto junto com uma chamada à ação. Então a primeira coisa que precisamos fazer é fazer uma corda de duas colunas. Então aqui, em adicionar nova seção irá selecionar dois. E aqui vamos pegar uma imagem e eu escolherei a imagem. E eu vou pegar esses telefones aqui e entrar na mídia. Agora, pessoal, uma coisa que eu quero dizer é que quando você responder imagens, certifique-se que é um arquivo PNG. O arquivo PNG terá realmente esse fundo transparente. Então, se você tem um fundo de cor diferente, não vai importar porque ele vai se misturar perfeitamente. OK, então se você está pegando arquivos JPEG, os arquivos Jay Peak terão o branco no fundo, e não vai parecer isso. Ok, então certifique-se que é um arquivo PNG. Ok, então eu coloquei a imagem. Agora vamos em frente e adicionar algum texto aqui. Então, bem aqui, eu vou pegar a direção e bem aqui. Oh, coloca este tutorial é simples. Outra coisa que eu quero falar é quando você fizer, você sabe, colocar em texto no seu site. Capitalizar a primeira palavra de cada primeira letra triste de cada palavra é o ideal. E muita gente faz isso porque parece bom. E isso é basicamente o que todo mundo faz. Então eu quero basicamente transformar isso em centrado ou, na verdade , não, eu quero colocar isso para a esquerda. Quero fechar os telefones e aqui no seu estilo. Vou mudar esta mensagem para Black. Agora, sob a seção avançada, eu quero adicionar uma margem. Então bem aqui, eu vou clicar no pouco ligado e eu vou adicionar uma margem. Então você vê agora como é espaço separado. Então essa é basicamente uma boa razão pela qual podemos usar a margem. Agora, há duas maneiras de fazer esta seção. Nós podemos realmente apenas por aqui, podemos arrastar o editor de texto e bem aqui, ou podemos ir em frente e pegar colunas e podemos colocar a coluna lá em vez disso. Então há duas maneiras de fazer isso. Agora o que as colunas fazem. Como eu disse, ele basicamente cria colunas adicionais dentro da seção. Mas eu não quero fazer isso. Então eu vou clicar no X e clicar em excluir. Mas essa é outra maneira de fazer isso. Só te estou a mostrar que há outras formas de o fazer. Agora, sob o editor de texto, eu vou pegar isso. E você vê como a linha azul está bem ali. Ele vai deixar cair, e eu vou pegar meu famoso texto fictício, e eu simplesmente vou colocá-lo bem ali. Bem, uh, e claro, sendo mudado, o estilo continha a cor do texto. Poderíamos fazer uma linha, o centrado. Mas agora, provavelmente, queremos fazer justificado ou justificado à esquerda. Também parece bom, mas eu quero mantê-lo para a esquerda, e eu quero adicionar em um chamado à ação. Então este botão então nós apenas arrastá-lo para baixo, colocá-lo bem ali. Agora eu provavelmente quero mudar a cor de fundo. Sabe, não parece bom assim. Então, sob estilo, podemos mudar o mas a cor do texto para brancos e a cor de fundo para talvez algo como preto assim. Perfeito. Isso é perfeito. Agora quero apresentar a todos um novo widget que não temos usado. E isso é o Ele é chamado de Carrossel Imagem. Sim, o carrossel de imagem. Íamos usar isso agora. Ok, então eu vou pegar isso e simplesmente adicionar na seção de notícias. Agora, que imagens você quer? Bem, precisamos adicionar ou algumas poucas imagens. Quero um anúncio neste. Quero acrescentar neste. Eu quero um anúncio neste, e eu quero adicionar algo assim aqui, também. E eu vou para a galeria de crédito. Você pode dar esses nomes, mas por isso eu não vou dar nomes a ele. Vou te mostrar o porquê. Acho que é bom assim. E vou inserir uma galeria. Agora você vai ver que as imagens vão ao ar lá, então as imagens vão lá e as pessoas podem percorrer e conferir. Mas vamos em frente e fazer um pouco mais de controle. Sabe quantos slides você quer mostrar? Então, por exemplo, se você realmente quer mostrar Onley turnê mostrando combustível, você não vai querer mostrar que você pode ter apenas um para mostrar. Mas eu quero talvez por volta das três. Agora cortou o pergaminho. Sabe, podemos deixar isso como se ninguém fosse basicamente cada um. Apenas um irá rolar, ou você pode ter dois slides para fora. As regras vão rolar, etc. Então, esticar a imagem. Se queres esticar isto, podemos esticá-lo. Não gosto da aparência, porque parece um pouco pixelada. Por isso, aqui mesmo vou fazer nenhuma navegação. Podemos tê-lo como flechas e pontos. Agora, a razão pela qual você não pode ver as flechas é porque elas são brancas e vamos mudar isso em apenas um segundo. Mas podemos ter flechas e pontos. Não podemos apenas flechas. Podemos ter pontos, mas deixarei como um roan. Pontos ligados a que podemos fazer este link para uma seção específica. Digamos que estes são seus parceiros. Você pode clicar em personalizado seu l e se alguém clica sobre estes, ele vai levá-los para que. Sites. Tudo bem. Indo para nenhum. Vamos para adicional. Então pulso sobre o pairar onde basicamente, ele vai colocar pulso sobre o pairar a reprodução automática. Então você quer que estes para manter continuamente rolando assim se você quiser que, você pode deixá-lo como sim. Agora, velocidade de reprodução automática. Então diz 5000. Agora, isso não são 5000 segundos. São 5000 milissegundos. Então, M. S. Então digamos que você colocou em 2000. Vai rolar muito mais rápido se fizermos isso. Então você vê, vai esperar em torno de dois segundos. Um para boom. Ok, é suposto ir, mas sim, provavelmente é porque estamos no construtor de páginas, mas você pode reduzi-lo também para 1000 agora. Ciclo infinito. Quer que continuemos? Você quer que ele continue? Se você quiser isso, vá em frente e coloque sim, a velocidade da animação. Então, quão rápido você queria ser inimigo como você vê agora, como tem esse efeito de animação você quer que ele seja mais rápido? Você pode colocar algo como 1000. Estamos agora é um pouco mais lento ou até mesmo fazer algo como 100 onde vai ser super rápido. Vê isso super rápido? Mas por enquanto, eu vou deixar em, eu acho, 500 a 300 e depois em direção. Obviamente esquerda ou direita, nós vamos? Deixe-o à esquerda agora para o estilo. Agora para a posição aerodinâmica. Primeiro, vamos mudar a cor da seta para que possamos vê-las. Eu quero levá-lo para preto para que você possa ver as flechas bem aqui. Agora para a posição aerodinâmica. Você os quer lá dentro? Ou você os quer fora da caixa para que eles estejam fora da caixa. Lá dentro, haverá lá dentro. E, claro, os pontos Você pode mudar. Você os quer dentro ou fora. Você pode fazer os pontos maiores ou você pode torná-los menores. E você também pode mudar a cor dos pontos. Agora, para a imagem, você pode optar por tê-la. Como você sabe, personalizado. Podemos ter espaçamento personalizado entre as imagens. Você pode torná-los um pouco mais próximos uns dos outros ou mais distantes para o tipo de borda. Podemos escolher ter como duplicado. Podemos tê-lo como pontilhado, pode tê-lo como tracejado. E nós podemos mudar o com esses pontos, se você quiser. E também podemos mudar a cor desses pontos específicos. Ok. Mas eu não quero entrar muito nisso porque isso é apenas demorado. E SS dois núcleo e decoração, Eu acho que parece que isso é bastante padrão. Acho que parece muito bom. E, claro, para os avançados, podemos mudar a margem. Podemos mudar o estofamento. Talvez você queira empurrar isso um pouco para baixo ou empurrá-lo para a direita ou empurrar para o topo , etc. E com tudo que podemos ter animação de entrada. Então você vê como temos a animação de entrada. Onde? O que? Surge assim. Então, para cada cenário, podemos ter animação. Certo, isso em mente, porque isso é para cada módulo que usamos. Ok, então essa é basicamente essa seção, pessoal, que era basicamente o telefone e a sessão de lutadores. Ah, a próxima sessão. Nós estamos realmente indo para a próxima página, ou ele vai falar sobre a seção sobre nós. Então eu vou ver todos vocês lá 10. Personalizador de temas: Muito bem, pessoal, vamos ter uma visão geral rápida do nosso site. Então olhe para o nosso site aqui. Esta é a nossa página de destino. Vocês podem ver que já está bonito. Temos um trabalho muito, muito bom em criar esta página. Mas há algumas coisas que eu quero mudar e também mencionado antes de ir para a seção sobre EUA Agora aqui está a nossa seção widget E não se preocupe, vamos falar sobre widgets e rodapé e também no final vamos ficar um pouco mais avançado e fale sobre como você pode criar seu próprio rodapé com o construtor de páginas. Mas muito rapidamente, vamos em frente e falar sobre o personalizador de temas e também criar todas as páginas que precisamos . Então aqui mesmo em adicionar novo, podemos ir para a página e você quer criar a página sobre nós Então aqui para ir para cerca e aqui mesmo. Lembre-se, queremos barra lateral. Eu sinto muito. Um conteúdo sem barra lateral para os widgets vai apenas ir e colocar para agora. Você quer cheio de conteúdo e queremos ir em frente e desativar o título do conteúdo e vai clicar em publicar e vamos adicionar novo novamente e vamos adicionar na página de serviços e a mesma coisa aqui. Conteúdo. Sem barra lateral para cheio. Desative o conteúdo. Eu vou publicar isso e vamos adicionar novo novamente e então vamos para o Parallax e então vamos fazer conteúdo. Sem barra lateral para widgets cheios com, e você sabe que vamos adicionar um pouco para colocar isso em. Isso é basicamente criar todas as páginas que precisamos, e então vamos fazer mais uma, que é a página Contact US e, em seguida, aqui mesmo. Conteúdo. Sem barras laterais. Dois widgets cheios de conteúdo e desativar o título do conteúdo e eu vou publicar isso. Agora vamos falar sobre o personalizador do tema. Então, se você quiser ver suas páginas, basta clicar em todas as páginas aqui e temos o sobre o contato, a casa, a paralaxe e o serviço está tudo bem, mas precisamos fazer algumas mudanças agora. Se você for ao site, vai ficar assim aqui. E isso porque precisamos definir a home page como estática. Então, aqui mesmo sob personalizar pronto, vá para a primeira página estática. Agora, aqui mesmo. É uma página estática. Precisamos citar a primeira página como nossa página inicial. Tudo bem e vamos clicar em salvar e publicar. Ok. E também vamos falar mais sobre o blawg um pouco mais tarde. Mas este tema tem Sinto muito, esta página Miller tem seções específicas. Ford Blog. Talvez não seja necessário usar a página de bloqueio. Cabe a você, mas vou falar sobre os recursos pertencem neste construtor de página. Mas vamos voltar aqui e dizer que temos um logotipo. Agora, se você investiu, sabe, em seu site, o que é $5? Você sabe, com $5 vocês podem ter um logotipo muito bonito. E pouco antes desta sessão, conversamos sobre vocês terem uma mente como vocês viram. Como um pequeno artigo. Há um site chamado Fiverr dot com, e o ponto com fibra é basicamente eles fazem tudo por US $5. Quero dizer, eles vão te ver Feliz aniversário por $5. Esses caras fazem qualquer coisa. $5. É muito louco. Então apenas digite o logotipo bem aqui. Agora, o link na descrição que era um link de afiliado. Então, se vocês comprarem alguma coisa. Nem sequer recebo uma pequena comissão. Eu acho que é como a quantidade de pessoas como trazer. É uma comissão muito pequena, mas não custa nada para você. Por isso, sabes , ajuda-me. Então eu aprecio isso. Mas aqui, vocês podem ver que sabem que esses caras vão te deixar muito legal. Logotipos. Vamos em frente e clicar em algo como design de logotipo ainda. Então design de logotipo e vamos pegar alguns como este aqui. Então esses caras vão construir um logotipo para você apenas $5 caras. E eles têm coisas muito boas. Sabe, eles realmente fazem alguns logotipos legais. E muitos desses caras são baseados no exterior, então é muito barato para você. Então eu recomendaria obter eu tenho o meu pequeno ir fora deste sites, então eu recomendo. Não, digamos que você tenha um logotipo. Vamos fazer o upload. Então esta é a nossa seção aqui. Primeiro, vá para uma identidade do site o que você quer que seu site diga, então nós podemos dizer, você sabe, uh, este será o site Darryl do Darryl, e nós somos ALS predadores que você não pode Agora você pode escolher os Heidi também. Então, na minha outra página aqui, na verdade desativou os dois. E eu só tenho o meu logótipo. Você pode fazer isso também. Você não tem um logotipo. Você pode deixar assim. Digamos que você tenha um logotipo. Vou selecionar o logo. Agora, eles recomendam o tamanho de 350 por 70. Mas eu acho que você poderia fazer 350 por 90. Agora, esta parte é o comprimento, então você meio que quer que ela seja maior. Acho que tenho o meu logótipo. - É. Coloquei meu logotipo em outro lugar, mas por enquanto, vou usar algo como, uh, esse aqui está? Ok, então isso é 350 por 80 e é um arquivo PNG. Não posso confiar nisso o suficiente. Ele deve ser um arquivo PNG, porque se você alterar a cor, ele será mesclado. Então aqui, basta ir em frente e fazer isso vai cortar a imagem. E lá vai você. Agora, vamos apenas dizer que eu quero me livrar de todas essas outras coisas aqui. Eu posso clicar em esconder e também esconder. Ok. Agora, o ícone do site. Então você vê bem aqui como fibra tem pontos verdes fora deste site tem seu ícone de engrenagem. Você quer mudar isso? Basta clicar em selecionar imagem aqui, e tudo que você precisa fazer é apenas selecionar a imagem. Então, aqui mesmo, vou pegar este. Vou selecioná-la, mas quero cortá-la. Então você vê, bem aqui como nós temos a imagem deste pequeno cavalo legal, vamos clicar na imagem do corte. E agora, de agora em diante, você vê o canto superior esquerdo aqui em cima. Agora, quando alguém vier ao meu site, vai mostrar que sim. Muito legal. Muito simples voltar aqui agora. Não recomendo fazer nada disso. Todos estes aqui. Eu não recomendo porque eu gosto do jeito que isso parece. Mas se você quiser mudar, eu gosto do estilo disso aqui. Sob o seu layout, você vai para o contêiner. Você pode mudar. Você sabe a largura disso. Você também pode, você sabe, um recipiente, etc. Também aqui. Sob cabeçalho. Você pode fazer o cabeçalho cheio com, ou você pode tê-lo contido assim. E também você pode escolher ter isso cheio. E o alinhamento da cabeça que você pode escolher como centro algo assim. Bem ali. Ok, então se você quiser ter essas configurações, você sabe, há alguns recursos que você pode ter. Eu, pessoalmente, não gosto muito disso, mas de novo, você sabe, é o seu site, então eu estou basicamente mostrando a você como estilizá-lo. Então eu vou voltar para cá. Navegação primária. Podemos alterar as configurações em todos eles. Então o conteúdo de navegação, que é esta seção aqui, podemos ter que continha o estagiário. Alegação Mugabe como cheia. Ou podemos mudar isso para, você sabe, acima do cabeçalho. O que você quiser, esse ar. Basicamente, configurações onde você pode, sabe, decidir onde quer que vá. Hum, eu provavelmente vou deixá-lo como você sabe, abaixo do alinhamento de navegação cabeçalho, talvez centros. Bom. Você sabe, se nós temos isso aqui, talvez os centros bons e navegação e cair para baixo. Se você tem um menu suspenso, vamos falar sobre menus suspensos em apenas um pouco. Ele vai realmente criar um, hum, umícone de pairar ou um item de menu, etc. Ele vai realmente criar um, hum, um ícone de pairar ou um item de menu, Mas eu não tenho nenhum menu suspenso agora, então ele não vai mostrar nada agora para pesquisa de navegação. Podemos optar por ter isso habilitado. E o que isso vai fazer é criar este pequeno ícone, e as pessoas podem procurar em um site por algo específico. Certo, voltando para cá. Barras laterais. Não estamos usando barras laterais. Talvez para uma página bloqueada. Nós vamos. Vamos falar sobre a página de bloqueio um pouco mais tarde. E também temos widgets, que vamos falar sobre widgets um pouco mais tarde. E menus. Nós podemos realmente criar um menu agora, então vamos em frente e fazer isso. Então, aqui mesmo, vai clicar em adicionar um menu. Vamos fazer o menu um, criar o menu, e vamos em frente e adicionar alguns itens. E então adicione alguns itens. Vamos criar o lar blá, blá, blá, e tivemos isso dentro. Muito bem, agora este é o nosso cardápio aqui. Então, entre em contato com os serviços Parallax e agora, se você quiser mudar o formato disso, podemos ir em frente e , você sabe , colocá-lo ali, ou vamos colocar o contato aqui, etcetera. Agora, se você quiser criar um menu suspenso. Também precisa fazer é pegar isso e simplesmente arrastá-lo sob essa seção assim. Ok? E isso criará um menu suspenso. Agora, vou clicar no menu primário aqui e agora você vê aqui como temos este menu suspenso . Onde tem a cerca? E agora é aqui que a página paralaxe vai. Então você quer esse efeito? Você pode fazer isso. Mas por enquanto, eu acredito que como piscar e você sabe, você pode deixar isso como menu principal ou, você sabe, depende de você. Se não é ah, é o nosso menu principal. É o que estamos usando. Mas este tema não gosta que ele faz criar aquele pequeno botão ali. Então eu não quero que alguns para deixá-lo como isso e clique em salvar e publicar. Então você cria um menu e você sabe muitos zehr Good, porque se você quiser ter esses efeitos suspensos, você pode fazer isso com o você tem que criar um menu para fazer isso. Ok, Agora, para widgets vai falar sobre o que é um pouco mais tarde. Um CSS adicional. Isto é codificação personalizada todas as coisas aqui. medida em que cores e layouts para uma cor de link, nós realmente vai precisar mudar isso, provavelmente não vai mudar é algo como brancos. Então isso significa como quando criamos links personalizados, que será um pouco mais tarde quando falarmos sobre o, hum O que é isso? O rodapé personalizado. Vamos falar sobre por que você quer mudar a cor do link. Descobri isso do jeito difícil porque tinha um cliente que estava gritando comigo, e eu não sabia o porquê. E eu descobri. Tudo bem, então é basicamente isso, pessoal, esse é o tema. Personalizador. Ah, muitos desses aqui, como cores. Eu não recomendaria estes porque podemos mudar a cor e também a topografia no próprio bowler página real. Portanto, não precisamos usar o que o personalizador de temas está nos dando, então podemos ignorar muito disso. Mas para a identidade do site e também para o layout, podemos querer alterar algumas dessas configurações e também nos certificar de alterar a página inicial . Isso é muito, muito, muito importante. Ok, então Michael você disse que eles publicaram? Tudo bem. E como eu disse, pessoal, ir para fibra é o melhor lugar para ter a sua web para obter o seu logotipo. Quero dizer, e você sabe, não seja barato. Não tente obter um logotipo grátis. Vai ser um pesadelo. Quero dizer, é que eu fiz isso e eu sempre volto para a fibra. Eu só volto porque não é bom. Basta ir para Fiverr, gastar $5 pegar. É bom. Caso contrário, se você não tem um logotipo ou você não quer um, basta usar o texto é perfeitamente bom. OK, agora que criamos isso, eu sou um cozinheiro na página sobre nós e vamos criar nossa página sobre nós, então eu vou ver todos vocês lá 11. Quem somos: Tudo bem, pessoal. Então vamos em frente agora e fazer a página sobre nós. Então, aqui mesmo, vou editar a página sobre nós. Agora, se você não conseguir achar que você também pode ir para suas páginas aqui clicando em todas as páginas indo para cerca de. E vamos editar isso com L um mentor. E agora que vocês estão um pouco confortáveis, vamos avançar e acelerar um pouco o processo. Nós vamos fazer isso um pouco rápido para que você entenda. É uma espécie de provocação do seu cérebro. Ok, então aqui mesmo, eu vou em frente e agarrá-lo. E pessoal, vamos em frente e fazer essa mesma seção. É muito simples. É realmente fácil. Ok, então aqui, eu vou em frente e mudar o sobre nós. Vou colocar isso no centro para o estilo. Vou mudar a cor do texto para preto. Agora, aqui, sob estilo. Posso mudar a topografia, mas não quero fazer isso. Agora aqui, sob a seção, eu quero adicionar uma imagem de fundo Então aqui sob o tipo de fundo estilo. Vamos fazer o clássico, e vamos para a imagem. Ok, agora, aqui mesmo. Vou selecionar o corvo. Agora, o tamanho disto é 1920 por 423 Ok, então eu vou em frente e respondo para a mídia agora, voltando para trás. Vês como não parece bom assim? Só precisamos ir para nos deitar. Nós vamos para a altura e simplesmente mudar a alta bem aqui. Então 400. Isso parece bom. A posição da coluna no meio. A posição de conteúdo que eu queria no meio. Tudo bem, agora, bem aqui. Estou clicando no texto e podemos ir para o estilo. E aqui mesmo em uma topografia, podemos mudar o tamanho deste texto, mas tudo bem, agora, vamos em frente e adicionar mais algumas seções. Essa seção está praticamente terminada. Fácil de ir por aqui. Vamos para a direção. E eu ia em frente e colocar um texto aqui e, você sabe, você sabe, bem aqui eu coloco uma visão geral rápida assim. Vou colocar uma visão geral rápida, e vamos fazer isso centrado. Agora. Você quer ir em frente e colocar isso Você sabe, nós queremos arrastá-lo um pouco para baixo, mas nós também queremos mudar a cor. Então, a cor do texto. Quero torná-lo preto. E você se lembra, como você empurraria isso para baixo? Pense sobre isso. Tudo bem? Está sob as opções avançadas, e é a margem. Lembre-se, estamos criando uma margem de 100 pixels assim. Ok, agora queremos adicionar no bar. Então, tenho certeza que vocês sabem agora como adicionar no bar, clicando sobre isso aqui. Vamos para a divisória e, em seguida, apenas arrastá-lo para baixo. Agora, o alinhamento deve estar centrado nisso, ok? E a lacuna. Eu quero uma lacuna muito pequena, e então o com eu vou apenas reduzi-lo apenas assim. Está bem, Simple. Fácil. Agora, a próxima seção eu quero adicionar em uma seção aqui. Na verdade, quero adicioná-lo ao texto. E então nós adicionamos uma seção aqui, e vamos apresentá-los a todos esses contadores de barras. Então aqui, eu vou para este editor de texto de seção. Nós só vamos simplesmente nós podemos realmente colocá-lo aqui ou nós vamos fazer uma nova seção inteira . Então, bem aqui, vou colocar um texto falso e ver se colo. Então eu tenho o meu têxtil boneco lá. Veja se eu faço. Sim. Tudo bem. Legal. Agora, o estilo. Eu meio que quero isso centrado assim. Agora, vamos em frente e adicionar em sua seção. Então adicione em sua seção colocará duas barras, esta seção aqui. Eu vou realmente ir para esta seção e ir para o editor de texto e simplesmente arrastar algum Texano. Muito bem, cola-o. Agora vamos dizer que eu quero criar algum espaço aqui. Sabe, eu realmente quero que esta seção tenha mais preenchimento. Então, clicando na seção aqui, eu quero ir para a seção avançada aqui, e eu quero realmente fazer alguma margem. Na verdade, poderíamos fazer um pouco de estofamento, então, mas colocar uns 100 bem ali, para que fique um pouco melhor. Isso divide um pouco mais. Nós não temos. Queríamos ter algum espaço. Agora, aqui mesmo. Vou adicionar outro módulo. Então, clicando aqui, eu vou rolar para baixo e vamos usar a barra de Progresso assim. Então aqui nós temos, você sabe, minha habilidade. Então Web design e, em seguida, aqui temos tipo. Então estas são basicamente cores, você sabe, se você é como um pequeno atalho, e aqui, nós temos porcentagem colocará, você sabe, algo como 90%. Agora você pode realmente escolher esconder o sinal de porcentagem, se você quiser, então eu vou colocar, você sabe, escondê-lo. Então ele só vai dizer 90 ou apenas vai dizer a barra por engano, e então aqui vai colocar taxa de sucesso. Tudo bem, agora, para o estilo, eu quero que a cor da barra seja algo um pouco diferente. Quero que o Garko seja negro. Sabe, combina com o meu estilo bem aqui. De quê? Estou a tentar realizá-lo. Como o gênero, a cor de fundo da barra, podemos mudar isso e também a cor do texto interno. Então esta é a cor do texto interno. Então podemos mudar isso para algo como azul ou cinza ou algo assim. Certo, agora o estilo do título, provavelmente mudaremos para preto, que é esta seção aqui. E também podemos passar por aqui e mudar a fonte também. E para a seção avançada, podemos escolher ter, você sabe, uma animação como, você sabe, está balançando para baixo assim. Agora, em vez de realmente criar um módulo totalmente novo, nós podemos apenas duplicar esta linha apenas assim, e também aqui, nós podemos realmente decidir, você sabe, isso não parece Muito bom. Talvez possamos Adam um pouco mais de texto aqui para, você sabe, conseguir que pareça. E também, podemos realmente fazer a altura da linha. Então aqui, sob a seção avançada, eu acredito que seja, ou para o estilo de conteúdo, é topografia. Desculpe. E podemos mudar a altura da linha. Então aqui podemos escolher basicamente combiná-lo com aquelas barras para fazer com que pareça assim . Viu como eu fiz isso? E também, este é o espaçamento entre linhas, mas eu meio solitário que é assim que a altura da linha é uma boa idéia para meio que combiná-lo e fazer com que pareça realmente bom. Ok, então agora vamos em frente e adicionar na barra secundária bem aqui. E tenho certeza que vocês já sabem como fazer isso, mas vamos passar por isso. Estou com um clique nisso. Pegue este título e simplesmente vá em frente e empurre-o bem ali e vamos colocar nossa equipe incrível e centralizar isso, e talvez o tamanho vai deixá-lo como algo como um grande ou extra grande. Agora, para a , seção, vamos clicar na seção aqui. Queremos adicionar em uma cor e também fazer este tolo com tão conteúdo com vai torná-lo cheio com. E nós vamos realmente ir para o estilo clássico e vai mudar a cor do preto. Então agora isso parece bom. Agora também, eu quero ter certeza que este conteúdo está no meio. Bem aqui na nossa posição de conteúdo, vou colocar o Mill. Então agora está no meio. E, claro, podemos pegar uma dessas barras. Talvez você possa duplicar essas barras são realmente complicadas. Não, lá é muito pequeno. Então nós vamos apenas pegar isso e nós vamos apenas colocá-lo lá em baixo assim e provavelmente vai mudar esta cor do texto para talvez algo como branco. Tudo bem, agora vamos falar sobre a nova seção, que ouvidos. Na verdade, são perfis, mas eu fiz assim. Não vem assim. Então aqui vamos para adicionar uma nova seção vai fazer três linhas e vamos para esta caixa aqui , e vamos fazer caixa de imagem disse a caixa de imagem. E aqui vamos fazer uma imagem. Agora, na verdade, a imagem já está aqui, então eu vou pegar essa. E o tamanho desses caras é de 354 por 283 e vamos inserir mídia. Tudo bem, então nós temos a imagem lá e vamos colocar Stacey e bem aqui podemos colocar alguns textos diferentes . Eu vou em frente e colocar no meu famoso texto fictício que eu fui colocado em agora para o estilo. Então nós queremos fazer isso enfatizar um pouco maior para que possamos realmente torná-lo um pouco maior. Vamos conseguir ou algo assim, tipo, 80. E podemos escolher o espaçamento da imagem também a partir do texto. Mas eu vou seguir em frente e deixá-lo assim, e nós podemos realmente adicionar animação a isso para que possamos adicionar um crescimento de pulso. Eles passam o mouse sobre ele e também o conteúdo para que possamos alterar a cor do conteúdo que podemos alterar. Então isso aqui é para o título. E isto aqui é para a descrição. Então, cor do título, vou deixá-lo como preto. E para a cor da descrição, eu provavelmente vou deixá-lo como algo como Gray. Tudo bem, Cool. Então temos esta seção bem aqui. Agora vamos. E fora de alguns ícones sociais. Então eu vou clicar nesta seção aqui, e nós vamos rolar para baixo, e nós vamos nos deparar para ver ícones sociais e simplesmente pegar isso e nós podemos realmente, você sabe, nós vamos fazer, Na verdade, acho que vai ser um pouco mais útil. Bem, na verdade, insira uma linha de colunas. Então, agarrando colunas vai pegar isso e colocá-lo bem ali. Agora vou pegar isso e simplesmente arrastá-lo até aqui. Eu sinto muito. Esta seção e simplesmente arrastá-lo aqui e aqui nós podemos fazer duas coisas, Você sabe, nós podemos eu quero apenas como um. Por isso, debaixo das colunas, vou destruir isto. Nós só temos uma coluna, e aqui nós vamos realmente inserir os ícones sociais. Bastante fixe. Parece bom. Agora, ícones sociais sempre fazem tudo parecer bem. Não sei por que agora, para mudar esse cara, isso é muito simples. Por aqui, sob seus ícones sociais sendo clique em, é simplesmente ir em frente e colocar qualquer site de mídia social que você gostaria e, em seguida, colocar em seu poço para que ele deve ser público ou deve ser um pessoal de página de fãs. Se o levares a um perfil privado, vai dizer que este perfil é privado. Ok, então tudo que você precisa fazer é continuar, digite seu link para sua página do Facebook lá e também seu Twitter e também seu Google. Além disso, você pode adicionar mais. Então, aqui mesmo. Eu posso clicar sobre isso e ir para algo como WordPress Em outro item, Noble coloca ah, cintilar algo assim, certo, Então isso parece muito bom. Por isso, agora vou guardá-lo. Tudo bem, Cool. Então salvamos essa página e este é realmente o vídeo vai parar, e vamos continuar no próximo slide 12. Sobre cerca 2: Então vamos continuar com o sobre nós. Assim, também para os ícones aqui mesmo, você pode escolher a forma deles. Se você quer que ele circule, você quer TEM algum quadrado ou arredondado Agora uma maneira rápida de, você sabe, terminar esta seção em vez de fazer isso manualmente como tínhamos feito antes. Podemos simplesmente ir em frente e duplicar esta linha. Desculpe, esta seção e vamos arrastá-la aqui. Agora, também para os ícones vai dobrar vai duplicar isso, e vamos apenas ir em frente e arrastá-los para lá também. Então, aqui mesmo. Quero ter certeza de que o coloquei ali. Ok, então essa é uma maneira muito rápida de apenas, você sabe, totalmente projetado a página muito rapidamente. Agora, também, se você notar bem aqui, você vê como eu tenho esta coluna bem aqui. Então eu deveria ter feito a seção. Então eu vou ir em frente e excluir isso, e eu quero realmente duplicar esta seção porque esta seção controla o ícone. Então, aqui mesmo, cruzamento, clique, duplicar. E então nós vamos arrastar a seção bem ali. Não, não, não ligue para ele. Vai fazer. Então vamos pegar a seção. Lá vai você mesmo ali. Ok, então agora eles estão alinhados perfeitamente. Parece bom. Dito isto, podemos fazer isso de novo aqui, ligando para , hum, e podemos apenas duplicá-lo assim também. E vamos deletar isso. Ligue para ele aqui, tudo bem. E você sabe que estamos aqui. Vamos em frente e colocar outra pessoa, então eu vou apagar isso. Vou colocar a foto desse cara aqui e aqui. Vou mudar o nome dele. Então coloque o que deveria ser o nome dele. Bob escolherá Bob. E então aqui, vamos clicar sobre isso e vamos escolher. A imagem apagará isso, e colocaremos essa foto dessa mulher aqui, e colocaremos o nome dela como Jennifer. A Jennifer. Ok, então esta seção parece muito boa, você sabe, é uma seção muito limpa. É direto ao ponto. É simples. Agora, vamos em frente e apresentá-los a todos um novo módulo que é realmente chamado de, hum, eu sinto muito, não um novo módulo, mas nós vamos criar um estilo diferente aqui mesmo. Ok, então aqui, vamos adicionar uma nova seção. Vamos criar duas barras desta vez, e queremos criar esse efeito de ter este contato conosco a qualquer momento e também esta seção Clique em mim aqui. Então aqui, vamos em frente e vamos até aqui e vamos arrastá-lo texto, e nós simplesmente vamos colocar contato conosco a qualquer momento no estilo. Vou mudar a cor para algo como Branco. Agora. A razão pela qual eu fiz isso é porque nós vamos adicionar em um fundo e vai parecer diferente. Então, sob a seção aqui correu mudanças de sexo em completo com, e eu quero a posição de conteúdo no meio aqui em seu estilo. Nós vamos selecionar este clássico, e então nós vamos selecionar a cor e vamos colocar o preto dele. Então agora você pode ver que nós temos o conteúdo bem ali. Agora queremos basicamente tornar isso um pouco mais centralizado. Então aqui, se eu clicar duas vezes no cabeçalho, podemos clicar no alinhamento central. Agora, aqui, tudo a fazer é arrastar um botão. Então, clique nisso. Vá em frente e arraste um botão. Agora eu provavelmente vou colocar clique em mim. Você vai entrar em contato conosco. Os caras do Call to Action são sempre muito bons para ter quanto mais apelo às ações, melhor você deseja direcionar seu público. Você quer dizer a eles o que fazer quando eles navegam no seu site. Sei que parece um pouco agressivo, mas confie em mim. Ah, eu tenho sido um bem projetado por algum tempo e é realmente recomendado. Então eu quero alinhá-lo bem ali ao centro e ao tipo aqui. Obviamente estes ar apenas cores de atalho. Então eu quero mudar para onde eles vão. Todos colocam http dot dot dot dot dot gov dot darrell Wilson Hoops, Darrell Wilson dot com. E também podemos selecionar o ícone para Talvez eu queira colocar algo como essa coisinha ali e depois para o estilo. A cor do texto é boa , sabe o quê? Vamos levar esta mudança. Era grande. Este pouco diferente vontade em inverter a cor irá colocar a cor do texto como preto e em seguida, vamos colocar a cor de fundo como branco, então cor de fundo, branco. Então isso parece bem legal aí. E nós também podemos mudar a fonte aqui. E também a animação, etc, o que quisermos fazer. Mas, você sabe que eu não vou fazer isso. E é basicamente assim que criamos esta seção. Pessoal, foi muito simples, muito fácil. E temos uma página totalmente funcional sobre nós em questão de 10 a 15 minutos. Agora eu quero salvar esta seção. Pessoal, esta seção não vai aparecer. Então não se preocupe se tem todas essas coisas estranhas aqui. Se você simplesmente ir em frente e clicar aqui neste X e ir para ver a página, ele não vai aparecer. Então esta é a página que criamos muito elegante, muito bonita. E é direto ao ponto. Então aqui está o rodapé widgets, e vamos falar sobre isso um pouco mais tarde. Ok, então isso é tudo sobre nós caras da página. Parabéns. Agora vamos em frente e fazer a página de serviços. E depois disso, falaremos sobre layouts de Primi e também o efeito de paralaxe. Então eu vou ver todos vocês lá 13. Quiz 11: Tudo bem, pessoal. Bem-vindo ao nosso primeiro teste neste questionário. Vou mostrar-vos como realizei este olhar aqui. Então vocês podem ver que eu tenho aquelas barras de topo que tipo de transição e todas aquelas que olhar realmente único. Então este vem da esquerda, de cima e de esquerda. E também, eu tenho essas duas imagens sobrepostas umas às outras. Agora, você pode fazer isso com L.A mentor. Sabe, é viável porque você está fazendo Web design. Caras. É muito difícil ter ideias e inspiração. E confie em mim, já estive lá. É difícil projetar seu site e descobrir o que é bom para você. Então eu vou te mostrar um design muito legal. Então você algumas estratégias realmente legal que você pode usar para o seu site. Então, indo para aqui, tudo o que para esta seção, pessoal, é que basicamente apenas inseri três colunas com as quais eu fiz, e o que eu fiz foi que eu realmente fiz a animação diferente para cada uma delas. Então aqui, sob minha seção de coluna, esta é minha seção de coluna atual aqui, e eu vou apenas clicar neste pequeno ícone e aqui sob estilo, vocês podem ver que eu basicamente deixei isso sozinho. Mudei a cor primária, a cor secundária Nada. Nada muito louco. Mas sob a seção avançada bem aqui eu coloquei a animação está desvanecendo dedo do pé esquerdo. Então, se alguém rolando para baixo, ele tem aquele olhar legal onde todos tipo de colidem e ele se encaixa perfeitamente. Então, basicamente, fiz três fileiras bem aqui. E se fores para esta secção aqui, acabei de ficar cheio com isso foi tudo o que fiz. Então eu fiz três colunas com as quais fiz um tolo, e eu apenas mudei a animação para cada uma delas. Agora, para esta seção aqui, esta seção é um pouco mais avançada. Então esta é uma linha de duas colunas, então você vai ter uma ligação para ele aqui, e eu tenho outra coluna bem aqui. Essas imagens são do mesmo tamanho, então tudo o que fizeram foi inserir uma imagem bem aqui. Essas imagens são do mesmo tamanho, Eu não mudei nada. Você vai para o avançado. Nada está feito. Mas se você for para o sexo a segunda seção aqui e clicarmos na coluna e vamos em frente e ir para o avançado. Você vai ver que eu mudo a margem para 300 negativos. Então o que isso faz é que basicamente irá movê-lo para o outro lado. Então, por exemplo, eu deixo assim. Um zero. Temos apenas duas imagens. Vamos mudar isso de novo. 20 também, só para mostrar a todos o que parece do zero. Então esta é uma linha de duas colunas, mas eu quero empurrar isso um pouco para baixo. Eu quero criar alguma margem lá, então eu vou fazer 100 e isso vai realmente empurrá-lo para lá. Agora, eu posso realmente fazer algo um pouco diferente. Eu posso ir menos 500. Vamos ver aqui menos 400. E você vê como a imagem aparece bem ali para que você possa basicamente controlar a imagem de onde você quer que ela vá com a margem. Então eu sei mais cedo a lição. Eu meio que, você sabe, não falei muito sobre margem. E eu conheci seu pensamento, Darryl, você sabe, eu não estou aprendendo nada, então este é um exemplo perfeito de porque a margem é tão importante agora para o lado esquerdo, em vez de dar um 400 Martin para o esquerda, eu quero dizer, você sabe o que? Vamos em frente e esmague-o para a página vai dar-lhe menos 400 assim. Então este é realmente um olhar muito legal e eu realmente fiz isso em outro site. Este é um site que eu construí para um cliente há algum tempo. Espero que seu site ainda esteja ativo e eu incorporei exatamente o mesmo visual. Então aqui, sob as folhas sob a seção sobre os EUA. Agora eu vou rolar para baixo aqui e você vê como eu tenho as imagens sobrepostas umas outras. É um visual que você pode adicionar ao seu site. Sabe, há algumas coisas que você pode realizar com isso. Olha, há algumas características muito legais com as imagens meio que se sobrepõem umas às outras, assim como aqui. Assim como eu fiz neste site, você pode colocar à esquerda aqui, talvez adicionar algum conteúdo, etc. Então eu meio que quero pegar seu cérebro um pouco. Pessoal, vocês sabem. Espero que isso ajude. É um olhar muito elegante. É um olhar legal. Hum, eu tenho que trabalhar, que está chegando um pouco mais tarde. Então, uh, Peak . Vejo que não aprendem nada com eles, e vejo vocês na próxima palestra. 14. Serviços1: Ei, bem-vindos de volta, pessoal. Então, você sabe, espero que o teste te tenha ajudado. Você sabe, espero dar-lhe mais algumas idéias para seus sites. Agora, vamos em frente, fazer a página de serviços. Então, bem aqui, eu vou para a cama com L um mentor, e nós vamos realmente criar um site que se parece exatamente com este aqui. Esta vai ser a página que vamos criar. É muito simples. É muito prático. Temos depoimentos e também este acordeão legal. Então eu vou mostrar a vocês como construir essa mesma página. Então, bem aqui, vamos em frente e ir para a nossa direção. Nós vamos apenas ir em frente e arrastar isso para baixo, e aqui nós vamos apenas colocar nossos serviços e nada do que eu quero falar sobre caras é Por favor certifique-se de ficar até o final deste tutorial para aprender muito. Só quero ter certeza de que vocês entendam tudo antes de começarem a se aventurar e tentar coisas novas. Então aqui eu vou para o estilo e talvez mudar de cor para algo como branco e lembrar como mudar o fundo. Pessoal, alguém levante as mãos. Ok, está sob a seção, então a seção vai para cheio com estilo. Agora, talvez possamos adicionar um vídeo. Você sabe, você pode adicionar em seu próprio vídeo aqui. Talvez. Vamos entrar e sair de um vídeo aqui. Vamos adicionar um vídeo para esta seção. Vou colocar quatro K natureza aqui, quatro k natureza. E eu vou em frente e pegar um desses e eu vou copiar isso. Eu odeio aquele cara. Ele é tão irritante. Você quer ser rico só pelo meu livro por um dólar e você vai ficar rico? Não, isso não é verdade. Ok, então nós adicionamos o vídeo, Lincoln bem ali. Agora, sob o layout, queremos ir em frente e ter certeza que é um pouco maior. Então, sob o Hif, podemos dizer alturas mínimas. E lá vai você. Nós temos nossos serviços, e parece incrível bem ali. Ok. Não vai mudar a altura. Lembre-se, podemos ir em frente e mudá-lo, mas vou em frente e deixar em 400 agora também para o texto aqui. Certifique-se de clicar no texto, e podemos alterar o tamanho do título também. Então, sob estilo, vá para a topografia e poderíamos torná-la um pouco maior. Tudo bem. Então algo que se parece com isso agora também se preocupa. Aqui, nós vamos para aqui, e nós vamos apenas ir em frente e arrastar isso aqui para baixo, e nós vamos criar um título, então eu vou centralizar o estilo dele. Vou torná-lo preto. E quero adicionar uma margem. Você sabe, eu quero fazer isso um pouco para baixo. Você sabe, vai fazer um pouco lá embaixo. Clique aqui e eu quero adicionar um divisor. Eu quero continuar adicionando o mesmo estilo que eu tenho ao meu site. Então aqui eu quando reduzi a lacuna, quero um centro. Ele e eu quero fazer o com apenas um pouco algo simples como isso. Tudo bem, então agora eu realmente quero fazer uma nova seção. Vamos usar uma seção de seis colunas bem aqui. Então, seis colunas como esta aqui, e nós vamos entrar. Então Mike nas caixas. Então, aqui mesmo. Caixa de ícones vá em frente e pegue um ali. Então parece um pouco estranho ali mesmo. Mas o que podemos fazer para corrigir isso é chegar à esquerda ou aos direitos. Mas aqui, podemos basicamente reduzir o tamanho do texto. Algo simples como isso que basicamente, você sabe, manter um pouco simples. Mas quando espalharmos a página, página, vai parecer um pouco diferente. Então, aqui mesmo, sob seções, podemos ir para o máximo com, e ele vai realmente reduzir ou eu sinto muito, esticado o tamanho do texto. Então aqui nós podemos basicamente fazer algo como, hum, você sabe, ir para clicar nesta história Aqui, eu vou clicar sobre isso, e então nós vamos dizer, você sabe, eu quero isso para ser um justo e então vamos colocar, um, que nós colocamos gerenciar, e então um herói adicionou um texto falso. Oops. Vamos buscar o meu famoso texto fictício aqui. Então eu vou em frente e pegar um pouco disso e nós vamos em frente e colar isso lá dentro . Não, Se eu quiser mudar o estilo, Eu posso mudar a cor primária para algo como verde e também o conteúdo. Então eu quero que o conteúdo seja isso aqui. Eu quero ser negro, então eu vou mudar o título do conteúdo para Preto. E lembre-se de como fizemos isso antes. Podíamos duplicar isto e arrastar-nos até aqui. Duplicar isto. Isso economizará muito tempo quando você quiser alcançar uma linha de seis colunas. Agora, você também pode usar imagens, pessoal, você pode usar todo tipo de coisas. Você sabe, neste momento, você está começando a aprender como usar a Paige Miller e imaginação é tudo. E visitar outros sites também é uma boa ideia para ajudar você a descobrir diferentes maneiras de aprender a criar seu site. Então nosso herói colocou simples aqui, vamos colocar algo como, hum, incrível. E então aqui vai colocar diversão. Então aqui vamos em frente e colocar simples ou fácil. Ok. E então aqui vamos em frente e colocar algo como, hum, incrível. Não. Legal. Tudo bem. Então criamos nossa seção aqui. E também, se vocês precisam mudar a cor disso tudo parece fazer é ir para o estilo e cabras para a , você sabe, a cor primária, que você pode mudar para qualquer cor que você gostaria. Tudo bem. E outra coisa sobre a qual quero falar. Se você quiser duplicar esta seção inteira, lembre-se, basta ir para a seção aqui e ir para duplicar e duplicar toda a seção para você . Ok, então agora eu não quero essa seção inteira, mas eu vou em frente, você sabe? Vou deixar lá dentro. Vou deixá-la só para propósitos. Agora, o próximo que você quer fazer é realmente criar esta seção aqui, que é uma espécie de acordeão. E eu vou te ensinar a colocar essas imagens lá também. Então, aqui mesmo, vamos adicionar uma nova seção. Vamos colocar um agora correndo aqui, e vamos rolar para baixo, e vamos usar um novo widget. Desta vez. Vamos usar a seção de abas, algo assim aqui. Tudo bem. Agora, para a guia, clique na guia aqui e diga o nosso trabalho. E então aqui podemos falar sobre o nosso trabalho. Então talvez algo como, um, você sabe, eu só vou inserir uma mensagem falsa caras porque eu nem sequer tenho que colocá-lo mais. Eu só coloquei eu só escrevo coisas loucas e digamos que queremos essa imagem. Então, o que entraria? E aqui mesmo? Quero ir em frente e adicionar mídia. Então vamos clicar nisso, e eu vou em frente e pegar uma foto. Vamos agarrar em algo que se pareça com isso aqui. Vamos agarrar o corvo. Agora, digamos que você queira mudar o tamanho disso. Isto é um pouco menor. Se você for para os nossos estilos aqui, nós podemos realmente mudar tudo isso aqui. A borda com etcetera, toque em conteúdo. Mas outra maneira de mudar essa imagem, pessoal, é clicando na imagem em si e indo para editar. Agora, esta seção aqui, você vê tudo diz médio aqui. Você pode clicar sobre isso e ir para o tamanho completo. Então eu quero esse tamanho completo. Algo se parece com isso bem ali. Realmente profissional realmente parece bom. E também voltando para os caras das celas, podemos mudar a fronteira com eles também. Você vê como a fronteira está começando a se encaixar bem ali. Também podemos mudar a cor da borda, talvez querer preto. E podemos mudar a cor de fundo também. Você sabe, nós podemos mudar a cor do fundo para isso. Você conhece esse ar tão brega. Todas essas cores, não funcionam juntas. Tão perto em fechar que bem ali também a cor ativa. Então nós podemos realmente mudar a cor ativa. Então, quando alguém está clicando ativamente nele, nós podemos realmente mudar a cor ativa também. E a partir daqui, também podemos mudar a topografia. Agora, eu apaguei isso. Desculpe, pessoal. Vou em frente e sair mais uma vez no corvo. Desculpe. Bem aqui. Eu também era outra maneira de mudá-lo. Então, indo para o tamanho normal, você também pode ter este link para uma garota específica. Então aqui, sob vinculado a você pode digitar um mural personalizado. Agora, se alguém clicar nele, você quer que ele vá para outros sites? Sempre precisa fazer é ir em frente e colocar isso lá e ele vai aparecer. Ok, então agora ele vai tocar para ir para a guia, também. Então vamos em frente e fechar isso e ir para Tab, também. E aqui vamos colocar o nosso cavalo. E então bem aqui, eu vou ir em frente e talvez retroceder todas essas coisas aqui, e eu vou colar isso. Vamos ver, cole isso e então eu vou colocar um espaço aqui, e nós vamos adicionar uma foto bem aqui. Então adicione mídia e eu estou fora neste cavalo para que o tamanho esteja cheio, então vai ser uma imagem em tamanho real, e ele está absolutamente lindo. Lindo. Ok, então isso é basicamente como nós adicionamos na seção aba é apenas mais um módulo. É apenas outra maneira que você pode usar para mostrar seu trabalho. Então, por exemplo, você sabe que eles podem passar por, você sabe, nossas casas, nossos projetos, nossos funcionários, o que você quiser fazer, você sabe, o que você quiser para estilizá-lo. É assim que você faria. E você também deseja adicionar um novo item. Você clica em, adiciona um novo item, capaz de criar outra guia, então aqui vai sair da impressão e Demi texto novamente. Mas entrar e eu vou adicionar em 1/3 imagem apenas para falar propósitos. Você sabe, é que adicionou algo como este telefone bem aqui. E este é um telefone de tamanho normal. Então lá vai você. É assim que fazemos. Ok, então vamos em frente e adicionamos uma nova seção, que vai ser a seção de depoimentos. Então aqui, sob adicionar nova seção irá clicar sobre isso e vamos colocar para aqui. Então temos que fazer isso e vamos subir aqui, e tudo o que vamos fazer agora é adicionar a seção de depoimentos. Então, um depoimento vai em frente e agarrar isso simples. Então aqui temos o texto do que você quer que o depoimento diga. Então, sobre o que quer que essas pessoas falem? Seus sites. Então, você sabe, trabalho incrível. Melhor tutorial sobre você para mim, sempre. É melhor você ser uma boa crítica ou então eu vou. Ok. Nós vamos. Sim. Sim. Vocês acertaram? Ok. Então, aqui mesmo sob a imagem, podemos adicionar uma imagem para a imagem. Então eu vou colocar algo assim aqui, e eu vou inserir isso. E lá vai você. Temos a foto do cara e qual é o nome dele? Então o nome dele é John Doe. Qual é o trabalho dele? Bem, ele é uma posição de designer de imagem. Podemos realmente colocar isso no topo, bem ali. Ou pode deixar de lado o que quiser. Ok. E também, podemos mudar o alinhamento também. Acho que o senador está sempre bem agora para o estilo. Podemos colocar a cor do conteúdo aqui, e você pode alterar a cor do conteúdo e também para a imagem em si. Você pode tornar a imagem um pouco maior e nós podemos realmente adicionar um tipo de borda a ela. Se escolhermos ter uma fronteira, escolho não ter uma fronteira. Mas você sabe, você pode fazer o que quiser aqui e depois aqui mesmo. Claro, podemos decidir adicionar em um raio. Então o que os raios fazem caras , basicamente cria um círculo em torno dele. Isso é basicamente o que o raio faz agora, pelo nome aqui. Podemos mudar o texto e a fonte para ele. E também a mesma coisa para o trabalho. Então, para o designer, aqui mesmo sob o trabalho. Podemos basicamente mudar a cor do texto para isso. Tão azul Aziz. Então agora é azul. E nós também podemos ir em frente e mudar o você sabe, a topografia também. O tamanho, o que quiser que seja, etc. OK, então é isso para essa seção. Agora, vamos em frente e apenas duplicá-lo. Você sabe, duplica isso e arrastá-lo até aqui, e eu poderia mudar o nome. Agora vou colocar, hum, qual é o seu nome? O que é isso? Qual é o nome dele? A Jessica ainda não teria a Jessica. É por isso que a Jessica está lá. E Jessica é um ah, o que Jessica é? Ela é contadora. Tudo bem. E então vamos mudar a foto para Jessica bem aqui. Inserir na mídia. E lá vai você. E aqui diz que você diz: “ Ah, Ah, ele me roubou. Só brincando. E talvez uma carinha sorridente. Ok, então é basicamente assim que nós adicionamos na seção de depoimentos, e é isso. Pessoal, temos uma página de serviços totalmente funcional. Agora. Claro, essa parte é, você sabe, demais. Eu não iria eu nunca recomendaria muitas pessoas de texto realmente por imagens. Você sabe se é bonito. As imagens parecem boas. O vídeo parece bom. Todo mundo adora. Há muitas mensagens. Ninguém quer ler essas coisas. Eles só não se importam muito. Eles realmente não sabem. Uma pessoa que se importa com ele você me veste. As pessoas só querem ir direto ao ponto. Mantenha-o simples e apenas, você sabe, Bebe direto para todos. Tudo bem, então é basicamente isso para os nossos serviços. Page, pessoal, uh, voltando aqui, nós realmente criamos esses mesmos sites. Então é muito simples. E lembrem-se, pessoal, imaginação é tudo. Sabem, vocês estão a tentar aprender a usar a mãe de página dele neste ponto. Então eu vou falar um pouco mais sobre agora. Recursos avançados e layouts pré-fabricados. Porque agora que estamos começando a aprender a usar uma página Miller, talvez pudéssemos ficar um pouco mais confortáveis fazendo, você sabe, dar um passo adiante e ficando um pouco mais avançados. Ok, então eu vou ver todos vocês na próxima palestra. 15. Widgets e rodagem 1: Ei, pessoal, bem-vindos de volta a esta seção, vamos falar sobre widgets agora. Estas coisas estão no fundo bem aqui. Vou falar sobre o que são e como pode melhorá-los. Como você pode fazer o que quiser. Há milhões dos quais está lá fora. Há feeds do Instagram. Twitter alimenta Facebook como caixa sobre nós. As coisas lá. Tantos widgets lá fora. Então eu vou te dar uma rápida introdução sobre como você pode melhorar seu rodapé. Então aqui, vou ao meu painel e primeiro vou mostrar-te o que são. Então, aqui sob a aparência em Clique em Widgets. Agora você vê aqui temos rodapé, Widget um, Temos pé ou widget para temos uma barra lateral direita, uma barra lateral esquerda e um cabeçalho. Agora nós realmente desativamos a barra lateral, então precisamos nos preocupar com isso agora. Aqui embaixo do rodapé, Widget um. Estas são testemunhas atuais agora, então podemos adicionar um texto arbitrário. Então tudo que você também precisa fazer é pegar isso, arrastá-lo até aqui. E talvez eu possa colocar isso sobre nós. Você sabe, sobre nós sobre nós e depois jogar em algum texto aqui. Você sabe que podemos fazer algumas mensagens falsas. Vou ao meu site secreto aqui, e vamos pegar um texto fictício com todos os direitos. Minha internet é um pouco lenta indo para copiar isso e, em seguida, ir em frente e colar isso lá e, em seguida, clique em seguro agora também para o calendário. Estou dizendo, Deus, este calendário aqui, eu estou arrastando mais de dois pés. Que é para colocar o nosso encontro. Tudo bem, então eu guardei isso. Agora eu vou realmente abrir uma nova janela aqui, e nós vamos mostrar agora os widgets. Por isso, aqui tenho de ir até ao fundo, aqui mesmo. E há o sobre nós. E também a data está lá agora. Então lembre-se, lembre-se nas configurações anteriores como tínhamos diferentes estilos de widget, como havia basicamente quatro ou cinco. Então eu vou para todas as páginas aqui. Eu vou para a casa. Vejo aqui que diz widgets de rodapé. Ela só tenho dois widgets. Então aqui está indicando que eu só tenho dois widgets, mas podemos ter até cinco widgets sobre este tema WordPress. Então aqui vai para quatro alterações para quatro agora, e eu vou para atualizar configurações e vamos usar para widgets agora. Então vamos apenas dizer que você quer obter widgets diferentes. Ouvindo os plugins dela, vamos adicionar novos e pessoal, esta é a parte em que você meio que se aventura e vai para o maravilhoso mundo do WordPress e apenas encontrar o que você precisa, porque eu não posso realmente dizer-lhe que este é o melhor widget. Este é o melhor plug in. Seria injusto e ser tendencioso para mim dizer isso porque há tantos widgets lá fora e cada um deles tem uma função diferente. Você sabe que estes ar Google Analytics, Mega slider, forma ileso. Formulário de contato, etc. Formulário de contato, Então, estes são todos widgets, e eu gosto de dizer basicamente que estes ar como aps seus APS para seus sites WordPress. Então vou mostrar a todos como fazer uma caixa de Facebook. Então aqui, eu vou fazer o Facebook como caixa, e nós vamos apenas nós vamos ter ah, muito menos deles e caras, leva tempo, tentativa e erro para encontrar bons. Confie em mim. Há um monte de widgets ruins lá fora. Eu passei por uma lista inteira. Como, por exemplo, eu estava recebendo ah, breve, em breve ligar e tipo, não funcionou e, tipo, seis deles não funcionaram. Então, aqui mesmo, eu vou instalar agora, e nós vamos apenas usar esta execução aqui como um exemplo de um widget em nosso rodapé. Então eu vou ativar aqui mesmo. Então, nós realmente ativou o widget Facebook como caixa. Agora, como nós basicamente usamos essa causa aqui nós não temos nenhuma configuração, etc. Temos que voltar aos nossos widgets aqui. Então, sob a sala de aparência, clique em widgets e agora você pode ver o rosto do Facebook. Sinto muito que widget Facebook como caixa é uma nova opção, e está lá. Então você clica nisso e, na verdade, eu posso ir em frente e dizer, quer saber? Vou pegar isso e arrastá-lo para o widget ou rodapé. Widget número três. OK, então herói colocou Siga-nos. Paige, eu d. É aqui que você quer entrar na sua página do Facebook. Então aqui eu vou para o meu Facebook e vou para a minha página de fãs bem aqui, e eu vou levar essa garota bem aqui. Tudo bem? Vou voltar a isto para a página I d. Vou colá-lo lá para o com. Eu quero adicionar 300 e também a altura 300. Você quer usar um cabeçalho pequeno por enquanto? Coloque Não. Quer esconder o furter de cobertura? Claro. Sim. Eu não quero, eu não quero o grande Você sabe, este é o disfarce aqui. Eu realmente não quero isso lá. E você quer mostrar rostos de amigos? Sim, por que não? Deseja mostrar as postagens da página? Sim, claro. Então eu vou clicar em salvar agora. Agora ele vai voltar para o nosso site e atualizar os grupos de páginas voltando para L.A mentor. Lá vamos nós. E vamos em frente agora e rolar para baixo até o final da página e Walla. Agora temos um belo Facebook como caixa. Muito profissional. Parece muito bom. Agora. Além disso, você notou que esta caixa aqui está sobrepondo este widget. E isso é por causa do com bem aqui. Fizemos o com um pouco grande demais. Então aqui embaixo com talvez pudéssemos fazer 150 e vamos salvar, e depois aqui vamos atualizar a página. E lá vai você. Então você pode ver que não é um pouco pequeno demais agora, mas vocês podem entender a idéia, você sabe, apenas fazer o faria com um pouco maior. Talvez 200 serão bons 200 e nós vamos em frente e atualizar a página. E acho que parece um pouco melhor. Mas lembre-se também que quanto mais você tiver, mais scrunch será. E também poderíamos fazer isso cheio com. Então esta seção aqui, digamos, por exemplo, é caixa agora, mas você pode realmente ir para o personalizador de tema aqui, e nós podemos realmente fazer esta seção cheia com, o que significa que ele vai se estender por toda a página. Então, rolando para baixo aqui, vou ver minhas coisas na identidade do site dela. Não, está sob layouts e rodapé. Então aqui temos o nosso rodapé com aqui e temos cheio Nós temos contido, mas para a foto inter contido, talvez queira fazer cheio. E agora você pode ver que isso realmente se espalhou. Então agora ele se desfaz, o todo se espalha por toda a página. Então vocês têm a idéia lá, você sabe, basicamente, ele só permite, você sabe, Ah, olhar de cheio com widgets ou não. Agora, eu não sei qual deles parece melhor ou não. Eu ainda tenho 50 anos porque eu gosto do completo com olhar, mas eu acho que este estilo pode não ir para o bom, mas, você sabe, isso é apenas com você. Basicamente, estou a deixar-te saber como mudar isto. Então eu vou salvar e publicar, e eu voltar. Agora, vamos em frente e talvez encontrar outro widget para instalarmos. Então aqui e plugins foram para ir para adicionar novo e nós podemos realmente ir para popular, você sabe, nós podemos, você sabe, pesquisar ao redor. Há toneladas deles. Nós também podemos ir para recomendar o que eles pensam que podemos gostar base fora de nossas outras pesquisas. Então, há alguns bem aqui, e talvez possamos fazer algo como, Vamos ver, aqui podemos adicionar. Vamos fazer um ícones sociais, ícones sociais. Então eles têm muitos deles bem aqui. Na verdade, eu gosto daquele pela imprensa de acesso. Eu acho que os atores da imprensa tem alguns ícones sociais realmente bons. Então vamos digitar isso aqui mesmo. Nós vamos digitar a imprensa de acesso uma vez que você começa, você sabe, usando o WordPress por um tempo, você começa a realmente saber qual tem quem tem o melhor, Blufgan e tudo mais. Então aqui estão os ícones sociais para WordPress. Conecte. Vou clicar em Instalar agora e usar este aqui. E é muito bem avaliado. Você sabe, é para meia estrela com mais de 70.000 instalações ativas. Então nós vamos usar este acesso imprensa ícones sociais. Esta é realmente uma boa. Tenho um tutorial sobre este no YouTube. Então, se vocês quiserem esse vídeo, não se esqueçam de verificar isso. Agora, vou ativar aqui, está bem? Agora, alguns plugins vão realmente criar um novo menu, então veja, aqui como temos acesso ícones sociais de imprensa. Alguns widgets vão realmente estar no seu lado esquerdo. Lembre-se disso quando instalar um plug in, então vou suprimir ícones sociais. E eu vou apenas ir em frente e criar um novo ícone social. Então, bem aqui, vou colocar o nome do set. O que? Os nomes. Vou colocar um social social. E bem aqui eu vou realmente escolher entre os temas disponíveis. E vou dizer que quero algo parecido com isto aqui. Então temos todos esses ícones que se abriram. Agora só quero o Facebook. É isso. Então aqui embaixo do Facebook está bem aqui. Vou em frente e colocar nosso Facebook ou apenas colocar Facebook com eu vou colocar 50. Coloque 50 para o ícone haif Então isso é basicamente a altura do ícone e o ícone com tudo certo, e então aqui eu vou ir em frente e colar na minha página do Facebook e, em seguida, aqui, toda discórdia e colocar Facebook. Agora eu vou rolar para baixo aqui, e nós vamos, hum, dica de ferramenta. Podemos mostrar que está tudo bem. Animação do cursor do ícone. Então talvez eu queira que isso pulse. Se alguém passar por cima dele agora, vou clicar no ícone de salvar. Tudo bem, agora eles nos dão esse código curto. Agora, este é o texto do Onley 4, então nós realmente não precisamos usar este código curto. Vamos colocar isso em nossa seção de widgets. Então, voltando aqui para a aparência, indo para widgets. Agora você vai ver a imprensa de acesso, ícone social trope. Agora, de repente, vê isso? Vamos em frente agora e colocar isso sob o número quatro. Então, acesso para ícones sociais, um, e pegue isso, arraste-o para cima, e então eu vou colocar siga-nos, escolher o ícone, definir o Social um e ir para o seguro. Tudo bem, agora, eu vou voltar aqui e atualizar esta página, e eu sou um pergaminho para baixo todo o caminho para baixo todo o caminho para baixo. E aí está. Agora temos nosso Facebook, e se eu clicar nisso, ele vai me levar para minha página de fãs do Facebook. Ok, então isso é rápido resumo de widgets. Pessoal, há um monte de widgets lá fora, um monte de plugins, então é meio difícil para mim meio que ensinar vocês. Qual é o melhor plug in? , tenho muitas recomendações No entanto no meu canal do YouTube. Então não se esqueçam de verificar se vocês estão interessados. Então é isso, pessoal, para as bruxas e o rodapé. Vamos para as próximas seções. Vejo-vos a todos lá. 16. Layouts1: Ei, bem-vindo de volta nesta palestra, vamos falar sobre layouts pré-fabricados e como você pode criar um site em segundos com L.A mentor. Além disso, vamos falar sobre como você pode criar seu próprio layout, importá-los e exportá-los para outros sites diferentes. Tão rápido. Antes de clicar sobre isso, você quer ter certeza de que seu conteúdo está sob nenhuma barra lateral aqui. Você pode decidir o número de widgets pool falar sobre bruxas em apenas um pouco. E aqui mesmo com o conteúdo, você pode deixar isso marcado bem ali. E também o título do conteúdo deixar. Essa verificação é Bem, agora eu vou clicar em editar com L um mentor, e vamos usar o layout pré feito que L Motor deu com a gente. Então, aqui mesmo, clique em adicionar Template e elemental realmente criou todos esses modelos para nós para tipo de ajuda nos dar idéias e também inspiração. Agora vou clicar neste aqui. Vamos usar este. Vamos usar este escritório de advocacia aqui e lá vai você. Então o site é criado para nós e este é o pessoal vivo. Então este é um site inteiro que já fez para nós. Todo o trabalho duro está feito. Tudo o que precisamos fazer é ir em frente e pegar nossas imagens, colocá-las lá, colocar nosso título, colocar nossas informações, e lá vai você. Então, por exemplo, isso é assim que você quer fazer uma mudança nisso? Vou abrir isto. É caras muito simples para marcar para clicar nele. Estamos aqui quando coloca o número um em vendas, e aqui você pode ir em frente e mudar as mensagens. Este é um texto falso e aqui em cima, talvez queira mudar este título aqui. Vou colocar Darryl e Wilson, Darryl e Wilson. E aqui eu vou colocar algo como, legal você para mim, instrutor. O melhor. Quer dizer estrutura, certo? Isso é certo. Ok, então o melhor você para mim, instrutor, apenas assim. Ok, agora, vamos apenas dizer que você quer basicamente manter esta seção. Sabe, eu só gosto desta seção do trenó. Não gosto de mais nada. Todas essas outras coisas que eu não gosto. Digamos que eu queira apenas pegar isso e salvá-lo e carregado em uma parte diferente do meu site. É muito simples. Então aqui mesmo em sua seção, você clica neste pequeno botão salvar, Segredo seguro Clique sobre isso. E vou ligar este Lawley que talvez vá salvar, por isso tenho este aqui. Lawley que talvez vá salvar, layout LOL. Agora, vamos apenas dizer que eu quero carregá-lo em uma parte diferente do meu site aqui em uma rolagem para baixo e bem aqui em adicionar modelos. Eu sou um clique em adicionar modelos. Vá para os meus modelos e sob layouts de lei, eu vou apenas inseri-lo. E lá vai você e você pode usar esse cara em qualquer página em qualquer parte do site . Não precisa ser a mesma página. Pode ser qualquer parte do site. Agora, vamos apenas dizer que você tem outro domínio. Vamos apenas dizer que você tem outro ah todo outro site e você quer pegar essa informação e colocá-la em outro site. Você pode fazer isso aqui embaixo da seção. Nós vamos clicar na seção e vamos clicar no cofre e vamos fazer algo como, hum, na verdade, não, não, nós podemos realmente ir para nossa biblioteca em vez disso. Então esta seção aqui, vamos ver. Podemos fazer isso de duas maneiras. Eu vou fazer assim. Faremos do zero. Tudo bem. Então eu vou fazer isso da SEÇÃO. Nós vamos salvar isso, e nós vamos fazer exportação um. E eu vou salvar bem aqui. Certo, agora temos uma exportação aqui. Agora, vamos apenas dizer que você tem outro domínio, e você quer pegar esse layout e colocá-lo em outro site. Então aqui, eu sou um clique na exportação. E isso é só uma pequena manhã. Então ali está o layout. Então eu sou um mentor, Jason. Agora, vamos apenas dizer que você quer ir em frente e carregar isso em outro site. Além disso, você tem que fazer isso agora para que tenhamos o layout bem ali. Chama-se Elemental Dot Jason, vou até aqui ver ou ir ao meu painel. Eu não vou salvar nada disso, e eu vou para L.A mentor, e eu vou para minha biblioteca agora, aqui mesmo. Vou clicar em layouts de importação, escolher o arquivo e eu acredito que foi chamado l um mentor e ver bem aqui l um mentor. É, certo. É aí que está. Elementar, Doc. Jasão! Bem aqui. Então esse é o seguinte que temos. E eu vou clicar em abrir e importar agora. E lá vai você. Então, importar um está agora no site. Então, é basicamente assim que você pega esses layouts e os exporta para um domínio diferente . Porque talvez você queira criar um monte de layouts, e então talvez, você sabe, você tem um cliente e você poderia apenas carregar um lay no site deles e então bam, lá vai você. Sabes, o teu trabalho já está feito, por isso é uma boa ideia. Se você é um Web designer, é um atalho muito bom e carregar, carregar modelos e bibliotecas caras não é vergonha. Sabe , economiza muito tempo. Ainda é um layout muito bonito que eles criaram para nós. Então não há vergonha em fazer isso. Eu faço isso o tempo todo porque às vezes os clientes querem um site muito bom, e se eles já fizeram algo realmente bom, basta usar isso em algumas modificações, etc. Ok, então esse é basicamente o meu tutorial. Caras em layouts. Vocês podem ir em frente e ver a lista de layouts. Você pode usar o seu próprio. Você pode exportá-los, importá-los o que quiser. Tudo bem, então é isso para esta palestra, pessoal. Vejo vocês na próxima palestra. 17. Parallax1: Ei pessoal, bem-vindos de volta. Então, nesta palestra, vamos falar sobre a seção de paralaxe e como alcançar esse olhar e como eu fiz isso. Agora, o Efeito Parallax está realmente crescendo popularidade e muitas pessoas gostam dele porque ele apenas parece realmente limpo. Parece muito divertido e único. Então, hoje vamos mostrar-lhe como incorporar o efeito Parallax como este em seu site Então vamos até aqui para o nosso site e vamos para a nossa página aqui, . e eu sou um ir para editar página e vamos agora clicar em editar com L um mentor. E como sempre, pessoal, certifique-se de conteúdo ID sem barras laterais, os widgets, você pode escolher quantos widgets você gostaria. Falamos sobre widgets na palestra anterior e também o cheio de conteúdo e também o título do conteúdo. Então eu vou clicar em editar com L um mentor, e nós vamos agora criar esse belo efeito de paralaxe. Então eu vou em frente e apenas pegar uma direção bem aqui, e eu vou ir em frente e dar as boas-vindas à Parallax. E então aqui eu vou em frente e colocar enter agora, também, para este estilo, podemos escolher mudar isso. Provavelmente vou mudar para brancos. Agora, eu quero adicionar um fundo a isso. Então, sob a seção aqui, a primeira coisa que eu quero fazer é fazer isso completo com. E também bem, na verdade, eu vou fazer a altura a seguir porque eu meio que quero mostrar a foto. Primeiro, vou ao estilo. Vou para o clássico e vou para a imagem. Agora, também podemos colocar um fundo de vídeo também. Ok, então eu só quero lembrar a todos que é assim que você coloca fundos de vídeo. Então aqui e vá para a imagem. E eu vou apenas selecionar uma dessas imagens aqui. Inserir mídia. E agora eu vou voltar aqui para layouts, e bem aqui embaixo se eu vou fazer Men Heights. Agora, aqui é basicamente onde você pode controlar a altura da imagem bem ali. Você vê isso? Então você pode ir em frente e decidir o que ela gostaria. Vou colocar algo como aberto 700 7 700, em seguida, a posição de conteúdo. Quero no meio, bem aqui. Tudo bem, então talvez eu queira fazer isso um pouco maior. Então, se eu clicar aqui, podemos realmente ir em frente e mudar. Isso vai para o tamanho, e eu vou apenas fazer, tipo, extra grande algo que se parece exatamente com isso. Agora eu quero ter certeza de que esta seção aqui está corrigida porque agora, se eu rolar a imagem meio que você não sabe, ela fica. Então, a fim de obter esse efeito de paralaxe olhar, você tem que clicar na seção e aqui nós vamos para estilo, e nós vamos ter essas opções bem aqui. Então eu acredito que está sob o, hum o outro as repetições ou apego? Sim. Ou o anexo que você vai querer mantê-lo como fixo agora com o fixo faz é que ele mantém a imagem onde ela está. Então, se você quiser obter esse efeito de paralaxe, é exatamente assim que você faz. Mas vamos dar um passo adiante. Vamos em frente agora e criar outro aqui. Vamos criar uma nova seção. Então aqui vou adicionar uma nova seção. Vou em frente e colocar este aqui. Agarra isto. Vou pegar este cabeçalho texto animal coloca nossa empresa é incrível e vamos colocar no centro. Não para o estilo. Eu vou mudar para brancos, e então aqui, eu vou clicar para trás, e nós vamos clicar na seção agora e seção que queremos isso completo com nós vamos para o estilo. Nós queremos ir para o clássico, e aqui nós vamos seguir em frente e escolher a imagem. Agora, vou escolher este aqui. Tudo bem? E agora, a fim de espalhar isso, nós vamos voltar para aqui para fora, e nós vamos para hype e eu posso realmente caber na tela. E o que se encaixa na tela ele realmente vai caber na sua tela atual. Tudo bem, mas eu acho que isso é um pouco grande demais. Eu só quero algo por perto. Talvez tivéssemos 700 acontecendo. Parece bom. Parece que sim. E também precisamos ter certeza de que isso está sob fixo. Então, sob estilo, nós vamos para os anexos e certificar-nos de que isso está sob fixo bem ali. Então agora temos um efeito de paralaxe duplo bem ali. E também podemos continuar adicionando coisas aqui. Então, por exemplo, digamos que eu queira clicar sobre isso aqui. Poderíamos adicionar o carrossel de imagem e arrastá-lo para baixo. E esse cara não adicionou algumas imagens aqui. Você sabe, eu não fiz Este aqui, este e este aqui, eu vou criar uma nova galeria e inserir a galeria. Tudo bem, então eu tenho minhas quatro imagens lá, e bem aqui nós poderíamos colocar o tamanho das imagens. Eu provavelmente vou colocar, você sabe, você pode colocar 300 etc. Então agora você pode ver que nós temos nossas imagens lá para que essas parecem muito legais. Eu acho que imagens brancas provavelmente ficaria um pouco melhor neste plano de fundo. Mas eu só estou mostrando como fazer isso apenas para você sabe, se os propósitos de pedágio e tudo mais também, vamos apenas dizer que você quer adicionar em algum texto. Mas antes de sairmos do texto, vamos apenas criar outra seção. Vamos apenas criar outro. Tipo de obter este efeito duplicado, paralaxe bonito que temos aqui. Então por aqui. Vou adicionar uma nova seção. Clique neste aqui. Vá clicar sobre estes aqui. Pegue o texto do título. E nós aqui eu quero colocar isso é Parallax e clicar em, você sabe, centro. O estilo muda para brancos, como temos feito. E eu vou clicar nessas partes da seção e a seção, lembre-se, lembre-se, controla toda a seção dele. Eu quero isso como cheio com e a posição de conteúdo. Mantenha-o no meio. E também a altura. Dois homens Altura. Bem ali. Agora precisamos adicionar uma imagem de fundo. Esse é o problema, não parece, não tem uma imagem de fundo aqui. No seu estilo, você clica no clássico clique em animais de imagem como este. Agora responda na mídia e Voila! Lá vamos nós. Parece muito bom. Agora, lembre-se, para o anexo você tem que mudá-lo para fixo. Corrigido lhe dará o efeito de paralaxe Agora voltando para o layout. Você quer basicamente fazer isso um pouco maior, apenas assim? Isso parece muito bom. E então aqui podemos, você sabe, adicionar mais alguns widgets. Você sabe que pode continuar adicionando conteúdo aqui dos widgets de texto. E eu vou colocá-lo bem ali e depois para o estilo que eu queria no centro. E eu quero esse texto branco assim, certo? E também, digamos que você queira adicionar alguns contadores de números aqui. Vamos em frente e fazer isso. Então aqui e clique sobre isso, e eu estou realmente indo para colocar colunas e eu vou realmente colocar isso aqui. Oops. Eu só coloquei em qualquer lugar aqui e agora nós podemos realmente inserir as colunas bem aqui. Então aqui, vou pegar a coluna e tudo, talvez adicionar um. Então temos três. Talvez três seja bom. Agora, eu quero esta seção abaixo do texto aqui. Então eu vou clicar nesta seção, e eu vou apenas clicar aqui. E agora temos a seção abaixo do texto. Então, clicando neste ícone aqui e eu quero ir em frente e pegar em alguns contadores de números . Então contadores de números, e então bem aqui, eu vou em frente e colocar você sabe que está tudo bem, você sabe, número legal. Acho que podemos colocar outra coisa, mas quero mudar o texto para Branco. Então, sob a cor do texto, eu quero colocar isso como brancos e também para o título. Eu quero colocar esse traseiro branco. Bem, agora vamos dizer que eu quero duplicar esta linha. A mesma coisa que eu sou um duplicado. E lá vamos nós. Então agora vamos em frente e dizer que você sabe disso. Talvez eu não queira criar uma outra seção inteira. Já fizemos três seções com o objetivo de fazer tudo de novo. Vamos apenas duplicar uma seção inteira e, em seguida, apenas arrastá-la para cima. Então aqui, eu vou apenas ir em frente e clicar na seção e nós vamos duplicar essa seção bem ali. Então agora vocês podem ver que a página realmente se espalhou, o que é outro olhar muito legal. Mas eu quero apenas pegar esta seção e apenas arrastá-la para baixo. Então eu tenho esta seção aqui e eu quero apenas arrastá-la para baixo bem aqui. E lá vai você. Agora temos um efeito de paralaxe muito legal. Vocês podem ver que parece muito bom. Começou a aparecer. Agora eu também quero falar sobre controles deslizantes de vídeo. Então há muito sobre vídeos, lutadores que você pode fazer. Você sabe, Por exemplo, em vez de ter este grande fundo, podemos realmente apenas incorporar um controle deslizante de vídeo. Então, adicionando uma seção aqui, vamos ao estilo e vamos em frente e pegamos um vídeo do YouTube . E eu realmente recomendo pegar os quatro vídeos K porque o YouTube tem tudo. Portanto, é um site monstruoso. Então quatro k natureza e, você sabe, pegar um desses é, você sabe, provavelmente uma de suas melhores soluções. Então eu vou pegar este aqui e vamos ver como este fica bem. E eu vou em frente e colá-lo bem ali e enquanto lei Então isso é muito legal você sabe, fundo que você pode ter para o seu site. Não, nós temos, ah, cidra de vídeo mais o efeito de paralaxe, o que parece muito legal. Então sinta-se livre caras para passar por isso, você sabe, e mexer com as configurações de paralaxe que você pode ter como uma página de paralaxe totalmente funcional apenas se destaca e você pode decorá-lo. Você pode adicionar todos os tipos de coisas realmente legais para ele. Então é isso para os caras da seção. Espero que isso tenha ajudado você. Vamos para a próxima seção, então eu vou ver todos vocês lá 18. Quiz 2: Muito bem, pessoal, bem-vindos de volta ao próximo teste. Vamos falar sobre como fiz essas tabelas de preços. Então tabelas de preços são realmente agradáveis, sua única. Agora existem 1000 estilos diferentes. Mas eu só quero mostrar o formato de como criar uma tabela de preços para que você possa criar uma para si mesmo. Agora, realmente, tudo isso são caras. Se você olhar para isso com cuidado, é apenas um texto, um texto, uma linha. Eu adicionei uma Nikon isso aqui e uma chamada à ação. E então eu basicamente delineei a caixa inteira com uma cor para dar aquele olhar distinto como se fosse sua própria tabela de preços. Então, bem aqui embaixo da coluna, você vai ver que eu basicamente mudo a cor de fundo aqui. Veja que nossa mudança, a cor bem ali. Esta seção aqui é um texto de cabeçalho. Então eu basicamente fiz uma taxa de imposto aqui. Este também é um texto de cabeçalho, e eu basicamente, você sabe, eu basicamente fiz o tamanho maior para tipo de dar mais ênfase para torná-lo como uma tabela de preços, etc. E nesta seção aqui está apenas uma divisória. Então cabeçalho, divisor de cabeçalho. E nesta seção aqui, na verdade, um pouco mais de personalização. Então este é basicamente o gadget de lista de ícones bem aqui. Então, a lista de ícones. Agora vou apagar isto e mostrar-te exactamente como o fiz. Então esta aqui é a lista de ícones, e eu vou arrastá-la aqui. Agora, por padrão, vai ficar assim. Então, como me saí? Oops. Desculpe por isso. Então, como fiz com que parecesse algo assim aqui? Nós vamos tudo o que realmente fez foi colocar algo como, você sabe, completo S E o serviço. E coloquei um cheque aqui. Você pode colocar o que quiser, e eu vou colocar a empresa de web design, e então aqui não vou fazer nenhuma verificação de crédito, o que você tem que ser louco para fazer isso. Mas algumas empresas lá fora, você sabe, eu não sei. Então aqui temos estes aqui, tudo. Isso é muito bom. Mas precisamos basicamente alinhá-lo para que pareça um pouco melhor. Então aqui, com estilo, quero ter certeza de que está centrado. Certo, então temos isso centrado. Agora, aqui você pode mudar a cor do ícone para algo como preto bem aqui. Mas a única característica importante é que precisamos usar espaçamento entre linhas porque o espaçamento entre linhas basicamente faz isso. Dê essa ilusão de que é uma tabela de preços. Então aqui, sob texto, vamos para topografia e bem aqui sob as alturas da linha. Nós vamos fazer isso um pouco maior e você sabe, o espaçamento de linha que podemos, você sabe, Sr. Vice baseando um pouco, etc. Então foi basicamente assim que fizemos a tabela de preços. E lembre-se também, uma vez que você terminar de criar essa tabela de preços, tudo o que você precisa fazer é apenas duplicar a rosa. Não torne isso muito difícil para si mesmo. Não tente, sabe, fazer tudo sozinho. Basta usar tecnologia, você sabe, usar o que está disponível aqui. Tudo o que precisa fazer é apenas clicar em duplicado. E agora tem uma segunda linha e, em seguida, coluna duplicada. E então aqui, tudo que você precisa fazer é ir em frente e mudar o título. E também aqui. Mesma coisa, você sabe, só para 99. E rapazes. Há também muitas demonstrações sobre como criar tabelas de preços. Há também esta mesa de pressão. E se vocês olharem para esta tabela de preços com muito cuidado, tudo isso realmente é, caras, esta é uma seção gigante bem aqui. Então deixe-me mostrar a analogia por trás disso. Então esta aqui é uma seção gigante, e é apenas cinza. Esta é uma coluna com um fundo branco, um texto, um texto, a lista ICOM divisor e um botão de chamada à ação. E se você notar quando eles têm um pairar sobre, ele fica azul aqui. Exatamente a mesma coisa. Então, é basicamente obter ideias e apenas aprender a usar o construtor de páginas. E parece complicado, mas realmente não é, você sabe, é apenas uma mensagem. Uma lista de ícones de divisor de texto. Ah, botão com apenas um fundo azul, é isso. E aqui mesmo, fora do raio da fronteira. Então o raio da borda é 10 e isso basicamente dá a ele aquele olhar arredondado. Mude atitudes. Quero dizer, tipo, zero. Vai perder esse olhar como aqui. Então esta caixa aqui vê como está agora ao quadrado. Então você quer aquele olhar arredondado. Você precisa adicionar o raio da borda. Algo em torno de 20 a 30 seria ótimo. Então é isso, pessoal, para este teste. Espero que isto te ajude. Talvez no futuro vocês pudessem fazer uma tabela de preços que parecia muito, muito legal. Talvez até melhor do que o meu, então verei todos vocês na próxima palestra. 19. Contato: Ei, pessoal, bem-vindos de volta. Então, nesta palestra, vamos falar sobre o formulário de contato. Vamos usar a imagem do Google Maps. Vou mostrar a todos como usar o formulário de contato Plug em junto com apenas criar uma simples página de contato conosco. Então vamos em frente agora e começar. Vou voltar aqui para o nosso formulário de contato e aqui, clicar em editar com o mentor L.A. Ou, se isso não for, essa opção não está disponível para você. Basta ir para a página de edição e no concurso A seção de contato dos EUA. Basta clicar em qualquer com l um mentor, e isso vai abrir toda esta seção para nós. Tão rápido. É muito simples. Bem aqui. Clique em. Adicione na sua seção. Queremos fazer este grande mapa aqui. Então temos esta seção bem aqui. Agora, eu só quero pegar o Google Maps aqui e arrastá-lo para lá. Simples. Fácil. Agora aqui. Vou colocar Avalon Hollywood, e também podemos controlar o nível de zoom. Sabe, poderíamos fazer zoom bem perto, ou podemos fazer zoom. Muito perto, etc. Eu sinto muito. Isto é quanto maior o número, mais perto ele amplia. Além disso, você pode alterar a altura disso também. Mas era algo assim aqui e também evitar rolagem. Então isso significa que se alguém, se alguém rolar sobre ele, você quer evitar o pergaminho ou não? Então, clicando em sim ou não, veja, agora, se eu usar meu mouse e rolar, ele não aumenta o zoom nele. Então eu acho que é uma boa idéia fazer isso. Às vezes, as pessoas ficam presas quando estão rolando para baixo na página. Eles são como, Oh, meu Deus diz isso. Estamos a saber. Sabe o que quero dizer? Já fiz isso muito em muitos sites. Por isso, aqui mesmo, vou para a secção. Eu quero fazer isso cheio com. E também quero ter certeza de que não há lacuna aqui. Vê aquela lacuna ali? Quero eliminar essa lacuna. Tudo bem. Então isso é basicamente como você entra no Google Maps é muito, muito simples. Existe uma maneira secundária de fazer isso. Agora vou mostrar-lhe o caminho secundário só para dois pedágios propósito é apenas para fazer você aprender um pouco mais. Então o que você também pode fazer é ir bem aqui, fora em um editor de texto, apenas dirigi-lo e pegar um texto. E agora você vê, há duas guias. Há um visual no texto. Agora, para futuros caras de referência, sempre que um plug in ou algo diz para você digitar um código curto ou um pedaço de script, ele sempre vai para o editor de texto da caixa de texto. Está bem , deixa-me mostrar-te exactamente o que quero dizer. Então eu apenas retrocedi que agora eu vou para o Google Maps bem aqui. Vou ao Google Maps, e vou colocar algo como Dollinger, minha cidade natal, cidade natal Chatsworth, Califórnia. Agora eu vou clicar em compartilhar. Bem, dois no mapa da cama. E você vê isso aqui? Este código. Vou em frente e copiar isso aqui. Vou voltar aqui e vou colar isto na caixa ali. Então, agora, se eu voltar aqui agora, você vai ver que isso realmente apareceu. Então essa é uma maneira alternativa de usar os mapas do Google. Agora, se usar sob visual , não vai funcionar. Eu só vou em frente e apenas colar este código sob visual. Você vai ver todo esse código. Ok, então essa é a diferença. Então, sempre que um plug in ou algo lhe diz para colocá-lo em seu texto arbitrário texto, você deve certificar-se de que ele está sob a caixa de texto ou então ele não vai funcionar. E isso vale para tudo o que vale para códigos curtos. Isso vale para um código PHP que serve para qualquer coisa que um plug in lhe dá diretamente. Ok, então aqui, eu vou apenas ir em frente e apenas mentir. Tudo isso e não vamos usar essa caixa. Vou em frente e deletar essa seção inteira. Você sabe, ele sempre faz isso às vezes. Você sabe, se ele faz isso também. Vocês, onde é como se clicassem assim. Só faz isso, às vezes, é estranho. Então eu sei. Então agora vamos em frente e adicionar um texto aqui. Então eu quero adicionar um texto, um divisor e um texto. Agora você está pensando, Oh, isso é apenas prática, você sabe, isso é bonito. Bastante simples. Espero que voltem para aprender a usar isto. Então, aqui. Mas contacte-nos. Coloque isso no centro e para o estilo. Quero torná-lo preto. E eu quero adicionar uma margem. Quero adicionar um pouco de espaço aqui. Então, clicando nisso, vou dizer por que eu queria 100 fotos de lá. Agora, clicando aqui, um em uma divisória bem ali. Reduziu o espaço, Coloque-o no meio e reduza o com direito lá. Oops. No meio, bem ali. E também aqui. Quero adicionar um novo conteúdo. Eu quero ir em frente e Adam uma mensagem. Talvez você possa falar sobre seus sites ou o que quiser. Então, aqui, eu vou entrar em um texto falso, e eu vou pegar isso. Talvez seja demais, sabe? Eu não sei. Talvez seja muita mensagem e veja aqui. Acompanhá-lo. Sim, talvez seja demais. Certo, algo assim. Tudo bem. Agora temos essa próxima seção aqui onde é um pouco mais dividida onde temos nosso escritório e temos essa seção aqui, então vou mostrar a vocês como fazer isso. Então aqui, eu vou apenas ir em frente e dizer, tudo bem, centrado. Vou seguir em frente, centralize este texto agora mesmo aqui. Vou adicionar uma nova seção e vamos clicar em “Tudo bem”. Agora, por aqui. Eu quero pegar o título e eu vou colocar algo como, ah, ah, foi nosso horário de escritório, nosso escritório. E então eu também posso fazer algo como, você sabe, o texto. Claro, quando eles ficam negros e para o avanço, eu não posso querer empurrar uma onda. Quero afastar-me do topo, bem aqui. Vou adicionar alguma margem, por isso não tenho 100 anos. Ok? Então adicionou alguma margem ali. Agora também quer basicamente adicionar alguns ícones aqui. Então, tipo, você sabe, nosso telefone, nossa localização, nosso número de fax, etc. Então o que eu chamo isso seria a melhor aposta para isso. Só pegava isso e largava bem ali. Tudo bem? E lembre-se também que você pode adicionar mais. Sabe, podemos adicionar quantos quisermos. Então aqui podemos adicionar algo como, ah, construir Pasadena Boulevard, Hollywood, Califórnia, etc. Então, bem aqui, eu vou fazer algo como, você sabe, nosso telefone dela e então começar. Mas algo como, você sabe, para o ícone vai colocar bem colocar telefone e, em seguida, bem aqui, basta ir em frente e colocar o seu telefone. Você sabe? Então, 1 88 Não, 288 a 9999 Ok, então foi basicamente como eu consegui esse olhar bem ali. Então você pode basicamente passar por cada um e, você sabe, projetá-lo também para o link. Então, se você quiser que este seja um link onde alguém iria clicar nele e levá-los para outro site, você iria inserir seu link bem ali. Também para o estilo. Ele pode alterar o tamanho do ícone para fazer um pouco maior e também alterar a cor da fonte também . Ok. E então, como é claro, você pode fazer uma linha. Você pode fazer isso para os direitos, etc, onde quer que você queira estar. Ou você pode realmente ir aqui e apenas mudar o texto do número real em si. Então aqui você pode alterar o texto, recuo e, em seguida, talvez alterar a cor do texto e topografia também. Então vocês sabem o que é isso agora? Não quero passar por isso de novo. Então vamos em frente agora e falar sobre o formulário de contato plug in. Então, aqui mesmo, vá salvar. E vamos salvar nosso progresso atual, e vamos para o nosso painel agora. Ok, agora, você também deve fazer isso sob uma janela diferente. Mas, sabe, só para vender serviços, eu vou para o painel, e vamos fazer isso do zero, ok? Então, indo aqui para conectar, nós vamos adicionar novo. Não, há muitos plugins lá fora. Eu costumava recomendar o formulário de contato sete, mas eu não recomendo mais o formulário de contato sete porque eu apenas encontrar um monte de meus espectadores e muitos de meu público acham que ele tem tipo de ouro ao longo do tempo. Então eu sou. Sabe, não estou mais recomendando contato com o Formulário 7. Eu vou realmente recomendar Contact Bank e este plug tem funcionado para mim, então eu sei que ele funciona muito bem. E é um relativamente, um, você sabe, bom plug in para usar. Era um banco de contato. Vês? Bem aqui. Chama-se contato. Outra maneira. Vocês se confinaram apenas por entrar em contato comigo aqui e há toneladas deles bem aqui. Mas muitos desses formulários de contato, você sabe, muitos deles são muito antiquados. Ah, muitos deles não funcionam. O mais popular é o formulário de contato sete. Mas como eu disse, ele realmente meio que doou ao longo do tempo. E acho que a tomada não está funcionando bem. Ah, muitas vezes que eu uso Ah, formulário de contato sete. Que o plugue, ele realmente simplesmente não enviá-lo para spam estourado em vez disso. Caixa de entrada, aqui é o formulário de contato 7. Mas eu não recomendaria mais porque, hum, desde a nova atualização do WordPress, ele tem tido um monte de problemas. Mas agora vamos em frente e apenas resolver o plugue em que estamos procurando Serena, digite WP Contact Bank, e aqui vamos usar este formulário. Então, aqui mesmo. Basta clicar em instalar agora, e nós vamos instalar este plug in. E o que este plug vai fazer é basicamente criar um formulário de contato para nós. Então, sempre que alguém vai ao nosso site e nos envia um e-mail, ele vai direto para a nossa caixa de entrada. Ok, então está quase pronto a instalação e clique em Ativar. Tudo bem, então aqui, você pode ver contato sendo que a edição atrasada está instalada. Agora, vamos em frente e usar este formulário de contato. Então, às vezes , pessoal, quando você instala plugins, às vezes é meio difícil encontrá-los. Você tem que meio que ter que olhar ao redor. Às vezes está sob configurações, etc, mas arcos bem aqui. Então, basta clicar no contato rosa. E eles basicamente fizeram uma floresta de demonstração. Eles basicamente já criaram um para nós, então vamos em frente e usar este. Mas, sabe, talvez eu não devesse fazer isso. Vamos em frente agora, Basta criar um novo formulário só para mostrar apenas para os serviços idem. Então aqui nós formamos o nome e temos uma descrição do formulário. Temos uma mensagem em branco. Temos uma mensagem de e-mail incorreta. Uma mensagem de sucesso, etc. Ok, então este é basicamente um fórum rápido que eles criaram para nós. Agora nós podemos realmente apenas levar isso aqui e vamos dizer que eu quero adicionar em uma única descrição linha aqui. Então aqui temos o 2º 1 bem aqui. E talvez você queira adicionar algo, como um texto de parágrafo. Então aqui, vamos em frente e mudar os nomes bem aqui. Então eu vou para as configurações, e bem aqui, eu coloco como nome agora, isso é necessário ou não obrigatório? Então soma-se a você. Vou clicar em salvar. E aqui de novo. A mesma coisa aqui. Vou fazer algo como, um, mensagem. E então talvez você ouça um monte de endereço de e-mail. Então, configurações de endereço de e-mail. Quero que isto seja necessário. Ok. E, em seguida, aqui vai fazer caixas de seleção, ou você pode fazer uma caixa de seleção. Hum, você sabe, o que quer que você gostaria de adicionar, há um monte de gadgets aqui. Então aqui, talvez você queira fazer algo como, hum, nada. Isso é o suficiente. Talvez apenas um nome como um e-mail para mantê-lo simples. Sabe, acho que isso é muito bom. Então mensagem de sucesso, você sabe, enviado com sucesso com sucesso para ser forma segura. Agora nós podemos basicamente usar este Ah, este formulário de contato. Então, aqui mesmo. Este é o formulário de contato que criamos. Então eu vou em frente e usar este aqui. Agora, eu preciso pegar tudo isso, e eu estou copiando isso. Agora está indo para o nosso formulário de contato. Então páginas, todas as páginas entre em contato conosco. Tudo bem, então toda a carne que você fez agora é apenas ir em frente e nós vamos rolar para baixo aqui, e nós vamos usar o widget WordPress. Então aqui, sob a imprensa premiada. Quer pegar o texto arbitrário e apenas ir em frente e apenas arraste isso para lá. E queremos pegar o código curto e simplesmente colá-lo bem ali, e então vamos clicar em salvar e voila. Agora temos nome, mensagem e e-mail, e eles podem simplesmente ir em frente e enviar sua mensagem. Então é isso, caras para a página de contato conosco, nós basicamente criamos uma página de contato totalmente funcional nos deram seu mapa. Demos a eles o título aqui, o escritório e o formulário de contato também. Isso é praticamente tudo para esta seção, pessoal. Além disso, vamos em frente e talvez adicionar outra seção aqui. Então eu basicamente criei outra seção aqui na parte inferior. E a única coisa que fiz foi basicamente adicionar uma nova seção aqui. E, na verdade, podemos fazer isso de duas maneiras. Podemos ir para duas colunas e bem aqui eu posso apenas ir em frente e apenas adicionar um texto de título bem aqui. Então parece que é e então eu vou em frente e adicionar em um editor de texto logo abaixo disso . E também eu fiz foi basicamente ir para a seção e, em seguida, da seção eu fui para avançar. E eu basicamente criei uma margem ali exatamente assim, e também aqui embaixo desta seção sob esta coluna, você também pode adicionar uma margem também. Você quer basicamente alinhar o formulário para sempre que você quiser que ele seja. Você pode fazer isso. Então isso é basicamente um resumo rápido de como eu criei essa segunda seção bem aqui no formulário de contato. Então eu disse que você poderia fazer isso pode ser um pouco mais para talvez tipo de correspondência com este texto porque esta seção aqui, você pode ver que a caixa de contato é mais longa para que você possa fazer isso e também a sua mensagem Parece um pouco maior aqui. Talvez possamos fazer isso um limite maior quando criarmos o formulário de contato. Fora isso, pessoal, pessoal, é basicamente isso para o formulário de contato. Seção dois. Bastante simples. Bastante direto, certo? Então, verei todos vocês na próxima seção. 20. Blog: Ei, pessoal, bem-vindos de volta. Então agora vamos falar sobre blogs. Então, neste tutorial, vamos falar sobre como fazer um post blawg. E também vou apresentar a todos a versão pro de L.A mentor porque tem algumas características especiais referentes ao posto de bloqueio. Então aqui mesmo, se você quiser começar uma nova publicação de bloco, você vai aqui para mais novo e vai para postar, ou nós vamos para baixo para o nosso painel aqui, e nós podemos realmente acessá-lo bem aqui indo para postagens e indo para adicionar novo. Então isso aqui é basicamente apenas criando um post blawg. E lembre-se, nós também podemos usar elementary para projetar nossa página blawg. Então, em vez de ter o padrão, podemos realmente criar um post blawg personalizado. Mas aqui, vou colocar o Blawg Post 1, e, você sabe, você sabe, eu vou em frente e colocar qualquer texto que você provavelmente iria aqui. Então, por exemplo, vou em frente. E assim, algo simples aqui. Apenas, você sabe, coloque o que você quiser falar sobre como você sabe, coisas legais e bem aqui. Sabe, podemos colocar uma linha no centro. Ah, linha para a esquerda enfraquecer a bala que podemos colocar em itálico. São todos os tipos de características muito legais. Também os perturbados. Sinto muito que a barra de ferramentas de alternância dá algumas características extras como, você sabe, em amassar. Ele quer dar personagens especiais. Você pode colocá-los em seus posts ou, você sabe, se você quiser ter uma cor de texto específica, você pode fazer isso também. Então, há um monte de pequenas opções aqui que você pode usar para meio que, você sabe, mexer com suas configurações, se você quiser. Agora, o importante que quero fazer é ir até aqui e definir uma imagem em destaque. Pessoal, sempre que você está fazendo algum tipo de post, você deve ter uma imagem em destaque. É basicamente uma imagem que representa o seu posto de bloqueio. Então aqui eu ia em frente e colocar esse cara bem aqui e disse que como imagem em destaque e que é basicamente isso para os posts de bloqueio. Parece que nós, você sabe, nós adicionamos algum conteúdo em muito simples também ir em uma categoria de crédito para ele. Então, por exemplo, este post de bloco vai estar falando sobre animais e você pode ter outros posts de bloqueio que falam sobre outra coisa, etc. Então é basicamente por isso que você gostaria de categorizar suas postagens de bloqueio e também tags. Então talvez algo como um animal de cachorro, etc, e essas outras opções são basicamente padrão para a página de postagem do bloco. Então vamos em frente agora e publicar este post já. Agora nós realmente criamos página para isso. Nem sequer temos uma página para as mensagens de bloqueio. Então, aqui mesmo sob páginas vai para bem, na verdade carregar todas as páginas. Acho que podemos ter um. Não, não temos um. Então, aqui mesmo, vamos adicionar novo e digitar blawg, e logo nós apenas publicamos aqui mesmo. Ok. Agora, para que a postagem apareça nesta página, precisamos configurar isso no personalizador de temas. Então aqui embaixo, sinto muito. Personalizado. Você clica nisso. Agora vamos para a primeira página estática. Agora você vê o que diz post Page? Queremos que seja a página do blawg. Ok. E então estamos aqui. Vamos salvar e publicar e você também percebe aqui. O menu agora aparece aqui em Blawg. Então a página parece boa. Agora, vamos em frente e ir para a nossa página de bloqueio. Então aqui, vou clicar no Blawg. E lá vai você. Então nós temos este pequeno post legal bem aqui, e você sabe, ele tem ah, imagem em destaque. Tem esta informação aqui, etc. Então isso é basicamente caras o poste do bloco em poucas palavras. É muito simples. É muito simples. Não é difícil de entender. E o que os são aqui é que estes são basicamente widgets. Você sabe como no rodapé aqui como nós temos aqueles widgets. Você pode realmente colocar o do lado. Então, indo até aqui para widgets, você vê ou ouve é a barra lateral direita. Esta seção aqui controla o que você vê no blawg. Agora você pode adicionar em seu próprio você pode em uma caixa de Facebook como. Você pode adicionar todos os tipos de legal. Sabe, o que quer que se conecte pode encontrar nos mercados. Mas se você não quer isso, você pode ir e dizer, você sabe que eu não quero mostrar arquivos. Clique em excluir, e eu não quero mostrar categorias excluir, e eu não quero mostrar meta e excluir, isso é E se você voltar para nossa página loira, você vai notar que Onley três deles aparecem aqui. Por isso, temos as publicações recentes e os comentários recentes. Os outros também desapareceram. Então isso é um pessoal natural rápido sobre como fazer os postes de bloqueio. E como eu disse, se eles clicarem nela, você vai. Há o post de bloqueio e fazer login e eles podem deixar um comentário, etc, o que quiserem. Ok, então esse é um resumo rápido da página em branco. Mas vamos em frente agora e voltar para o nosso posto. Então vamos para o meu posto aqui e vamos bloquear o posto um. E você sabe, se você quiser ser personalizável, você pode adicionar esse formulário de contato aqui. Então, por exemplo, você pode clicar aqui adicionando no formulário de contato, ou você pode adicionar uma imagem aqui indo para adicionar mídia e simplesmente colocar em uma imagem. E digamos que você quer alinhar isso no centro você pode fazer isso. Quero dizer, assim para ajudar a dar ao seu blog alguns, você sabe, alguns. Alguns sentem alguma personalização. Sabe, parece bom. E, além disso , é basicamente isso para o posto de bloqueio. Mas, você sabe, você também pode editar isso com os elementos ou Paige Miller. Então aqui mesmo no clique em Atualizar, e vamos fazer uma nova postagem, vamos fazer uma nova postagem uma nova postagem, e vamos fazer a postagem de bloqueio um agora e aqui, em vez de apenas postar e conteúdo, Eu estou realmente indo para editar com L um mentor, e nós podemos realmente criar um post personalizado aqui. Então aqui, você pode ver agora que podemos realmente usar isso em vez do que nos é dado. Eu por padrão. Então talvez queira adicionar uma imagem aqui. Nós podemos, você sabe, colocar a imagem aqui mesmo. E então aqui, podemos ir em frente e dizer, você sabe, eu quero uma mensagem bem aqui. Vou colocar um texto, você sabe, você sabe, a viagem mais incrível, o cavalo mais incrível e enfraquecer o centro. E aqui podemos ir em frente e colocar talvez até mesmo um Google Maps, talvez até mesmo um ícone. Então, quando você está fazendo esses caras de postagem de bloco, eu recomendo usar a Paige Miller elementar, porque você tem muito mais controle sobre o que você pode fazer. E digamos, por exemplo, que não queiras isto aqui que não queres este ano. Você só quer uma foto e um pouco de conteúdo, você sabe, todas essas coisas para mostrar. Vamos em frente agora e voltar. Então vamos ao meu painel aqui. Agora, quando chegares ao posto do bloco, por isso aqui, também vou fazer o bloqueio . Vocês fariam o mesmo recurso, pessoal, vocês iriam até aqui. Você diria que eu quero o conteúdo, mas eu não quero nenhuma barra lateral. E então aqui, você vai dizer que eu quero cheio, e eu não quero que o título apareça. Então, aqui mesmo. Se eu clicar nas alterações de pré-visualização, é basicamente apenas ir para aqui. Vou em frente e faço assim. Será um pouco mais claro, então vou clicar em publicar aqui e agora vou editar com então vou clicar em publicar aqui e agora vou editar com o construtor de páginas. Então agora este é o nosso pessoal do correio. Então este é basicamente o nosso post, e você pode ir em frente. Quero dizer, você pode inserir um layout pré-fabricado para o seu post. Entende o que estou tentando fazer você pensar? Então você pode basicamente colocar qualquer coisa que você quer aqui como seu post bloco, e não é considerado uma página é apenas o seu post. Então vamos aqui no Template. Eu vou dizer, você sabe, você sabe, eu vou colocar algo bem aqui, como Thea, o layout um bem aqui. E eu vou responder a isso, e eu vou continuar e salvá-lo. E este é o seu novo post blawg. Isto é um posto de bloqueio. Isto não é uma página. Isto é um posto de bloqueio. Voltando para cá, vou ver a página. Agora, isto é um poste. Então aqui, você pode ver que este é o próprio post. Então você não está limitado pelo que o tema conduce que o jogador de página pode fazer qualquer coisa que você sabe, começar até mesmo criar blog incrível, você sabe? E também aqui no nosso blawg, você pode ver que o post está lá. Então, como eu disse, você não está limitado a basicamente o que o bloco lhe diz para fazer e todos os tipos de recursos realmente legais . Agora, também, você pode querer basicamente limitar a quantidade de coisas que as pessoas vêem. Então, a fim de fazer isso, realmente ir até aqui para postagens e nós vamos ir em frente e clicar em um desses posts aqui mesmo . Esse é o bloco Post, também. Ei, pessoal, mais uma coisa. Eu quero apontar se você quiser que o trecho na parte inferior para mostrar, você precisa ir para as opções de tela aqui em cima e clicar em trecho. E agora você tem a opção de trecho. Certo, então aqui embaixo do trecho bem aqui. Vá em frente e apenas digite o que você deseja que eles visualizem. Então este é um blawg post clique clique aqui e também rolando para baixo aqui. Vamos colocar a imagem em destaque aqui. Então eu vou colocar imagem em destaque, e eu vou lançar uma foto deste corvo bem aqui e usar isso como minha imagem em destaque e então vamos atualizar. Então, se eu quiser basicamente ter Onley isso aqui e o corvo, nós temos que ir para o personalizador de temas e mudar isso nas configurações. Então, aqui mesmo, vou personalizar. Eu vou até Blawg e realmente ir para Onley. Mostrar o trecho salvando publicar, e terminamos. Agora, quando alguém clica no bloco, coloca o post aqui, eles vão ver o que dissemos para clicarem. Sinto muito, o que dissemos, Teoh, nós colocamos no trecho e também a imagem que eles clicam em seu eles serão levados para o post blawg . Ok, então é assim que você basicamente usaria o blawg agora para a versão pro do Element ou ele realmente tem o seu próprio. Então deixem-me mostrar-vos do que estou a falar. Vou fechar todas essas abas, e vou deixar esta aberta, então vamos para o meu outro site aqui. Certo, então este é o meu outro site, e eu tenho o pro virgem instalado agora, bem aqui. Ele diz post aqui, este construtor de página, na verdade, basta pegar todos os seus posts e apenas colocá-lo em uma ordem realmente limpa e alinhá-lo muito bem. E é muito profissional, muito simples. E se alguém clicar nisso, então eles serão levados para a página de postagem. Então isso é uma característica dos elementos ou pro. Se você quiser, é como eu disse, eu tenho um link na descrição. Vocês também podem usar meu código de cupom. Eu também quero que vocês economizem 10% em sua compra. Você não tem que pegá-lo. Mas se você gosta do layout aqui e também lembre-se, você pode colocar isso em qualquer parte do seu site. Então você não está realmente limitado à página blawg. Digamos, por exemplo, que você não queira ter uma página bloqueada. Então você só quer basicamente colocar em seu post aqui, Isso é o que é quatro. E há todos os tipos de recursos e opções sobre você sabe quantas postagens você quer mostrar quantas colunas? Etcetera. Ok, então, em poucas palavras, pessoal, esse é o blawg e também o poste do bloco. Então também, mais uma coisa que eu quero falar é que você pode tipo de fazer o mesmo com o blawg post em apenas como o básico, mas é muito limitado, então deixe-me mostrar a vocês. Eu só vou ir para a página sobre nós e eu sou um ir para editar com L. Um mentor, e eu estou realmente indo para tomar um widget WordPress conhecido como Onde está em posts recentes. E vou deixar cair aqui. Então, estas são postagens recentes. E se você ver bem aqui, isso realmente tem o post de bloco para o post de bloco um e todos. Meu posto bem aqui. Então, de certa forma, posso colocar onde quiser. O problema é que é muito feio, você pode dizer, e é muito limitado. E este é o padrão que você começa com WordPress e um monte de coisas que vem padrão WordPress caras não é realmente o melhor. Então você também pode colocar algo como categorias de comentários recentes ou, hum , você sabe , páginas , arquivos , etc, categorias bem aqui. E eu tinha animais, então, você sabe, é um pouco limitado, pessoal. Então eu, você sabe, eu realmente não recomendo um, você sabe, o centro com o padrão com o WordPress porque é apenas muito limitado, e é apenas não é bom, então você pode escolher usar isso, Mas se você não quer a versão pro, Eu recomendo apenas fazer um blawg paga-se e apenas usando isso porque a mulher que vem padrão com WordPress é feio. Sabe, ninguém vai gostar. Ninguém vai. Ninguém vai clicar nele. E é realmente que não há foto, sabe? Não parece bom. Então isso é basicamente o posto de bloqueio. Em poucas palavras, pessoal, vocês podem optar por ter os elementos ou versão pro ou criar a página de bloco, ou até mesmo usar o padrão quando vem com o WordPress. Ok, é isso, pessoal para a próxima palestra e eu vou ver todos vocês lá. 21. Quez3: Ei, pessoal, bem-vindos ao nosso último teste e este teste. Vamos falar sobre como ter o efeito de tela dividida. Agora. Tenho certeza que você já viu sites onde eles têm metade de seu site uma cor e, em seguida, metade do outro aqui. Você pode ver que eu tenho metade da tela como um verde claro, e eu coloquei um objeto com ele. E, em seguida, nesta seção, eu apenas coloquei um objeto básico. Então eu só estou tentando enfatizar o fato de que você pode ter uma página de aterrissagem de tela dividida ou um efeito de tela dividida. Então, vou mostrar-te como consegui isto. E talvez você possa fazer isso para o seu site se você quiser o efeito de tela dividida. Eu fiz isso para sites de clientes. Portanto, é uma tendência muito popular. Então aqui parece que tudo o que realmente fez foi ter duas seções. Então, indo para cá, eu tenho uma seção bem aqui, e eu tenho outra seção bem aqui. Tudo bem, agora, tudo o que realmente fez foi basicamente eu adicionei em uma foto bem aqui, mas nós vamos realmente criar isso tudo de novo porque dizer que é uma coisa. Mas eu acho que para este teste. Eu basicamente tenho que te mostrar como eu consegui. Então aqui, vou adicionar uma nova seção que vou colocar também. Está bem. Agora, aqui de um clique na seção e você vê como ele diz mais estruturas bem aqui. Na verdade, peguei o 66 33 bem aqui. Agora eu posso pegar os 50% também. Só escolhi pegar o 66 33. Então vou fazer isso de novo. E aqui mesmo. Vou mudar isto para completo com e aqui mesmo. Vou deixar a altura normal por enquanto. Então eu vou ir em frente e adicionar um fundo bem aqui. Vou adicionar uma imagem que vou adicionar nesta imagem aqui mesmo. Certo, então temos essas duas imagens bem aqui. Agora, eu quero basicamente começar a esticar esta página um pouco. Então, para a altura, eu vou colocar ajuste na tela. Então agora ele está apenas encaixando na tela bem aqui. Na verdade, vou fazer algo como altura dos homens. Nós vamos fazer altura média. Esconderemos os homens às oito. Ou 779 79 direita Então eu tenho essas duas caixas bem aqui. Agora, tudo o que eu quero fazer é ir para aqui e para esta seção. Só vou tirar uma imagem. Só vou responder a essa imagem. E bem aqui, vou escolher a imagem e colocá-la ali. E nesta seção aqui e caras, você pode colocar qualquer coisa que você pode colocar em widgets de texto. Você pode colocar em qualquer um desses. Eu só estou fazendo isso apenas para dois propósito Tour é apenas para ajudá-lo a obter mais idéias para o seu site. E por aqui, vou em frente e colocar este aqui. Tudo bem, então nós temos essas duas imagens, e vocês também podem mudar o tamanho delas. Sabe, se for muito grande, podemos torná-lo um pouco menor, etc. Média de hábito de Oregon. O que você quiser. Tudo bem, então aqui, eu quero realmente mudar a seção do estofamento. E também, eu quero adicioná-lo e sobrepor o estilo aqui mesmo. Eu vou na verdade, não, eu vou para a minha coluna aqui. Vamos fazer na coluna. Então, ao fazer isso, pessoal, é muito fácil se confundir ao clicar na imagem, clicar na seção ou clicar na coluna . Então, para o efeito de tela dividida, você vai querer clicar na coluna, ok? E, em seguida, para um tipo de fundo, clique sobre isso. Quero ter uma cor. Sabe, eu quero adicionar uma cor azul, mas eu quero fazer uma cor transparente. Então deixe-me onde as pessoas podem realmente ver um pouco. Então, algo assim bem ali. Ok, agora eu vou para a seção de avanço bem aqui, e eu estou realmente indo para desativar. Eu sei. Deixarei o estofamento e adicionaremos um pouco de preenchimento. Bem, eu não tenho 200 ou Will acrescentou algo como 300. Tudo bem, então nós adicionamos o estofamento para 300. Agora, se você quiser basicamente adicionar preenchimento suficiente aqui para cobrir a parte superior e inferior para que possamos realmente voltar aqui e colocar isso aqui e habilitar isso em 300 e habilitar isso em 300. Ok, então você pode ver que esta seção foi limpa e tudo parece muito bom agora quanto a esta seção aqui. Digamos que, por exemplo, você queira ir em frente e empurrar esta seção para baixo aqui. Nós vamos realmente clicar na coluna ah bem aqui, e eu vou para avançado, e nós vamos apenas adicionar uma margem agora. Então agora vamos adicionar uma margem bem aqui. Então estamos basicamente contradizendo um ao outro. Agora estou dizendo não, não, não, não. Eu sei que você quer estofamento, mas eu quero ir para baixo, então eu realmente vou empurrar esta seção para baixo basicamente obter esse efeito. Então essa é outra maneira como vocês podem criar esse efeito. Parece muito bom. E como eu disse, é tudo sobre caras da imaginação e apenas descobrir o que você quer, você sabe, você sabe, bem aqui nós podemos adicionar como um pouso de ah como um monte de impostos. E aqui podemos colocar como uma garota olhando, você sabe, para a esquerda. E ela pode tipo,tipo, tipo, “Oh, meu Deus, esses preços são tão baixos, você sabe, algo assim. Então isso é basicamente como você pode criar o efeito que esta página de destino é basicamente tela dividida agora eu quero mostrar mais uma coisa para algumas imagens como esta aqui. Você pode obter esta seção bem aqui. Você precisa ter certeza disso quando colocar sua imagem bem aqui, então eu vou para a seção. Então você quer ter certeza de que o, hum que o ah, a seção aqui está na verdade sob auto. Então eu acho que está sob a coluna bem aqui para o tipo de borda. Deixe-me ver aqui. Então está sob a seção, aqui está sob o estilo. Oh, sim, bem aqui. Ok, então é por aqui, pessoal, você sabe, eu me perco. Às vezes eu uso a página polar, mas eu não memorizo onde todas as opções estão. Então, quando você faz algo como tamanho, você quer ter certeza que é outro ou uma tampa de recipiente, então conter você ainda pode ter este efeito bem aqui. Mas se você tiver a, hum, a capa dependendo da sua imagem, isso irá cobrir toda a seção. Ok, então é isso. Pessoal, para este teste, espero ter ajudado vocês. Usando esta estratégia, você pode criar o efeito de tela dividida em seu site para criar essa ilusão de que a tela é dividida ao meio. Espero que isso te ajude. Desculpe. Sabe, eu não memorizo. Todas as opções estão nesta página. Construtor. Eu uso centenas, mas este é definitivamente um dos melhores página vontade como eu já vi. Então vamos em frente e vamos para a próxima palestra. Pessoal, vejo vocês lá. 22. Rodo do cliente: Bem-vindos de volta, pessoal. Bem-vindos de volta, Então este vai ser um pouco mais de um tutorial avançado. E eu queria usar isso porque quero te ajudar a entender essa Paige Miller. Um pouco melhor agora se você rolar para baixo aqui, você vê este rodapé? Seção sobre as páginas e siga-nos. isso Pessoal, não é um rodapé que vem ao tema. Na verdade, eu mesmo criei isto, e basicamente tenho a ilusão de que este é o nosso novo rodapé. Então, em vez de usar os widgets padrão que o tema nos dá, podemos ir um pouco mais longe e basicamente criar nosso próprio rodapé. Então eu vou te mostrar hoje como fazer isso. Então aqui temos um sobre nós, nossas páginas. E então temos nos seguir com esses ícones sociais. Então eu vou para esta página bem aqui. E se eu rolar para baixo aqui, normalmente usamos esses widgets aqui. Mas se quiser ficar um pouco mais personalizável, vou te mostrar como fazer isso. Desculpe. Aqui. Vou editar a página. Agora, antes de fazermos isso, precisamos alterar algumas configurações. Então, sob o pé ou testemunha aqui, vamos colocar zero widgets. Basicamente dizendo que não quero nenhuma dessas bruxas no final da página. Então, agora, quando eu clicar em editar com L um mentor, ele vai mostrar que não há nós apenas na parte inferior. E então, a partir daí, vamos usar nosso próprio rodapé personalizado. Então, aqui mesmo os widgets já se foram. E aqui podemos apenas ir e clicar em Adicionar uma nova seção e vamos basicamente criar um rodapé. Agora ele apenas como os widgets clicando em, adicionar uma nova seção. Quantas colunas você quer? Quer um widget de duas colunas? Você quer um widget de três colunas para widget de coluna, etc. Então eu vou em frente e selecionar quatro e bem aqui eu vou provavelmente colocar no título bem aqui, e eu vou em frente e colocar este centro e eu vou apenas colocar cerca de ok, e então bem aqui. Eu vou em frente e pegar um editor de texto aqui, e eu vou colocar isso bem ali e bem aqui nós temos algum texto falso, então esta é basicamente nossa seção sobre. Tudo bem? Agora, se eu fechar isso aqui, você vai ver que, você sabe, parece muito bom. E se lhe dermos uma cor, vai representar um rodapé. Então, voltando para cá , eu vou para a seção, e você pode realmente decidir deixá-lo cheio com ou não. Cabe a você se você quer um completo com pé ou não. Se não, você acredita. Encaixotado. Então, aqui mesmo, vou dar o estilo da cor de fundo. Quero dizer, você poderia ter um pé ou você tem um vídeo tocando no fundo. Você sabe, você pode realmente inserir um vídeo aqui e ter um vídeo reproduzido em segundo plano, se você quiser. Mas, por enquanto, vou escolher uma cor básica aqui, está bem ? E depois voltar para cá, quero mudar isto. Talvez para branco e também aqui. Vou mudar isso para White também. Ok, agora, esta seção aqui, o que devo colocar aqui? Talvez páginas agora? Além disso, vocês notaram isso nesta seção aqui. Tenha esta linha. Agora, Agora, vocês já sabem o que é isso. É apenas o divisor, bem aqui é o divisor. E eu basicamente coloquei, e eu posso, você sabe, uh, reduzir o espaço um pouco e talvez fazer isso branco, e eu vou realmente reduzir o tamanho dele. Então eu vou centralizá-lo e, em seguida, reduzir o com exatamente assim. Está bem? Então aqui, vamos fazer algo um pouco diferente. Caminhadas para fazer uma página é agora aqui que os links entram no lugar. E se você se lembra do início do editorial, eu falei sobre links. Agora eles mudam de cor. Agora vamos falar sobre isso. Então, aqui mesmo, vou colocar páginas e eu vou centralizar isso aqui mesmo. E então para o estilo, eu vou em frente e colocar branco. Além disso, posso adicionar a divisória aqui. Eu só vou em frente e deixá-la cair bem ali. E a lacuna apenas reduzirá a lacuna. Coloque isso no centro e eu vou fazer você ainda com e então eu vou colocar na cor aqui agora, bem aqui. Na verdade, vamos usar o título novamente e vamos basicamente nomear as páginas que temos atualmente. Então, basicamente, dizendo , Ok, quantas páginas você tem? Então, aqui mesmo. Na verdade, eu vou arrastar isso aqui, colocá-lo no, hum, vamos ver bem aqui. Vamos em frente e arrastar isso. Fica um pouco mole às vezes. Então aqui, eu vou colocar em casa, e eu vou centralizar isso e você vê o que diz link aqui? Basicamente, vamos pegar a página inicial. Então isso aqui, vamos usar isso, mas precisamos iniciá-lo em http. Lembre-se que http e, em seguida, aqui vai colocar www dot l um mentor tutorial dot com. Agora, para o tamanho, talvez eu queira um pouco menor. Algo assim. Perfeito. Então aqui vamos mudá-lo como branco. Ok, então agora se você passar o mouse sobre ele, as pessoas vão até a nossa página inicial. Então, em vez de basicamente usar os widgets, podemos usar isso e eu vou ter um duplicado isso talvez três vezes. Então aqui eu vou em frente e colocar a cerca, e se vocês precisarem de ajuda para encontrar seus links de permissão aqui. Oops. site errado goop vê que estamos indo para cerca de apenas ir para clicar sobre o sobre e, em seguida, simplesmente apenas caranguejo este link aqui e apenas copiá-lo. Lembre-se, você deve começar com um CTP. Então, http e então vamos em frente e apenas spayed ou colar isso bem ali. E lá vai você. E certifique-se de que não há nada na frente. Certifique-se de que é sim, está tudo bem. Então nós temos o sobre nós e então bem aqui, começar a ir em frente e mudar isso para algo como entrar em contato conosco. Então coloque isso em contato. E então, mais uma vez, vamos até aqui para a seção de contato e foi simplesmente descrito este link, e vamos em frente e apenas ritmo esse link bem ali. Tudo bem, Perfeito. Então clique número no cofre. Tudo bem. Então, antes de ir para a próxima seção, se eu passar o mouse sobre isso, é que basicamente você vê como o Texas Black eu quero basicamente mostrar a vocês como mudar isso. Então, bem aqui, vou ver a página e rolamos para baixo aqui. Você tem mais sobre o seu preto. OK, então ele é preto, e nós precisamos basicamente ter certeza que é a cor que você quer que ele seja. Então, aqui mesmo, vá para personalizar. Está bem. E, você sabe, eu não me lembro de uma palavra é exatamente, então eu acho que está sob os, uh, layouts comerciais bem aqui. Seu cabeçalho de navegação principal. Conhece o contêiner? - Não. Talvez debaixo do rodapé. Sem barras laterais? - Não. Ok, então ele está aqui em algum lugar, e nós vamos em frente, e nós vamos apenas continuar indo um por um até encontrarmos um cara. Então, lá está ele. Então as cores tão bem aqui temos a cor do link e a cor do link pairar. Então você quer basicamente ter certeza de que a cor do comprimento é o que você quer que ele se pareça. E também a cor do comprimento, o pairar sobre é o que você queria parecer. Ouvi dizer “Put blue”. E aqui vamos nós em frente e colocamos vermelho apenas para fins de controle. E eu vou ir em frente e dizer isso agora vamos em frente e rolar para baixo. Agora os links são vermelhos, e se eu passar o mouse sobre ele, é azul. Você vê isso? Então é basicamente assim que você criaria essa seção. Está bem. E se eu clicar nele, só vai me levar ao meu site. Então eu estou vinculando a minha página inicial. Então isso é um recurso mais avançado sobre como você pode fazê-lo. E lembre-se, certifique-se de que o permanente está correto, como aqui. Eu não entrei corretamente, então eu preciso mudar isso. E também aqui. Eu não fiz tão bem. Então aqui vamos nós para editar com L.A mentor, e eu vou rolar para baixo bem aqui. E eu me certificaria de ver bem aqui que eu não faço. Eu entrei demais. Então, um CCP Elementary doc com sobre e perfeito. Tudo bem, então vou guardá-lo. Só estou mostrando que cometi um pequeno erro. Tudo bem, agora, vamos em frente e fazer os ícones das redes sociais. Então eu vou deixar essa ligação para ele aqui, e eu vou colocar em alguns ícones de mídia social. Então, indo para baixo aqui, nós podemos basicamente apenas pegar os ícones de mídia social desta seção bem aqui. Tudo bem, então nós temos os ícones das redes sociais agora, a cor do link é vermelha, então talvez você queira mudar isso porque a cor do link também influencia os ícones sociais . Então aqui, devo dizer, você sabe, eu meio que quero ele. Ah, você sabe, nós podemos mudar, você sabe, o estilo disso. Se quisermos, podemos ter um círculo como esse. Mas outra coisa que você pode querer fazer é pegar um texto de cabeçalho bem aqui e colocar siga-nos. E a partir daqui, vamos em frente e deixar isso ali e aqui, vamos pegar o divisor no DSI se eu conseguir. Ok, bom. Eu tenho isso. E eu sou um reduziu o centro de lacuna. Faça o com um pouco menor para 20 e, em seguida, eu vou adicionar a cor. Tudo bem. E depois aqui mesmo. Talvez eu precise mudar essa cor para algo como branco. Ok, então agora vamos em frente e ver como fica. Vou guardá-lo aqui mesmo, e depois vamos ver a página e ver como fica. Então aqui, eu vou para ver a página, e se eu rolar para baixo bem aqui, você vai notar que ela se mistura perfeitamente. Temos um pé ou bem aqui. Pode até adicionar o seu logótipo. logotipo da sua empresa. Bem aqui. Dê alguma descrição. Só estou tentando abrir seus olhos um pouco para fazer você pensar nas possibilidades que você tem com este construtor de páginas. Se não houver limitações. Então, em vez de usar as bruxas que eles nos dão, podemos criar nosso próprio rodapé personalizado. Então é isso para esta palestra, pessoal. Espero que isto te ajude. Eu pessoalmente usar isso porque eu acho que isso parece muito melhor do que os widgets padrão . Certo, vamos para a próxima palestra. 23. Otimização em celular: Muito bem, pessoal, pessoal, bem-vindos de volta. Então, neste curso, vamos falar sobre otimização móvel e rapazes. Esta é uma palestra muito importante. A otimização móvel é extremamente importante porque, a partir de 2016, há mais usuários móveis do que há usuários de desktop agora. Então você realmente precisa ter certeza de que seu site está otimizado para dispositivos móveis. Você deve fazer isso. É um requisito. Se não o fizeres, vais ter problemas na estrada. Tudo bem, então vamos em frente e começar. Deixe-me mostrar-lhe como otimizar seu site. Então aqui, clique neste pequeno ícone aqui na parte inferior, bem aqui. E temos três opções. Temos tablet desktop e celular. Então, aqui mesmo. Se eu ir para celular, Este é o que meu site parece atualmente no celular. Agora, a foto não está alinhada corretamente no celular, como vocês podem ver, talvez eu queira mudar isso. Por isso, aqui mesmo, vou fazer estilo. Na verdade, vamos clicar nesta seção aqui. Anima ir ao estilo. E eu basicamente vou mudar a posição disso aqui para alinhá-lo corretamente. Lá vai você. Então agora vocês podem ver que fica melhor no dispositivo móvel. Agora, vamos continuar rolando para baixo aqui e vamos em frente e começar a resolver problemas um por um. Agora, geralmente, celular é muito, muito fácil. Geralmente otimiza muito bem, mas digamos que você queira mudar alguma coisa. Então, aqui mesmo, eu vou descer para o estilo bem aqui. Vou me contentar agora. Você vê como há três barrinhas bem ali. Círculos Bem aqui. Isso é basicamente dizer que isso está otimizando para o dispositivo móvel. Este está otimizando para os tablets, e este está otimizando para a área de trabalho. Então, por exemplo, vamos apenas dizer que eu quero ir em frente e mudar o conteúdo aqui mesmo. Por isso vou abrir isto aqui mesmo. Agora, aqui mesmo. Você pode ver que eu estou mudando atualmente a versão móvel e eu poderia torná-la maior. Posso torná-lo menor, etc. Então, em dispositivos móveis, eles vão ver algo assim aqui. Ok, então eu estou apenas avisando que isso é basicamente como você faria mudanças em seus sites com o construtor de páginas, então estraguando tudo bem aqui. Vamos continuar encontrando a ver se você pode encontrar algo que pareça ruim. Veja, aqui está basicamente totalmente otimizado. É bastante incrível. Mas vamos agora verificar a versão do tablet. Então eu vou para o tablet bem aqui, e parece que temos trabalho a fazer. Sim, nós temos. Então esta seção parece OK. Esta seção parece ok, mas rolando para baixo aqui, esta seção parece ruim. Isto não parece bom. Então, basicamente, precisa ter certeza de que corrigimos esta seção aqui. Agora há algumas maneiras de fazer isso. Podemos reduzir o tamanho do texto ou acho que é praticamente isso, mas podemos reduzir o tamanho do texto, então vamos fazer isso. Então, aqui mesmo no conteúdo, eu vou até você. Primeiro, você vê o título, os títulos. Ok. Bem aqui. Mas precisamos mudar a descrição aqui. Então a descrição que eu quero basicamente reduzir o tamanho aqui. Algo assim. Bem ali. Certo, isso parece um pouco mais responsivo. Você vê como isso parece agora? Então, indo para cá, eu poderia fazer exatamente a mesma coisa indo para o estilo do conteúdo. Abra a topografia aqui. E depois vamos mudar o tamanho. Então algo que se parece com isso aqui. Portanto, isto é muito importante. Caras. Quando você está otimizando seu site para dispositivos móveis, você precisa basicamente percorrer todo o seu site para se certificar de que é totalmente responsivo. Então, sinto muito que você teve que fazer isso aqui, então eu realmente não sei. Vocês conhecem vocês. Sim. Vocês conseguiram. Você tem isso. Você tem isso. Então está acontecendo aqui para que você possa encontrar outra coisa. Aqui temos esses números. Parecem uma porcaria. Vamos mudar isso. Eu sou um ir para o estilo bem aqui e ir para o título bem aqui e abrir esta seção. Agora eu quero basicamente mudar o tamanho disso. Então esta seção parece OK. Vendas incríveis, mas preciso mudar essa seção aqui. Preciso mudar esses números porque é um pouco grande demais. Então aqui, sob números. Vou abrir isto e vamos mudar o tamanho dos números. Algo que parece que podemos empurrá-lo assim. Ok, então agora o site está basicamente otimizado para o tablet. Agora, vamos verificar o telefone. Perfect é totalmente otimizado para o telefone também. Então, fazendo isso, pessoal, é basicamente, você sabe, você só tem que basicamente descobrir. Você sabe o que quer realizar em etcetera, e, , como eu disse, Zaveri Simple. É muito fácil. Você só tem que passar pela sua visão e ter certeza de que você faz essas mudanças para cada dispositivo específico, ok? E talvez aqui, talvez eu queira reduzir o estofamento aqui. Você sabe, há um pouco de espaço muito aqui. Então aqui, vou para a minha seção bem aqui. Vou me certificar de que isso é Ah, veja como isso parece? Bem, parece bem aí. E depois o telemóvel. Sim, talvez eu pudesse reduzir o estofamento só um pouquinho. Então, aqui mesmo. Eu vou para Talvez seja o direito aqui e ir para avançado. Ah, eu posso fazer um pouco assim aqui. Vou em frente e colocar uma margem máxima. Vamos fazer algumas habilidades para alguns segredos. Bem, na verdade, fazer isso realmente ajuda apenas mudando para zero. Viu como eu fiz isso? Eu basicamente reduzi tudo isso a zero. E parece que ele apenas, você sabe, por padrão, ele define como zero. Então, quero dizer, isso parece muito bom, certo? Para celular? Sim, acho que sim. Então eu vou em frente e clicar no cofre. Eu ia mudar para menos alguma coisa, mas acho que parece muito bom aí, também. Está bem, está a acontecer aqui. Vamos verificar outra página. Vamos em frente e ir para o nosso menu aqui, e nós vamos realmente ter que ir para o nosso painel de controle. E nós vamos para todas as páginas e vamos apenas ir em frente e olhar para a página sobre nós. Vamos ver se há alguma necessidade de otimização móvel ou otimização de tablet nesta seção. Então, aqui mesmo, eu vou para o tablet e rolando para baixo. Sabe, fica muito bom nos tablets que estão indo e tente o celular bem aqui. Vamos passar pelo celular agora. Agora, esta seção aqui, você pode mudar. Sabe, nós poderíamos basicamente alinhar no centro algo assim aqui que parece um pouco melhor no dispositivo móvel. E talvez também possamos reduzir o tamanho deste texto. Eu acho que parece um pouco bem, no entanto. Nossa equipe Bob. Então, como eu era como eu disse, este jogador de página também é super responsivo. Quero dizer, há muito poucas mudanças que eu tenho que fazer Teoh para tornar este móvel amigável. Então, vai voltar para cá. Vamos dar uma olhada de novo, e é basicamente isso. Caras. Então lembre-se de passar e passar por todos e todos para se certificar de que seu site está totalmente otimizado para dispositivos móveis e também os tablets. Não posso enfatizar a importância desse cara. É muito, muito importante. Há mais pessoas comprando com seus telefones do que pessoas realmente usando seu desktop hoje em dia. Ok, então é isso para esta seção, pessoal, pessoal, espero que isso tenha ajudado. Vamos para as próximas seções. Eu verei todos vocês lá 24. Pro versão: Um cara. Então eu quero apresentar a todos vocês a versão pro e o que os recursos pro têm que a versão gratuita não tem. Por isso, aqui mesmo, vou clicar nisto. Agora você vê o que diz elementos pro? Então aqui eu tenho modelo de formulário carteira post um preço inestimável uma contagem regressiva slides e também vai comércio de produtos. Então este aqui é o controle deslizante bem aqui. Então isso é basicamente um controle deslizante, e você pode, você sabe, criar animações para ele. Você pode escolher como você quer que ele pareça. Há todos os tipos de personalização para tão bem aqui nos slides de edição, você pode ver que eu tenho uma cor de fundo. Eu sinto muito. Uma imagem de fundo. Posso adicionar uma sobreposição de fundo. Consigo ajustar a velocidade. Eu posso definir a altura. Há um monte de personalização que você pode fazer com este controle deslizante. Então, se vocês querem comprar a versão pro, eu tenho um código de cupom que vai economizar 10% de sua compra. Então isso é apenas se você estiver interessado na versão pro, você pode obter acesso ao controle deslizante. Agora. Além disso, há outros, você sabe, mais cedo falamos sobre o Blawg, e isso aqui é basicamente o portfólio. E o portfólio é apenas outra maneira de como você pode apresentar seu blawg. Então também parece muito, muito bom. Outra coisa que podemos fazer é o formulário de contato. Então este aqui é o nosso formulário de contato, e este foi criado com o plug de formulário bem aqui. Então não precisas de ir buscar a tua própria tomada. Você pode ir em frente e pegar você mesmo. Então aqui temos o portfólio. E também há os posts, que eu mostrei a todos um pouco mais cedo, que se parecem um pouco com isso. Então, é um pouco mais limpo do que a maneira padrão que o Wordpress dá para você. Então esta é outra maneira como você pode usar a versão pro e voltar aqui. Temos os preços. Então aqui você pode ver as listas de preços. Isto aqui é inestimável. Basicamente discreto todos os preços dele para você. Então, se você está com pressa na indústria ou em algum tipo de indústria, você quer mostrar um menu. Este é um recurso muito bom. Em seguida, temos os contadores de números. Então este é o contador de números aqui, e há um monte de maneiras que você pode personalizar. É e, você sabe, torná-lo um pouco mais personalizável. Então, é bem simples e direto. Você pode programá-lo para ter, tipo, uma contagem regressiva. Você pode programá-lo para ter todo tipo de coisas realmente legais. Então este é o widget de contagem regressiva, e também temos produtos de comércio. Então, se você decidir vender algo aqui, tudo que você precisa fazer é ir em frente e pegar isso, arrastá-lo para lá e então eles são o seu produto é, parece, e eu acho que você pode personalizá-lo. Você pode fazer todo tipo de coisas realmente legais com ele. Você pode alterar a animação de entrada para sua etcetera. Então isso é basicamente a maioria dos caras da versão pro. Se vocês estavam interessados nisso, há um código de cupom. Acredito que seja Darrell Wilson. Alguma coisa. Está no arquivo PDF. Eu realmente não acompanho meu código de cupom. Então é isso, pessoal, para a versão pro, ele tem alguns recursos legais, e há um monte de maneiras legais que você pode usá-lo para implementar em seu site. Então é isso para esta seção, pessoal, eu vou ver todos vocês na próxima seção. 25. Seção de telefone: Muito bem, pessoal, pessoal, bem-vindos de volta. Então vamos e adicionado no telefone aqui, e nós vamos realmente adicionar em algum texto junto com uma chamada à ação. Então a primeira coisa que precisamos fazer é fazer uma corda de duas colunas. Então aqui, em adicionar nova seção irá selecionar dois. E aqui vamos pegar uma imagem e eu escolherei a imagem. E eu vou pegar esses telefones aqui e entrar na mídia. Agora, pessoal, uma coisa que eu quero dizer é que quando você inserir imagens, certifique-se que é um arquivo PNG. O arquivo PNG terá, na verdade, esse plano de fundo transparente. Então, se você tem um fundo de cor diferente, não vai importar porque ele vai se misturar perfeitamente. OK, então se você está pegando arquivos Jay Peak, os arquivos J pic terão o branco no fundo, e não vai ficar bem. Ok, então certifique-se que é um arquivo PNG. Ok, então eu coloquei a imagem. Agora vamos em frente e adicionar algum texto aqui. Então, bem aqui, eu vou pegar a direção e bem aqui. Oh, coloca este tutorial é simples. Outra coisa que eu quero falar é quando você, você sabe, colocar em texto no seu site. Capitalizar a primeira palavra de cada primeira letra triste de cada palavra é o ideal. E muita gente faz isso porque parece bom. E isso é basicamente o que todo mundo faz. Então eu quero basicamente fazer isso no centro ou na verdade, não, eu quero colocar isso para a esquerda. Quero perto dos telefones e aqui no seu estilo. Vou mudar esta mensagem para Black. Agora, sob a seção avançada, eu quero adicionar uma margem. Então bem aqui, eu vou clicar naquele pouco ligado entre si, e eu vou adicionar uma margem. Então você vê agora como é espaço separado. Então essa é basicamente uma boa razão pela qual podemos usar a margem. Agora, há duas maneiras de fazer esta seção. Nós podemos realmente apenas por aqui, podemos arrastar o editor de texto e bem aqui, ou podemos ir em frente e pegar colunas e podemos colocar as colunas lá em vez disso. Então, há duas maneiras de fazer isso. Agora o que as colunas fazem. Como eu disse, ele apenas basicamente cria colunas adicionais dentro da seção. Mas eu não quero fazer isso. Então eu vou clicar no X e clicar em excluir. Mas essa é outra maneira de fazer isso. Só te estou a mostrar que há outras formas de o fazer. Agora, sob o editor de texto, eu vou pegar isso. E você vê como a linha azul está bem ali. Ele vai deixar cair, e eu vou pegar meu famoso texto fictício, e eu simplesmente vou colocá-lo bem ali. Bem, uh, e claro, sendo mudado, o estilo continha a cor do texto. Poderíamos fazer uma linha, o centrado. Mas agora, provavelmente, queremos fazer justificado ou justificado à esquerda. Também parece bom, mas eu quero mantê-lo para a esquerda, e eu quero adicionar em um chamado à ação. Então este botão então nós apenas arrastá-lo para baixo, colocá-lo bem ali. Agora eu provavelmente quero mudar a cor de fundo. Sabe, não parece bom assim. Então, sob estilo, podemos mudar o mas a cor do texto para brancos e a cor de fundo para talvez algo como preto assim. Perfeito. Isso é perfeito. Agora eu quero apresentar a todos vocês um novo widget que nós não temos usado. E isso é o que é chamado de Carrossel de Imagem. Sim, o carrossel de imagem. Íamos usar isso agora mesmo. Ok, então eu vou pegar isso e simplesmente adicionar na seção de notícias. Agora, que imagens você quer? Bem, precisamos adicionar ou algumas poucas imagens. Quero um anúncio neste. Quero acrescentar neste. Eu quero um anúncio neste, e eu quero adicionar algo assim aqui, também. E eu vou para a galeria criativa. Você pode dar esses nomes, mas por isso eu não vou dar nomes a eles. Vou te mostrar o porquê. Acho que fica bem assim. E eu vou entrar na galeria. Agora você vai ver que as imagens vão ao ar lá, então as imagens vão lá e as pessoas podem percorrer e conferir. Mas vamos em frente e fazer um pouco mais de controle. Sabe quantos slides você quer mostrar? Então, por exemplo, se você realmente quer mostrar Onley turnê mostrando Feeley não vai querer mostrar você pode ter apenas um para mostrar, mas eu quero talvez cerca de três. Agora cortou o pergaminho. Você sabe, nós podemos deixar isso como provavelmente como ninguém para basicamente cada um vai rolar ou você pode ter dois slides para fora. As regras vão rolar, etc. Então, esticar a imagem. Se queres esticar isto, podemos esticá-lo. Não gosto da aparência, porque parece um pouco pixelada. Por isso, aqui mesmo vou fazer nenhuma navegação. Podemos tê-lo como flechas e pontos. Agora, a razão pela qual você não pode ver as flechas é porque elas são brancas e vamos mudar isso em apenas um segundo. Mas podemos ter flechas e pontos. Não podemos apenas flechas. Podemos ter pontos, mas vou deixá-lo como uma linha e pontos ligados a nós podemos fazer este link para uma seção específica . Digamos que estes são os seus parceiros. Você pode clicar em personalizado seu oh, e se alguém clicar sobre estes, ele vai levá-los para isso. Sites. Tudo bem. Indo para nenhum. Vamos para adicional. Então pulso sobre o pairar onde basicamente ele vai colocar pulso sobre o pairar a reprodução automática. Então você quer que estes para manter continuamente rolando assim. Se quiser isso, pode deixar como sim. Agora. Velocidade de reprodução automática. Então diz 5000. Agora, isso não são 5000 segundos. São 5000 milissegundos. Então, M. S. Então digamos que você colocou em 2000. Vai rolar muito mais rápido se fizermos isso. Então você vê, vai esperar em torno de dois segundos. Um para “boom”. Ok, é suposto ir, mas sim, provavelmente é porque estamos no construtor de páginas, mas você pode reduzi-lo também para 1000 agora. Ciclo infinito. Quer que continuemos? Você quer que ele continue? Se você quiser isso, vá em frente e coloque sim, a velocidade da animação. Então, quão rápido você queria ser inimigo como você vê agora, como tem esse efeito de animação você quer que ele seja mais rápido? Você pode colocar algo como 1000. Estamos agora é um pouco mais lento ou até mesmo fazer algo como 100 onde vai ser super rápido. Vê isso super rápido? Mas por enquanto, eu vou deixar em, eu acho, eu acho, 500 a 300 e então a direção obviamente deixou seus direitos. Vamos deixar à esquerda agora para o estilo. Agora, para a posição aerodinâmica. Primeiro, vamos mudar a cor da seta para que possamos vê-las. Eu quero levá-lo para preto para que você possa ver as flechas bem aqui. Agora, para a posição aerodinâmica. Você os quer lá dentro? Ou você os quer fora da caixa. Então, lá fora, eles estarão fora da caixa. Lá dentro, eles estarão lá dentro. E, claro, os pontos Você pode mudar. Você os quer dentro ou fora. Você pode fazer os pontos maiores ou você pode torná-los menores. E você também pode mudar a cor dos pontos. Agora, para a imagem, podemos optar por tê-la. Como você sabe, personalizado. Poderíamos ter espaçamento personalizado entre as imagens. Você pode torná-los um pouco mais próximos uns dos outros ou mais distantes para o tipo de borda. Podemos escolher ter como duplicado. Podemos tê-lo como pontilhado. Podemos tê-lo como tracejado. E nós podemos mudar o com esses pontos, se você quiser. E também podemos mudar a cor desses pontos específicos. Está bem. Mas eu não quero entrar muito nisso porque isso é apenas demorado. E SS dois núcleo e decoração, Eu acho que parece que isso é bastante padrão. Acho que parece muito bom. E, claro, para os avançados, podemos mudar a margem. Podemos mudar o estofamento. Talvez você queira empurrar isso um pouco para baixo ou empurrá-lo para a direita ou empurrar para o topo , etc. E com tudo que podemos ter animação de entrada. Então você vê como temos a animação de entrada? Bem, o que aparece assim. Então, para cada cenário, podemos ter animação. Certo, isso em mente, porque isso é para cada módulo que usamos. Ok, então essa é basicamente essa seção, pessoal, que era basicamente o telefone e a sessão de lutadores. Ah, a próxima seção. Nós estamos realmente indo para a próxima página, ou ele vai falar sobre a seção sobre nós, então eu vou ver todos vocês lá 26. Tema e plug-: Muito bem, pessoal, pessoal, bem-vindos de volta. Então agora vamos instalar o tema WordPress e vamos adicionar o construtor de página . Então, aqui mesmo sob a aparência, vá para temas. Agora, como WordPress funciona é basicamente você instalar um tema em seu site. Agora, aqui você pode clicar em adicionar novo tema e estes são todos diferentes tipos de temas. É basicamente a estrutura do seu site, como ele se parece e a sensação dele, etc. Agora, cada um deles tem diferentes construtores de página. Ah, muitos deles têm diferentes estilos de personalização, etc. Então nós vamos realmente usar um tema muito bem avaliado chamado Gerar Imprensa. Aqui mesmo, sob a barra de pesquisa, você pode digitar , gera imprensa, gera imprensa, e vai ser este aqui. E você pode clicar em detalhes em pré-visualização e é muito altamente avaliado, você sabe, 309 comentários todos os cinco estrelas. Então, vamos estar usando um tema WordPress muito bom. Então aqui mesmo sob este botão de instalação vai clicar em instalar, e isso vai instalar o tema em nosso site WORDPRESS. Então esta é basicamente uma pequena prévia de como vai parecer. Mas é claro, não parece nada como é. Vai parecer muito melhor agora aqui. Vou clicar em ativar. Tudo bem. E vamos apenas dizer que você quer, você sabe, dar uma olhada. Confira seu site e veja como ele se parece. Você pode clicar no site de visita aqui mesmo. E este é o nosso novo site. Muito chato. Muito não bonita. Certo, mas não se preocupe, vamos fazer com que pareça incrível. Então aqui embaixo do nosso painel. Em seguida, vamos para plugins e vamos adicionar novo agora uma visão geral rápida de plugins. A melhor maneira que eu posso descrever plugins são como APS para o iPhone. É basicamente como APS para o seu site, como criar um fórum como criar um site de mídia social para clicar aqui no nosso popular. Vamos ter todos os tipos de diferentes. Quero dizer, há milhões de plugins e todos eles têm características diferentes. Isso aqui cria um formulário de contato. Isto aqui melhora a sua otimização no motor de busca. Isto aqui, cria uma captura. Há tantos ea melhor maneira como eu disse para descrevê-lo é que eles são apenas APS para o seu site WordPress, e eu poderia ir em e em frente com ela com golpes. Mas há mais de milhares deles aqui. Você pode ver que há milhares e há mais de 34 páginas. Tão rápido. Tudo o que vamos fazer é instalar o construtor de páginas e vamos estar usando um construtor de páginas grátis e é apenas chegar ao mercado e é muito, muito, muito bom. Então vai tipo em L.A mentor. L um mentor tão elemento ou e vai estar usando este construtor de página. Agora este peso acabou de sair, mas já está batendo blog de. Ele já está atingindo todos os tipos de sites por causa de sua facilidade de uso. É tão fácil de usar este construtor de página então vai clicar em instalar agora. Então está instalando. E estes também são plugins extras para este bowler página porque é ir. Está ficando tão popular que as pessoas estão criando plugins apenas para esses plugins. Oh, na verdade está se tornando muito, muito popular com o passar do tempo. Então, aqui, clique em ativar. Tudo bem, parabéns. Então nós instalamos o tema WordPress e adicionamos Elemental, que vamos usar isso para instalar nosso design nossas páginas agora. Como eu disse, é totalmente Dragon caiu. Pessoal, é super fácil de usar este construtor de páginas, e eu vou mostrar a vocês como fazer isso neste tutorial. Então, em seguida, vamos em frente e ir para a próxima seção onde vamos criar algumas páginas, então eu vou ver todos vocês lá. 27. Terminação: Tudo bem, pessoal. Parabéns por completar o curso. Dê uma mão a si mesmo. Espero que este curso tenha ajudado você a aprender a usar melhor o WordPress. Espero que ajude você a aprender a usar os elementos. Ou construtor de páginas, que vai ser eu estou dizendo a vocês, vai ser o construtor de páginas grátis número um no mercado. Agora, até lá deste curso, espero que vocês consigam fazer este site. Vocês têm problemas. Sinta-se livre para me fazer perguntas. Avise-me se precisarem de ajuda com alguma coisa. Além disso, quero contar a vocês sobre o meu canal no YouTube. Então meu canal no YouTube é tudo. WordPress se você quer aprender a instalar o Google Analytics, se você quer aprender a instalar o Yoast Seo plug in ou até mesmo configurar um chat ao vivo em seu site gratuitamente. Meu canal do YouTube fala tudo sobre WordPress para que eles disseram Pessoal, espero que vocês me dêem uma boa classificação e espero ver todos vocês no próximo curso. Vejo vocês mais tarde.