Como criar um site Wordpress 2016-2017 (NOVO Tema Divi!) | Darrel Wilson | Skillshare

Velocidade de reprodução


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

Como criar um site Wordpress 2016-2017 (NOVO Tema Divi!)

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

33 aulas (5 h 16 min)
    • 1. INTRO

      3:14
    • 2. Introdução

      3:52
    • 3. Material bônus

      2:13
    • 4. Hospedagem e domínio

      5:56
    • 5. Instalar o Wordpress

      6:00
    • 6. Crie um TEMa do DIVI

      4:30
    • 7. Crie PAGES + menu

      9:37
    • 8. Parte de largura completa 1

      12:43
    • 9. Fulldiwth parte 2

      12:12
    • 10. Cabeçalho de largura de completa

      14:26
    • 11. Projetos de largura total!

      9:09
    • 12. Módulo de Post e mapa

      12:45
    • 13. Opções de menu + logotipo

      10:26
    • 14. Criação de páginas de Landde

      18:57
    • 15. Blurbs

      16:11
    • 16. Efeito parallax

      2:27
    • 17. Quez 1

      8:00
    • 18. Diversos módulos + técnicas

      15:37
    • 19. Módulos de Divi e vídeo

      10:34
    • 20. Perfil

      14:50
    • 21. Quiz 2

      4:32
    • 22. Os ícones sociais e tabelas de preço

      14:58
    • 23. Módulo de blog de Divi

      18:30
    • 24. Email + Countdown de

      15:52
    • 25. Módulo de barra e de galeria

      13:29
    • 26. Quez3

      8:24
    • 27. Plugins e widgets

      16:51
    • 28. CSS personalizado

      5:51
    • 29. Como OBTER imagens

      6:15
    • 30. Como adicionar e carregar as secções

      2:29
    • 31. Área de boot

      3:51
    • 32. Layouts pré-feitos

      10:09
    • 33. Terminação

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

1.040

Estudantes

--

Projetos

Sobre este curso

5b6d6939

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.
  • Use o tema de venda para a Wordpress no PLANET.
  • Ajudei a mostrar e criar mais de 500 sites do Wordpress
  • 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 6.000de visitas!
  • 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?

  • Você vai aprender como criar e gerenciar seu próprio site do zero
  • Adicione de controles de vídeo de 4k
  • Crie sites de de modernos e a vista!
  • Adicione vídeos no YouTube
  • Crie layouts pré-feitos para clientes
  • Obtenha lAYOUTs grátis de eu
  • Domine o tema #1 no Wordpress
  • 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.

Quais são os requisitos?

  • Não é necessário a experiência.
  • Qualquer idade. Meu pequeno pequeno 15 a de velha a irmã agora faz sites!

O que vou obter deste curso?

  • Crie um site do Wordpress do site do zero
  • Crie um site moderno e SIGna para os padrões
  • Gerencie e use e de controle seu site
  • Crie seu próprio negócio de design
  • Crie layouts pré-feitos para vender
  • Domine o tema de Wordpress
  • Domine o DRAG e DRAG Builder + Construtor visual

Qual é o público de alvo?

  • Qualquer pessoa com um desejo para aprender o Wordpress
  • Qualquer pessoa que quer fazer um site de simples e fácil.
  • Qualquer pessoa que quer começar seu próprio negócio online

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. INTRO: Bem-vindo. Bem-vindos a todos. Meu nome é Darrell e todo o instrutor de hoje para você. Então, neste curso eu vou mostrar a todos como construir um site WordPress incrível passo a passo usando o tema divvy. E eu ajudei milhares de iniciantes como você, criar sites incríveis que se pareciam com isso. E a razão pela qual minha palestra se destaca mais do que outras é porque não só vamos aprender a fazer um site incrível, mas vamos torná-lo incrível e bonito com as tendências atuais dos dias modernos de hoje . Então, se você quiser fazer um site super profissional e super bonito, este curso seria para você porque eu nunca ensinaria alguém a fazer um site feio . Não há nenhuma razão para alguém fazer isso, porque lembre-se que as pessoas realmente pelo site, eles têm um bom site, eles vão ficar por perto. E nesta palestra, eu vou mostrar a todos como ter realmente legal e elegante, você sabe, designs que novos web designers estão começando a fazer. Então, se assistirem a essa palestra, estarão à frente do jogo. Você vai fazer o que os novos Web designers estão fazendo diretamente do mercado . Então vamos ser capazes de combinar com nossos concorrentes porque acredite, há muitos outros conteúdos que eu vi que as pessoas usam designs antigos. Eles usam sites antigos, e não há razão para alguém fazer um site que parece feio. Então, neste curso, vamos aprender como criar sites incríveis que se parecem com isso e você pode ser um iniciante completo. Você não tem nenhum tipo de experiência. Como eu disse, ajudei milhares de pessoas a criar sites incríveis, e todos pensaram “Meu Deus, nunca pensei que isso fosse possível. Diz que é fácil. Isso é fácil? Ok, então e este curso eu vou mostrar a todos como construir sites que se parecem com este agora um pouco sobre mim. Por isso, apresentei em todo o mundo. Recebi mais de 4 milhões de visualizações. Eu tenho cerca de 15 milhões de minutos assistidos, e eu sou destaque em cerca de 180 países, e este é o meu Lincoln e um monte de pessoas me contactam para aconselhamento ou serviços de Web design sobre o tema divvy porque eu faço um monte de Web design, mas eu costumo me especializar no tema Davy. Então eu realmente sei muito sobre isso. E esta é a minha a minha análise. Então recebo cerca de 21.642 páginas todos os meses. E sempre que alguém acha que o trabalho não pode ser feito, eles vêm até mim e eu faço isso porque sei o que estou fazendo. E passarei todas as minhas informações para você. Então você será capaz de criar sites incríveis que se parecem com isso porque, lembre-se, mesmo se você sabe como fazer um site, não é realmente tão importante se é feio, certo, então você vai Um negócio de dois por um aqui. Eu vou te ensinar como fazer um site, e nós também vamos usar o tema divvy que vai permitir que você faça sites bonitos que se parecem com este. E nós também vamos estar usando tecnologia que CNN eBay usou melhor compra Todas essas empresas usam WordPress. Então, se você é marcado como um wordpress e você realmente quer fazer um site, esta seria a sua solução final, porque eu vou ensiná-lo a fazer sites bonitos que parecem, elegância que pareçam profissionais. E todos estes foram criados por mim. Então eu sou como eu disse, eu só vou dar a vocês o meu conhecimento. E este tema permite que você faça um monte de recursos. Sabe, não podemos quatro vídeos K. Podemos adicionar todos os tipos de coisas muito legais. Então, se vocês querem aprender a fazer um site wordpress incrível passo a passo, vá em frente e clique no cadastro e eu vou vê-lo no curso. 2. Introdução: Então eu vou dar a vocês uma rápida visão geral do que vamos falar. E sabes que mais? Vamos aprender neste curso tão rapidamente. Este é o construtor visual para divvy, então você pode realmente fazer alterações diretamente no site. Sabe, como se eu pudesse colocar aqui, você para mim. E é assim que o tema Davy funciona com sites. Portanto, é muito simples de usar. E nós vamos cobrir o construtor visual neste, você sabe, como, por exemplo, por exemplo, ele tem um construtor de páginas de gota de dragão, o que torna muito fácil de usar. Então, por exemplo, isto é que eles querem arrastar isto para aqui e arrastar isto para aqui. Agora, você nunca vai ter isso com outro tema. Então é por isso que o tema divvy é tão popular. É por isso que é tão famoso é por causa da tecnologia que entra nele. Agora também vamos usar o verso e o editor. Então, como eu disse, se você quiser trocar por isso, nós vamos, tipo, você sabe, empurrar isso para tipo, você sabe, lá. Seja qual for. Eu vou mostrar a vocês como usar cada módulo neste curso nós vamos primeiro começar com o completo com módulos. Então aqui, vamos clicar na seção de especialidade. Desculpe, a seção mais completa e vou cobrir primeiro todos os módulos. Então, logo na parte de trás, aprendemos tudo sobre o completo com módulos. Então, eu vou entrar em detalhes em cada módulo a seguir. Depois disso, vamos aprender sobre os módulos de texto regulares. Então eu vou rever cada módulo aqui. Então você sabe exatamente o que fazer sobre o tema da TV. Vou fazer perguntas a vocês. Vou mostrar-vos sites. Como, por exemplo, eu vou mostrar esses sites, e eu vou dizer quais módulos eu uso? Como faço para criar isso? Então eu vou te dar um pouco de experiência primeiro, e então eu vou meio que começar a, tipo , talvez esticar seu cérebro um pouco, então eu vou tentar fazer você realmente entender. Você sabe quais modelos usamos como aperfeiçoar o, você sabe, o site. Então você pode olhar para um site e, em seguida, criá-lo. Agora, também vou mostrar a vocês como fazer layouts pré feitos. Vou mostrar a todos como usar como encontrar imagens de outros sites e usar isso. Então eu vou cobrir muito neste curso. E a razão pela qual estou fazendo isso é porque eu quero que você entenda completamente. E você sabe como usar o tema Devi. Porque eu não quero que você saia deste curso pensando, você sabe, o que mais é isso? O que é isto? O que é isto? Eu nunca iria querer ensinar alguém assim. Não é assim que ensino. Eu ensino muito bem. Eu quero ter certeza de que você talvez até mesmo mais informado Eu quero mostrar a você muito em vez de muito pouco. Certo? Então, neste curso, você terá uma visão geral de tudo o que Davey tem para oferecer. Eu vou realmente, como eu disse, fazer testes e mostrar outros sites. E eu vou dizer, como faço esse site? Você me diz? Porque depois de um tempo, espero que aprendas e que saibas certas coisas. Então eu quero meio que testá-lo. Então é isso que o curso irá fornecer. E como eu disse, depois de assistirem a este curso, talvez queiram começar o seu próprio negócio. Talvez você queira criar um site para o seu, você sabe, para o seu próprio, você sabe, um site só para você. o que você quiser usá-lo. Hum, eu vou ajudá-lo a chegar lá, você sabe, apenas passar o tempo para assistir as palestras, gastar o tempo para realmente, você sabe, estudá-lo e realmente aprender, muitas outras pessoas. A razão pela qual eles não têm sucesso é porque eles meio que apenas assistiram meu conteúdo. E depois pararam no meio do caminho. E é ela a fazer-me perguntas. Eu digo, não, você precisa assistir a coisa toda e depois me fazer perguntas. Então, se tiverem alguma pergunta sobre as palestras, sintam-se à vontade para me perguntar porque estou aqui para ajudar. Eu posso. Sabe, eu posso fazer qualquer coisa com esse tema. Eu posso criar qualquer tipo de site que você possa imaginar. Na verdade, todos esses sites eu atualmente fiz nossos imitações de outros sites, e eu vou mostrar-lhe em uma palestra posterior sobre como fazer isso. Ok, então eu basicamente vou dar a você a habilidade de gostar, olhar para um site e saber o que fazer. Saiba o que adicionar e saber como criá-lo. Espero que gostem da minha palestra. Agora, vamos em frente, mergulhar e começar a próxima palestra, então eu vou ver todos vocês lá. 3. Material bônus: como d d v designers. Por isso, neste momento , pessoal, vamos embarcar numa viagem. Pessoal, vamos criar seus próprios sites. Mas há muitas ferramentas que tenho para vocês. Muitos deles são gratuitos e isso irá ajudá-lo ao longo do caminho. Agora, muitos desses ar, incluindo, tipo, layout pré-fabricado. Então este vídeo na descrição vocês vão ter links para determinados sites como o meu, onde você vai ter acesso a layouts gratuitos. Você vai ter acesso ao plano de hospedagem. Você vai ter acesso a algo sobre gráficos em movimento, como controles deslizantes de vídeo gratuitos e imagens de estoque gratuito para tipo de ajudar vocês ao longo do caminho enquanto você cria seus sites porque há um monte de sites diferentes e realmente difícil de começar. Então eu incluí fontes realmente confiáveis sobre onde você pode obter seus layouts. Você pode obter todos os tipos de coisas realmente legais, tais como páginas de destino realmente incríveis. Então estes são apenas alguns recursos para que vocês tipo de ajuda ao longo do caminho para ter certeza de que vocês estão preparados e que vocês têm as ferramentas que precisam para fazer o seu site. E eu também estou incluído no meu Dropbox, que eu tenho ah, muitas outras imagens e imagens e eu realmente vou exigir que vocês baixem este tipo de ensinar-vos ao longo dos acordes. Quero que vocês entendam da minha perspectiva, para mostrarem como construir o site. E também, se vocês precisarem de um logotipo, vou encaminhá-los para outro site. Vamos falar mais sobre o logotipo e mais em detalhes pode chegar lá. E também para comprar o tema, incluirei um link que dará a vocês um pequeno desconto. Além disso, quando chegarmos à seção CSS personalizada, fornecerei esta página aqui. E isso realmente lhe dará a capacidade de copiar e colar o código e ter efeitos realmente legais em seus sites. E não fique sobrecarregado. É muito simples de usar. E assim que chegarmos a essa seção, vocês serão profissionais da Devi. Ok, eu garanto. Como eu disse, ajudei milhares de iniciantes como você a criar sites incríveis. E eu uso um desses aqui. Eu uso isso muito legal. Como eu disse, design artístico bem aqui. Eu uso isso em muitos sites. Então, se precisarem de ajuda ou se eu falar nas palestras e quero que se refiram à página, se eu lhes der links ou precisarem de material? Este seria o recurso é Page. Tirando isso, pessoal, espero que gostem desse curso, e espero que isso ajude vocês. E verei todos vocês na próxima palestra. 4. Hospedagem e domínio: Muito bem, pessoal, pessoal, bem-vindos de volta. Então a primeira coisa que precisamos fazer é obter hospedagem e obter um domínio, e eu recomendo uma empresa chamada TMD hospedagem ponto com. Agora, a razão pela qual eu recomendo TMD hospedagem dot com é porque não só para obter um domínio gratuito, mas você tem seu site hospedado no que chamamos de servidor de unidade de estado sólido. Aposto que já ouviu esse termo antes do SSDI. E aposto que está se perguntando, sabe, o que é isso? O que é SSD? Vamos educá-lo um pouco sobre hospedagem SSDI, bem como unidades SSD. Portanto, o SST é uma tecnologia relativamente mais recente e não envolve peças móveis no disco rígido. Como resultado, é muito mais rápido do que uma unidade de CD. Na verdade, o computador Amman agora falando com você eu não tenho SST nele. Não numa unidade de CD. Eu uso sete uma unidade de CD, mas eu atualizei. Agora, todas as outras empresas como “Daddy “e “Blue Host”. Eles só oferecem uma unidade de DST, então, como resultado, você terá um desempenho muito mais lento. E hospedagem TMB realmente é mais barato do que ir papai e suas outras empresas, então é uma espécie de vitória aqui. Então, como você pode ver aqui, a unidade SSD claramente supera a velocidade de condução dos anos oitenta. O I.O P. S, que é o desempenho, também supera claramente a unidade A C e o final do INSEE. Isso é realmente chamado de atraso. Então, quatro bagunças atrasadas. E você não quer atrasar, certo? Quero dizer, quanto mais atraso você tem o pior é tão menor é melhor. Então, como resultado, vamos ter nosso site hospedado no servidor mais rápido possível porque não queremos perder clientes porque nosso site carrega muito devagar. Isso não seria bom, certo? Isso seria terrível. Então vamos voltar para a hospedagem TMD e também incluir ah ligado a isso e a descrição da palestra . Você pode verificar isso. Por enquanto, vou clicar em “começar”. E agora temos três planos. Aqui temos o plano inicial, o plano de negócios e o plano profissional para vocês. Eu recomendo o plano de negócios porque com o plano de negócios, você obtém domínios ilimitados em vez de apenas um domínio. Essa é uma grande diferença. Ok, então eu vou clicar em, inscrever todos os direitos, e nós também temos um domínio livre. Então, isso também é um grande bônus Woo domínio livre. Todo mundo adora coisas grátis, certo? Sim. Então eu vou colocar Eu amo Kylo Ren assim e clique em. Prossiga. Então vá em frente e preencha o endereço que quiser. Então, se você não está familiarizado com um nome de domínio é, você sabe, seu endereço web. Então, você sabe, maçã ponto com ou seu site é legal ponto com. Certo, então a seguir temos nossas informações de contato, então vá em frente e preencha suas informações de contato. Seu primeiro nome, seu sobrenome. Seu endereço de e-mail. Seu número de telefone, etc. Coloque sua senha, vá emfrente e coloque de novo. Coloque sua senha, vá em Você sabe, ter certeza que está correto e nós realmente temos a opção papal. Então, se você quiser pagar com PayPal, você pode pagar com PayPal. Se não o fizeres, podes ir em frente e preencher o teu cartão de crédito. Coloque-o bem ali. E depois que você terminar com toda essa informação Ah, eu sei que eu estaria indo um pouco rápido, então sinta-se livre apenas para pausar o vídeo e ir encontrar seu cartão de crédito. Porque sei quando faço compras online. Nunca consigo encontrar a minha carteira quando estou a fazer compras, sabes? E eu: “ Onde é isso? Deixei no meu carro ou algo assim. Você sabe o que as coisas acontecem. Então, em seguida, temos nosso registro de domínio. Então, o que? Isto está bem aqui. Permanecer proteção de privacidade. Isso basicamente esconde suas informações públicas de pessoas que tentaram revistar você. Então, se você quiser ter isso, você pode ter verificado. Caso contrário, você pode deixá-lo desmarcado. Agora. Você realmente tem a opção de fazer, ponto final. Então aqui, você pode realmente fazer um mês de serviço. Você pode fazer 12 meses ou você pode fazer 24 meses. Agora. Eu pessoalmente recomendo fazer isso por 12 meses porque você vai pagar um pouco menos, e eu vou lhe fornecer um código de cupom, que vai lhe dar um desconto. Então você pode querer desconto em algo que você está pagando mawr, porque é um desconto percentual e muitas dessas outras opções que você pode escolher para ter estes no entanto, integração com o Google Analytics. Sabe, eu realmente não recomendaria a maioria dessas fechaduras laterais porque você sabe, muitas pessoas me perguntam sobre os extras, mas eu estou dizendo que você poderia olhar, se alguém roubasse suas informações e entrasse em seu site o que eles vão conseguir? Você sabe que eles vão ter um site vazio. Não será lucrativo para ninguém tentar citar, hackear seu site. Certo. Então eu provavelmente recomendaria a proteção de privacidade do domínio. Isso é sobre isso. Tudo bem. Em seguida, você tem seu código promocional, então eu vou dar-lhe um código promocional, que irá economizar mais 5%. Então, se você digitar o código Darryl 626 e clicar em aplicar, você receberá mais 5% de desconto. Agora que os preços são muito bons. Então você está recebendo hospedagem ou, na verdade, você pode ficar ainda mais barato. Você pode obter, você sabe, 70 dólares gastos obter sua hospedagem por todo o ano. Neste momento, estou preso num plano a fazer 16 dólares por mês, e gostaria de poder sair disso. Mas eu tenho tantos clientes naquele servidor, eu meio que tenho que ficar com eles, então ah, eu realmente tenho a equipe de hospedagem. Sabe, eu tenho uma contabilidade separada para hospedar porque eles são muito rápidos. Então, depois de terminar com toda essa informação, vá em frente e clique em. Eu concordo. E clique em checkouts. Tudo bem. E depois trouxemos para outra página onde vai pedir-te alguma coisa. Você sabe, tipo, você quer se registrar para isso, basta sair e colocar Não, e vai levar algum tempo. E você pode esperar um minuto ou dois. Então, depois disso, você será trazido para esta página, então eu vou em frente e pesos, talvez 10 segundos. Vamos esperar pelo seu, porque, porque, hum, eu deveria saber que leva um pouco de tempo para ah, levantar o painel do assento e toda essa informação, então ok, ótimo. Tudo bem. De qualquer forma, terminamos. Legal. Tudo bem, então você será trazido para esta página. E esta é a área do seu cliente. Então nós realmente temos nosso domínio e nós temos nossa hospedagem agora. Então, a próxima coisa que precisamos fazer é instalar o WordPress. Então vamos fazer isso na próxima palestra, pessoal. Então eu vou ver todos vocês lá. Parabéns pelo seu domínio. Parabéns pela sua hospedagem SSD. Você pode dizer a todos os seus amigos que você está dizendo Ei, você sabe o que meus servidores hospedaram no SSDI. Você sabe que eu não uso mais um CD. Você pode se gabar disso. Certo. Vemo-nos na próxima palestra. 5. Instalar o Wordpress: Muito bem, pessoal, pessoal, bem-vindos de volta. Então agora vamos instalar o WordPress em nosso site. Mas antes de te dizer como fazer isso, quero dar-te visão geral rápida da área dos clientes. Então isso é você sabe, seus serviços, seu domínio, onde você pode registrar mais domínios, você pode encomendar hospedagem diferente. E este seria o seu portal de faturamento e também o seu apoio. Então, o ver que você tem um problema com o seu com o seu site WordPress. E a razão pela qual eu gosto de hospedagem da equipe D é porque você pode enviar um ingresso aqui e qualquer problema que você tenha, eles responderão, e resolverão o problema para você. Você não tem que, você sabe, fazer isso pelo telefone e tentar descobrir o que está acontecendo. Eles descobrirão o que está errado e consertarão isso. Então, se você tiver uma pergunta técnica, seu site está inativo. Qualquer outra coisa com que você tenha problemas, basta ir em frente e enviar um ticket, e eles irão responder e também corrigir seu problema para você. Então é outra vitória, certo? Então vamos voltar para casa. E agora vamos instalar o WordPress. Então vá em frente e role para baixo, e aqui você terá seu painel C log-in. Basta ir em frente e clicar no seu plano de hospedagem e clicar em fazer login. Tudo bem. E você será trazido para esta página aqui. Então vamos em frente e rolar para baixo bem aqui. Role para baixo. Apenas continue rolando. Continua crescendo. E lá vai você. Então nós vamos para oinstalador de aplicativos suave e delicioso, instalador de aplicativos suave e delicioso, e vamos instalar o WordPress assim mesmo. Então clique em WordPress. Ok, então agora nós vamos para esta página aqui, e nós somos Glendon Clique em instalar agora, então vá em frente e clique em instalar agora e aqui, ele vai ter o seu, hum, Sua verdade, protocolo, todas essas coisas aqui. Vá em frente e selecione o domínio. É você, um, que você é atualmente que você comprou. Então eu compro um chamado I Flower Power e bem aqui, e ele diz no diretório, certifique-se de que não há nada lá. Ok. Certifique-se de que não há nada lá no diretório in. Deixe em branco. Ok. Próximo. Estas são as configurações do seu site. Podemos nos transformar em wordpress. Então não é grande coisa. seguida, você terá seu nome de usuário e seu nome de usuário e sua senha. Então vá em frente e mude seu nome de usuário para algo. Vou pôr o meu cão, que é a Patty Wack. E então mudarei minha senha. Teoh Patty trabalha. Veja Patty wack 03 E bem aqui, vá em frente e coloque em seu e-mail pessoal para que você possa colocar em algo como, você sabe, você sabe, qualquer coisa no Yahoo ou o que seja no Gmail e realmente ter uma seção de idiomas, que é muito legal porque muitas outras empresas de inércia não têm isso. Então eu vou selecionar Mine é Inglês e eu vou rolar para baixo. Tudo bem. E o que você fez. Vá em frente e ignore. Todas essas configurações não estavam indo para usar nenhum desses outros temas porque nós vamos usar o tema de venda número um nos planetas, que é o tema divvy vai clicar em instalar exatamente assim. Tudo bem, então agora ele está instalando WordPress. Diz que vai demorar de 3 a 4 minutos, mas normalmente faz muito mais rápido do que isso. Então já está feito. Então aqui está o nosso login para ah são nossos sites e também este é o nosso site Agora, se você clicar nele e ele realmente não funciona, vá em frente e apenas dar-lhe como, um minuto ou dois. Ou às vezes leva 30 minutos. Eu sei. Para empresas como o host Gator , pode levar entre instantâneos e cinco horas. Lembro-me que estava a fazer. Estava a ensinar um webinar para jacaré anfitrião. E levou seis horas no Dia de São Patrício. Então vá em frente e clique no Earl administrativo, e eu vou levá-lo ao seu site. Tudo bem, então lá vai você. Agora estamos logados. É isso. Nós instalamos o WordPress em nosso domínio. E se você quiser visitar o seu site, você pode clicar aqui e clicar em visitar sites. E lá vai você. Então este é o nosso site. É ao vivo. É oficial. E sei que está horrível agora. Não se preocupe. Vamos consertar tudo vai fazer com que pareça incrível. Tão rápido. Vá em frente e vá para o seu painel. E quero mudar suas coisas. Então a primeira coisa que queremos mudar são nossos links Perma. Então vá até aqui para as configurações e vá para permitir links e eu vou explicar por que agora você quer colocá-lo. Postar-me A razão pela qual você quer colocá-lo no nome do post é porque vamos dizer que fazemos um contato nos paz ou em cerca de US página aqui vai dizer o seu traço site, Contacte-nos seu site traço sobre nós, certo? Na verdade, é melhor para propósitos Seo, mas se você tem algum que se parece com isso aqui, onde é ponto de interrogação P. 123 Parece muito estranho quando eles vão para a sua página sobre os EUA, e não é apenas a forma como as pessoas fazem sites hoje. Então vá em frente e deixe-o em Nome do Post e clique em salvar alterações. Em seguida, vamos para nossas configurações de usuário e basta clicar em usuários bem ali e ir em frente e clicar em seu nome de usuário, tudo bem. E, em seguida, você quer ter certeza de que, se você quiser alterar sua senha ou se você quiser alterar seu e-mail, é aqui que você vai fazer isso. Então você vai mudar seu e-mail aqui, e se você quiser mudar sua senha, você pode clicar em gerar senha, colocar uma nova senha e clicar em atualizar perfil. Então é aqui que você mudaria sua senha e também mudaria seu endereço de e-mail. Ok, então isso é muito importante, porque eu tive clientes que foram bloqueados fora de sua vista e eles não sabem que e-mail eles entraram. E eu sou como o que você quer que eu faça, você sabe, é tipo Z eu tenho sido um tipo de mau lugar, sabe? Então, e também, você pode mudar a cor do administrador, você sabe, você pode fazer com que pareça azul. Você sabe, eu acho que um deve ser usado para este tutorial? Lá vamos nós. Vamos deixar como meia-noite. Então, para este tutorial, vai ser meia noite, ok? E eu vou clicar em, hum lá eu mudei para o meu outro e-mail. Ela é? Ordem do PC. Tudo bem. E então eu vou clicar em atualização assim. Tudo bem? Então está salvo. Tudo está feito. Podemos voltar ao nosso site, clicar ou visitar sites. Tudo bem, pessoal. Então é isso. Instalamos o Wordpress. Parabéns. Estamos fazendo um trabalho incrível até agora. Temos o nosso domínio. Temos hospedagem e ele está sendo hospedado em servidores SSDI, que são os servidores mais rápidos agora no planeta. Então parabéns. Eu vou ver todos vocês na próxima palestra onde vamos instalar o tema divvy. Te vejo lá. 6. Crie um TEMa do DIVI: Então a próxima coisa que precisamos fazer é realmente comprar o tema Devi e realmente ter um link na descrição. E você também receberá outro pequeno desconto por isso. Então, qual é o seu aí? Eu acho que é Ah, vocês podem clicar no link na descrição ele vai levá-lo para, ah, ah, temas elegantes, mas trouxe para uma tela diferente. Você sabe, na verdade vai economizar 10%. Então eu realmente recomendo percorrer meus links. Então vai poupar mais dinheiro e vocês serão levados a algo que se parece com isso aqui. E, claro, será mais barato do que isso. Vocês podem clicar em se inscrever hoje e ir em frente e digitar seu nome de usuário e sua senha. E como a grande parte sobre os temas Logan é que eles têm suporte técnico. Então, se você tiver problemas com seu site, esses caras irão ajudá-lo. É tão incrível, você sabe, eles têm um fórum completo que vai dar a vocês. Se você tiver um problema com isso, eles irão ajudá-lo a todos os passos do caminho. E também, você sabe, quando vocês me deixam comentários, sabe? Ah, ah. Muitos desses problemas podem ser corrigidos por seus fóruns de suporte. Então, se vocês quiserem que eu lhes forneça um script ou codificação seria mais benéfico contatá-los e pedir-lhes porque, você sabe que eles estão lhe dando, ah, ah, ano inteiro de atendimento ao cliente com o plano. Além disso, você também vai ter o plug bloom in e o plug bloom é um formulário Upton e-mail, que eu realmente tenho outro sartorial. Então, talvez depois deste vídeo, vocês podem verificar isso, e ele vem com o tema e é o número um e-mail avaliado Opt in. Então, ah, vá em frente e digite seu nome de usuário, sua senha. Confirme sua senha, etcetera, e todas essas informações e depois de você. Você sabe, você envia seu pagamento e você faz login para ser levado para o seu painel, então eu vou em frente e apenas fazer login aqui. X, eu tenho em conta esses caras. Acho que essa é a minha senha, certo? - Sim. Certo, então você trouxe para o seu painel. Esta é a sua área de membros. Então, a partir daqui, se você pode baixar o tema então vamos aqui, Teoh, Role para baixo aqui sob temas. Agora, aqui mesmo. Eu mencionei o plugue de floração. Então lembre-se, eu tenho outro tutorial sobre como você pode usar o plug boom in. É um lindo plug in. É realmente incrível. Na verdade, você pode visualizá-lo muito rapidamente e, você sabe, logo na parte de trás, você vai ver esse pequeno pop up. Suba bem aqui. Deve vir para cima. Veja aqui. Então alguém rola para baixo. Lá está ele. Então esta coisinha aqui é a floração. Então, fazendo isso em seu site, certifique-se de verificar o meu outro tutorial sobre isso. Ele vem totalmente com o tema. Então, tenho certeza que vocês já viram isso em muitos sites diferentes que muito famosos se conectam . Então, uh, você sabe, voltando para o painel, nós vamos rolar para baixo aqui, e nós vamos baixar o tema número um que o tema Davy. Vá e clique no download e clique em um pacote de tema. Então você verá que seu arquivo foi baixado. Agora simplesmente também precisa fazer é voltar para o seu site e vamos para o nosso painel Tudo bem. Então a partir daqui, vamos para baixo para a aparência, e você vai ver a seção chamada Temas. Agora, basicamente, um tema é como a estrutura do seu site. Então, há muitos temas por aí. As pessoas fazem coisas o tempo todo, mas a equipe Davy é de longe a melhor equipe porque seu construtor de página visual. Então aqui em cima vai clicar em adicionar novo e nós vamos clicar em upload Tema. Agora vamos clicar em Escolher arquivo, e nós vamos realmente encontrar a pasta que baixamos. Então o meu estava aqui sob downloads, e vai ser sob Davey 7. Baixe-o um pouco e eu vou clicar em abrir e, em seguida, clique em Instalar agora. Então, agora o tema está instalando em nossos sites, e a partir daqui, ele nos dará a capacidade de começar a usar o construtor de página visual. Vai começar a dar-nos todos esses recursos muito legais. Demora algum tempo para instalar. Depende. Talvez, você sabe, se você estiver usando outro servidor, eu poderia levar , você sabe , tipo, 34 minutos. Este serviço que você provavelmente instalou talvez dentro de um minuto. Feche isso aqui. Tudo bem, então o tema foi instalado com sucesso. Agora tudo o que precisamos fazer aqui é clicar em Ativar. Certo, então estamos ativando o tema Se vocês pegarem essas coisas estranhas, nosso aqui depende do seu servidor. Eu sei como um adolescente para, ah, ah, hospedeiro azul. Ele lhe dá esses erros aleatórios de cabeçalho PHP. Vá em frente e ignore. Isso acontece em alguns servidores. Então aqui, vamos em frente e clicar em sites de visita, e lá vai você. Então, o tema está instalado. Parabéns, pessoal. Dê um tapinha nas costas. Nós, você sabe, chegamos muito longe. Temos hospedagem. Temos que dominar. Temos o tema “Divvy”. Nós instalamos o WordPress, e agora vamos criar nosso site incrível, passo a passo, então eu vou fechar é bem aqui, e vamos avançar agora e começar. Tudo bem, vamos em frente agora e começar. 7. Crie PAGES + menu: Ei pessoal, bem-vindos de volta. Então vamos em frente agora e criar algumas páginas e também fazer algumas coisas com o menu. Talvez você queira mudar este menu aqui também. Vamos apresentar a todos o personalizador de temas. Agora há duas maneiras diferentes de criar páginas. Agora vou mostrar aos dois. Então, por exemplo, poderíamos subir aqui sob esta pequena e nova seção e clicar na página ali mesmo, e isso nos levará a uma seção onde agora podemos criar uma nova página. Agora talvez você queira criar nossa home page, certo? Então vá em frente aqui e clique em casa. É assim e basta clicar em Publicar por enquanto. Não se preocupe em colocar nada. Chegaremos a isso daqui a pouco. E talvez você queira sobre nós página, certo? Então, estar aqui sob, adicione novo e talvez digite sobre nós e clique em Publicar. Agora há outra maneira de criar páginas. Então aqui embaixo das páginas, você pode clicar em todas as páginas onde diz adicionar novo aqui, ou adicionar novo aqui. Podemos criar uma nova página dessa forma tão fora do tipo em são um clique em Ah New e vamos colocar nossos serviços e, em seguida, clique em Publicar. E então eu vou voltar aqui novamente e vamos criar a última página, que é a página Fale conosco e, em seguida, clique em Publicar. Agora podemos voltar aqui para todas as páginas. Então, se você quiser ver as páginas que você criou, clique em todas estas páginas aqui e você pode vê-las aqui mesmo. Então temos o sobre nós, o contato, a casa, os nossos serviços e a página de amostra. Agora eu queria deixar a página de exemplo porque isso só vem padrão com o WordPress, então eu realmente não preciso dele. Por isso, vou lixar isto agora. E lá vai você. Então agora temos quatro páginas. Mas se você voltar para o nosso site aqui e clicar no site de visita, você vai ver que ele não está realmente configurado corretamente. Você sabe, nós temos essas categorias. Ele realmente não parece bom, então eu mostro a você como você pode personalizar seu site. Sinto muito, seu menu, e há algumas maneiras de fazê-lo. Há um personalizador de temas, mas também o painel, então vou mostrar a vocês dois. Então aqui você pode clicar no painel, ir para a aparência e ir para menus. Tudo bem, agora precisamos criar nosso primeiro menu, então eu vou chamá-lo de Menu Um e clicar em Criar Menu. Tudo bem, então agora nós temos o nosso mais recente, e ele realmente ver também, estas são nossas páginas atuais agora. E a razão pela qual temos duas páginas é porque uma delas é um link personalizado, que eu vou dizer-lhe o que é isso em apenas um pouco, mas por enquanto, basta ir em frente e adicionar cada uma delas e clicar em Adicionar ao menu. Agora, você vê qual tem link personalizado aqui. Então, um link personalizado é basicamente, um, é um seu poço, que leva você a um certo que você é. Oh, eu sinto muito. É um Texas que te leva a uma certa garota. Então, aqui mesmo. Vê o que diz links personalizados? Você pode tipo de criar qualquer. Você também está www dot no yahoo dot com ou em qualquer site e colocar o texto vinculado. Talvez queiras dizer “ yahoo “, yahoo “, e depois podes levá-los ao Yahoo Dot com Agora, maioria das pessoas não fazem isto. Eles não usam links personalizados. Alguns temas realmente exigem isso. Mas, Devi, não precisas de fazer isso. Só estou informando o que é um link personalizado. Aqui diz link personalizado. Vá em frente e clique sobre isso e basta clicar em excluir. Nós realmente não precisamos disso. Tudo bem, então nós temos o ah, a casa, o sobre o contato em nossos serviços. Agora, talvez queiras reorganizar isto para querermos que o topo esteja em casa e o contacto seja o último. E você quer fazer deste um menu primário e clique no menu Salvar. Ok, então agora este é o nosso menu atual, e nós podemos realmente ir ver. Está no nosso site. Então, agora vamos em frente e dar uma olhada aqui. Clique no site de visita e lá vai você. Então temos a casa sobre nós, nossos serviços e a página de contato conosco. Mas há algumas coisas que precisamos mudar. Agora. Precisamos mudar isso para uma página estática porque agora ele diz que eu flor Power Dot com traço para casa. Agora precisamos fazer isso. Só diz que eu flor Power Dot com, certo? Então aqui, vá para o seu personalizador de temas e os clientes do tema são realmente tem um monte de opções, mas eu pessoalmente não recomendo usar o personalizador de temas porque você quer basicamente editar módulos de forma independente, e eu vou chegar a isso em um pouquinho. Mas por enquanto, tudo bem, aqui está uma estática da página. Basta ir em frente e clicar sobre isso. Clique em uma página estática e você vê o que diz uma primeira página. Vá em frente e apenas digite em casa ali estão selecione casa e clique em salvar e publicar. E lá vai você. Então agora nossa página inicial, esta página que criamos agora é nossa página inicial. Ele não tem mais aquele traço para casa. Então, vamos apresentar a todos o personalizador de temas. Assim, o personalizador do tema é outra maneira que você pode personalizar seu site e torná-lo diferente . Mas eu vou ter que discordar e não recomendar nenhum desses porque quando você está projetando sites, estes aqui, bem, na verdade projetar em massa. Mas se você está criando seu site, você pode querer, você sabe, você sabe, ter as coisas parecendo diferentes, você não quer que tudo pareça igual. Você quer o mesmo texto em todos os lugares, certo? Você não quer o mesmo. Hum, você sabe, tudo em itálico. Então, primeiro, vamos para as configurações gerais. E esta é a identidade do seu site. Então aqui podemos colocar algo como, você sabe, você sabe, seu site ponto com e, em seguida, colocar um slogan. Então eu vou colocar, hum, poder de flor flor. E aqui mesmo, vendemos flores legais, vendemos flores legais. E isso é importante porque digamos que alguém compartilha este site no Facebook. Este título e slogan vai aparecer, e você também é ícone lateral vai. Então também é importante que você tenha, hum você sabe que você tem algo lá. Agora você pode ter um ícone do site também. Então deixe-me mostrar o que é isso. Se você for até aqui e clicar em selecionar Imagem, vamos em frente agora. E assim como uma imagem aleatória, eu vou fazer upload de arquivos, selecionar arquivos, e eu vou para aqui e ah, talvez selecionar este pequeno, uh, você sabe, esta pequena caixa aqui só para fins de guitarra. Muito bem, aí está a minha imagem. Vou clicar em Selecionar. Agora você vê como Aqui ele diz como um ícone do navegador. Você já notou quando você vai para aqueles sites onde você sabe, você olha para a parte superior do seu navegador e tem um pequeno ícone legal? Então é isso que esta configuração é quatro. Então eu vou colocar imagem de corte. E agora, se você visitar este site, ele vai ficar exatamente assim ali. Assim como aquele pequeno ícone legal. Você sabe, se você vai a um monte de sites de hospedagem para ter seu logotipo bem ali, então talvez você gostaria de colocar seu logotipo lá. Então vamos voltar e configurações de layout agora você pode realmente ter sua caixa de configurações de layout, como, você sabe, algumas pessoas ainda gostam de layouts de caixa, que é assim aqui. Ou você pode tê-lo cheio, mas cheio com o tipo de coisa nova. Agora mesmo. Você sabe, um monte de pessoas úteis com você pode realmente adicionar barras laterais personalizadas, mas vamos obter as barras laterais um pouco mais tarde neste tutorial. Hum, eu vou voltar aqui e topografia. por Épor isso que estou dizendo que você não precisa fazer isso porque podemos editar todas essas informações com o construtor visual. Não precisamos mais usar esse , personalizador, mas talvez queira mudar seu menu, mas chegaremos ao menu um pouco mais tarde. Então, por enquanto, vou pular a maioria dessas seções. Vocês podem realmente passar por isso e olhar para eles. Mas eu não recomendo alterar nada nessas configurações porque assim que começarmos a criar nosso site, você começará a entender por que você não gostaria de usar o personalizador de temas. Agora há razões para usá-lo, mas eles são muito raros, então eu vou ter que dizer, Ah, bem, bem, nós usamos isso um pouco mais tarde, mas nós vamos realmente usar Thea Header navegação porque precisamos disso aqui para personalizar nosso menu. E há muitas maneiras diferentes de personalizar o menu. Mas uma vez que tenhamos algum conteúdo, talvez queiramos mudá-lo. Então, você sabe, acordo com o que estamos tentando fazer agora, muito rápido aqui, ele está aqui. Diz, cardápios. Esta é outra maneira onde você pode editar seu menu. Então, se eu clicar aqui no menu um. Vê como criamos aquele menu ali? Vou clicar aqui, e depois temos as nossas páginas. Agora eu quero mostrar-lhe como fazer um menu suspenso. Então, você já esteve naqueles sites onde você paira sobre ele? E tem, tipo, três ou quatro páginas que tipo de arrastado para baixo. Se você pegar isso aqui e você apenas vá em frente e coloque bem embaixo de casa. Agora você vê, o sobre nós está sob a página inicial, e você pode ter isso para os nossos serviços e o contato conosco também. Então agora temos a página inicial. Temos o sobre nós como um sub-menu, e então temos essas duas páginas como um sub menu para o sub menu. Então vamos em frente, dar uma olhada. Ótima. Então, tudo bem, aí temos isso. E então agora temos os nossos serviços e entre em contato conosco. Então, se você está procurando um soltá-los e você é assim que você cria um, você simplesmente arrastá-lo para baixo, OK? Mas vou mudar tudo de volta agora mesmo. Vou empurrar tudo para trás, está bem? E também, isso tem um menu secundário e também um pé ou menu para que você possa realmente ter outro menu aqui em cima. Mas quando editarmos o menu, vou revisar isso mais detalhadamente. Então, a partir de agora, eu não vou chegar muito longe nisso. Mas só estou te dizendo, essa é outra maneira que você pode adicionar em um menu secundário. Você pode realmente adicionar em outro menu chamado o módulo completo com cabeçalho. E chegaremos a isso na próxima palestra. Ok, então, um, fora isso Ah, isso é tudo para criar as páginas no menu. Então agora criamos nosso menu. Nós temos, você sabe, eu mostrei um pouco sobre o personalizador de temas. Então vamos para a próxima palestra, que vamos nos concentrar mais nos módulos ou dar-lhe uma visão geral rápida de todos os tipos de módulos e diferentes maneiras estilo fim de semana e personalizar nosso site. Então eu te vejo lá 8. Parte de largura completa 1: Ei, pessoal, bem-vindos de volta. Então deixe-me dar a todos uma pequena introdução sobre como o tema Devi funciona e uma pequena introdução a todos os diferentes tipos do que chamamos de módulos. Então, aqui mesmo, vou habilitar o construtor visual. E este é o front-end. Então, a maioria das pessoas hoje usam o construtor de frente e visual agora porque é muito mais fácil. Mas eu ainda uso o back-end quando eu me deparo com pequenos erros e eu quero ver exatamente o que eu perdi. Então este é o editor aqui. E se clicarmos neste pequeno ícone azul, isso nos ajudará a começar. Então temos três tipos de módulos. Temos um módulo regular, uma especialidade e um completo com tão cheio com basicamente cobre a página. Uma especialidade é um pouco diferente. Então, se eu clicar nisso, este é o espaçamento. Então talvez eu queira, tipo, uma foto bem aqui. E então aqui, você vê o conteúdo, talvez queira fotos abaixo disso. Certo? Então eu vou pegar raio-X aqui, e os outros módulos são apenas o módulo normal. E há diferentes maneiras de personalizar nosso site, então, por exemplo, esta aqui é uma linha completa. Isto aqui é talvez pudéssemos ter duas fotos ou três fotos ou quatro fotos. Há muitas variações diferentes de maneiras diferentes. Enfraquecer estilo, nosso site. Mas por enquanto, vamos usar o módulo completo, porque ah, muitos dos iniciantes adoram o completo com módulos. Eles realmente, realmente fazer mais tarde na estrada. Uma vez que você ficar um pouco mais familiarizado com o tema Davy, você pode começar a balançar para longe dos quatro módulos porque ele faz uma espécie de limite o que você pode fazer na medida em que mover texto ao redor. Mas é muito simples e qualquer um pode fazê-lo. Por isso, aqui mesmo, vou clicar. Bem, primeiro, eu vou clicar em raio-X aqui, e eu realmente tenho essas duas fileiras. Eu tenho esta estrada azul que eu criei, e esta aqui. Então eu vou realmente deixar ambos agora para excluí-los, basta clicar em excluir seleção e excluir seleção. Então agora não temos nada. Então, a primeira coisa que quero fazer é fechar isto aqui mesmo. Vou clicar neste azul bem aqui. Clique em completo com. E há diferentes tipos de quarta modelos. Enfraquecer Fazer agora o ah, o controle deslizante mais completo é basicamente um controle deslizante de página inteira que irá deslizar. Temos o título do post. Temos o controle deslizante. Temos o cabeçalho, o cabeçalho, o cheio com imagem. Talvez você só queira uma foto grande. Talvez seu fotógrafo, certo? Mas para esta pequena seção, nós provavelmente vamos usar o, hum nós podemos usar o controle deslizante mais completo. Certo, então, , esta é a nossa caixinha aqui. E isso é basicamente como vamos projetar o completo com controle deslizante. Então, aqui, basta clicar em, adicionar um novo item e dar o seu título de nome para que vamos colocar Bem-vindo ao tutorial. Bem-vindo ao tutorial. E, em seguida, as bundas no texto, que será contactar-nos. Ou talvez pudéssemos fazer algo como ... bem-vindo . E as bundas no seu oral. Por enquanto, basta ir em frente e colocá-lo como aquele pequeno botão ali ou este pequeno sinal numérico que apenas basicamente cria o botão. Mas não se liga a nenhum lugar, porque talvez não queiramos, você sabe, ligá-lo em qualquer lugar agora. Agora, para imagem de fundo, podemos selecionar uma imagem de fundo para isso. Então, para fazer isso, você pode clicar no upload aqui, exatamente assim. Opa, desculpe. Então eu vou voltar aqui, e eu vou clicar em ah, carregado aqui e agora nós temos os, hum, os arquivos que queremos selecionar. Agora, aposto que você está se perguntando onde você pode obter algumas imagens de fundo realmente agradáveis? Bem, você poderia realmente ir para unspool ash dot com ali, e você pode obter todos os tipos de quatro imagens K. Então, muitas dessas imagens são realmente únicas. Eles são lindos. E se você quiser digitar o que você é nicho, digamos que você gosta de comida para que possamos digitar comida ali mesmo. E nós podemos, você sabe, talvez colocar uma imagem de comida. Seja o que for, Splash tem muito. E também você pode realmente ir para gráfico stock dot com e se inscrever. Agora. Tenho links na seção de material bônus e esses links são afiliados, mas eles dão um desconto maior. material bônus e esses links são afiliados, Então, por exemplo, se você quiser colocar o pôr-do-sol bem aqui, ele vai lhe dar algumas imagens do pôr-do-sol, e você pode obter tudo isso. Acho que são 100 dólares por ano, então vale a pena. Você sabe, é um bom preço que você está pagando. Provavelmente por volta de 78 dólares por mês. Então vamos voltar aqui para ter o Splash, e provavelmente vamos pegar um que tenha. Este é o céu noturno de deuce. Então céu noturno. Tudo bem. E eu vou pegar um bem aqui, e eu vou clicar no download, e eu vou salvar isso no meu computador. E muitos destes seguem. Os caras são muito grandes, então eu também vou te dar algumas dicas. Céu noturno. Vou lhe dar algumas dicas sobre como reduzir o tamanho de suas imagens porque, ah, muitos iniciantes. Eles tendem a colocar essas belas imagens lá. Mas o problema é que eles são provavelmente 12 Meggs. Sabe, pode haver oito imagens K. Como resultado, seu site vai carregar mais devagar, então eu vou dar-lhe uma alternativa Teoh corrigi-los. Então aqui, eu vou clicar em arquivos selecionados, e eu vou para desktops e eu vou rolar para baixo aqui e nós vamos descobrir que isso foi no céu noturno. Então vai estar em algum lugar por aqui, céu noturno. Agora, este é um grande exemplo. Então eu cliquei na imagem, mas agora ela diz 32,6 megabytes. Isso é um arquivo monstruosamente grande. E devemos reduzir esse tamanho porque, hum, isso resultará em um tempo de carregamento mais longo. Agora, para mudar isso, vamos para outro site chamado Pic Monkey Dot com assim. E nós vamos até aqui e podemos editar nossas fotos de graça. E queremos clicar em editar. Então vamos em frente e descobre que agora é a nossa foto. Então, o céu noturno e clique em aberto. Tudo bem, então é. Agora, hum, ele está carregando nossa falta e 32 faz caras é um site muito, muito, muito grande ou eu sinto muito. Eu sou grande ah, tamanho. Então, agora, já está meio reduzido. O tamanho para US 3000 é OK. Uma imagem de três K e por dois K. Então vamos em frente e basta clicar em aplicar, e então vamos apenas clicar em seguro Então você vê agora como é o tamanho é 2,3 megs de 32? Essa é uma grande diferença. Então, uhm, eu vou guardá-lo como apenas uma imagem de pierce. Mas você também pode salvá-lo como um ah, é chamado um arquivo Sean ou uma qualidade Sean, que é como super bom, mas mesmo assim podemos usar Pierce, você sabe, e ter certeza J pig. Então agora nós reduzimos para 2,3 meg, o que é muito melhor do que 30 para fazer tamanho, porque isso é um pouco grande demais para um site. Então vamos voltar aqui agora, e vamos clicar em arquivos selecionados e vamos encontrar essa imagem. Então o céu noturno Jay, Peg este aqui. Por isso, lembra-te , é este. Então 2,4 megabytes e eu vou clicar em abrir. Tudo bem, então agora o arquivo vai ser enviado para o nosso servidor, e então nós vamos colocá-lo como o fundo para o nosso controle deslizante completo. Tudo bem, está quase carregando. Está feito, então eu vou clicar no upload de uma imagem. Tudo bem, então está funcionando. Se fizer isso mais uma vez, talvez algo tenha acontecido. Então clique no upload e clique aqui e clique em, faça upload de uma imagem. Lá vamos nós. Então agora temos nossa imagem lá e podemos rolar para baixo aqui, e podemos realmente mudar a posição padrão da imagem. Talvez queiras fazê-lo como centrado. Ou podemos fazer um canto superior esquerdo ou no centro superior, etc. Mas por enquanto, eu vou deixar como padrão e eu vou rolar para baixo até o tamanho da imagem, e nós podemos ter isso coberto. Você pode ter mudado, ajustado, ou você pode ter uma mudança para o tamanho real. Mas por enquanto, provavelmente vamos deixá-lo como padrão, então eu posso continuar rolando para baixo aqui, e nós também podemos realmente colocar uma imagem de slide. Então você quer colocar outra imagem sobre isso? Esta imagem, podemos fazer isso também. Podemos realmente adicionar uma sobreposição de fundo. Você vê agora como é uma espécie de cor e parece um pouco diferente. Então isso é com as sobreposições de fundo. E nós podemos realmente colorir a parte de trás na sobreposição. Então bem aqui eu posso colocar ah fundo sobreposição e talvez você diga que eu quero amarelo e talvez apenas reduzir a transparência. Então esta barra aqui controla a força da cor. Esta barra aqui controla a transparência da cor. Você vê isso? Tudo bem. Agora também podemos usar uma sobreposição de texto. Então, o que uma sobreposição de texto é é um, um, um, como uma sombra que passa por cima desta caixa de texto bem aqui. Então eu vou em frente e dizer, uh, sim, sim, certeza usar uma sobreposição de texto. E agora temos isso aqui, e isso é bom por muitas outras razões. Você sabe, você pode realmente colorir essa sobreposição de texto, então talvez você queira torná-lo verde, você sabe, talvez possamos reduzi-lo a verde. Mas por enquanto, provavelmente até mesmo tão preto assim, e podemos rolar para baixo e também podemos ter um controle deslizante de vídeo. Pessoal, Pessoal, podemos adicionar vídeos de slides muito. E muitos destes aqui o texto alternativo de imagem que é para fins SDO. Então isso é basicamente dizer ao Google como a imagem é chamada. Sabe, é só informar os cirurgiões sobre isso algum dia. Algo bem aqui. Nada vai aparecer. Lembrem-se, todas as etiquetas são por razões SEO. Ok? E você também pode adicionar em um vídeo, você vê, aqui diz vídeo de fundo, MP quatro. Então, também podemos adicionar um controle deslizante de vídeo em segundo plano também. Então, um bom lugar para ir para obter vídeos, na verdade, são redes de vídeo e vocês podem ir em frente e dar uma olhada. Eles têm muitos vídeos grátis. Se você não quiser gastar dinheiro, você sabe, podemos colocar como um céu noturno, assim como se estivesse tudo bem. Muitos desses vídeos do céu noturno, sabe, mas alguns desses ar do choque do obturador, então não queremos que você trema . Choque parece um anúncio. Então isso aqui é video dot nets. E estes são vídeos que podemos usar em nossos sites. Então sinta-se livre para passar por alguns desses agora. Tremer. Choque é, na verdade, um serviço pago, mas eles têm alguns vídeos muito bons. Vocês podem ir a blocos de vídeo. Fiz isso, Nets. Sinto muito blocos de vídeo ponto com e blocos de vídeo ponto com é outro site onde você pode realmente obter, você sabe, muito legal. Vídeos muito legais. Eu pessoalmente usei blocos de vídeo, então eu sei que eles têm algumas coisas realmente legais. Então, Então, , este aqui é provavelmente os meus favoritos. Na verdade, tenho este aqui, que é a tinta roxa. Então vamos voltar para o nosso site agora mesmo para que possamos atuar em vídeos se você quiser, hum, continuar rolando para baixo o fundo do vídeo. Eu não me preocuparia muito com isso, mas se você quiser informar o tema sobre o dentro da altura entraria que em. Caso contrário, você pode simplesmente deixá-lo em branco, porque geralmente o vídeo otimizado perfeitamente para o tamanho da cidra. Então eu vou continuar rolando para baixo agora. E agora temos essa caixa de texto. Então talvez você queira adicionar algum conteúdo, você sabe, como, como, bem-vindo ao site mais incrível de todos os tempos. E se você quiser espaçar isso um pouco assim e talvez eu queira adicionar , você sabe, uma foto você pode adicionar uma imediatamente aqui. Então, por exemplo, vamos clicar em adicionar mídia e vamos apenas ir em frente e adicionar em uma dessas pequenas caixas bem aqui nesta pequena imagem assim. Então agora temos esta imagem parece muito legal, e se você quiser espaçá-la, você pode espaçá-la. Então essa é outra maneira que você pode, hum, você sabe, hum, você sabe, você sabe, você sabe, agora também podemos mudar este texto, como, aqui mesmo. Sabe, podemos digitar o que quisermos. Assim, Assim, você pode mudar a fonte. Então, digamos, por exemplo, que possamos passar o mouse sobre tudo isso. Clique no pequeno A aqui, e nós podemos mudar a fonte para que ele quer é capaz ou talvez quer armar Oh, um Revo. Ah, o que você quiser. Você pode mudá-lo como isso é e você também pode fazer isso um texto de cabeçalho e eu vou entrar em texto de cabeçalho um pouco mais tarde sobre quando falamos sobre otimização móvel, mas cabeçalho Texas Muito importante porque, hum, dependendo de quão maior Texas, ele vai parecer estranho no dispositivo móvel se ele não for corretamente otimizado. Mas não se preocupe, vou cobrir uma otimização móvel um pouco mais tarde. Há muito para cobrir com este tema. Então vamos comprar passos de bebê. Tudo bem, então em seguida eu vou fechar isso, e 9. Fulldiwth parte 2: um pouco mais tarde. Há muito para cobrir com este tema. Então vamos comprar passos de bebê. Tudo bem, então em seguida eu vou fechar isso, e eu acho que disse que há outras opções. Você pode colocar em itálico. Você pode sublinhar isso, etc. Então eu vou apenas ir em frente e deixá-lo assim agora, sob o design aqui e clique no design. E há muitas características. Mas a parte boa sobre esses caras é que uma vez que você sabe como, ah, projetar um módulo. Você meio que sabe como projetar todos os módulos porque, ah, ah, muitos desses módulos são muito parecidos um com o outro. Então eu sei que parece muito agora, mas lembre-se que você pode realmente, mas lembre-se que você pode realmente, você sabe, levar essa informação para o próximo módulo. você sabe, Então eu vou rolar para cima aqui e discutir o que é isso para a cor personalizada da seta. Então, se você decidiu adicionar uma linha de cor personalizada, sinto muito. Uma flecha. Apareceria aqui no fundo. E também podemos ter a cor de navegação personalizada do ponto, que seria os pontos da parte inferior. Agora a sobreposição de texto limita o raio da borda. Podemos realmente ir em frente e meio que mexer com isso um pouco. Então algo que parece que você vê agora como o raio da fronteira está começando a se tornar um pouco circular. Então você quer um círculo completo. Você basicamente começaria a mexer com ele um pouco mais. Então é isso que o ah sobre o raio da fronteira faz. É isso? Uma espécie de dar arcos para o raio da sobreposição. Muito bem, ao teu lado, tem as tuas fontes de cabeçalho. Então esta aqui é a nossa fonte de cabeçalho. Então, por exemplo, você quer mudá-lo para Arvo? Sabe, você quer torná-lo maior? Então agora eu tenho que querer torná-lo menor. E também este pequeno ícone aqui eu sou um clique. Refresque este pequeno ícone do telefone aqui. Não, vou clicar nisto e clicar no smartphone. Então é assim que nosso site parece em um smartphone e é muito importante definir o texto para dispositivos móveis Agora, muitos temas não têm isso. Muitas coisas, só que, você sabe, não funciona para celular não funciona para celular. Mas podemos mudar a aparência que queremos no dispositivo móvel. Então, por exemplo, vou em frente e dizer que quero que isto seja um pouco menor. Algo assim. Lá vai você. Perfeito. Agora, para o tablet. Talvez queiramos fazer a mesma coisa. Posso ir em frente e torná-lo um pouco menor. Simplesmente assim. Perfeito. Então agora é assim que se parece. Nossos tablets são pequenos telefones e, em seguida, nossa área de trabalho. Então está começando a se juntar. Parece muito bom agora a cor do texto do cabeçalho. Então esta seção aqui controla a cor do cabeçalho ou do texto. Talvez você queira mudar a cor do texto. Talvez o queiras preto assim. Talvez você queira um roxo. Ok, então é assim que você mudaria a cor do texto do cabeçalho. Em seguida, você tem seu espaçamento de letras de cabeçalho, que irá controlar o espaçamento entre estes e você pode realmente mudá-lo para celular e também, uh, o tablet também. Então, se talvez, se você quiser adicionar em Ah, um texto maior baseado assim, você pode fazer isso. Mas é claro, você pode querer deixar para algo que se pareça um pouco mais com isso, certo, porque parecia bem feio antes, então eu vou continuar agora e voltar para a área de trabalho. Agora, as alturas da linha do cabeçalho, você pode ajustar a altura da linha do cabeçalho para se parecer algo assim. Agora, geralmente, você provavelmente quer deixar seu padrão, mas há certas razões pelas quais você pode querer fazê-lo parecer maior agora, a fonte do corpo. Então esta seção aqui é a fazenda de corpos. Mas lembre-se, podemos mudá-lo aqui mesmo. Então, por exemplo, clicamos no A. Nós contém uma fazenda de corpos aqui. Ou você pode mudá-lo aqui mesmo. Na verdade, cabe a você. Há duas maneiras de fazer isso. Então, seja qual for a maneira que se sinta confortável em fazer, você pode fazer isso. Agora o tamanho da fonte do corpo. Agora, isso é o que eu quero enfatizar mais. Hum, eu faço. Ensino isso a muita gente, mas às vezes deixo de fora, e o erro é meu. às vezes deixo de fora, Então, o tamanho da fonte do corpo quando você faz isso maior, digamos que você o torna tão grande, certo? Você precisa otimizá-lo para dispositivos móveis. Se você não otimizá-lo para celular, vai parecer estranho no dispositivo móvel. Então, deixem-me dar-vos um exemplo. Vou clicar neste telefone e clicar no Smartphone. Agora, você vê como se parece com isso. Não parece bom. E isso porque eu fiz o texto muito grande e, como resultado, parece estranho nos dispositivos móveis. Então você precisa ter certeza de que você otimiza tudo do celular, porque se você não fizer isso, vai parecer um pouco estranho. E, , sabe, é assim que você sabe, sites funcionam hoje. Portanto, há mais pessoas em dispositivos móveis do que em PCs. Então você precisa lembrar que otimizar e promover para dispositivos móveis é que deve ser a coisa mais importante em sua mente quando você está criando um site. dispositivo móvel não é responsivo? Certo, então depois de ter a cor do texto do corpo e lembre-se, você também pode editar essa cor aqui. Então, se eu passar sobre isso e passar o mouse, eu posso clicar neste pequeno ícone de dor. E agora posso mudar a cor disto aqui. Tão contagioso para verde que posso mudar para amarelo, o que eu quiser. Então essa é outra maneira. Você pode mudar a cor ou você pode alterá-la aqui. As letras do corpo enfrentadas. Lembra-se dela mais cedo? Como estávamos realmente fazendo o espaçamento para o cabeçalho. Então é a mesma coisa. Só estamos fazendo isso pelo corpo, pelo corpo. Então vamos fazer com que pareça maior ou que pareça menor. Certo, então, como eu disse, uma vez que você começa a aprender um módulo, ele meio que passa para o próximo. Então você não é deixado no escuro, sabe? Você não sabe que não gosta Oh, o que eu faço? O que eu faço? Sabe, Sabe, estamos aprendendo. Ah, bem devagar. Mas, sabe, é assim que as coisas são. Então linha corpo haif Agora o que isso faz é criar essa linha exatamente como fizemos com o texto do cabeçalho. Certo, então é exatamente o mesmo módulo, exceto que está no Lee se referindo ao corpo. O corpo do texto aqui. Em seguida, vamos rolar para baixo agora, esta parte escola. Então pegamos este botão aqui, e aposto que você quer personalizá-lo. Estás a dizer que não quero que fique assim. Quero parecer mais original. Irá enfraquecer o estilo das bundas em Então aqui sob costume vende para botão. Clique em. Sim. , Pessoal, isso é realmente universal. Então, para qualquer botão que você criar no futuro, é assim que você mudaria os botões para todos os botões no tema da TV. Então, como eu disse, uma vez que você a deixa para um, você carta para todos. Certo, então o tamanho do texto do botão. Que tamanho você quer? Este texto de botão. Você sabe, você pode mudar o seu Você poderia fazer parecer menor. Maior, o que quer que estejas a tentar realizar. Então eu vou apenas deixá-lo lá como, hum, não lá. Mas eu vou deixá-lo como talvez eu não sei o que é um bom tamanho 30 30 pixels. Assim, podemos alterar o tamanho do texto do botão. Poderíamos aumentar o tamanho do texto. Podemos mudar a cor do texto do botão. Talvez você queira que o texto seja de cor diferente. Então, se eu rolar para baixo aqui, vamos clicar em verde. Agora, lembre-se, nós também podemos controlar a transparência como tínhamos antes das outras opções. Podemos controlar a transparência disso também, mas provavelmente deixarei branco. Agora podemos realmente ter uma cor de fundo botão. Talvez você quisesse ter uma cor azul de fundo. Então, isso parece assim. Você vê isso? Você vê como o azul está começando a entrar. Parece muito bom. Então eu vou em frente e deixá-lo como azul por enquanto. Não, as bundas e a fronteira com isso aqui podemos mudar a fronteira agora. Você pode tê-lo assim ou você pode tê-lo, você sabe como, ah, algo um pouco menor. Ou podemos deixá-lo como o ah, você sabe, as configurações. Mas, hum, você sabe, essa é outra maneira. É aqui em cima, então você sabe, é realmente com você. Se você quiser controlar o livro, a fronteira com você sabe, você pode torná-lo menor. Você pode torná-lo maior, etc. Agora a cor da borda do botão. Então você vê essa fronteira aqui? Podemos mudar a cor disso. Talvez queira mudar para algo como amarelo. Veja como é amarelo nas bordas, assim como nós podemos fazer roxo enfraquecer Dio que podemos fazer preto o que você quiser para o seu site. Então eu vou rolar para baixo aqui e continuar agora o mas as bundas e espaçamento de letras . Então o espaçamento entre as letras, assim como fizemos aqui em cima, está apenas dizendo que você quer fazer isso pelo botão? Vou colocar “Não”. Então eu só vou seguir em frente e fazer apenas espaçamento de letras. Talvez eu só quisesse, tipo, um pixel assim. Olha, padrão parece bom agora, adicionando um ícone de botão. Então, quer um botão? Então, se você fizer isso, você pode colocar sim ou, você sabe, ou eles têm todas essas listas de botões aqui que você pode selecionar. Então nós poderíamos ir aqui e talvez selecionar, você sabe, qualquer um e nós gostaríamos então aqui nós podemos colocar os pequenos polegares para cima. Então, agora, se eu passar sobre ele, os polegares para cima vêm agora. Nós também podemos tê-lo onde colocamos como, hum você sabe, nós colocamos não para que possamos colocá-lo como não. Como eu disse, vá em frente e passe por isso. Como eu disse, Você sabe, isso é sentado bem ali se você quiser adicionar um, uh, para onde ir? Ali. Será que ele foi? Ok, eu me perdi, hein? Oops. Ok, então eu me perdi um pouco. arrependimento deles. Deve estar bem aqui. Certo, então vou colocar “Sim”. Agora, lembre-se, você pode adicionar, você sabe, as você sabe, bundas em qualquer coisa que você gostaria de adicionar. Então lembre-se, você sabe, você quer ir embora. você sabe, Isso adicionou. Agora a fonte do botão. Você também pode alterar a fonte bustin aqui. Então, por exemplo, podemos mudar para capaz podemos alterá-lo para outras fontes legais. E quando suas fontes de negociação se lembram de ficar com uma fonte, você não quer ir por todo o lado. Você sabe, você não quer ter fontes diferentes em todo o seu site vai parecer um pouco elegante, e vai parecer um pouco estranho, vai parecer um pouco diferente, certo? Então vamos em frente e apenas deixá-lo como que Agora nós podemos realmente mudar a cor do ícone do botão para que possamos mudar o mas eu posso chamar para talvez roxo. Então você vê agora como é roxo assim. E a grande parte sobre vocês é que vocês podem ver as mudanças que estavam fazendo à medida que mudamos,o que é muito legal. mudanças que estavam fazendo à medida que mudamos, Agora as bundas uma colocação ícone. Você pode tê-lo para os direitos, ou você pode tê-lo para a esquerda. Tudo bem, agora mostre o ícone ao passar o mouse para o botão. Então agora, se nós se passarmos o mouse sobre ele, ele irá mostrar o ícone sobre o cursor para o botão em Lee para mostrar para o botão. Ok, então podemos deixar isso como sim, acreditamos que foi. Não. Ok, então agora você pode ver que o botão aparece, ou vamos acreditar que sim. Assim, o botão só aparecerá no pairar. Você entende? Então, você tem alguma pergunta sobre isso? Sinta-se livre para me informar a tampa de texto do botão passar o mouse. Então, se alguém paira sobre ele, você quer que ele mude de cor? Então, por exemplo, eu vou colocar amarelo bem aqui, e então eu vou pairar sobre ele. E agora você vê o amarelo do Texas. Então lembre-se quando ele diz botão pairar, isso significa quando eu rolar sobre ele. Vai mudar de cor. Então deixem-me dar-vos outro exemplo. Vou fazer as bundas e pairar a cor de fundo como branco. Então, não é um pairar sobre ele. Vai ser branco e amarelo. Você vê isso? Simplesmente assim. Certo, agora as bundas e a cor da borda. Então mesmo a fronteira que alguém paira sobre a sua nós podemos mudar a cor da borda também. Ok, então a maioria dessas outras opções são as mesmas que falamos antes. Então eu vou clicar no general agora e clicar em verificar. Então este é o nosso controle deslizante. Vou apagar a seção aqui. Então este é agora o nosso controle deslizante atual, então isso é praticamente para os caras do controle deslizante. Além disso, se você quiser escolher oito nesta linha, você clica no pequeno módulo duplicado. É para isso que serve. E agora temos outro, e é apenas duplicado. Também este outro sentado aqui se você quiser arrastá-lo. Mas isso realmente não é para esses controles deslizantes. É mais para blurbs e muitos dos outros módulos pequenos, sobre os quais falaremos um pouco mais tarde. Além disso, esta seção aqui. Falarei sobre isso também um pouco mais tarde. Não, estou dizendo isso muitas vezes. Mas há tanta coisa para cobrir. Há tantas características incríveis que podemos ter. Basicamente, você pode salvar este dedo do pé uma biblioteca e, em seguida, carregá-lo para outra página. Então esse é um recurso muito legal que Davey tem e um monte de mas temas não têm isso. Na verdade, outras coisas têm o que chamamos de migração. Mas o tema Davy. Você pode realmente apenas salvar esta página inteira e, em seguida, basta carregá-la para outra página. Simples feito. Tudo, você sabe, tudo já está feito. Então é isso para os caras do controle deslizante. Vamos falar mais sobre completo com módulos na próxima seção, então eu vou ver todos vocês lá. 10. Cabeçalho de largura de completa: Muito bem, pessoal, pessoal, bem-vindos de volta. Então vamos em frente agora e discutir alguns dos outros completos com módulos e diferentes maneiras de utilizá-los. Agora, eu vou até aqui e clicar neste pequeno ícone roxo. Isto é para adicionar um novo módulo, e eu vou assumir o completo com, e nós vamos rolar para baixo aqui até vermos o, um bem, nós realmente temos este outro bem aqui que quer falar sobre o completo com código . Então, o que? Isto é, se você está em algum tipo de Web design e você quer adicionar algum tipo de código CSS ou um código do Google AdSense ou coisas assim, e você quer estar cheio com isso é onde você iria inseri-lo. No entanto, maioria de vocês assistindo isso provavelmente não sabe sobre CSS ou revestimento, então pode não ser para você, e eu provavelmente não recomendaria este módulo, então eu vou clicar em roupas. Mas se você é fluente com código, então você pode inserir seu conteúdo ali mesmo. Ok, então agora eu vou fechar isso e clicar em fechado. Feche isso. Agora. Vou abrir isso de novo, bem aqui e ir para o máximo. E nós estamos realmente indo para fazer o completo com módulo de cabeçalho, que é muito semelhante ao controle deslizante mais completo. Só que não vai deslizar. Então este aqui mesmo nós criamos Ah, Page. Mas o completo com cabeçalho realmente tem um pouco mais de personalização. É um pouco ainda limitado, mas é um pouco mais personalizável do que o completo com módulo deslizante. Então, por exemplo, seja bem-vindo aos melhores sites. Vocês podem ver bem aqui. Então este aqui é um completo com módulo de cabeçalho. Tudo bem, então, um obrigado por assistir. Agora nós podemos realmente mudar a cor do texto, você sabe, mas por enquanto, eu quero deixar como escuro, o texto e a orientação local. Eu quero deixá-lo no centro assim, e eu vou continuar rolando para baixo bem aqui. E você vê esta opção ou diz fazer tela cheia. Vou clicar nisso. Então agora temos essa imagem em tela cheia e isso é muito ideal para iniciantes que querem aquelas páginas de destino realmente grandes porque ela centraliza tudo para você. Faz todo o trabalho duro para você. Próximo. Temos nosso botão de rolagem para baixo. Então eu clico em Sim. E aqui em baixo, vamos ter um botão de rolagem para baixo. Então, por exemplo, eu posso mudar isso assim. Mas a razão pela qual você não pode ver é porque o Texas White, mas por aqui, nós vamos fazer. Ah, mas em texto assim, mas em um texto, então o que ele queria dizer talvez. Ah, entre em contato conosco agora. O que é o URL? Onde quer que isso te leve? Então, se eu clicar nisso, onde você quer levá-lo? Então você inseriria isso bem ali? Vou colocar no meu site www dot Darrell Wilson Dot com, e você pode ter um segundo botão para este recurso para que eu possa adicionar como, uh, agora você está sobre nós sobre nós, sobre nós, e então eu vou rolar aqui embaixo, e isso vai colocar o pequeno símbolo bem ali. Então agora vocês podem ver que temos isso cheio com imagem ou isso cheio com fundo. E nós temos os dois ícones com o texto bem ali, então ele continua crescendo. Agora, digamos que você queira adicionar uma imagem de fundo. Talvez você queira adicionar um fundo grande e bonito. Então eu vou clicar no upload e vamos apenas ir em frente e selecionar esta imagem, a que usamos anteriormente e clicar em fazer upload de uma imagem. Então lá vai você. Ele é carregado. E também, pessoal, se quiserem mudar este personalizador, podem clicar aqui, que o mudará assim. Ou pode deixar assim aqui. Mas, hum, você sabe, eu provavelmente gostaria de torná-lo um pouco menor. Sabe, eu não gosto muito, muito grande, então vou clicar nisso de novo para deixar assim. Então agora nós temos o, hum, hum você sabe que está cheio de cabeçalho bem aqui. Parece muito bom. Hum, há muitas maneiras diferentes de personalizar isso Agora, lembra como antes tínhamos todas as mesmas configurações de texto? Bem, adivinha? É tudo a mesma coisa. Então lembre-se, texto da fonte do título , o espaçamento , a fonte do título, a letra haSe tudo aqui for igual ao controle deslizante anterior. Então, sendo dito para esta parte e o resto do tutorial, eu não quero realmente passar por cima de cada configuração de novo, porque é apenas repetitivo nesse ponto. E todas as opções são as mesmas. Por exemplo, se eu rolar para baixo aqui, você vê, ele diz usar vendas personalizadas para, mas em um, isso é exatamente o que fizemos aqui antes. Ok, então eu estou apenas lembrando que você pode personalizar ambos os botões e todas as opções são exatamente as mesmas que o módulo deslizante. isso, Dito isso, não quero que Thio vá muito sobre não quero que Thio vá muito sobre este módulo e todas as mudanças que podemos fazer porque é tudo isso dizendo, OK, então este módulo e todas as mudanças que podemos fazer porque é tudo isso dizendo, OK, Poderíamos voltar para cá. Agora, há outras coisas. Como para um URL de imagem de logotipo que podemos realmente inserir em uma imagem aqui. Então aqui, eu vou clicar no upload, clicar neste pequeno ícone e apenas clicar no upload de uma imagem assim. Deixe-me fazer isso mais uma vez, upload de uma imagem. Ok, então se isso acontecer com vocês, se o tema não responder, basta ir em frente e clicar no cofre assim e sair do construtor visual e, em seguida, você sabe, abri-lo outra vez. Estou feliz que isso tenha acontecido. Porque às vezes o tema vai ser meio estranho, e ele simplesmente não vai responder. E você pode encontrar esse caso porque esta é uma nova atualização. Então vamos tentar isso mais uma vez. Aposto que desta vez vai funcionar. Configurações de módulo tão significativas bem ali. Role para baixo até a imagem de fundo Jor El e clique nisso. Eu sei. Eu sinto muito. Esta é a imagem de fundo. Queremos deixar a mesma coisa. Eu quero fazer a imagem do logotipo oral. Então eu vou clicar no upload, clicar nele e depois clicar no upload de uma imagem. Então lá vai você. Então agora é responsivo. Funciona esta imagem, você sabe, é um pouco pixelizada, mas isso é porque a imagem é muito grande. Então, por exemplo, outra boa maneira de estilizar isso. Deixe-me mostrar um bom exemplo seria meus outros sites de teste, que eu fiz sites antes. Então aqui eu vou para Teoh Darryl agora. Isso foi realmente criado com o módulo de cabeçalho completo. Então este aqui é exatamente o mesmo módulo que este. Eu sei que eles parecem muito diferentes, mas isso é só porque eu personalizei de forma diferente. Você sabe, eu adicionei em um grande fundo, este é o meu logotipo. Este é o texto, e este é o meu botão. Então este é o mesmo módulo exato que o módulo de cabeçalho completo. E eu gosto da imagem do logotipo oral, porque isso coloca-o acima do texto. Agora, há outra seção onde você pode realmente adicionar na imagem de cabeçalho oral, mas isso vai entrar abaixo. Então, deixem-me dar-vos um exemplo. Vou clicar no upload e vou inserir na mesma imagem. E lá vai você. Então agora eu tenho isso aqui abaixo, então ele realmente não parece que lá, mas, um, você sabe, se você quiser adicionar esse efeito, você pode adicionar isso em. Mas eu vou realmente apenas tirar isso agora e deixá-lo apenas assim e também para o conteúdo. Então lembre-se aqui como não podemos nos contentar. Então este é um tutorial muito, muito legal assim e nós podemos realmente, você sabe, clicar sobre ele exatamente como antes de nós podemos, você sabe, nós podemos alinhar. É que podemos colocar em negrito. Sublinhado. Isto aqui é inserir link. Eu realmente não falo muito sobre isso, então eu poderia muito bem passar por cima disso. Se você clicar aqui, vai colocar uma garota. Então, isto basicamente vai dizer que se alguém clicar neste texto aqui, ele vai levá-los para aquela garota. Mas realmente não há necessidade de fazer isso porque você já tem um apelo à ação aqui mesmo . E você já tem outro apelo à ação aqui. Então eu não vou. Teoh recomendo colocar em suas meninas. Mas se quiser, pode fazer isso. Certo, então voltando, podemos voltar ao nosso projeto. E como eu disse, podemos mudar a cor da fonte do título. Podemos alterar a cor da fonte do subcabeçalho e também a cor do fundo de conteúdo. Então este aqui é o título dos telefones. Então vou mudar isso para brancos. Esta aqui é a fonte sub cabeçalho. E então este aqui é a cor do conteúdo exatamente assim. Agora, esta seção aqui que eu quero falar é chamada de teste Max com, então deixe-me dar um bom exemplo do que isso é apenas para ter certeza que você entende. Então eu vou colocar, hum, você sabe, este é um tutorial muito legal, blah blah. Vou continuar a escrever. Agora, você vê como o texto tem um certo limite aqui? Como ele pára? Em um certo ponto, podemos controlar isso. Então, bem aqui sob o texto, o ah, o texto matemático com nós podemos colocar talvez, tipo, 100 pixels ou podemos colocar talvez 1000 pixels. E isso é basicamente determinar quando o texto vai parar e quando vai terminar . Então vamos entrar em 500. Então você vê que o texto vai bem aqui, ele vai começar bem aqui, e ele vai terminar em 500 pixels. Então é isso que esta configuração é. Quatro. E há muitas boas razões para você ter isso. Porque vamos apenas dizer que você tem um monte de texto, certo? Talvez você queira espaçar mais. Mas como aqui, este é um bom exemplo. É um pouco menos então você pode querer apenas manter algo um pouco menos básico , você sabe, isso é É menos texto. Então parece bom assim. Sabe, parece bom. Então eu provavelmente quero deixar isso assim. E todas essas outras configurações são iguais. Então, os telefones sub, você quer um negrito itálico, etcetera? O ah, o submarino, a cor do subtexto, que é isto aqui. Lembrem-se, , estes são todos os mesmos estes são todos os mesmos módulos. São todas as mesmas configurações. Tudo é igual. Ok, então, um, também outro futuro que eu quero falar é, hum desativar. Vamos falar mais sobre desativar e a razão pela qual você precisa dele para controles deslizantes de vídeo. Mas falaremos sobre isso um pouco mais tarde. Ok? Mas, por enquanto, digamos que você deseja desativar esta seção na área de trabalho. Se eu clicar nisso, você vê como é tudo ótimo aqui. Agora, esta seção não aparecerá na área de trabalho. Agora, se eu desafiar un verificá-lo e eu clicar no telefone e tablet, esta seção não aparecerá mais em qualquer dispositivo de telefone ou tablet. Em vez disso, esta seção vai Então que é outra técnica que você pode usar para tipo de obter mais controle do site. Agora, vou falar sobre por que isso é necessário se você entrar em fornecedores de vídeo. Mas vamos falar sobre controles deslizantes de vídeo um pouco mais tarde. Hum, agora eu não quero falar muito sobre isso. Então, por enquanto, eu só vou deixar esses desmarcados e basta clicar no, você sabe, o ícone aqui. Agora, vamos em frente e ir para os próximos quatro com módulo de cabeçalho, que é na verdade a imagem. Então eu vou expandir estes aqui e clicar sobre isso aqui mesmo. Clique em completo com nós vamos para o máximo com imagem. Agora, a quarta imagem. É um pouco estranho, mas algumas pessoas usam. Então, deixem-me dar-vos um exemplo. Se eu clicar aqui embaixo da imagem, você está bem, e eu ia entrar nesta mesma foto. Carregue uma imagem, a completa, a quarta imagens. Só uma grande imagem. É isso. Isso é tudo o que é. Então, se você quiser ter isso, você pode ter isso em seus sites. Não inclui nenhum texto. Você realmente não pode, hum, fazer nada com ele. É basicamente um pedaço grande desta imagem bem aqui. Mas lembre-se da animação Nós poderíamos ter um ir da direita para a esquerda Nós podemos ter um ir de cima para baixo. Podemos ir de , baixo para cima,ou podemos fazê-lo desaparecer assim ou não podemos ter nenhuma animação. Então, isso significa que esta seção aparecerá logo quando você acessar o site. E lembre-se, também podemos desativar isso no tablet do telefone ou na área de trabalho. Ok? Ligar também Yaro. Então, se alguém vir essa imagem e quiser levá-la para outros sites, você pode fazer isso entrando. Talvez www dot Darryl testando ponto com. E se eu clicar nesta imagem agora, agora é um link. Vai me levar ao Darryl testando ponto com. Ok, então isso é o cheio de imagem. Há algumas razões para fazer isso ou para usá-lo, mas por enquanto, eu não vou usar isso, mas eu vou ir em frente e fechar isso agora eu quero apresentar todos vocês para o menu completo com. Então, o que? Isso é cinco aqui e clique neste pequeno ícone e ir para o cheio com e ir para o menu completo aqui. Agora você vai ver este menu. Venha aqui mesmo. Então agora temos outro menu abaixo desta página aqui. Então esse é um recurso muito legal que podemos adicionar em outro menu. Talvez ele queira centralizá-la. Você sabe, talvez você queira, você sabe, adicionar em uma cor de fundo diferente para isso, nós podemos adicionar em uma cor de fundo diferente. Há muitas razões diferentes pelas quais você quer fazer isso. Eu realmente tê-lo no meu site web design dot com. Então este é um site de teste. Diz que diz para propósitos falsos, mas deixa-me dar-te um exemplo de porque podes querer usar isso. Então aqui eu realmente tenho o ah, o cheio com muitos do menu bem aqui tão alto. Vamos fazer com que seus sites sejam a próxima história de sucesso que começa com você. Isso tudo foi feito com o módulo de controle deslizante completo, e isso aqui é um completo com menu. Ok. E há muitas outras razões pelas quais você gostaria de ser útil, como eu disse, é apenas preferência. muitas outras razões pelas quais você gostaria de ser útil, como eu disse, Talvez queira o menu no fundo. Sabe, parece legal. Hum, então esse é o menu completo em poucas palavras. Então, se você quiser, como eu disse, essas opções, como eu disse, o design Ah, muitas dessas são muito, muito auto-explicativas. Como, você sabe, o ah, da linha, a cor do fundo do menu, o link ativo. Então, por exemplo, se alguém clicar nele, que cor você quer que ele seja vinculado? Eles só te dão muita animação para te dar muita acessibilidade. Faras esses módulos ir agora, as fontes do menu. Você pode alterar as fontes do menu. Você pode alterar o tamanho da fonte. Você pode alterar a cor do texto do menu. Então talvez eu quisesse ser talvez azul, você sabe, ver como ele muda para azul assim. E você pode mudar o espaçamento. E você também pode mudar o Hif. E lembre-se, nós cobrimos isso na seção anterior. Então, um membro do espaçamento apenas controla o espaçamento dele. E a altura da linha controlará a linha. altura da linha controlará a linha. Oi. Ok. Então você poderia torná-lo maior. Você pode ficar menor, etc. Ok, então eu vou fechar isso aqui mesmo. Agora eu quero me afastar do completo com caras modulares. Vocês entendem qual é o princípio do completo com módulos. Ok, então, hum, é isso para este tutorial. Pessoal, vocês têm alguma pergunta? Sinta-se à vontade para me avisar. Vamos em frente e passar para a próxima seção ou vamos falar sobre controles deslizantes e um pouco sobre blogs, então eu vou ver todos vocês lá. 11. Projetos de largura total!: Ei, pessoal, bem-vindos de volta. Então vamos repassar um pouco mais do completo com recursos do módulo. Então, em seguida, vamos clicar neste pequeno ícone bem aqui, e nós vamos realmente falar sobre o, hum, o completo com portfólio. Então aqui você tem os quatro. Com portfólio. Podemos clicar nisso, e ele vai nos dar o título do portfólio dele para que possamos dar boas vindas ao nosso portfólio, assim como isso é para isso, certo? Área completa do Leo. Vá. Tudo bem. E temos layouts diferentes. Podemos ficar com o carrossel. Temos a rede. Mas antes de fazermos isso, nós realmente precisamos adicionar alguns projetos, certo? Nós não temos nenhum projeto, então vamos em frente e fazer isso. Na verdade, vou clicar aqui, clicar aqui e clicar no cofre. E agora precisamos adicionar alguns projetos para nossos quatro com portfólio. E isto é bom. Isto é dizer, por exemplo, que você tem coisas que você quer mostrar. Você tem trabalho. Você tem depoimentos. O que quer que você queira mostrar, este seria o módulo para você. Então aqui em cima, sob mais novo, podemos clicar no projeto, e eu vou apenas adicionar um produto de teste. Então talvez apenas teste um, e você pode escolher usar um construtor de TV ou não. Mas para este, eu vou apenas, você sabe, apenas digitar algo fácil. Este é o nosso trabalho. E aqui queremos definir uma imagem em destaque. Isso é muito importante. Você disse uma imagem em destaque. Então eu vou cozinhar no conjunto de imagem em destaque e talvez adicionando este ícone Devi aqui, e eu vou clicar sobre isso. Então nós temos o Devi I vem bem ali e, em seguida, uh, em uma categoria, e nós vamos colocar testando um exatamente como esse. Então, o que quer que você queira digitar sobre seu trabalho, você sabe, é aqui que você faria isso. Vou em frente e clicar em Publicar. Tudo bem. E agora eu vou clicar em PD as mudanças que isso realmente vai nos levar para o post real . Aqui diz que este é o nosso trabalho. Você pode ver que há a imagem em destaque que colocamos. Então, o que quer que você queira colocar aqui, lembre-se, é aqui que você faria isso se ele quiser falar sobre qualquer tipo de trabalho que você fez . Esta seria a seleção para você. Agora. Acho que coloquei em categorias. Coloque testes. Um adicionou um contador. Lá vamos nós. Olhe na atualização. Eu não disse isso. OK, lá vai ele. Tudo bem, então agora vamos para a nossa página. Então eu vou clicar na página inicial agora, e eu vou rolar para baixo, e lá está ela. Então, se eu for até aqui e clicar nisso, ele vai realmente me levar para aquela página. Esta foi provavelmente a imagem errada de usar. Deixe-me dar-lhe outro exemplo de usar, uh, uh, você pode querer adicioná-lo como uma imagem melhor do que essa. Você não quer uma imagem PNG. Você provavelmente iria querer um “J picaretas”. E parece assim aqui. Você sabe, defina isso como uma imagem em destaque e eu vou atualizá-la e você verá que parece um pouco mais agradável do que antes. Então, Então, você sabe, essa é uma foto muito boa. Vou clicar na casa e lá vai você. E lembre-se, eu posso adicionar um monte desses e, como resultado, ele vai parecer uma grade. Então vamos em frente e adicionar e talvez mais três. Então eu estou indo para ir para um splash bem aqui, e isso recebe algumas ou imagens que eu estou em. Entrar no céu noturno e eu vou em frente e ah, você sabe, também gosto deste aqui. Eu vou dizer isso. Eu vou dizer isso para o meu desktop cara legal, também. E então eu vou em frente e voltar para aqui, e eu provavelmente vou economizar neste aqui. Você não tem que fazer isso. Eu só quero que você veja visualmente o que este módulo pode fazer. Porque é. Parece muito bom. E algumas pessoas não sabem como usar o módulo. Ah, muita gente tende a fazer postagens. Quando eu disse para não usares o quarto módulo e eles diziam: “ O que é isso? Sabe, eu não sei o que é isso, sabe? Então eu estou apenas dando um exemplo rápido de como você pode fazer com que pareça realmente agradável. Tudo bem, então agora eu vou voltar para o meu site, e eu realmente vou continuar mais novo, então eu vou adicionar outro projeto e eu vou apenas fazer a mesma coisa. Vou fazer testes também. E bem aqui, você pode adicioná-lo, algum conteúdo sobre ele, e então eu vou fazer definir imagem em destaque. E eu estou realmente indo para fazer upload de todas as imagens que eu carrego ou que eu baixei para que possa levar algum tempo. Então eu vou para o meu desktop bem aqui, e eu tenho o cara legal. Então, céu noturno, um cara legal para abrir. Tudo bem, então a imagem está carregando e eu vou definir. Esta é a imagem em destaque, e eu quero está sob a minha categoria sob testar um animal clique em publicar. Ok. Agora, vou fazer a mesma coisa com mais vezes só para te dar uma boa ideia visual do que este módulo pode fazer. Então adicione novo novamente. Vou testar três. Oi. Como você está? E eu vou clicar na categoria de produto ah e definir imagem em destaque. E eu vou selecionar outra imagem. E isso é como eu disse, caras são muito bons para coisas que você quer mostrar. Você pode ter. Talvez você seja um tatuador, certo? Talvez você queira mostrar às pessoas que são diferentes tatuagens, sabe, tipo, este é um trabalho que eu fiz ou você pode falar sobre. Sabe de outra coisa? Talvez a sua empresa de construção. E você quer mostrar às pessoas telhados diferentes. Talvez você seja um preparador de cães. Sabe, quando você quer mostrar às pessoas cães diferentes, este seria o melhor módulo para isso. Porque é como eu disse, mostra o seu trabalho. Diz às pessoas do que você é, e parece muito bom. Então eu vou clicar em publicar. Agora, vamos fazer mais uma. Adicione novos testes quatro e oi. Oi lá. E eu vou clicar em testar um. As categorias de produtos definem uma imagem em destaque e vamos fazer a última aqui. Céu noturno para isso é muito rápido. Tudo bem, então defina imagem em destaque e clique em Publicar. Tudo bem, então agora vamos voltar para nossos sites, e vamos em frente e ver as mudanças agora, então eu vou visitar sites e eu vou para Ah, rolar para baixo aqui. E você vê como ele tem este frio uma grade regular como essa. Então é isso que você pode fazer com as configurações do módulo então tivemos outro bem aqui. configurações do módulo então tivemos outro bem aqui. Pareceria muito legal. Você sabe, todas as fotos. Nosso Ah, você sabe, ele se alinha muito bem. E há maneiras diferentes. Teoh, para controlar isso. Podemos realmente ter uma grade de estilo diferente. Então eu vou habilitar o construtor visual nós vamos rolar para baixo e sob a configuração aqui mesmo. Podemos mudar isto para a grelha, Leo. Então podemos ter o carrossel ou a grade e o cuidado. Então, basicamente, se você tem mais do que isso, ele vai continuamente se mover. Então ele vai continuar se movendo. Então acrescenta esse efeito de movimento, mas a grade irá basicamente adicionar os blocos. Então, por exemplo, digamos que temos talvez mais oito. Ele só vai colocá-los abaixo dessas imagens, para que fique bem, e há muito que você pode fazer com ele. , Em seguida, eu provavelmente quero fazer algo como, um, talvez adicionar o ah, não, o número do correio provavelmente não quer fazer isso. Hum, você pode realmente mudar o ah, você sabe, as boas-vindas ao nosso portfólio e número no design. Você pode mudar tudo. Então o zoom, a cor do ícone de zoom. Estás a ver aquele pequeno azul? Como gostaria disso? Podemos mudar a cor. Podemos alterar a imagem do seu Também podemos alterar as fontes de título aqui. Então lembre-se, como antes, o título forma o título do tamanho da fonte, a cor, o espaçamento, a altura, etc. Tudo é o mesmo cara. Então eu só quero enfatizar que é que a maioria dessas configurações são as mesmas. Este é um novo aqui. Uma imagem de fundo que você pode realmente adicionar em uma pequena imagem de fundo. Oops. Eu mudei para lá. Desculpe por isso. Então você pode realmente adicionar em um Deixe-me mover isso de volta para lá. Isso foi meio estranho. Então eu vou em frente e apenas arrastar isso para aqui assim. Certo, sinto muito por isso. Assim, você pode adicionar uma imagem de fundo a isso, mas talvez você não queira fazer isso. Agora, já que eu fiz isso por acidente, eu quero mostrar a vocês basicamente o que é esse módulo. Então você vê aqui como Este é um completo com módulo e este é um completo com módulo. Talvez eu queira mover isso, como lá em cima, assim. Na verdade, isso aqui está trancado. Então precisamos desbloquear isso. Lá vamos nós. Então talvez eu queira colocar isso, você sabe, abaixo disso, você sabe, eu quero arrastar e soltar assim. Então esse é todo o propósito deste ícone aqui. Basicamente permite que você, hum, arrastá-lo para hum, baixo e, hum, você sabe, gota de dragão e tudo mais. Agora vamos obter um pouco mais em detalhes com Dragon drop uma vez que falamos sobre módulos de texto e módulos de desfoque. Mas para este tutorial, estamos falando sobre Li sobre o completo com módulos. Então este é um módulo muito legal, pessoal. Parece muito limpo. Parece lindo. Então há muito que você pode fazer com isso. Ok, então eu não clico no raio-X aqui, e ah, é isso para esta lição. Caras. Vamos para a próxima seção, que vamos falar sobre os dois últimos cheios com módulos, Então eu vou ver todos vocês lá. 12. Módulo de Post e mapa: Pessoal, bem-vindos de volta. Então, nesta palestra, vamos falar sobre o módulo de controle deslizante post e isso é em relação a basicamente blog e também fazer postagens. Então, se você quiser liberar informações sobre seu site, blogar e postar seria o seu caminho a seguir, e este módulo realmente irá ajudá-lo a fazê-lo. Então a primeira Inglaterra fez você realmente é que precisamos criar algumas postagens. Então, há duas maneiras de fazer isso. Podemos subir aqui embaixo mais novo e ir para o posto. Ou podemos ir para o nosso painel e podemos ir para as postagens. E se você quiser ver todas as suas postagens, você pode clicar em todas as postagens. Mas por enquanto, vamos adicionar novo porque não temos nenhum post agora. Você pode ter um que diga olá mundo. Sabe, é como um padrão quando isso vem. Então isso é como um poste blawg. Agora, o Davy Builder meio que permite que você realmente tenha mais controle sobre suas postagens de bloqueio. Então, deixem-me dar-vos o exemplo. Eu vou colocar um teste aqui, mas a coisa é que nós podemos realmente usar o construtor de divvy aqui para que possamos usar o construtor de divvy para tipo de decorar nossos posts e fazer um olhar muito legal. Então, é praticamente ilimitado no que você pode fazer agora, eu só vou clicar na coluna inserir. Nós vamos clicar em apenas ah, uma linha de coluna apenas por agora, e eu vou inserir uma coluna de texto. Então eu vou clicar sobre isso, e eu vou apenas inserir um texto um, e isso é uma espécie de apresentação a todos os módulos para o próximo capítulo. Então foi por isso que decidi fazer isso. Agora, , podemos decorar isso, sabe? Então aqui podemos colocar o título do seu post em bloco. Então talvez você queira colocar, tipo, “ Oi”. Este é o meu primeiro posto de quarteirão. E também podemos centralizar este texto aqui, e também podemos torná-lo, você sabe, uma cor mais clara ou mais escura. E também podemos adicionar mídia. Talvez você queira adicionar uma foto a este post. Então talvez você queira clicar em adicionar mídia e talvez possamos adicionar em um desses ícones aqui , e eu vou inserir isso no post assim e clicar em salvar Sair. Agora, você quer adicionar uma imagem em destaque aqui. Então aqui, estas são suas imagens em destaque, basicamente, você sabe, quando você vai para um post e vê uma imagem grande, e então você clica nele e você lê o post, isso é o que a imagem em destaque faz. Então vá em frente e clique na imagem em destaque e vá em frente e apenas talvez selecione uma, , você sabe, uma foto. E se você quiser fazer upload de um, você sabe, sinta-se livre para navegar por aí e aproveitar o tempo. Então eu vou em frente e talvez apenas pegar este aqui e colocar isso como imagem em destaque . Agora eu vou realmente fazer uma nova categoria. Então eu vou colocar postagens blogues blawg post aqui sob nova categoria e, ah, adicionar isso à categoria. E lá vai você. Então, agora clique em Publicar. Tudo bem. E lá vai você. Então nós realmente fizemos um post. Agora vamos voltar para a nossa página, e vamos usar o módulo Thea para meio que introduziu o nosso post porque se olharmos para a nossa página agora, não há nenhum post certo. Então precisamos adicionar o módulo em que permitirá que as pessoas vejam o post. Então eu vou clicar em habilitar construtor Visual. Tudo bem. E agora vamos rolar para baixo aqui e debaixo desta barra roxa, vamos adicionar uma nova seção. Então, neste pequeno ícone mais, clique nesse clique em cheio com, e vá em frente e role para baixo até ver o, hum há dois deles, então temos o completo com o título do post no cheio de controle deslizante post. Então, um deles é um controle deslizante, e um deles é apenas um post título. Então, bem aqui, eu vou em frente e colocar o completo com post slider e ir em frente e clique sobre isso, e você vai ver esta seção vir para cima agora. Agora, lembre-se, você vê isso de volta? Este fundo bem aqui. Esta é a nossa imagem em destaque. Então, hum, é basicamente adicionar nas imagens em destaque e queremos incluir as categorias. Então aqui nós incluímos a categoria. Então, se você tem um monte de categorias diferentes, ele vai continuamente astuto novos posts blawg, e vocês podem realmente decorar isso. Sabe, podemos ir ao design e talvez queira decorar o chapéu de cima. Então, o que é um tapinha é espaço? Então deixem-me dar-vos um exemplo do que é dar palmadas. Se eu fizer 100 pixels como esse é que você vai ver, essa é a página foi empurrada assim. Mas também podemos fazer no fundo aqui também. Então podemos ir. Talvez, você sabe, 200 pixels assim é e você vê todo tipo de alongamento. Acho que este módulo tem outra forma de congestionarmos. Não, Não, não faz isso, mas para os outros módulos faz. Mas para o completo com, você tem que realmente disse manualmente. Então, se eu for até aqui e clicar nele novamente e ir para o design, talvez eu queira fazer este 1000 pixels algo assim. Então agora você pode ver que o poste do bloco é muito, muito grande. Provavelmente não tão grande, certo? Então, talvez apenas cerquem. Vou deixar um padrão por enquanto. E, hum, você pode realmente mostrar o celular na imagem. Você pode ocultar o conteúdo no celular. Talvez você não queira que este post seja visto e você pode realmente adicionar como um raio de borda . E lembre-se, estas são muitas das mesmas opções. Caras como o Cabeçalho Fonz. Vocês provavelmente já viram muitos desses porque, lembrem-se, Ah, muitos desses modelos funcionam da mesma forma. Então, você sabe, você pode mudar seus telefones, você pode mudar o tamanho do texto do cabeçalho. Você pode reduzi-lo no celular, você pode reduzir o nos tablets e este é o nosso trabalho. Parece agora. E quero dizer, o site já parece muito bom, exceto por este grande título, porque ainda não otimizamos para dispositivos móveis, mas chegaremos lá. E como eu disse, isto seria um posto de bloqueio. Então parece muito limpo. Sabe, este post aqui parece muito limpo. Então este é um exemplo do módulo de controle deslizante postado. E como eu disse, há todas essas maneiras diferentes de decorar. Você pode até mesmo decorar como o você sabe, Sears diz bloquear mensagens. E por Patty Wack, você pode realmente decorar esses textos específicos. Então você tem personalização completa sobre ele, e você também pode personalizar o estilo do botão também. Então, assim como nós personalizado resolver o botão aqui em cima. Você pode vender o botão personalizado lá em baixo. Ok, então isso é basicamente a visão geral do completo com configurações de controle deslizante post. E eu vou apenas ir em frente e apenas clicar em verificar. Agora, vamos em frente e apresentar o outro. O outro tipo. E, você sabe, eu estou meio confuso sobre por que eles saíram deste módulo eu meio que acho que é um pouco antiquado, mas eu vou mostrar a vocês o que ele faz de qualquer maneira. Então eu vou clicar em salvar bem aqui, e nós realmente vamos clicar sobre isso aqui mesmo. Diz, leia mais. Nós estamos realmente indo para ver o nosso post, Então eu vou clicar em Ler mais. Não, eu estou realmente indo para clicar em editar post aqui, e nós vamos usar o verso e entrar para este módulo. Então, bem aqui, eu vou digitar o nosso enter em cheio de seção inserir módulo, e aqui vamos fazer o completo com o título do post, assim como isso. E você pode escolher ter você sabe o seu título. Seu meta, seu autor, o Você conhece o show, as contas comuns, etc. Você pode mostrar a imagem em destaque. Seja qual for. Sabe, você gostaria aqui, nocentro australiano, centro australiano, a mídia de texto, quer um fundo? Excesso. E eu vou colocar a cor de fundo do texto como algo como você, talvez branco, você sabe, bem ali. E eu vou em frente. Apenas salve e saia. E vamos arrastar isso até aqui como aquele Dragon Drop e eu vou clicar em atualizar. Então lembrem-se, isto é realmente edição. O post em si estava realmente decorando o post, não a página. Ok, então eu vou fazer as alterações de pré-visualização. E como você pode ver aqui é o ah, o poste do bloco. Bem aqui. Como eu disse, eu realmente não eu realmente não concordo com isso o tempo todo. Você sabe, eu acho que nós podemos realmente adicionar em outros módulos para tipo de, um, você sabe, fazer isso parecer uma pequena diferença. Mas se você quiser usar este módulo, isso é exatamente o que ele faz. Ok, então eu disse, tem todas as suas informações, seu post de bloqueio, seus comentários, etc. Ok, então essa é a visão geral do outro módulo. Mas lembre-se, você pode realmente digitar, você sabe, ou colocar em outros módulos, mas nós vamos chegar a esses módulos um pouco mais tarde. Agora, estamos apenas, você sabe, passos de bebê. Estamos apenas focando em apenas o completo com post bem aqui. Ok, mas vocês estão tendo um conceito pequeno, sabe? Agora nós podemos, você sabe, manteiga de dragão bem ali. Podemos arrastá-lo até lá, etc. Então eu vou apenas clicar na atualização, e nós vamos voltar para a nossa página principal, certo? E o último que quero mostrar a todos é o mapa. Então o mapa, na verdade, eu tive, um e muitos clientes me ligaram e porque eles realmente introduziram uma chave P I como uma característica obrigatória. Agora , nem sempre foi assim. Então eu vou te mostrar como obter uma chave A P I para seus mapas. Então agora vamos em frente e adicionar o módulo completo com mapa, que é muito bom para entrar em contato conosco páginas. É Ele dá uma localização de onde o seu negócio está em. Então, agora, a primeira coisa que precisamos fazer é obter o que chamamos de Google. Uma chave p i agora, há muito tempo não exigia uma. Agora eles precisam de um. Então vamos em frente e obter isso primeiro antes de criarmos o módulo. Agora, por aqui, basta ir e ir para o Google e apenas colocar como Google mapas uma chave p I assim e vai clicar no 1º 1 Então é desenvolvedores dot com Dash maps, documentação traço, JavaScript, etc. Então você terá que ter uma conta do Gmail para chegar aqui. Se você não tiver uma conta do Gmail, não será trazido para esta página. Ele solicitará que você crie uma conta do Gmail. Então, reserve um tempo agora mesmo para criar um. E uma vez que você está pronto aqui, ele diz, pegue uma chave recebendo uma torta, basta chutar, pegar uma chave, ir em frente e criar projeto. Você pode ter um para adicionar novo. Eu tenho um monte deles. Então vá em frente e clique em, crie um novo projeto, dê um nome ao seu projeto. Então talvez você queira fazer como o meu negócio e aqui vai clicar em criar e habilitar uma chave P I. Tudo bem. É uma loucura. Ouviram que o ronco é o meu cão. Então eu tenho um King Charles Cocker Spaniel. Ela está roncando, mas acho que falar é acordá-la. Então ela parou. Então vocês ouvem as desculpas. Sabe, eu só, uh ela está bem ao meu lado no sofá, então Ah, sim. Isso se você ouvir que é o que é. Ok, então você está pronto. Então vá em frente e pegue essa chave e copie. Tudo bem? Agora vamos voltar ao nosso site, e vamos passar por aqui sob nosso painel, e vamos descer para dividir e ir para as opções temáticas. Agora, esta é uma pequena introdução para as opções Demi Thieve, mas eu vou cobrir a maioria de todas estas mais tarde no capítulo. Mas por enquanto, certo, diz Google, uma chave P I. Basta ir em frente e apenas colar aquele bad boy lá assim e rolar para baixo e clicar em salvar alterações. Tudo bem, então saiba onde voltar ao nosso site. Adicionamos a chave A P I. Então agora podemos sair dos mapas. Mas para fazer isso, você sabe, o construtor visual tem alguns problemas com o módulo completo com Matt, então vamos usar o verso e o editor para isso. Então vá em frente e clique na página de edição e aqui, basta ir em frente e clique no completo com seção inserir módulo e você vai ver o ah , cheio de mapa. Tudo bem, então argumente um p I ele já está respondido em para nós. Então, o endereço do centro do mapa. Então, onde você quer que eles vejam quando navegarem pelo mapa pela primeira vez, talvezqueira ver Simon entrar em talvez Pasadena, Califórnia, e ir procurar. Então agora você pode ver que o mapa agora é como ele está apontado para Pasadena, Califórnia. Agora, vamos apenas dizer que alguém rola sobre ele e eles podem realmente controlá-lo. Você pode desativar isso aqui clicando no zoom da roda do mouse. Agora, as pessoas não serão capazes de aumentar o zoom nele. Estará trancada. Certo, então essa é a opção. Então, hum, eu vou em frente e deixar assim. Agora precisamos realmente definir um alfinete. Então aqui, vá adicionar um novo alfinete e coloque um título. Então, como o nosso negócio. E vá em frente e coloque o seu endereço. coloquei em Pasadena, Califórnia, e eu queria encontrá-lo, então ele encontrou o endereço bem ali. Tudo bem, agora, talvez se eles clicarem no que você queria dizer? Sabe, podemos colocar nossas informações lá em cima, tipo aberto das 9 às 5 do meu dia até sexta-feira, assim, e clicar no cofre, e clicar em salvar saídas. E aqui vamos clicar na atualização. Então esta é uma boa razão para usar o verso e o editor. Agora, vamos em frente e clicar nas alterações de pré-visualização aqui. Tudo bem? E nós vamos rolar para baixo, e lá vai você. Então, há o nosso mapa e é esse o nosso negócio? Aberto de segunda a sexta. Lá vai você. Então é assim que você cria um mapa com o, uh, com o completo com módulo. Então eu acho que essa é a maioria do quarto módulo, pessoal, hum, agora nós estamos realmente indo para entrar em mais detalhes. Então nós vamos trabalhar na página sobre nós, e eu vou mostrar um monte de técnicas diferentes sobre como manipular o tema Devi e usar módulos mesmo que lá para o propósito errado. Então eu vou ver todos vocês lá 13. Opções de menu + logotipo: Ei, bem-vindos de volta, pessoal. Então, nesta palestra, vamos aprender tudo sobre os estilos de menu e todas as diferentes maneiras que você pode decorar seu menu, o texto que você pode ter a cor que você pode ter. Então vamos começar. Então, a primeira coisa que você quer fazer é subir aqui e ir para o personalizador de temas. Tudo bem? E há muitas maneiras diferentes de projetar isso. Então a primeira coisa que eu quero fazer é ir para navegação de cabeçalho e aqui você clica no formato de cabeçalho e este é o estilo de cabeçalho. Então, como você quer esse dedo do pé? Procure agora o meu outro site aqui. Este é um site que eu criei, e eu usei a barra de menu vertical e eu coloquei meu logotipo bem aqui. E vocês podem ver que eu tenho o link. A cor é azul, e eu tenho o, um, você sabe, o ah, o texto é preto. Então esta é a cor do link ativo. Então isso basicamente permite que as pessoas saibam em que página elas estão. Então, vou chegar a isso daqui a pouco. Então, de volta aqui, o estilo de cabeçalho para que possamos tê-lo centralizado onde você tem seu logotipo bem aqui e o texto. Ou você pode tê-lo como um centro alinhado com o logotipo. Ou você pode fazê-lo deslizar, ou você pode ter uma espécie de tela cheia onde eles clicam sobre ele. Será este menu de tela cheia, que parece muito legal. Então, vamos voltar para cá. E eu vou apenas ir em frente e deixá-lo como padrão por agora, e nós vamos voltar agora, a fim de decorar isso, nós vamos na verdade, hum, uh, uh, uh, uh, para a barra de menu principal bem ali. E digamos, por exemplo, que eu quero fazer isso completo com. Então isso aqui vai ficar cheio com Nós podemos realmente esconder o logotipo bem ali . Então talvez eu queira apenas mantê-lo assim, talvez colocar meu logotipo agora o menu para que eu possa ajustar o menu. Alta ameaça. Aqui está sim, posso ver. Torná-lo grande. Eu poderia torná-lo pequeno, então eu vou deixar assim. Podemos ajustar o logotipo. Altura máxima. Então, a altura do logotipo que você queria ser agora o tamanho do texto, então aqui, podemos alterar o tamanho do texto. Então talvez você quisesse ser um pouco maior? Não, muito grande. Provavelmente mantê-lo em torno de 15. E o espaçamento de letras como os modelos anteriores. Pessoal, isso é muito parecido com como você pode decorá-lo. Então aqui com você quer o espaçamento entre letras um pouco maior. Acho que isso é bom. Um pixel seria muito bom. E a fonte Então, você sabe, eles se divertem muito. Então vocês podem passar pelas paredes de Oz. Eles têm, você sabe, Pacific Oh, que é como você para, tipo, um site artístico, você sabe, mas eu provavelmente vou fazer talvez “open sans light”. Você está aberto? Isso é luz. E eu posso realmente jogar boliche para dar uma olhada um pouco melhor. E você também pode itálico. Você pode fazer tudo isso. Você pode torná-lo sublinhado também. Agora, para a cor do texto. Eu provavelmente quero deixá-lo como talvez, um, você sabe, um preto e você pode realmente aumentar a transparência dos iates texto desaparecendo. Mas se eu subir aqui, vai ficar muito escuro assim. Então, é muito fácil para os olhos. É fácil de ver e a cor do link ativo. Lembre-se antes de como falamos sobre a cor do link ativo. Então é isso que a cor do link ativo é agora a cor do plano de fundo. Então aqui vai um truque legal. Você pode fazer isso se quiser, apenas como uma imagem grande em vez disso e você não quer o menu. Há algumas maneiras de fazer isso. Você pode realmente ir para a cor de fundo bem aqui e apenas basicamente pegar isso e reduzir a transparência do mesmo jeito. Então agora você realmente não tem barra de menu ah e você pode mudar o texto ou dois. Talvez branco assim. Agora, outra maneira que você pode fazer isso é voltando aqui e indo para o formato de cabeçalho e simplesmente mudando isso para talvez deslizar para dentro. Então agora seu site tem para mim que se parece com isso, ou você pode tê-lo como a tela cheia. Então, se eu clicar nele, esse é agora o seu menu. Então essa é outra maneira como você pode tipo de projetar seu menu. Sabe, isso parece muito limpo. Parece que, realmente, sabe, talvez o cardápio cheio aqui seria muito bom para ter, porque só parece bom. Sabe, só me chama a atenção quando eu visito este site. Então eu vou voltar aqui e ir para a barra de menu principal, e, hum, nós também podemos realmente me deixar voltar porque a tela inteira realmente tira algumas opções. Então eu quero explicar todas as opções antes de fazer isso, eu vou para Teoh. Além disso, se você quiser ter aquele olhar vertical, você sabe que você pode entrar na navegação vertical, para que sua barra de menu seja algo parecido com isso, e seu logotipo irá para aqui. E a razão pela qual não há texto aqui. Lembre-se do meu Texas White. E você pode dizer que precisa de tudo isso do lado certo. Você vai ter sua barra de menu mais do lado direito, se você quiser. Mas por enquanto, provavelmente vou deixá-lo no lado esquerdo e provavelmente vou tirar uma navegação vertical bonita porque eu quero rever todas as opções e eu vou voltar para aqui e para a barra de menu principal. Então estávamos na cor de fundo. Agora, a cor de fundo do menu suspenso. Então lembre-se que imediatamente Ah, deixá-los em você mais cedo. Então, que cor você quer? A cor de fundo a ser para o menu suspenso. Sabe, se você quiser um branco, você deixaria branco. Agora, estes são todos para a entrega. Então, se você tem um menu suspenso, essas três opções são para isso. Então esta é a cor da linha, o texto e o plano de fundo. Então isso é para especificamente para o ah, o menu suspenso, porque se eu mudá-lo aqui, não vai mostrar nada, você sabe, porque lembre-se, porque lembre-se, é sobre Lee se candidatando para menus onde você passa o mouse sobre ele e o menu cai. Certo. Então vamos em frente e voltar agora, e vamos para a barra de menus secundária. Então, a barra de menu secundária, um, nós podemos realmente fazê-lo cheio com, você sabe , nós podemos, hum deixe-me dar-lhe outro exemplo da quarta barra de menu. Então vá até aqui para consertar as navegações. Sinto muito, Teoh. Elementos de cabeçalho. E, você sabe, podemos adicionar um número de telefone bem aqui. 18 anos. E então vamos colocar alguns dos ícones sociais e talvez um endereço de e-mail no gmail dot com, e vamos em frente e clicar em salvar e publicar. Tudo bem, então nós vamos realmente sair disso e abri-lo de novo para que isso apareça. Então, vou fechar isto aqui mesmo. E agora você vê, eu tenho este menu secundário aqui em cima. Vês isto aqui? Então este é um menu, e eu tenho você sabe, eu posso criar um segundo menu, então voltar aqui para o personalizador de temas. Certo, vamos passar pela navegação mais pesada, e vamos para a barra de menus secundária e a mesma coisa. Pessoal, vocês podem controlar a cor de fundo. Você pode ter fontes diferentes. Você sabe, se você quiser mudar sua fonte, você pode ter os ícones sociais que você pode ter Você pode mudar o tamanho dele assim, ou você pode reduzi-lo. Então é ah, você sabe, não cheio com o que você quer mudar para a barra de menu secundário. Então, aqui, provavelmente, vão lavá-los propaganda. Apague mais tarde. Porque não gosto de bares novos, mas algumas pessoas usam porque não têm o número de telefone. Eles têm o endereço de e-mail e os ícones sociais bem ali. Então é fácil de ver. Certo? Então, também temos nossas configurações de navegação fixas, então quando eles rolam para baixo, é basicamente isso que isso está se aplicando. Então ele foi chamado aqui. Podemos esconder a imagem do logotipo. Podemos esconder a imagem do logotipo. Então você vê como eu, hum você vê como o logotipo está bem ali? Mas se eu rolar para baixo, mas como esconder imagem local, ela desaparece. Portanto, as configurações de navegação fixas estão se aplicando basicamente quando o usuário rola para baixo. Então, se eu rolar para baixo agora, esta seção controla a seção do menu para que possamos mudar. Talvez você queira que o menu pareça um pouco menor. Eu tinha um cliente. Queria que parecesse transparente. Você pode fazer o, você sabe, o tamanho do texto maior. Simplesmente assim. Agora, lembre-se, você vê como ele fica menor e aqui eu rolo para baixo, ele fica maior. Isso porque eu aumento o tamanho do texto para torná-lo maior. Então, se você quiser ter um menu muito personalizável, este aqui controla o efeito de rolagem para baixo. Mas, por enquanto, vou tirar isso e tirar isso. E essa é uma visão geral rápida das configurações de navegação fixas. Agora também, elementos de cabeçalho. Falamos sobre isso mais cedo. Este tipo de cria menu secundário. Então você precisa colocar suas informações aqui para fazer o segundo menu aparecer. Está bem, mas talvez eu não queira isto. Você sabe, eu vou ir em frente e apenas apagar tudo bem ali. Eu realmente não quero a barra de menu secundário, então eu vou apenas ir e clicar em salvar e publicar. E essa é uma boa visão geral. Caras do menu, você sabe, você pode realmente, você sabe, habilitar vertical o que você quiser. Então, se você tiver alguma dúvida sobre o menu, é bem simples. É bastante padrão. Uhm 01 última coisa, o logotipo. Então eu vou trabalhar em salvar publicado aqui e agora eu vou clicar neste X. E se você não tiver um logotipo e quiser um? Ah, muitas pessoas recomendam este site chamado fabricante de logotipos, mas eu não vou recomendá-lo porque você vai ter um fluxo muito feio e chato ir de lá. E é muito ruim. Você sabe, se você gastou o dinheiro para comprar o tema DB, você poderia muito bem ir premium. Você pode muito bem obter o melhor do melhor do melhor, certo? Então você pode realmente ir para Fiverr ponto com e fibra ponto com é um site onde você pode basicamente comprar qualquer coisa por cinco dólares. E se você for até aqui e você digitar o logotipo, essas pessoas trabalham vai criar uma coisa de logotipo muito legal. Parece com isso por apenas $5. Agora o seu local é muito importante. Então é por isso que eu não recomendo ir para o logotipo Maker, onde você obtém um logotipo gratuito e ele só parece muito ruim. Você sabe, é um sistema fazendo isso. É realmente uma porcaria. Então eu recomendaria, você sabe, entrar em contato com um desses vendedores e dizer, “ Ei, você pode me fazer um logotipo? Eu queria olhar muito bom, e, você sabe, eles vão I Meu logotipo foi feito neste site, então meu logotipo foi $5 eles criaram logotipo para mim e parecia muito bom, então eu vou te mostrar como realmente insira o logotipo agora para fazer isso, vá até aqui para personalizadores de temas. Sinto muito, meu painel. - Não. Desculpe. Então painel de controle. E nós vamos Teoh Divvy, e nós vamos para as opções temáticas. Então aqui está sua seção de logotipo. Então, bem aqui, você está indo apenas para ir em frente e clique no upload, e então você está indo para quer fazer o upload do seu logotipo. Então, bem ali, mas disse seu logotipo e ir em frente e apenas rolar para baixo. Apenas continue rolando. Basta continuar rolando e ir para salvar as alterações. E agora seu logotipo deve estar lá. Então eu vou visitar sites. Lá vai você. Então meu logotipo está lá, Lembre-se, podemos controlar a altura deste início. Lembre-se, nós temos as opções de altura local para que, de uma forma, se você quiser expandir o logotipo e torná-lo maior, OK, então isso é visão geral caras do menu, porque eu tenho sido qualquer um de seus Perguntas , sobre o menu, sintam-se à vontade para me avisar que agora vamos para a próxima palestra, então eu vou ver todos vocês lá 14. Criação de páginas de Landde: Bem-vinda. Bem-vindos, pessoal. Então parabéns por ter chegado até aqui. Neste ponto, vamos começar a falar sobre módulos que não estão cheios com assim apenas módulos padrão básicos e caras. Esta é uma palestra muito importante porque a maioria dos sites que eu crio são usados apenas com módulos básicos. E eu realmente não uso muito do completo com modelos exceto aqui. Vocês podem ver ou aqui. Mas muitos desses outros módulos são apenas com módulos básicos. Então, nesta palestra, eu vou mostrar a vocês como usar esses módulos. Vamos criar uma página inicial do zero usando apenas os módulos básicos. Então a primeira coisa que eu vou fazer é ir até aqui para esta página e vamos habilitar o construtor visual. Então vamos começar a criar um site. Na verdade, vamos criar. Deixa-me mostrar-te o que vamos fazer. Vamos fazer algo muito parecido. Apenas pareça algo assim aqui, assim. Então vamos criar Lining Page. Parece exatamente com isso. Vamos colocar um módulo de texto, um módulo de texto, um módulo de texto e Ah, um botão. É assim tão fácil. Você realmente não tem que, você sabe, colocá-lo em um monte de outros módulos diferentes. É basicamente muito padrão. O que você vê é o que você recebe. Então, uh, vamos em frente e mergulhar direito nisso. Então a primeira coisa a fazer é passar por aqui. Oops. Por aqui. E nós estamos realmente indo Teoh. Você sabe, nós vamos adicionar uma nova seção, e nós vamos apenas colocar, como, como, uma seção regular, e nós vamos apenas colocar, como, uma seção básica bem aqui e imediatamente, pessoal, eu quero que vocês todos, hum nós vamos baixar algumas imagens. Eu tenho uma caixa de entrega, e está na seção de material bônus. Então o que esta seção é um monte de imagens, e isso vai ajudar você a começar e também ajudar você a cair junto comigo. Então o que eu vou usar é este papel de parede de Robert Downey Jr. Então, se você for aqui, nós podemos apenas ir para eu não sei, você vai para qualquer lugar que você sabe, na verdade, vá para aqui primeiro este ícone azul, ou apague este, este ícone azul clique na engrenagem clique na imagem de fundo e faça o upload. E agora quero que façam upload de todas essas imagens. Então, tire um tempo para ir até aqui e faça o upload deles. Então eu vou realmente postar vídeo, deixar vocês fazerem isso, e eu vou ver todos vocês em um pouco, mas minhas imagens foram carregadas. Agora vou carregar este papel de parede que tenho aqui, e o tamanho é 25 60 por 1600. Então o seu lado , provavelmente será o mesmo. Vou clicar no upload de uma imagem. Ok, então a imagem, uh, uh, foi enviada com sucesso. Lá vai você. E eu estou indo para Ah, eu não pareço estranho agora, mas como nós adicionamos módulos e adicionamos, Texan vai empurrar a página para baixo. Agora, há outra maneira de fazer isso me arrastando assim. Se eu clicar na pequena caixa de seleção, eu posso apenas arrastá-la assim. Mas eu não quero fazer isso ainda porque eu quero realmente, um, um, colocar módulos em que realmente irá empurrar manualmente a página para baixo em vez disso. Ok. Então, o que eu realmente vou fazer aqui é, hum, eu realmente vou, hum,para hum, aqui. Bem, na verdade vou apagar isso agora, então não temos módulos. Agora, Agora eu quero adicionar em um módulo, assim como você pode ver aqui, nós temos modelos aqui, mas nenhum módulo é nós temos outro módulo aqui, mas nada é colocado ali. Vê isso? Então isso é como uma linha de duas colunas, então eu quero que você tipo de entender a lógica por trás do tema Divvy. Eu quero que vocês, hum eu quero que vocês basicamente no final deste tutorial, olhem para outros sites e saibam o que colocar e como colocá-lo dentro Então este é um módulo dois bem aqui. E só de olhar para isto agora, isto aqui é um pequeno truque que quero mostrar a vocês. Então isso aqui é realmente uma foto, certo? Mas eu realmente uso um módulo de texto para isso. E aposto que está se perguntando por que usa um módulo de texto? Bem, eu vou te mostrar agora, então eu vou rolar para baixo e inserir um módulo de texto e você vê no monitor de texto aqui diz adicionar mídia então eu vou realmente adicionar uma imagem lá dentro. E a razão pela qual eu quero adicionar uma foto lá é porque eu posso controlar o tamanho. Mas se eu usar um módulo de imagem, não posso controlar o tamanho. Então bem aqui eu posso entrar, hum, mensagem. Vocês vão ver a mensagem ali? Mas eu só quero colocar em uma imagem algum clique em adicionar mídia, e eu vou entrar nessa foto de Darrell Wilson aqui e clique em selecionar. E lá vai você. Mas agora, se eu quiser fazer isso maior, eu posso apenas clicar nele e esticá-lo para fora. Como vocês podem ver, ele também estica bem ali. Então essa é outra técnica de quando você adiciona imagens. Talvez queiras controlar o tamanho disso. É uma boa ideia, certo? Então, chega disso. Vou clicar em fechar agora, voltando para cá. Nós temos outro módulo de texto, então eu vou em frente e, uh, para adicionar um novo módulo. Você terá Teoh clicar no pequeno sinal de mais, e depois aqui, e depois aqui, basta ir em frente e rolar para baixo até o módulo de texto. Tudo bem, agora eu vou colocar, tipo, tipo, bem-vindo. Bem-vindo ao “Davy Bean”. É o melhor tema wordpress de todos os tempos. Aprenda o porquê . E então eu vou em frente e fechar isso. Na verdade, não, vou fechar isto, mas não, quero que este seja o meu cabeçalho. E o que é um texto de cabeçalho. É basicamente o título principal como este. Tudo bem? E outra razão pela qual você gostaria de colocá-lo no texto do cabeçalho é porque ele otimiza para dispositivos móveis Better. Mas vamos falar sobre isso e um pouco mais tarde lição. Então, por enquanto, vá em frente e destaque tudo isso. Clique aqui e coloque o título um. Então agora é um texto de cabeçalho. Ok? E digamos que eu queira mudar o estilo ou mudar a fonte. Clique no design agora. Fonte do cabeçalho. Então a fonte do cabeçalho controla esta seção aqui? Não, eu só vou ir em frente e colocar Talvez, hum, nós vamos colocar a ferrovia. Você pode colocar qualquer estrangeiro que você quiser, então estamos fora e podemos controlar o tamanho. Então o cabeçalho para explorar você pode ver que está ficando maior. E a razão pela qual está preso assim e estas duas colunas Rose. Porque, lembre-se, nós temos essas duas colunas Rose exatamente como esta para que o texto não exceda essa caixa. Vai ficar dentro daquela caixa. Então eu vou torná-lo menor. Estamos no 40. E lembre-se, nós também podemos fazer isso ousado. Podemos torná-lo em itálico. Nós poderíamos fazer tudo isso e podemos torná-lo subjacente apenas assim. Ok, mas eu vou tirar isso, então eu fiz isso bem ali. Agora vou fechar esta caixa. Aposto que está se perguntando, sabe, é meio que interferir no Texas mais difícil de ver. Ah, isso aqui, essa linha cinza. Este é um CSS personalizado, e vamos rever isso no final desta palestra. Então vocês entenderão o que é CSS personalizado, mas eu não quero apresentá-lo ainda, então, por enquanto, vamos pegar a caixa inteira. Agora vejo este ícone de engrenagem. Este ícone de engrenagem controla esta caixa de aço. Esta caixa azul controla esta pequena seção de pílula azul bem aqui. Então essa é a diferença entre os dois. Agora eu vou para aqui, clique neste ícone de engrenagem e ele nos dá algumas opções. Agora podemos fazer essa linha de tolo com nós podemos fazer isso um costume com nós podemos adicionar uma sarjeta com ou nós não podemos acostumar Patty. Agora, se eu fizer esta espingarda com vocês, ver como ela expande a página agora, minha caixa de cerco vocês podem ver que está cheia com sua excedendo toda a página. Agora vamos apenas dizer que eu quero ir mais longe. Quero que aumente ainda mais. Vejo você ou como a caixa ali. Eu meio que quero até o fim. Eu clico em configurações Roe eu posso usar a calha com e ajustando a calha com agora você pode ver que eu realmente colocá-lo na borda. Então é isso que a sarjeta faz. Na verdade, é bom para fotos, mas por enquanto não vamos usar a sarjeta com Now. Digamos que você quer mudar , o estofamento, talvez queira mover essa direção para algum lugar, movê-lo para outro lugar. Então, bem aqui debaixo do estofamento Mentor, talvez 5%. Você vê como o preenchimento ali muda como cria espaço, então o preenchimento é o espaço. Agora vamos apenas dizer que eu quero movê-lo para os 5% certos agora. A razão pela qual ele não se move para a direita é porque, lembre-se, ele está em uma linha de duas colunas e ele realmente não tem para onde ir. Mas se fizermos para o fundo, está indo. Na verdade, vai se mover. Vê isso? Então está criando espaço bem ali. Ok. E, hum, manter a luta. Mantenha o preenchimento personalizado no celular que basicamente ficou qualquer coisa que você salvou aqui . Ele irá salvá-lo para o dispositivo móvel, modo que é muito bom para usar. Agora vamos para a configuração de design. Então, a configuração de design é a margem. Então, que margem você quer que isso seja? Então, se eu inserir 10% você vai ver que isso cria uma margem de 10%. Se eu quiser fazer isso com os direitos de 5% não vai se mover muito, porque lembre-se, está em uma caixa ah ah ah, então é difícil de se mover, mas vamos em frente agora e voltar aqui para as nossas configurações gerais, e nós estamos realmente indo para Teoh Nós vamos fechar isso agora. Quero voltar aqui para este módulo de texto. Então eu vou clicar no ícone de engrenagem para o módulo de texto e eu vou até aqui e ir para Max com. Então, o que? O máximo com faz é que ele basicamente diz é que diz que o máximo com o texto irá. Então, por exemplo, se eu fizer 1000 pixels, esse texto chegará até 1000 pixels. Mas se eu fizer 300 pixels assim, você verá como é muito menor. Porque lembre-se, isso aqui é 300 pixels. Quero fazer um pouco maior. Eu poderia dizer talvez ir 500 pixels ou 600. Então 600 pixels. Vocês podem ver isso. Agora, isto. Agora o Texas Onley vai para 600. Mas se eu for para 700 vai continuar e assim por diante. Então eu vou deixá-lo em 700 pixels e para a orientação do texto. Quero deixá-lo centrado. Ok? E também para esta seção aqui, este outro modelo de texto, você pode fazer o mesmo. Você pode torná-lo centralizado. Eso eu vou em frente e fazer isso. Eu clico neste módulo e você vê como eu tenho minha foto bem aqui. Eu só vou para a orientação de texto e vou para o centro. E lá vai você. Agora vai continuar. Então aqui, nós temos mais texto, e vocês podem ver que é apenas mais um módulo de texto. Então, basta clicar neste pequeno ícone aqui. Role para baixo até chegarmos ao texto, assim como queremos torná-lo centralizado. E também, vamos em frente e pegar algumas mensagens falsas. Então, mensagens falsas assim. Vou pegar um pouco desse texto aqui. Tudo bem? Vou só copiar. Isso é sem ser chato lá. E eles simplesmente vão em frente e pagam um pouco daquele texto lá dentro. Tudo bem, então lá vai você. Então vocês podem ver que eu tenho o texto falso. E lembre-se, para as configurações de design. Se descermos aqui, esta é a fonte do texto. Então, se você quiser mudar a fonte deste texto, é aqui que você faria isso. Você pode alterar o tamanho da fonte do texto, e este pequeno ícone do telefone indica como você o mudará no smartphone ou nos tablets. Então eu vou repassar isso em um pouco mais tarde em outra palestra sobre otimização para celular . Então é continuar rolando para baixo. Você pode alterar o texto, cor do texto. Você pode alterar o espaçamento como antes, como mudamos esses outros modelos na configuração mais completa. Estas são as mesmas configurações exatas. Então, como eu disse, uma vez que você aprende a configuração do módulo para um, você meio que aprende para todos eles. Então as alturas da linha de texto sabem a altura que você gostaria de fazer isso? Veja como ele está indicando espaço bem ali, uma cor de fundo. Eu nunca usei cor de fundo para texto porque ele só parece muito feio. Sabe, pode haver algumas razões para você fazer isso. Eu só pessoalmente não gosto disso, então eu realmente só confio na imagem de fundo agora, uma imagem de fundo. Você quer uma imagem de fundo sobre esta seção? Provavelmente não. Mas sabe que pode fazer isso. Você pode adicionar uma borda que você pode adicionar como você vê como eu tenho uma borda bem ali. Esta seção agora, as outras seções brancas, então você não pode vê-lo. Mas você pode adicionar uma borda ah ao redor desta seção e você pode mudar como se estivesse pontilhada ou dobrada. Ou como você deseja adicionar em sua borda. Você também pode alterar a cor. Então, se eu quiser ler, você tem a borda sobre o texto bem ali. Então é isso que a seção de borda faz e a margem personalizada. Mesma coisa. Podemos movê-lo para o topo para os direitos e também o preenchimento personalizado também. Então, estes são mais. É basicamente a mesma coisa que vocês aqui em cima. É apenas para diferentes configurações de módulo. Certo, então depois de terminarmos, vamos em frente e clicar em checar agora, voltando. Aqui, temos o botão “Iniciar”. Agora já falamos sobre o botão Iniciar anteriormente, mas a razão pela qual eu gosto de começar, mas Atmore na configuração de texto é porque podemos duplicar isso. Lembre-se, você pode duplicar cada seção, então vamos apenas dizer que você tem botões diferentes em sua página. Em seguida, você pode duplicá-lo e trazê-lo para qualquer lugar em seu site, para que você economize muito trabalho. Você não tem que copiar novamente. Eu sinto muito. Eu não tenho que refazer o seu Você pode apenas duplicar e apenas arrastá-lo para algum lugar. Então, aqui mesmo, eu vou fazer apenas alinhamento para o centro e ah, bem aqui. O botão que você é. Então, se alguém clicar neste botão, para onde quer que eles vão? O euro abre na mesma janela ou em uma nova aba. Provavelmente uma nova conta, talvez. Certo. Então, o que você quer que isso diga? Saiba mais ou entre em contato conosco. Ok. Agora o alinhamento do botão está no centro. A cor do texto também é, você sabe, não se preocupe muito com isso, porque lembre-se, nós podemos mudar isso no corte na próxima seção, então eu vou realmente ir para o design e para isso, O estábulo ligado. Como eu disse, não se preocupe. Vamos falar sobre por que isso é muito importante. Mais tarde na palestra, há uma grande razão para usar isso, especialmente quando se usa vídeos, lutadores. Então, no design aqui, vá em frente e diga sim. , Lembrem-se, isto é para o mesmo módulo que usamos para o cabeçalho. Então, se você quiser? Mude as bundas e o texto. Você pode alterar o texto. Você pode alterar a cor do texto do botão apenas indo para Talvez eu queira como vermelho, mas por enquanto, Mas é preto, as bundas e cor de fundo você pode realmente alterá-lo para talvez alguns meu verde ou o que muda azul. Por enquanto você sabe o quê? Nós vamos torná-lo azul Agora as bundas na fronteira com você pode mudar a largura de Isso é exatamente assim. Você pode mudar o raio agora o raio que tipo de mudança, você sabe, você vê como ele se torna mais de uma ponta circular no mais você muda tipo que parece melhor. Então essa é outra maneira que você pode mudar seu. Você também pode alterar o espaçamento de letras assim para torná-lo parecido com isso. Você pode saborear a fonte do botão. Vamos mudar. É uma ferrovia agora, então mude para ferrovia. Simplesmente assim. Você pode adicionar um ícone de botão aqui e também passar o mouse sobre a cor do texto. Então só quando você paira sobre você queria mudar. Você queria mudar de texto. Talvez queira um texto branco. Então agora se eu passar por cima dele. O branco do Texas. Então essa é outra opção que você pode ter. Então eu mostrei a maioria dessas opções antes e a outra configuração. Mas eu quero mostrar-lhe por que eu prefiro usar esta seção em vez de o completo com. Porque esta seção eu posso duplicar. Posso arrastá-lo, posso arrastá-lo até aqui. Agora você vê como eu estou arrastando. E isso é o que esta seção faz aqui. Então, esta seção permitirá que você tipo de arrastá-lo para qualquer lugar que você quiser e duplicado. Nenhum dragão aqui. Coloque-o debaixo disto, tal como aquele tipo. Então você tem muito mais controle usando os módulos regulares mais do que o completo com módulos. Concedido, os quatro módulos são muito mais fáceis de usar. Mas uma vez que você se torna mais fluente com o tema divvy, você pode começar a cuidar longe da, você sabe, da seção mais completa. Porque isso é tanto que você tem mais controle sobre ele. Então, como você pode ver nossas páginas basicamente o mesmo que todos vocês precisariam fazer agora é isso. Vá para cá agora. Certifique-se de que as setas são como lá, lá para cima e para baixo basta clicar sobre ele e apenas arrastá-lo para baixo, assim como gorduras. E praticamente o nosso site é muito parecido com este aqui. Então, eu quero dizer, nós poderíamos realmente colocar uma divisória aqui em cima. Vamos em frente e fazer isso. Deixe-me apresentá-los a todos a última seção, que é a seção divisória. Então, hum, subindo aqui realmente descendo aqui, eu vou clicar em mais, e nós vamos adicionar no que chamamos é um divisor. E o divisor é uma seção que permite que você realmente faça espaço, e também dá alguma cor ao tribunal do seu site. Então eu vou mostrar a visibilidade e colocar isso é preto. Agora temos esta barra preta bem aqui. Mas o que isso faz que ele realmente empurra as coisas para baixo e permite que você tipo de manipular seu site um pouco mais. Ok, então eu vou clicar sobre isso aqui, e eu vou ter esperança. Desculpe. Um errado. Então eu vou, um, ver onde posso encontrar meu modelo de texto. É isso aí mesmo? As bundas e a configuração, sabe, é meio difícil encontrar o ah, o divisor. Sempre me deparei com esse problema. Então o que podemos realmente fazer é ir até aqui, clicar em salvar, porque já teve esse problema onde você simplesmente não consegue encontrar os destaques? Não se preocupe. Eu recebo o tempo todo. É bastante comum, na verdade. Então eu vou sair do construtor visual e ir para editar a página. Certo, agora vamos usar as traseiras e muito rápido. Então você vê o dividido aqui? Vou arrastar isto até o topo e clicar nestas três setas. Agora, essas são as mesmas opções que tínhamos antes na outra página, então é relativamente fácil. É fácil de usar. Então eu vou colocar o vital aqui e bem aqui a altura. Então, quantas alturas você quer empurrar a página para baixo? Eu vou dizer, talvez 250 pixels, o que é meio que muito. Não tanto assim. 280 pixels clique em salvar saídas e clique em atualizações. Tudo bem, então minha internet está um pouco lenta agora, pessoal. Então, minhas desculpas, e eu vou clicar nas mudanças de pré-visualização, assim como vimos antes de você ver como todo esse texto agora está sendo empurrado para baixo. É o que o divisor faz. Cria mais espaço. Então eu estou realmente indo para ah, editar o construtor de páginas visuais e eu vou mostrar a vocês como podemos fazer mudanças, certo? Está tudo bem. Então vocês podem basicamente ver que é em vez de usar o back-end. Mas sempre que tiver problemas com esse módulo, você não pode ver aqui. Você não consegue encontrá-lo. Marque o back-end. Vai mostrar que o Word é exatamente assim aqui. Vou clicar nesta pequena divisória aqui. Você vê? Qual é a altura dele? Vou colocar 100 desta vez. Veja isso. Você vê como ele está criando espaço e está empurrando tudo para baixo? Talvez eu quisesse 20 pixels assim. Talvez você não queira que as divisórias apareçam, então basta colocar não mostrar e então eu vou clicar nesta seta. Então foi assim que usou o divisor. Quer dizer, nós basicamente criamos com sucesso Eu sou um arrastar-nos um pouco para cima e talvez apenas empurrá-lo para baixo apenas um pouco, apenas assim. Então usamos o divisor. Usamos muitos dos outros módulos. Então é isso para os caras da página de destino, Vamos falar sobre o CSS personalizado um pouco mais tarde. Mas, por enquanto, cobrimos alguns modelos de texto. Mostramos a você como se movimentar. O preenchimento meio que mostra como adicionar botões e talvez, você sabe, arrastar e soltar coisas assim. Então vamos para a próxima seção. Vamos falar sobre sinopses, então eu vou ver todos vocês lá. 15. Blurbs: já. Pessoal, bem-vindos de volta. Então agora vamos em frente e fazer a próxima seção, que é esta seção aqui. Agora, só de olhar para esta seção, espero que você possa dizer quais modelos usamos. Este é um texto, este é um divisor. E este é outro texto. É isso. E é uma linha de uma coluna. Então vamos até aqui praticar um pouco e também mostrar como temos essas cores legais no lado e eu vou mostrar a você como adicionar esses blurbs. É muito simples. É muito fácil. Na verdade, você pode arrastá-los até aqui. Você pode, você sabe, colocá-lo de volta ali. O que quer que você quisesse. Então vamos em frente agora e começar. Então aqui, eu vou clicar no pequeno ícone de mais aqui em baixo, clique no normal, e nós vamos fazer esta única linha assim. Tudo bem, agora, aqui, eu vou adicionar um módulo de texto, então basta ir até aqui e pegar um módulo de texto e nós vamos centralizar este texto e eu vou em frente e colocar algo como, Bem-vindos ao tema mais legal dos planetas. Tema da Debbie. Tudo bem, agora eu vou fazer disso um texto de cabeçalho assim. E se você quiser mudar isso, lembre-se, lembre-se, na palestra anterior, você vai para design, vá para telefones de cabeçalho, mudanças para Arvo alteram o tamanho da fonte. Você pode mudar a cor, o que quiser para o seu tema. Ok, agora, vamos em frente agora e adicionar o divisor. Então eu vou realmente clicar sobre isso aqui. Clique no divisor, assim como é. E eu só vou mudar para Black. E, hum, você sabe, eu vou rolar para baixo e eu quero dividi-lo para mostrar exatamente assim. Vocês podem ver que estamos criando um projeto. Agora estamos criando um design. Que bonito que parece muito legal. Então, Então você sabe, fazendo isso, você não está apenas criando o espaço, mas você está adicionando ao tribunal ao seu site ao mesmo tempo. Então esta é outra razão pela qual você poderia começar a usar outros módulos para tipo de, você sabe, introduzir outras coisas. Agora, vamos em frente e adicionar o módulo de texto abaixo disso. Então bem aqui eu vou clicar neste ícone de mais e ir até o módulo de texto, e nós vamos apenas ir em frente e digitar algum texto. Mas para fazer isso, vou enviar esta mensagem. Vou pegar um pouco desse texto manequim aqui, e vou para Oops. Desculpe. E eu vou realmente copiar e colar isso lá exatamente assim. Sim. Pode ver o Texas lá, e vamos clicar na caixa de seleção. Agora, o divisor está no espaço errado, então precisamos realmente pegar o divisor e colocá-lo em outro lugar. Nós precisamos, hum, colocá-lo no ah, foi chamado? Precisamos colocar no meio bem ali. Certo. Então há uma coisa estranha que não consigo agarrar. Significa que posso puxar isto para baixo e agarrá-lo. Vês? Aqui. Este é o módulo de texto. Sim. Então lembre-se, se você tem esse problema, lembre-se, apenas para ir para o back-end para que possamos ir para o back-end bem aqui. Eu vou realmente clicar sobre isso agora e salvá-lo. E a partir daqui, eu vou apenas ir para Na verdade, eu vou atualizar esta página. E este é realmente o back-end bem aqui, e nós vamos apenas pegar este divisor, e nós vamos colocá-lo entre os dois modelos de texto bem ali. Então isso basicamente nos dará esse olhar de, você sabe, ter esse tipo de olhar bem aqui. Ok, então aqui, este é o back-end. Agora pegue o divisor e apenas arraste-o para cima e atualize. Lá vai você. As alterações são salvas. Então eu vou realmente atualizar esta página agora porque eu fiz essa alteração. Então essa é outra razão pela qual vocês querem usar o back-end. Às vezes, um construtor visual é difícil de pegar coisas. Sabe, se for a noite, é para se agrupar. Então, você sabe, isso é, você sabe, uma razão pela qual você provavelmente iria querer usar as costas. E às vezes ele lhe dá controle total de todos os módulos. Ok, então lá vai você. Você pode ver que o modelo de texto agora está lá. Agora, vamos em frente agora e talvez adicionar os blurbs. Então, como fazemos isso? Bem, nós vamos realmente introduzir uma nova seção. Então, bem aqui, você vê? Onde tem essa seção de aço? Vá em frente e clique nisso, ou podemos clicar nisso. Mas por enquanto, você sabe, nós podemos realmente usar esse módulo inteiro. Você sabe, eu vou em frente aqui, clique nesta linha mais nova, e nós queremos adicionar essas quatro barras. Então agora você vê que nós temos essas quatro barras. Agora, podemos criar uma sinopse bem aqui. Tudo bem, então eu vou adicionar um blurb o título. O que você quer dizer? Sabe, Sabe, podemos conseguir mais vendas para você. E se quiser levá-los a algum lugar, basta colocar o endereço, então www dot Darrell Wilson Dot com Agora, para o ícone, podemos dizer sim. Quero usar um ícone que quero usar. Talvez, um, este Ver bem aqui. Este sinal bem aqui. Então vocês podem ver que o ícone está chegando lá, e você pode realmente mudar a cor do ícone. Talvez quisesse ser azul se quisesse ser verde. Você sabe, você pode mudar a transparência da cor, todas essas opções. Você sabe, você pode realmente adicionar o que deseja aos seus sites. Talvez. Sabe, estamos tentando algo com cerco. Seja qual for. Então, um ícone de círculo. Agora vamos dizer que você quer algo ao redor que você pode clicar no ícone círculo. Você pode mudar essa cor também. Parece que está bem ali. Viu como eu adicionei isso? Porque eu controlo a cor de fundo. Agora o círculo, o círculo, cor. Você sabe, nós também podemos adicionar em ah, fronteira em torno do ah, o borrão bem ali. Você pode realmente mudar isso. Talvez você quisesse ser, você sabe, laranja, vermelho, , o que quer que esteja tentando fazer, então eu iria em frente e deixaria como azul. E você também pode alterar o posicionamento da imagem. Então, em vez de ter no topo, podemos ter na esquerda. E se você tem a esquerda bem ali, está ficando um pouco mais pequeno. Mas, hum , você sabe, há uma razão para você querer fazer isso. Na verdade, mais tarde, vamos rolar para baixo bem aqui. Esta seção é a mesma configuração, exceto que a usamos no lado esquerdo. Então essa é outra razão pela qual você gostaria de colocar as sinopses no lado esquerdo. Mas, por enquanto, vamos deixá-lo em cima. Então eu vou para a imagem. Coloque-me no topo agora a animação ícone de imagem. Assim, você pode mudar a forma como a sinopse entra. Então deixou os direitos da direita para a esquerda. Ou você não poderia ter nenhuma automação. Certo, a cor do texto. Sabe, eu preferi que nunca mexamos com a cor do texto porque lembre-se, você pode mudá-lo no design e você pode ficar muito mais e surdo. Sabe, você pode mudar o texto. Você pode mudar o tamanho e espaçamento das alturas, etc. Ok, então isso é mais como um atalho. Como se você quisesse mentir? Sim, claro. Você quer um escuro? - Claro. Sabe, é mais um atalho. E lembre-se, você pode adicionar mais conteúdo aqui. Você pode adicionar uma imagem, você sabe, abaixo dela novamente. Então eu vou realmente pegar algum texto da Demi bem aqui e apenas ir em frente e voltar para aqui e apenas colá-lo lá assim. E lá vai você. Então agora temos alguns textos fictícios e podemos ir para as configurações de design. Você pode alterar as fontes de cabeçalho. Você pode alterar o ah, você sabe a cor do texto da fonte do cabeçalho, o espaçamento do cabeçalho e as alturas da linha. Agora as fontes do corpo. Isso se aplica a esta seção, Então este é basicamente o texto para os outros modelos. Então, toda esta seção aqui, o espaçamento do corpo controlaria esta seção aqui. E lembre-se, essas opções são relativamente iguais. Você sabe, a fronteira, a margem personalizada, etc. Então, como eu disse, uma vez que você aprende, tem que fazer para todos os módulos que você aprendeu a fazer para todos eles. Agora, quero mostrar-lhe um atalho. Então, em vez de criar tudo de novo, você pode realmente apenas duplicar esta linha sem pequeno símbolo. E vai criar este. E você pode simplesmente arrastá-lo lá em cima assim. Você pode fazer isso de novo e apenas arrastá-lo lá em cima assim. Você pode fazer isso de novo e simplesmente arrastá-lo lá para cima assim. Agora, digamos que você queira esticar esta corda para que possamos ir até aqui para esta configuração de linha, e você pode usar um costume com o qual basicamente irá fazê-lo. Como você quer que seja Ah, você sabe, o tamanho da fila. Vai ser ajustado a algo assim. Então isso é muito legal. Ou você pode colocar “Não”. E você só diz que eu quero este rifle com exatamente assim, ok? Você pode controlar o preenchimento nesta linha. Então, por exemplo, 10%. Você pode ver que agora ele está criando esse espaço de 10%. Você pode adicionar, você sabe, fundo. Você sabe, você pode adicionar, um, você sabe, um espaço inferior agora para o lado direito e esquerdo. Provavelmente não haverá espaço porque estamos ocupando a maior parte do espaço agora. Você também pode processar design, mas eu recomendo nunca usar as configurações de assar como cor ou imagem na seção de azul-petróleo. Mas para a margem personalizada. Sim, mas para a seção de fundo na cor de fundo causa, como, se você fizer isso, só se aplica a uma seção. Mas se você quisesse aplicar a linha do pneu, você teria que apertar o ícone azul, que seria esta seção. Então esta seção aqui você vai para a cor de fundo. Você pode mudar a cor de todo o local aqui mesmo. Você vê isso? Então essa é a razão pela qual você também pode adicionar uma imagem de fundo. Então talvez você queira adicionar uma imagem de fundo a esta seção inteira. Então, clicando no upload, podemos clicar sobre isso, fazer upload de uma imagem. Agora, esta imagem de fundo será aplicada a toda esta seção. Minha internet está um pouco lenta, pessoal. Então, minhas desculpas. Provavelmente está carregando. E lá vai ele. Isto é o que acontece. Você tem internet sem fio, você fica assim. Então, hum, se você quer ter uma imagem de fundo, parece que é aqui que você faria isso. E como eu disse, há muitas maneiras diferentes. E se você também quiser adicionar um controle deslizante de vídeo, você também pode fazer isso. Então isso aqui é uma imagem. Você pode ver. Minha Internet é terrível, mas digamos que você queira adicionar em um vídeo de fundo. Então, de volta ao vídeo MP quatro, eu vou clicar no upload, e eu acredito que nós temos alguns. Eu não tenho nenhum vídeo ainda, mas, uh, uh, deixe-me ver onde eu vou clicar em Slick Fall. Acho que tenho um vídeo da minha queda algures. Sim, eu sei. É este roxo em Great. Aqui está um arquivo muito grande, por isso pode levar algum tempo para carregar. Acho que é cerca de 45 megs, o que é bem grande. Então, voltando para o site bem aqui, assista a espera para que isso carregue, e então vamos voltar para as outras configurações. Ok, então eu terminei. Carregando. Agora vou fazer o upload do vídeo agora, na verdade, para matar esta imagem de fundo bem aqui. Então eu preciso tirar isso e eu vou em frente e guardá-lo e vocês vão ver se ele vai aparecer esta cidra de vídeo. Então, se vocês querem que o lado do vídeo estaria jogando em segundo plano assim, você precisa adicionar isso. Então o controle deslizante de vídeo está carregando. Como eu disse, pessoal, é um pouco lento. minhas desculpas da Internet. Então é assim que você adicionaria um controle deslizante de vídeo. Voltando a isso, hum, se vocês realmente querem mudar mais configurações, um, nós podemos realmente fazer isso um Ah, nós podemos copiar esta estrada. Então, por exemplo, isto é, digamos, você quer copiar esta linha inteira, você clica nesta seção azul e outras seções azuis aqui mesmo duplicariam toda esta estrada aqui. Agora eu vou acabar com isso, e vamos apenas dizer que você quer adicionar nesta estrada bem aqui. Apenas indicou que podemos duplicar essa linha para que vocês possam ver. Isso é, hum, você sabe, ele está duplicando toda essa linha para nós, então isso poupa muito do trabalho para nós. Não temos que voltar e mudar assim. Está bem. E outra coisa que eu quero mostrar a vocês para obter esses efeitos realmente legais que tivemos nesta página bem aqui. Podemos voltar aqui, e vou acabar com o vídeo dele. Parece que congelou em mim, mas eu vou realmente matar este vídeo de fundo bem aqui. E eu realmente dei a vocês essas imagens de fundo. Então, vamos fazer upload. Você vê essas imagens brancas bem aqui. Então eu vou realmente apenas clicar neste aqui e clicar no upload de uma imagem. Agora vou mudar a cor de fundo. Então aqui, a cor de fundo, eu vou mudá-la. Você vê como eu tenho esses projetos chave. A razão pela qual eu tenho os desenhos da arca é porque esse fundo é uma loja de fotos de basicamente, hum, esta seção branca e o designer do May era Gino de Monterey Premier. Ele criou estes. Então o crédito vai para ele. Então, se você quiser ter este design de arco, você sabe, e há outros que você pode ter, você sabe, eu posso fazer o upload. Talvez eu não goste disso. E você vê como eu tenho que são projetados. Então, alterando a cor do plano de fundo, é que ele só se aplica a essa seção porque eles foram Photoshopped, Então apenas esta seção é branca. Ok, vocês entendem que vocês conhecem a lógica aí, então eu vou realmente voltar para a minha imagem de fundo muda para talvez algo. Parece que isso faz upload de uma imagem. E lá vai você. Então agora eu tenho esse efeito arqueado muito legal. Ok, agora, vamos em frente e ir para a próxima seção, que é esta seção aqui, e nós estaremos usando o módulo de imagem. Então, voltando para cá, vou clicar no cheque. Vamos clicar nesta seção aqui, uma seção regular. E só de olhar para esta secção, espero que saibam o que é isto. Esta é uma imagem, um divisor de módulo de texto, um módulo de texto, um módulo de texto e um contato conosco. E sinto muito, um ícone de botão. Então vamos em frente e criar isso. Então parece uma linha de duas colunas assim. E esta seção aqui será a nossa imagem. Então vá em frente e encontre o módulo de imagem, certo? Acho que passei. Eu passo. Acho que passei no módulo de imagem. Sim, imagem por imagem. E eu vou fazer upload da imagem. E eu vou usar este iPhone branco bem aqui. E lembre-se, eu tenho isso na seção de bônus. Então, se vocês quiserem baixar todas essas fotos para ajudar vocês, é aí que vocês iriam baixá-las. Então clique no upload de uma imagem, e lá vai você. Então, as nossas imagens ali? Não, na verdade vou salvar essas mudanças. E agora vamos apenas dizer que eu quero obter esse efeito legal onde parece que ele está se misturando assim. Então, se eu quiser obter esse efeito, eu só preciso mudar sua cor de fundo para preto. Então aqui sob as configurações de seção irá alterar as configurações de fundo. É apenas preto assim. Lá vai você. Agora, por aqui, podemos adicionar texto e bem e o texto. Então é branco, então é mais fácil ver nos olhos. Certo? Então você vê como o Texas White agora? Então aqui vamos em frente, clique nisso. Vamos rolar para baixo até adicionar um módulo de texto. Vamos colocá-lo no centro e vamos colocar obter um iPhone grátis, obter um iPhone grátis. Agora podemos alterar as configurações passando pelo design, e sinto muito. Primeiro, queremos fazer deste um texto de cabeçalho assim. Ir para design e enfraquecer vai para, você sabe, mudar nossas fontes de cabeçalho. Mas isso é dizer, você quer mudar a cor do texto, então basta ir para os brancos e lá vai você e nós podemos ir em frente e clicar em verificar. Agora é assim que se usa a divisória. Então, como eu disse, basta adicionar uma divisória e deixar branco. E vamos em frente e adicionar mais alguns técnicos com modelos. Então aqui, clique neste pergaminho para baixo. Thio eram os módulos de texto ali. Bem, centralizá-lo e eu vou adicionar um pouco de conteúdo falso. É como se fosse rápido no ritmo. Lá vai você. Agora, talvez eu queira ir em frente e ir para o design novamente. Agora, isto é apenas um texto normal. Então, para mudar isso, vá em frente e vá até a fonte do texto. Então esta seção aqui controla esta seção porque este é apenas um texto básico. Então aqui na cor do texto, podemos ir em frente e clicar sobre isso, torná-lo branco. Também podemos controlar o tamanho da fonte. Você sabe, nós controlamos o controle, a fonte dele exatamente assim. Essa é uma fonte muito feia, a propósito. Mas vamos mudar para algo como Laura. Então, lá vai você. Agora temos um botão aqui. Podemos colocar agora em vez de realmente criar um módulo de botão. Vamos apenas copiar este. Isto é copiar este e, em seguida, clique sobre este e apenas arrastá-lo para baixo aqui. Oh, não assim. Mas vamos arrastá-lo para baixo assim, e lá vai você. Então essa é outra maneira. Você pode realmente usar os modelos para tipo de copiá-los e apenas trazê-los em algum lugar porque é muito mais fácil fazer isso do que apenas criar tudo novamente. E mais, este botão corresponde a este botão. Você meio que quer que todos os botões combinem no seu site, certo? Então essa é outra razão pela qual você gostaria de usar, uh, módulo independente, mas porque você pode copiá-lo. Então é isso para esta lição. Pessoal, vamos falar sobre o Efeito Parallax na próxima palestra, então eu vejo lá. 16. Efeito parallax: Bem-vinda. Bem-vindos de volta, pessoal. Então, nesta seção, vamos falar tudo sobre o efeito Parallax. Agora, muitas pessoas gostam do Efeito Parallax porque ele realmente tem legal um olhar legale único e muitos sites tendem a fazê-lo. Na verdade, neste outro site eu tenho o realmente em incorporado o efeito de paralaxe. Então na parte de trás, vou mostrar a vocês esse outro site que tenho aqui. Minha internet está ficando um pouco lenta hoje. Está carregando devagar hoje. Então aqui você pode ver que o você sabe que a imagem segue o pergaminho assim. Então, você sabe, esta é uma boa característica do fato da Parallax. A imagem começa a desaparecer. Então isso é o que chamamos é o verdadeiro efeito de paralaxe. E há também o efeito de paralaxe CSS. Então eu vou Teoh, você sabe, ter certeza de que isso é incapaz de ouvir a verdade, Parallax. Está bem? E como eu disse, vá em frente e olhe para a imagem. Agora você pode ver a imagem. Ele meio que começa a, você sabe, seguir ou arrastar para fora da página. Agora vamos em frente e desabilitar que mostre a diferença. Por isso, neste momento, vou desativá-lo e podes ver que não mexe tudo. Como esta imagem não se move de qualquer forma. Então, se nós rolarmos para baixo, a imagem vai ficar a mesma Agora, eu também vou apresentar a todos a paralaxe CSS e os usos para muitas pessoas equivocam isso porque eles não entendem como usá-lo corretamente. Então, estamos fora da parte de trás. Vamos apenas dizer que eu venho para este site aqui, direita, e eu começar a rolar para baixo, e como eu estou rolando, vemos o seu diz ser original, e então você começa a pular rolagem e você vê que pago começar a meio que descer com ele. Mas se eu voltar para cima, aparece a página quem vê isso? Então esse é um efeito muito legal. E muitas pessoas tendem a usar, como talvez placas caindo ou cachoeiras para ajudar a transição do efeito, porque há um monte de usos realmente legais para o efeito de paralaxe CSS e vocês podem apenas Google, Você sabe, exemplos de CSS Parallax para tipo de dar a vocês idéias sobre como vocês podem usar o efeito de paralaxe CSS . Então, em poucas palavras, pessoal, essas são basicamente as duas opções para a verdadeira paralaxe e o efeito paralaxe. Então, como eu disse, este é um bom exemplo do efeito de paralaxe em como eu o usei. Então, se você quiser usar é em seus sites, é uma tendência crescente. Então, muitas pessoas tendem a usar um efeito de paralaxe porque, ah, muitas outras pessoas estão usando isso porque parece legal. Tudo bem, então é isso, pessoal, para a seção Parallax, verei todos vocês na próxima palestra. 17. Quez 1: Ei, pessoal. Bem-vinda. Então este vai ser o nosso primeiro teste. Agora, olhando para este site, parece bastante impressionante, certo? Você está tipo, Uau, isso parece muito legal. Parece que a organização parece limpa. Agora, isso foi feito com a equipe de debate, acredite ou não. Agora, muitas pessoas estão dizendo, cara, isso parece muito legal. Como você fez isso? Certo? Bem, vamos ter uma rápida visão geral de como ele fez este site. Bem aqui, apresentei uma página de destino. Agora eu estou realmente indo Teoh, abra uma segunda página e eu vou clicar em Editar página e mostrar-lhe os módulos aqui. E para aqueles de vocês que estão interessados, vocês podem realmente comprar este layout. Então vamos falar sobre pré-definido lay out um pouco mais tarde. Mas, por exemplo, aqui tenho minha página criativa agora. Bem aqui. Eu tenho um completo com controle deslizante. Então este é o meu completo com controle deslizante Agora, logo abaixo disso, você vê esses três pequenos ícones? Então, na parte de trás, adicionei um blurb e adicionei um botão abaixo dele adicionei um blurb . Então eu coloquei um blurb bem aqui com algum texto e coloquei um botão. E então, para a cor de fundo, coloquei azul. E então eu tinha uma seção de três colunas de resíduos, e o que eu fiz foi reduzir o estofamento em todos os lugares. Portanto, não há espaço. Ele tinha diz 00 E então eu coloquei 24 fotos na parte inferior e esquerda para zero. Então eu estou basicamente fazendo isso, então não há espaço em lugar nenhum agora. A razão pela qual adicionado 24 preenchimento foi porque eu quero algum espaço entre o botão e esta barra. Então é por isso que eu basicamente decidi colocar um pouco de Patty. Agora, a próxima seção é muito simples. É um texto, um texto que não temos imagem. E eu adicionei o direito de acordo, Lembrem-se cedo estamos falando sobre usos para o acordeão. Bem, esta é uma boa razão para você querer adicionar o acordeão. Certo. Então, em seguida, temos esta seção bem aqui. Então, vamos para cá. Vamos rolar para baixo agora. Todos esses caras são um apelo à ação. Agora é uma chamada à ação, mas eu não incluí o botão. Então, onde diz inter, mas em texto. Não coloquei nada. Eu só queria o fato de que eu posso adicionar em um título com algum conteúdo e fora em uma imagem de fundo , porque a ação chamada lhe dá a opção para uma imagem de fundo. Então foi tudo o que fiz. E aqui eu coloquei três blurbs e apenas posso ver bem aqui embaixo do blurb Nós vamos em frente e rolar para baixo e você pode ver o ah, você sabe, o texto bem aqui. Tudo o resto sob as configurações avançadas de design. Como eu disse, eu acabei de mudar as cores e eu adicionei algum preenchimento personalizado também. Então, vendo isso aqui também para o para a linha de cerco, eu realmente não adicionei qualquer preenchimento personalizado. Mas eu reduzi a sarjeta com eu fiz uma. Então, tudo é realmente bom, apertado e confortável. Você vê isso? Então, a seguir temos o nosso hum, se eu for aqui, vou fechar isto. Temos nossos contadores de números, então isso é apenas um contador de números. É isso. E aqui temos nossos planos de preços. Então eu criei , três tabelas de preços, e eu só... você sabe, eu coloquei uma chamada à ação, certo? Aqui. Então esta seção aqui é uma chamada à ação. Mas lembre-se, eu não decidi usar o texto do botão. Eu só não quero, eu não quero botão. Eu só queria o cabeçalho e o corpo do texto. É isso. E a próxima seção que temos aqui é o, um é outro chamado à ação e então temos um mapa completo. Mas isso é o que eu realmente queria mostrar a vocês. Então eu vou falar sobre muito finalmente fora na última seção, que eu vou dar-lhe uma cópia desta pequena seção bem aqui. Mas o que esta seção é em vez de usar o rodapé divvy, eu realmente acabei de criar o meu próprio. Então, esta seção aqui é três texto de mídia social seguir texto, texto em texto. Então, as mídias sociais seguem texto, texto, texto, texto, então aqui mesmo tem três camadas de texto. Então eu meio que criei a ilusão de que isso é realmente um rodapé e é um rodapé, exceto que eu criei com módulos de texto. Eu realmente não queria usar o dia porque isso aqui no fundo é na verdade o Divvy, hum, o rodapé Divvy. Então, você vê o que eu estou vendo aqui. Não precisa usar o rodapé com o Davey. Você pode usar o seu próprio. Você pode criar o seu próprio. Em seguida, vamos para a nossa página sobre nós. Então, voltando para cá, eu só vou para Teoh, voltar para o site e nós vamos seguir a página sobre nós. Tudo bem? E eu sou um clique na página de edição. Tudo bem, então aqui temos nosso ah, você sabe, este é um completo com cabeçalho. Então esta seção aqui é um completo com cabeçalho. Se eu rolar para baixo, temos essas barras. E como eu disse, é apenas um balcão de bar, e é apenas uma chamada à ação. Então, aqui mesmo, chamada à ação. E nós temos um, uh, um balcão de bar abaixo disso. Temos você só de olhar para ele. Temos três sinopses. Então, uma sinopse de linha de três colunas , sinopse, sinopse, sinopse, blurb, sinopse Assim. E adicionamos uma cor de fundo, uma imagem de fundo para isso. Então, em seguida, você pode ver que nós temos é o nosso apelo à ação com nossa imagem bem aqui. Então, chame à ação com uma imagem. Mas lembre-se, para a ação chamada. Nós simplesmente não decidimos colocar qualquer tipo de, hum nós apenas não colocamos nenhum. Ah, qualquer botão ali. Então é basicamente isso. Agora, a razão pela qual isso é um botão é porque realmente criei um texto, e eu apenas coloquei um link nele, então eu não usei o módulo de botão. Não quero fazer um botão e me sentar. Não há senão lá dentro. Então, o próximo. Aqui temos nossa equipe de suporte dedicada, então vocês podem ver que é um plano de ação. E abaixo disso, temos nossos quatro contadores de números e eu realmente apenas colocar no rodapé novamente. Ok, então a seguir vamos aos nossos serviços agora. Não vou para a outra página. Vocês já podem saber o que é isso. Este é um completo com cabeçalho. Isto aqui são três sinopses assim. Adicionada uma imagem de fundo. Este aqui é o módulo de abas. Então este aqui tem abas diferentes. E nós conversamos sobre isso. Este aqui é outro apelo à ação. Mas eu acabei de colocar em um fundo isso aqui é outra chamada à ação com uma imagem, e eu apenas reduzo o preenchimento. Eu não tenho espaço, e eu apenas coloquei uma cor de fundo e isso aqui é basicamente isso três imagens então imagem, imagem, imagem, imagem, imagem, imagem. E você vê que afetou eu tinha essa imagem para ir para a esquerda. Este vem para a direita e este vem de cima para baixo. Então é isso que tem esse efeito legal. Agora, deixe-me dar a você mais uma vez, então eu vou atualizar esta página e nós vamos rolar para baixo e tomar cuidado com isso. Vê aquele efeito ali? Eu faço mais uma vez. Você vê isso? Então eu os alinhei perfeitamente para fazê-los, como, como, você sabe, parece que eles estão se aproximando. E então isso aqui é apenas um apelo básico à ação. E a nossa última secção é o nosso contacto, pêssego. Então, uma página de contato conosco é uma sinopse, sinopse. Nós temos três camadas de texto aqui, e nós temos nosso contato definindo nosso pêssego de contato, e é basicamente um módulo de contato, e eu adicionei alguns, você sabe, mudar o design dele e também certo aqui este é o módulo completo com mapa. Então, apenas olhando para isso, vocês podem criar qualquer coisa que possam imaginar com o tema Davy. Na verdade, este tema Eu sinto muito, este layout é realmente uma imitação de outro layout. Então, o que eu costumo fazer caras, é que eu apenas ir no Google, e eu apenas digitar algo como layouts realmente legais, você sabe , como, nós apenas vamos, tipo, Monstro modelo. Alguns assim. Eu nunca compraria nada do site. Os homens nunca compram nada. Os construtores de páginas eram muito, muito ruins. Mas você pode ter idéias. Então, indo até aqui para temas WordPress. E, você sabe, você pode tipo de olhar para seus modelos e tipo de apenas obter idéias. E você pode usar essas idéias para construir o seu próprio sobre o tema divvy porque esses temas são muito limitados. Ah, muitos deles. conta da página deles. Há chupar. Você tem que descobrir o que fazer. E eles são muito que eu nunca compraria um. Mas você ainda pode, você sabe, geralmente ficar assim aqui. Este aqui é um plano de ação com apenas quatro blurbs abaixo dele. É isso. Então não há nenhuma razão para que você nunca, nunca por outro tema, o tema David é literalmente tudo que você sempre precisa. Então, apenas olhando para isso, você pode saber onde fora da parte de trás que você não está comprando um templates. Você está comprando como todo o pacote. Sabe, você está comprando uma arma que pode criar qualquer coisa que você possa imaginar. Certo, então esses são meus caras naturais. Espero que este teste te tenha ajudado, espero. Apenas tipo de, você sabe, obter mais idéias sobre como você pode ser um pouco mais criativo com o tema da TV. E eu vou ter mais alguns a caminho, então eu vou ver todos vocês mais tarde. 18. Diversos módulos + técnicas: Pessoal, bem-vindos de volta. Então, agora vamos em frente e rever alguns dos recursos do módulo para apresentá-lo. Além disso, vou clicar neste ícone de mais, ir para regular e vamos adicionar este ícone de três camadas aqui. Então nós vamos adicionar em um áudio algo como isso aqui. E o que isso faz é que ele permite que você tipo de criar música. Então tudo que você precisa fazer é carregar seu arquivo de áudio aqui. Então, de preferência, um arquivo MP 4. Clique no upload. Nem sequer tenho nos ficheiros de áudio o meu computador, por isso acho que vou encontrar um. Mas eu tenho um. Acho que é como o Tobu ou algo assim. Uh, vamos ver aqui. Não é. É, hum não. Tudo bem, aqui. Ok, então este é o arquivo MP três. Então, se você tem alguma música que você quer tipo de mostrar caso ou talvez criar algum tipo de sites artísticos, um, este é um ah grande módulo para você porque você pode realmente introduzir o, você sabe, o autor, o título da música, e ele pode reproduzir a música diretamente no site. Portanto, há muitas razões pelas quais você gostaria de usar o arquivo de áudio em vez de vinculá-los a outros sites porque essa é a pior idéia é vinculá-los ao site porque uma vez estamos fora de seus sites, eles podem começar a fazer outras coisas que eles podem esquecer sobre o seu site, certo? Então eu não vou clicar no upload de um arquivo de áudio, e eu vou me colocar Darrell Wilson e eu vou colocar ah, qual é o nome do artista ou o título? Então isso é realmente chamado ah put artista louco chamado Darrell Wilson se você tem um nome de álbum , então isso seria como um patty wack e, hum, hum, imagem de arte de capa ou então. Então, que cobertura nossa imagem você quer lá? Então eu vou colocar talvez este aqui. Agora, a cor do texto. Podemos realmente ter luzes ou escuras, mas lembre-se, você pode realmente mudar isso nas configurações de design. Então, bem aqui, eu provavelmente vou colocar como se eu quisesse uma cor azul. E você sabe, você pode mudar essa fonte Heidel bem ali. Você pode mudar a fonte da legenda e também a fonte do álbum também. Portanto, há muita personalização que você pode fazer isso. Lembre-se, essas são as mesmas configurações que as outras. Assim que você aprender para todos eles, como eu disse, você carta para cada módulo. Então eu não quero passar por todas essas configurações porque estas são todas iguais. Você sabe, a legenda, o espaçamento entre letras, etc, a cor, etc. Então eu vou apenas deixá-lo ligado, general e apenas clique em fechar agora, eu posso realmente tocar isso ao vivo no site para que você possa ouvir essa música exatamente assim. Lá vai. Ok, desculpe por isso. Eu abro isso. Então, se você quiser adicionar nesse módulo assim, isso é algo que você pode fazer e lembre-se, você pode duplicá-lo. Agora, eu vou realmente desbloquear isso. Não sei por que faz isso. Às vezes, não é para te proteger, mas, , sabes, lembro-me que consegues duplicar isto. Você pode, sabe, arrastando até aqui. Se você tem vários artistas, você pode ter em alguns, você sabe, como eu disse, se você tem um grupo de artistas que você quer mostrar, lembre-se, você pode espalhe esta linha para fora. Lembre-se, configurações de linha fazer este rifle com. Lá vai você. Então você pode ficar com ele. Algo assim é, mas isso parece um pouco esticado demais. Pode deixá-los assim. Ok, então isso é para o áudio. Em seguida, nós vamos realmente adicionar uma nova seção que vamos adicionar neste pequeno ícone aqui , e nós vamos adicionar no acordeão. Então, o acordeão é basicamente que um recurso que permite que você exiba itens diferentes em um bloco. Permitam-me que vos dê um exemplo, mas bem-vindos. Bem-vindo ao nosso portfólio. E podemos colocar algo como, uh, confira esse texto muito legal e você pode projetar isso. Como eu disse, você pode mudar o ah, a cor do texto de alternância. Você pode alterar a cor de fundo para isso. A cor do ícone da alternância. Fond, o tamanho da fonte Uh, etc, o espaçamento entre isso aqui. Então, como eu disse, estas são todas as mesmas configurações agora para a fonte do corpo. Se eu clicar sobre isso aqui, vai deixar cair este texto aqui mesmo. Portanto, esta fonte de corpo se aplica ao quando você clica no ícone. Certo, então toda essa configuração. Como eu disse, é relativamente a mesma altura da linha. Queres ter uma imagem de fundo nisto? Você pode adicionar isso. Então é por isso que você quer adicionar o acordeão. Você pode adicionar. Pode ser como, você sabe, eu realmente vi isso em um monte de sites. Como, por exemplo. Vou te dar um bom exemplo disso. Vamos a um site chamado Pie Host Dot com, e vamos. Teoh é design wordpress, ou é dos tutoriais. Sim, tutoriais. Então você vê isso aqui? Isto foi feito com o acordeão. Então, tudo o que você precisa fazer, basta clicar nele e ele cai para baixo essas coisas realmente legais. Você pode ter o vídeo do YouTube lá. Você pode ter todo tipo de coisas legais. Então, se você precisar, se você quiser ter algo assim, hum, você sabe, isso é o que você entrou. Lembre-se, isso é apenas um texto. Um divisor, divisor, acordeão, acordo com acordeão. Então eu espero que agora você esteja começando a aprender sobre quando você vê alguns sites que se parecem isso. Você pode entendê-los um pouco mais. Ok, então nós vamos criar uma nova seção, então isso é basicamente uma rápida visão geral do acordeão. Em seguida, vamos realmente introduzir uma nova seção tão regular que vamos apenas fazer como uma com seção bem ali e vamos fazer os contadores de barras. Os balcões de bar são muito auto-explicativos, e eles são muito simples. Então eu vou realmente adicionar um novo item. Será apenas colocado em como nossas vendas. Vamos colocar qual projeto? Então você vê este pequeno balcão de bar bem aqui? Então vamos apenas dizer que, , você sabe, eu quero mudar isso. Talvez por perto, tipo 99. E, hum, eu poderia apenas, você sabe, eu poderia fazer mais deles. Posso duplicar para que muitos vejam isso. Então talvez você queira colocar um módulo de texto aqui em cima que diz como nossos serviços. E então você pode adicionar nesses módulos de texto que se parecem com isso. Lembre-se, você pode alterar a cor do texto dessas luzes do dedo do pé. Oregon State é o escuro. Lembre-se, isso é como um recurso rápido. Você pode alterar a cor do plano de fundo ou a cor da barra, ou pode retirar porcentagens. Sabe, você poderia colocar um número em vez disso. Parece algo parecido com isto. Mas a maioria das pessoas pode querer as percentagens. Agora, para as configurações de design, você pode mudar a barra superior, então, por exemplo, você sabe, 10%. Sim. E veja, há bastante as barras parecem muito maiores agora. E você contém o fundo, o acolchoado inferior também, então eu provavelmente deixaria, você sabe, você sabe, em torno de zero. Isto parece bom. Se você fizer o estofamento demais, as barras são muito, muito grandes. Você pode mudar o raio da barra, então se você quiser mais circular, você pode tê-lo mais circular. E você pode alterar as fontes do título, o tamanho do título, os textos , o espaço, etc. Agora, para as fontes percentuais, que seriam essas fontes aqui. Você pode mudar isso para algo que você gostaria de mudá-lo como talvez um Arvo. Vê isso? Ou você pode mudar a cor do texto para talvez preto, você sabe, que você possa realmente ser personalizável e descobrir como você gostaria de mudar esse texto ali mesmo . Então essa é uma visão geral do contador de barras. Agora, vamos apenas dizer que você quer, tipo, tê-lo sob algumas fileiras. Você sabe que você pode fazer algo assim, como isso, ou você pode ter, você sabe, talvez até menor. Você sabe, lembre-se, você pode duplicar essa linha assim, basta arrastar e soltar ao mesmo tempo, arrastando desenhado. Lembre-se, Ele realmente só depende de você sabe como você quer mostrar seus sites. E quando começares a aprender a usar os módulos, serás um génio. Lembre-se, você pode adicionar uma cor de fundo a isso, para que esta seção azul controle a cor do plano de fundo. Então, se eu quiser fora da cor de fundo, você sabe, nós podemos adicionar algo. Parece que está bem aqui. Não, parece bem legal, sabe? Então talvez queiras que pareça com isto. E aqui em cima, você pode adicionar um modelo de texto que diz, como, nossos serviços, você sabe, e aqui você pode listar um monte de suas conquistas. Hum, você sabe, alguma coisa? Parece que isso é uma visão geral rápida do áudio, do acordeão e do ... você sabe, do ... como se chama? A configuração do design. Então, deixe-me dar outro exemplo dessa configuração para mostrar como ela se parece em outros sites. Então eu vou, Teoh. Vês? Bem aqui. Não este. Bem aqui. Deixe-o ver aqui. Uh, serviços, é isso mesmo? - Sim. Então vamos apenas dizer, por exemplo, que você quer fazer isso de novo. Então eu devo descer, ver como as barras atrás de seu Então bem aqui. Eu tenho um pouco de texto, tenho mais texto, e eu só tenho as barras. Então essa é outra maneira que você pode tipo de implementar as barras para torná-lo bom em seu site, tendo talvez um texto deste lado e, em seguida , você sabe texto desse lado, etc. Então, hum, vamos para a próxima seção onde vamos falar sobre eu tenho certeza de que muitos dos módulos, mas vamos falar sobre como fazer preenchimento personalizado e não fazer espaço entre as imagens, então eu vou ver todos vocês lá. Ei, pessoal. Então eu quero dar-lhe mais algumas estratégias sobre como você pode tipo de usar o tema para fazer algumas imagens realmente legais. Então aqui você tem esse , layout de design quadrado, e você tem essa imagem, esse texto com uma chamada à ação. Isso é controle deslizante de vídeo com uma chamada à ação e outra imagem. Então mostrar-lhe como podemos fazer isso. E há várias maneiras. Então aqui eu vou clicar neste ícone de mais, vamos clicar em Regular, e vamos fazer uma linha de duas colunas. Então temos duas colunas. Ok, agora, aqui, eu vou adicionar em apenas uma corrida, uma imagem básica. Então eu vou rolar para baixo aqui e isso em uma imagem, e eu vou em frente e carregar uma imagem como, hum, parece que eu sei disso aqui. Todos os direitos, qualquer imagem lá. E eu vou apenas realmente fechar isso agora, aqui, aqui, eu vou adicionar um chamado à ação, e então eu vou colocar em como, uh, aprender tudo sobre o tema da TV e, em seguida, colocar um monte em seu l e Então, aprenda mais. E, é claro, podemos mudar a cor de fundo, mas eu realmente não quero uma cor de fundo. Então nós vamos tirar isso e vamos fazer o texto, uh, leve. E também a partir daqui você pode adicionar mais texto, então talvez viver em algum texto fictício. Fecho meu site Demi texto. Eu vou abrir isso e ir em frente e copiar. Isso é e nós vamos voltar aqui e apenas Adam um texto falso básico. Então parece assim, sabe, sabe, e talvez queiramos Teoh. Não, faz isso parecer um pouco mais escuro para que possamos mudar todas as configurações. Certo? Lembrem-se, isto é para a fonte do título. Este é um fundo normal. Então talvez eu queira mudar isso mais escuro. Que talvez preto. Parece que está um pouco mais escuro. Nós mudamos. Explodiu. Então deixe assim agora. Ok? Agora, para obter esse efeito legal que temos antes, precisamos realmente mudar o preenchimento para tudo isso. Então precisamos de dois, basicamente, apagar todo o preenchimento, então eu vou mostrar que você tem que fazer isso agora. Então aqui neste ícone de engrenagem, vamos clicar sobre isso. Você quer realmente fazer esta linha cheia com e quer um realmente Ah, reduzir toda a calha personalizada. Então nós queremos. Não queremos espaço. É o que a sarjeta faz. Basicamente coloca tudo junto. Agora nós realmente queremos excluir todo o preenchimento aqui, então eu vou em frente e apenas levar todo o preenchimento ali. Então agora não há espaço entre os módulos nós e ver isso. E você pode querer isso para o ah, para o celular também. Então, agora não temos espaço. Mas há algum espaço aqui em cima, e há algum espaço aqui em baixo, então nós realmente precisamos ir para este módulo bem aqui e excluir o preenchimento também. Lembre-se, o estofamento é o espaço. Então eu estou dizendo a eles que eu não quero nenhum espaço em lugar algum, então eu vou colocar 000 e zero. Certo, então clique em cheques. Então agora nós temos a imagem que está reservada juntos Agora, nesta seção bem aqui, nós talvez precisamos tipo de, você sabe, empurrá-la um pouco para baixo porque, um, você sabe, O modelo não parece bom assim, sabe, é um pouco, um pouco enrolado, sabe? Não gosta, sabe, não parece que deveria, então podemos adicionar uma margem. Então aqui, na margem, podemos adicionar, talvez, talvez, como uma margem de 10% ou 30% para tipo de empurrar, empurrar nosso texto para baixo, então não queremos isso lá. Então, bem ali. Então agora vocês podem ver que nós temos esse efeito realmente legal que a imagem é grande e o Texas lá. Agora, vamos apenas dizer que eu quero adicionar mais um, mas eu quero trocá-lo, lembre-se, lembre-se, nós estamos usando a coisa Divvy. Podemos fazer qualquer coisa com esta coisa. Então vamos apenas duplicar essa linha assim, e eu vou realmente pegar essa seção inteira. Então pegue isso. Coloque-o aqui. Está um pouco confuso, mas não se preocupe. E então vamos pegar essa seção, e vamos colocá-la bem aqui. Simplesmente assim? Não, é assim Primeiro um pouco. Você normalmente deveria fazer isso. Como vê, como um ícone azul. Ver se consigo fazer isso de novo. Lá vai logo ali. Ok, então agora nós temos isso assim. Então essa é outra maneira que você pode tê-lo. E lembre-se, podemos adicionar uma imagem de fundo a isso. Podemos adicionar em um vídeo de fundo. Podemos adicionar um vídeo de fundo aqui, então talvez eu queira adicionar um vídeo de fundo aqui. Então eu vou clicar nesta seção, na verdade, sim. Eu vou clicar na seção azul, a seção azul, e nós vamos realmente colocar em um MP quatro vídeo da tinta roxa e nós vamos enviá-lo. Agora, a razão pela qual eu colocá-lo no fundo bem ali é porque ele vai aplicá-lo a todo o fundo. Você vê isso? Então isso parece muito legal, porque eu quero adicionar esse efeito. Você pode fazer isso. Lembre-se, deste lado, ele não vai mostrar. Ok, porque esta imagem não é transparente. Ok, então só vai aparecer deste lado. Então é assim que você obtém o efeito do vídeo reproduzido em Lee em um fundo. Ok, então espero que isso ajude você a saber, para seus projetos. Porque este é um design muito legal que você pode adicionar em um monte de outros sites. Então eu vou realmente, hum, provavelmente tirar o vídeo de vez em quando são tão apenas guardá-lo, eu vou salvá-lo. E a partir daqui, vamos para a próxima palestra. Na verdade, sim, a próxima palestra, que são as imagens. Então eu vou ver todos vocês lá. Ei, pessoal, bem-vindos de volta. Então, nesta palestra, vamos adicionar algumas imagens, e vamos ter esse efeito legal de elas não terem espaço. Agora, deixa-me mostrar-te. Então vocês podem entender. Esta é outra técnica que vocês podem querer fazer para o seu site. Então eu vou clicar em adicionou uma nova seção aqui. Vou clicar no normal, e vou adicionar quatro barras bem aqui. Então eu tenho quatro aqui e agora aqui embaixo. Vou adicionar imagens para todas elas. Então eu vou adicionar uma imagem, fazer upload de uma imagem como esta. Lá vai você. Então eu tenho minha imagem lá agora. Na verdade, vou continuar e duplicar este. Então eu só vou copiar isso talvez três ou quatro vezes, e eu só vou arrastá-lo até aqui para ficar assim. Parece que é assim e parece com isso. Então talvez você queira realmente fazer o que fizemos aqui em cima, exceto com essas quatro imagens. Então, para fazer isso, faríamos exatamente a mesma coisa. Agora só temos que adicionar, em vez de adicionar aos modelos sem e quatro. Então, se eu passar aqui para esta configuração do módulo, mas fazer esta linha cheia com, vamos adicionar na sarjeta personalizada. Bem, eu não fiz apenas um. E agora eu vou apenas reduzir o preenchimento em todas essas imagens aqui. Então, sob o preenchimento personalizado vai fazer 0000 que irá reduzir o preenchimento entre as imagens e Alice. Só diga que quero apagar o preenchimento aqui. Mesma coisa. Ícone aqui em cima. Desça para baixo até o ensopado de tapinhas e lá vai você. Agora temos estas quatro imagens, certo? Eles se lembram que você pode duplicar a linha e fazer com que pareça muito legal. Então esta é outra maneira como você pode tipo de estilo e projetar seu site. Basicamente, criei essas imagens e não criei espaço entre elas. Então, se você está procurando por esse tipo de efeito, essa é outra maneira de se aproximar dele. Ok, então foi uma palestra bem rápida, mas eu só queria mostrar, você sabe, algumas características diferentes personalizáveis. Então, na próxima palestra, falaremos mais sobre outros módulos. Ok, então eu vou ver todos vocês lá 19. Módulos de Divi e vídeo: Ei, pessoal, bem-vindos de volta. Então, nesta palestra, vamos falar sobre o controle deslizante de vídeo, o módulo de vídeo e também o próprio controle deslizante Devi. Agora, muito rápido, vamos fazer uma breve visão geral. Hum, bem aqui. Este é um tolo com sliders. Sim, posso ver que está cheio. E ah, você sabe, você pode adicionar em seu texto nós adicionamos um fundo de vídeo. Esta próxima seção aqui é quatro sinopses. Então este é quatro blurbs e nós o fizemos basicamente cheio com, então ele tem um efeito maior. Estes são os contadores de barras e este é um módulo de texto. Então só de olhar para ele, espero que vocês consigam entender a lógica por trás disso. Então esta é provavelmente uma linha de duas colunas. Sabe, há duas colunas. Este é quatro e este é apenas um completo com módulo. Agora vamos rever os caças de vídeos. E, finalmente, o controle deslizante, que é, hum, pode ser um dos seus mais usados. Então aqui sob adicionar nova seção, eu vou fazer regular e eu vou adicionar na seção duas bem aqui. Agora eu vou rolar para baixo Teoh, você pode fazer vídeo aqui, e vamos apenas dizer que você tem, ah vídeo do YouTube ou você tem seu próprio vídeo. Mas dependendo do seu servidor, seja qual for a hospedagem que você estiver usando alguns servidores. Max é como 64 megabytes, 1 28 megabytes. Eu sei que o Blue Host tem apenas 32 megabytes. Isso é bem pequeno. Então, se você tem um servidor pequeno, eles lhe dão um espaço muito pequeno. Você poderia usar o URL. Então eu vou apenas para o ritmo para a Europa para aquele vídeo lá dentro. E lá vai você. Aí está o meu vídeo. Então, se você está procurando por algo assim, um, você sabe, você pode inserir isso. Lembre-se, este é um dois com módulo, então você pode torná-lo completo com apenas criando, você sabe, uma linha de uma coluna e, em seguida, reduzindo o preenchimento em todos os lugares, como falamos apenas no palestra. Então isso é basicamente ah, muito básico sobre ver as configurações de vídeo e não há realmente o que você pode projetá-lo, você sabe, é apenas para cima. É só um vídeo, certo? Então eu vou fechar isso agora, e eu estou indo Teoh lixo isso e nós vamos usar o outro módulo, que era o módulo de controle deslizante de vídeo, e é realmente para ser muito semelhante ao anterior. Então, logo atrás, vamos apenas dar passos. Mas a única diferença entre este módulo e o que tínhamos antes é o fato de que você pode realmente criar vários vídeos também. Então, por aqui, eu não vou ver bem aqui. Vou em frente e criar. Talvez, você sabe, alguns destes aqui e clique no cofre para que meu vídeo não esteja aparecendo. Deveria estar aparecendo. Deixe-me ir em frente e fazer isso mais uma vez. Às vezes, se isso acontecer, caras, coisas estranhas acontecem. Vá em frente e apague-os assim, está bem? E adicionaremos um novo item novamente. E como eu disse, vamos em frente e apenas colá-lo lá e vamos em frente e deixar o construtor visual carregar. E lá vai você. Então lembrem-se, se isso acontecer, caras só, sabe, nós fazemos. Sabe, às vezes você só tem erros aleatórios como esse. Confie em mim, as pessoas são como você nunca comete erros, Darrell em qualquer um de seus tutoriais e eu digo, sim, eu pego ele o tempo todo. Você sabe, então lembre-se, se você quiser duplicar isso agora, nós temos várias versões do vídeo, e se alguém quiser, você pode clicar sobre isso e ele vai deslizar para o próximo vídeo. Agora, estes são todos os mesmos vídeos, então é por isso que se parece com isso. Então, se você está procurando algo como isso onde você quer que as pessoas deslizem continuamente através, talvez vídeos que você tem este módulo de aranha vídeo seria a sua principal solução. E você também pode adicionar uma capa a ele. Então, você sabe, como em outros canais como o YouTube ou algo onde eles têm assim, aquela cor da miniatura. Então, se você for até aqui, você pode adicionar uma imagem sobre o euro, então basicamente a imagem que você quer cobrir em vez disso. Ok. Então eu vou fechar isso aqui, e eu vou excluir este módulo, e em seguida, vamos falar sobre o módulo deslizante, que era qual seria um mais comum. Então eu vou realmente rolar para baixo aqui para ir para o Módulo de Cidra, e há algumas características legais sobre isso. Mas há muita coisa que eu recomendo fazer do meu jeito porque, hum, dependendo de suas necessidades, você pode ficar meio perdido com o controle deslizante. Então deixe-me discutir com isso que eu estou falando, então o título que eu vou colocar de boas-vindas para a coisa da Debbie e o texto de botão colocar. Contacte-nos o que você é. Bem, apenas indo para algo em branco. Agora, para a imagem de fundo, você pode adicionar qualquer tipo de imagem que você quiser. Então, se você clicar no upload, eu vou selecionar esta imagem deste céu noturno bem aqui. E lá vai você. Então você pode ter este controle deslizante legal, e lembre-se, você pode torná-lo completo com você pode torná-lo esticar em toda a página. Estas são apenas as configurações padrão básicas. Então, Então, você sabe a posição da imagem de fundo que eu faria. Eu tenho um monte de, , você sabe, sentimentos mistos sobre isso porque você pode se posicionar para se preocupar onde você quer que ele esteja, mas eu apenas iria embora. É padrão. Você sabe, eu acho que padrão é provavelmente o mais padrão. Mas lembre-se, você pode fazer como o centro inferior. Você sabe, você pode realmente entrar em profundidade em onde você quer que o tema para ver agora o tamanho da imagem de fundo você pode mudá-lo, Teoh Cover real e e Ah, se encaixa. Mas eu deixaria como padrão. Eu realmente deixaria os padrões. Eu tenho sentimentos mistos com as configurações do controle deslizante, então vamos deixá-lo assim. Você pode realmente ter uma cor de fundo. Mas isso é apenas se você não selecionou a imagem de fundo. Para uma imagem de slide que você pode adicionar, um, você pode adicionar como um pequeno ícone aqui. Para uma imagem de slide que você pode adicionar, um, Então, por exemplo, irá mostrar-lhe se clicarmos neste upload, podemos adicionar em algo como, Ah, ver muito deste pequeno ícone do tema divvy E lá vai você. Então você vai ter algo parecido com isso. E lembre-se, nós poderíamos fazer isso, uh, essa coisa cheia com. Então, Então, sabe, essa é outra razão. E você também pode ter a imagem do slide, alinhamento vertical. Agora, a razão pela qual você pode tê-lo no fundo é porque algumas dessas pessoas têm, tipo, sites onde eles têm, como o telefone saindo da metade inferior. Então, se você quiser esse efeito, você pode fazer com que ele pareça algo como colocar a imagem na parte inferior para que a imagem fique presa na parte inferior. Certo, mas para este, vamos deixar um centro. E o resto é basicamente dizer, você sabe, a cor do texto. Lembre-se, nós também podemos ter um controle deslizante de vídeo, então eu vou clicar no MP quatro aqui, clique no upload e vá em frente e adicione um vídeo de fundo para ele para que você possa ter alguns que se parecem com isso aqui mesmo. Agora, muito rápido. Você pode Adam ou conteúdo aqui. Então aqui você pode colocar, tipo, eu vou pegar este texto falso aqui. Parece assim, e eu vou apenas ir em frente e, hum, eu vou ir em frente agora e ritmo dentro deste são slider. Então, no fundo, lembre-se, você pode adicionar, você sabe, você pode adicionar como, você sabe, ah, texto uma mídia. Você pode adicionar mais fotos. Você pode adicionar todos os tipos de coisas ao seu controle deslizante. Não há limitações sobre o que você pode fazer. Então, a próxima você tem seu design, que você tem como o raio da borda de sobreposição de texto, você pode adicionar uma nova sobreposição ao texto. Então, por exemplo, vai voltar para nossas configurações gerais aqui, e nós vamos rolar para cima, e há algo chamado de sobreposição de texto. Então, primeiro, use a sobreposição de fundo. Se eu clicar em sim, e eu ir em frente e percorrer alguns desses, você vai ter essa sobreposição, mas só se aplica às imagens. Então deixe-me tirar o vídeo para mostrar do que estou falando. Então agora, eu vou voltar aqui para a sobreposição da fronteira. Lembre-se, a cor de sobreposição de borda só se aplica a imagens e ah, nenhuma imagem. Então, se eu cair assim, você vai ver a, uh, a foto começar a entrar lentamente. Eles também podem ter um texto. Excesso. Então, alguns. Parece com isso aqui onde você pode ter a sobreposição do texto bem aqui. Então essa é outra maneira que você pode tipo de projetar seus sites. Agora, eu vou me livrar da imagem do slide aqui, e eu vou realmente adicionar no controle deslizante de vídeo assim, e eu vou clicar no cofre. Então agora temos a foto do nosso você conhece nosso controle deslizante. Temos um slide de vídeo. Lembre-se, você pode adicionar inm ou, você sabe, você pode adicioná-lo quantas aranhas quiser, e, em seguida, se eles clicarem sobre ele, será trazido para o próximo controle deslizante. Então, isso pode lhe dar vários efeitos deslizantes. Agora, se você quiser basicamente dizer, você sabe, eu meio que quero esse idiota com, você sabe, é meio pequeno, certo? Simples. Nós só precisamos ir para as configurações de estrada fazer isso cheio com e fazer a calha personalizada com provavelmente em torno de um apenas como esse. Tudo bem, então eu vou clicar em Salvar, e ele faz falhas assim às vezes. Então ele faz. Olha, às vezes estamos usando o construtor visual, mas, você sabe, metade das costas, você sabe, você pode projetar seu lado assim. E se você quiser se livrar do tapinha aqui no fundo, lembre-se, lembre-se, você vai para a sua fileira azul e reduzir o preenchimento em todos os lugares. Então você só colocou 0000 até aquele tapinha bem ali. E lembre-se, você pode duplicar esta linha. Você pode, você sabe, você pode ter como um outro controle deslizante bem abaixo de seu que se parece com este aqui. Então, como eu disse, há muitas maneiras de personalizar o controle deslizante Thea Davey. Então, em poucas palavras, pessoal, é provavelmente isso para o controle deslizante. Você pode adicionar todos os tipos de conteúdo legal que você pode adicionar em controles deslizantes de vídeo. Você pode adicionar em todos os tipos de coisas realmente legais. E se você quiser esse efeito grande, como eu disse, basta ir para o ícone azul e Thiel e apenas fazer preenchimento zero para tudo. E vai se tornar como um confortável. Vai ser muito apertado. Não haverá espaços em branco em lugar nenhum. Ok, então deixe-me dar-lhe mais um exemplo rápido, como aqui, e eu vou em frente e apenas fazer zero no fundo. Você sobre os direitos que vocês podem ver bem ali. O estofamento sumiu. Então o estofamento sumiu aqui em cima. Eu vou em frente e apague este, e vamos em frente e apertá-lo assim. Tudo bem, então lá vai você. Em poucas palavras. É assim que você reduz todo o estofamento. Então, podemos realmente querer ter esse fundo bem ali. Vamos ver aqui, vá para as configurações. Então eu tenho o fundo ainda lá. Talvez eu tenha. Sim, sim, o quarto dos fundos. Mas eu provavelmente deveria deletar isso. Então essa imagem não vai carregar porque vocês viram a imagem carregar ali mesmo. Então isso vai tirar a maneira como ele carrega. E também neste também . Certifique-se de que tem um plano de fundo de vídeo. Os caras não têm uma imagem de fundo. Wells vai te dar esses efeitos. Então é assim que você projetaria o controle deslizante Devi? É muito simples de usar. É muito fácil, e ele realmente faz seu trabalho muito bem feito. E você também pode personalizar o botão como falamos anteriormente. Até agora, vocês provavelmente sabem como personalizar o módulo “mas”. Então são vocês para os controles deslizantes e os controles deslizantes de vídeo. Na próxima seção, vamos cobrir um pouco mais de módulos. Na próxima seção, Bem, eu tenho talvez cerca de sete ou oito módulos restantes, e então vamos falar sobre, um, mais alguns dos recursos e um limite mais dos recursos avançados para o tema Davy. Tudo bem, então eu vou ver todos vocês lá 20. Perfil: Ei, pessoal, bem-vindos de volta. Então, nesta palestra, vamos rever mais alguns módulos e também como você pode utilizar corretamente os módulos. Agora, há uma discrepância entre dois desses módulos, que este é o perfil e também a seção de depoimentos, e vou revisar ambos e dar o exemplo de como ambos diferem um do outro. Então, primeiro, vou clicar aqui e criar uma nova linha. Vou fazer isso regular, e vou colocar três aqui. Eu vou rolar para baixo, e nós vamos para a seção de depoimentos bem aqui. Certo, então o nome do autor. Vou colocar Darrell Wilson nome da empresa de designer WordPress. Vou colocar, hum, Web design, que era a minha outra empresa. E então você está bem, que yoro é como seu site. Então, WWW Dot Darrell Wilson Dot Com Isso é um “L ”. E você tem a opção de abrir o Se você clicar em seu abrir que e uma nova página ou apenas redirecionar. Então eu provavelmente quero uma nova tatuagem agora para a imagem do retrato ou então eu vou fazer o upload disso. E eu vou colocar uma imagem de ah, esse cara aqui, realmente conhecer esse cara bem aqui e clicar no upload de uma imagem para que vocês possam ver que a imagem está bem ali. E a partir daqui, podemos fazer. Ah, você quer o ícone de citação visível ou oculto. Então, por exemplo, você vê como eu tenho esse ícone bem ali. Podemos mudá-lo para que fique visível ou oculto. Você pode adicionar uma cor de fundo. Então agora não temos cor de fundo, e você pode ter o texto pode ser escuro, ou você pode realmente tê-lo onde ele está. Ah, escuro como se você fosse, ah, uma cor de fundo. Você pode alterar a cor do plano de fundo. Então talvez você queira verde. Você quer azul, certo? Talvez um azul claro. Algo assim por enquanto. E você pode ter a orientação do texto no centro. Você pode tê-lo à direita ou justificado e bem aqui você pode dar uma breve descrição sobre a pessoa, você sabe, como, uh, nenhum Darryl. Veja, bem aqui. Então ele trabalhou. Talvez eu faça um boneco textualmente rápido que sempre funcione. Gosto de mensagens falsas. E a maioria das pessoas usam imposto fictício porque ele apenas cria estrutura sem colocar como pensar em palavras. É que, você sabe, Lauren ipsum tudo isso aleatório, certo? Eu recebi uma mensagem, então eu vou realmente apenas ir em frente e apenas dar um tapa naquele menino mau lá dentro . Então agora temos uma mensagem bem ali. Isso vai dizer, você sabe, esta empresa é incrível, etc, e eles vão falar sobre a empresa. Então essa é uma maneira que você pode saber como ter um testemunho. Agora, vamos para as configurações de design. Então a cor do ícone de citação aqui, no topo aqui. Você pode realmente mudar esta cor aqui. Agora, talvez você queira que seja verde ou lido ou algo assim. Em seguida, você tem a borda do raio do retrato para que você possa realmente alterar o raio da borda. Você pode torná-lo mais redondo ou círculo. Agora, é como um quadrado. Você poderia torná-lo mais circular. Você também pode alterar a altura do retrato. Então parece que isso é assim que realmente depende de você sabe o que você está indo para. E como eu disse, eu sei que isso parece estranho, mas pessoal, sempre há uma razão para algo. Confie em mim. Trabalhei em tantos sites para os módulos mais estranhos. Parece incrível. Apenas dependendo de como você encaixá-lo em seu site. E aqui vocês contêm as fontes do corpo, a cor do texto do corpo e também o espaçamento entre letras. Então, como eu disse, os modelos são bastante redundantes neste momento. Pessoal, estamos começando a aprender mais sobre os módulos, e vocês podem adicionar uma imagem de fundo a esta seção se quiserem, mas de preferência não. Você pode adicionar uma borda, e você pode ter, tipo, tipo, uma cor de borda em torno disso Se você quiser, veja como há uma borda. Agora, você pode ter isso sobre seu, hum, sobre seu perfil, e você pode ter a fronteira com você poderia torná-lo grande, ou você poderia torná-lo pequeno. No entanto você deseja projetá-lo, você pode alterar também o estilo de borda. Talvez você queira dobrar ou você quer, você sabe, encalhado. Ou, você sabe que pode tê-lo sólido ou mesmo pontilhado. Sim, agora é como, pontilhada assim. Assim, você também pode alterar a margem personalizada, por exemplo, 10%. Vocês podem ver que está começando a empurrar para baixo. Ou você pode fazer, você sabe, 10% para este lado, o que seria assim. Então vocês podem entender como Teoh, você sabe, você sabe, usar a margem e usar o sinal de porcentagem. Ou você pode usar pixels para que você possa usar pixels ou você pode usar porcentagem. Eu gosto por cento mais porque é um pouco mais poderoso e contra a idéia através. Então este aqui é o cenário do depoimento. E como eu disse, essa é basicamente a visão geral dos envios de depoimento. Agora, há outro que se parece muito parecido com este, que é este aqui. Mas este é realmente o perfil. Então isso seria algo onde você está mostrando os membros da sua equipe. Agora, deixem-me dar-vos um exemplo. Então aqui nesta fila de colunas, vou em frente e talvez sair de mais uma. E eu só vou adicionar outro bem aqui. Então, vamos por aqui. Então este é o módulo de perfil. É certo. O módulo da pessoa, a pessoa. Então farei a mesma coisa. Darrell Wilson, designer WordPress. A imagem que você é eu vou, vá em frente. Basta fazer upload de uma imagem irá usar. Talvez esse cara aqui de novo. Tudo bem, então aqui você pode ter uma animação. Então, se você quiser que esta imagem se desvaneça ou vá da esquerda para a direita ou da direita para a esquerda, você pode fazer isso aqui mesmo. Você pode alterar o que você sabe, a cor do texto. E digamos que você tenha um perfil no Facebook. Você acabou de colocar a garota lá. Mas, por enquanto, vou usar este pequeno símbolo, um perfil no Twitter, mesma coisa. Então, o URL, que é o endereço da Web da sua conta do Twitter. Você colocou isso aí. A mesma coisa com o Google Plus e a mesma coisa com o ah ligado no perfil. E aqui você pode adicionar um pouco mais de texto. Vamos pagar algo lá dentro que se pareça com isso. E lembre-se, você pode adicionar em membros da mídia diz admitido. Isso significa que você pode adicionar imagens. Então, se você quiser adicionar mais imagens ou você quiser adicionar qualquer coisa nesta caixa, você pode fazer isso. Próximo. Vamos para nossas configurações de design e você pode alterar a cor do ícone. Então talvez você queira este azul Então você vê, os ícones agora são azuis Você pode mudar o cursor sobre a cor Então vamos dizer que agora eles são azuis, certo? Mas vamos dizer que eu quero um preto quando eu pairar sobre eles. Eles vêem como agora eles são negros para aqueles de vocês que são daltônicos eu sinto muito, mas eu tinha um cliente era daltônico. Ele é tipo, eu não vejo que poderia Bem, eu estou fazendo isso. Está ali. E aqui mesmo. Você alterou a fonte do cabeçalho. Então aqui está a fonte do cabeçalho. E, você sabe, você pode mudar a altura da letra, o espaçamento, e aqui você mudaria a fonte do corpo. Então todas essas informações estão aqui para mudar as fontes do corpo. Você pode adicionar uma cor de fundo a esta em uma cor de fundo para isso, ou você pode adicionar uma imagem de fundo. Sabe, Sabe, mas se estiver na imagem de fundo, provavelmente precisaria um “A sério “? Não sei, pequeno, certo? Eu simplesmente não vejo. Eu provavelmente adicionaria na seção azul bem aqui. Eu realmente não adicionaria o, uh você sabe, eu não iria adicioná-lo neste, mas eles lhe dão a opção de fazer isso no entanto, Então ele faz propósito de serviço. Então, Então, é só isso. Agora vamos clicar em verificar. Então essa é uma visão geral de como você pode adicionar isso em. E lembre-se, digamos que você quer, tipo, tipo, duplicar esta estrada. Talvez você tenha 18 membros. Você pode basicamente, você sabe, uh, você sabe, apenas tirar a foto, colocar uma descrição diferente, e vamos apenas dizer que você quer dar outra olhada, Digamos que queremos fazer isso completo com. Então eu clico sobre isso e torná-lo completo com e lá vai você. Então isso parece que parece um pouco melhor, você sabe, e lembre-se, e lembre-se, você pode adicionar em uma imagem de fundo ou ah, cor para que você possa ir em frente aqui no ícone azul e talvez adicionado em uma cor de fundo . Parece que agora eu tenho essas coisas brancas bem ali, então provavelmente quero misturá-lo assim para fazer com que pareça assim. Certo? Então essa é uma visão geral das pessoas e do módulo de perfil. Em seguida, vamos usar o módulo de alternância, que é, uh, eu vou ir em frente e deixar isso. Agora vocês entendem a ideia, certo? Tudo bem. Então eu vou realmente fazer o módulo de alternância agora. Então eu vou adicionar na sua seção regular. Vou clicar neste aqui e rolar para baixo até o módulo de alternância, que é bem aqui. E isso é muito semelhante ao módulo de acordeão. Então aqui, vou colocar, por exemplo, esse é um bom título. Quer saber mais sobre a nossa empresa? E você pode ter isso perto ou aberto agora, talvez o exemplo de fechado. Então eu inseri um texto bem ali. Mas você provavelmente não pode ver porque temos que abrir isso. Então, se eu clicar nisso agora, ele vai mostrar esse texto. E este site é outra grande idéia do acordeão. Desculpe, o módulo de alternância. Então é assim mesmo. E como eu disse, você pode inserir vídeos. Você pode inserir todo tipo de coisas legais lá. Você pode realmente colocar em fotos. Você pode adicionar o que quiser neste módulo aqui. Talvez queiras falar sobre o nosso trabalho anterior. É tudo sobre ser criativo. Pessoal, isso é o tema da TV. Porque outros temas são mais como modelos. Você realmente não pode fazer muito. Mas este tema só permite que você, você sabe, use sua imaginação. O céu é o limite aqui, você sabe, qualquer coisa que você possa pensar. E mais tarde, terei outro tutorial sobre uma palestra mais avançada. Basicamente, vou te mostrar um site, e quero que me diga quais módulos vamos colocar. Ok, então vai ser muito divertido. Então, por aqui, nós vamos. O Teoh. Quero dizer, isso é basicamente, eu acho, disse que é um módulo muito, muito auto-explicativo. Você sabe, você pode realmente mudar o fundo, você sabe, você pode usar design, você pode abrir a cor de fundo alternar. Então, por exemplo, digamos que eu quero esse azul. Agora, se eu abrir isso, ele vai ver, como, apenas olhar, ele vai ficar exatamente assim. Então você sabe a cor do texto de alternância aberta. Agora, essas opções caras são muito auto-explicativas. Sabe, a cor do ícone. Este aqui seria o ícone. O título financia o tamanho da fonte do título, o título para a cor do texto , o espaçamento , a altura, todas essas informações são bastante óbvias, então eu realmente não quero revisar isso agora. O corpo, tamanhos estrangeiros, esta informação aqui. Então você deseja alterar essa informação que seria considerada a fonte do corpo. Ok. E digamos que você mexe com isso. Nada muda. Basta fechar o construtor visual e reabri-lo. Às vezes, ele se apaga e as coisas acontecem. Ok, então, hum, isso é basicamente uma visão geral dos caras do módulo de alternância. E como eu disse, este é um bom exemplo. O host de pizza é um ótimo exemplo de usar o módulo de alternância. Porque isso é com o tema do Davy, tipo , você aceita cartões de crédito? Você sabe, clique nele. Sim. Ok. Legal. Eles pegam um visto. MasterCard. Incrível. Então essa é outra razão, você sabe, é boa para a sua página de fax. Sabe, esta é ótima página de fax, e essa é uma ótima idéia de como usar o Targamadze porque muitas pessoas me perguntam “Não “, como “enquanto”. Mas eu uso isso. Diz irmão, confie em mim, sempre há uma razão para usar um desses módulos. Você só tem que pensar sobre isso. Sabe, há maneiras. Então, em seguida, vamos em frente e, hum, correndo sobre mais um ícone. Então nós vamos para, ERM iniciar mais um módulo, eu vou adicionar nova seção regular, mas em uma linha, e vamos passar por cima da, hum, seção de guias. Então é um pouco semelhante à seção de alternância. Agora, a seção de guias um pouco diferente. Então isso aqui é considerado a seção de abas. Então, talvez você tenha um certo trabalho que você queira mostrar ou você quer dizer às pessoas sobre algo. Aqui é onde você faria isso. Então, assim, vamos voltar aqui, e vamos adicionar um novo item. Então nós vamos colocar como, uh, talvez nossos serviços e então bem aqui, nós podemos colocar em algumas mensagens assim. Agora você vê como é um pouco semelhante a este, exceto aqui, há uma aba para que possamos realmente selecionar algo. Agora, há outra maneira de usar isso. Talvez você queira adicionar uma foto aqui e depois colocar seu, ah, seu ah, serviço de tabulação aqui. Você sabe, é tudo sobre ser criativo, você sabe, é realmente tudo sobre pensar o que você pode fazer, e você pode adicionar uma imagem aqui mesmo. Então vamos adicionar uma imagem imediata, assim como as que vimos anteriormente. Tem muita coisa neste telefone. Vou clicar em Selecionar. Agora, você vê que nossos serviços estão bem ali. Então, uh, o Texas pouco quebrado bem ali. Então talvez precisemos mudar isso. Sem centro, talvez duas vezes. E então nós provavelmente vamos colocá-lo bem ali, exatamente assim. Ok, agora, vamos apenas dizer que você quer adicionar mais um. Podemos adicionar outro, colocar, um, colocar , nosso site e,mais uma vez, todas as imagens de mídia adicionadas. E talvez desta vez eu vá em frente e adicione algo como, uh, eu não sei o que é bom com um monte de boas fotos aqui, hein? Imagine essa garota. É uma imagem muito grande, na verdade. Então talvez algo como, uh, isso aqui muito neste, e eu posso selecionar e então eu vou em frente e pressione em você enter duas vezes. Oops. Eu apaguei. Desculpe. Desculpe, pessoal. Então eu vou colocar isso de volta agora. Eu vou realmente pressionar enter duas vezes, e depois adicionou algum texto aqui. Pace que por menino em e clique em fechar. Tudo bem, então agora eu tenho duas guias. Então vamos ver como fica agora. Então aqui diz nosso site ou nosso serviço e, em seguida, aqui temos nosso site exatamente assim. Então a imagem aparece, temos algum texto sobre ela agora. Você também pode mudar a cor de tudo o que você conhece. Você pode alterar a cor de cada recurso. Assim, no design, você pode ter a cor de fundo da guia ativa, que é a ativa em que eles estão atualmente. Se você quiser, você sabe amarelo, você sabe, ver como ele está ativo agora. Então eles clicam nele. Eles sabem que eles clicaram em nosso site e você tem a cor da aba inativa. Então talvez os que não estão ativos, você sabe, como este aqui. Ele não está ativo e você pode alterar a fonte da guia. Você pode alterar o tamanho da fonte, a cor do texto e o espaçamento e a altura da linha, etc. Então esta é basicamente uma visão geral de todas as opções lá dentro. Mas você também pode mudar em outras opções um sfar como dentro do módulo. Então nós projetamos bem aqui. Nós clicamos neste ícone agora nós cozinhamos no design. Podemos mudar o que está dentro desta seção aqui. Então você sabe, podemos adicionar Pode ser como uma cor de fundo. Ou você pode adicionar em uma imagem que você pode adicionar em uma imagem de fundo. Toda essa informação que você provavelmente pode adicionar em uma imagem de fundo. Talvez vejamos como isto parece. Meu olhar brega. Vamos ver. Isso não é tão ruim. Agora essa imagem caras é muito grande para isso, então você provavelmente tem que redimensionar algo um pouco menor. Você sabe, talvez adicionar algo como, hum, como este pode caber. Sabe, este é assim, sabe, só que é quadrado. Mas acho que a cor provavelmente seria a sua melhor aposta. Você sabe, adicionando uma cor de fundo como algumas como esta aqui. Sabe, como fora da luz da cor do Pete. Então eu acho que seria um pouco melhor, modo que é basicamente uma visão geral do módulo tabulação. Como eu disse, provavelmente há outra maneira de fazer isso parecer bom. Então talvez você quisesse ter, tipo, você sabe, como uma foto aqui. Talvez. E, em seguida, os seus serviços abas aqui para falar sobre o seu serviço e talvez algo aqui . E você provavelmente pode torná-lo completo com e reduzir a calha personalizada com para tipo de obter um ponto melhor atravessado. Então agora você provavelmente teria algo aqui dizendo, como, você sabe, verificar por que nossos serviços são incríveis. E então você teria esta seção onde você pode clicar sobre o acordo e navegar através de alguns dos recursos realmente legais. Ok, então essa é uma visão geral rápida. Caras de alguns módulos. Vocês têm alguma dúvida sobre isso? Sinta-se à vontade para me avisar. Vamos para a próxima seção onde falaremos sobre, ah, mais módulos. Vamos para a próxima seção onde falaremos sobre, ah, ah, E em breve será feito com a maioria dos módulos e entraremos em mais da seção avançada . Então eu vou ver todos vocês lá 21. Quiz 2: Ei, pessoal, bem-vindos de volta. E este vai ser outro teste. Então eu quero que vocês entendam a lógica do tema Davy. Então este site aqui foi feito com o tema “Divvy”. Acredita que não são. Foi tudo feito com a Debbie. Tudo é possível com o tema da TV. Então vamos rever algumas das modelos que eu costumava ver se vocês entendem como usá-la . Então aqui eu usei um cheio de controle deslizante. Você pode ver um controle deslizante de lista completa. Próximo. Nós temos nossa outra seção, então eu só tenho um plano de ação, que eu simplesmente não incluí o botão. Eu gosto de usar as ações chamadas porque eu acho que é apenas um texto de cabeçalho e apenas um texto básico . E bem aqui eu tenho três contadores de números e o que eu fiz foi colocar uma fronteira em torno deles. Foi tudo o que fiz. Próximo. Você tem um ah, bem aqui. Você tem uma divisória. Então você vê como eu tenho o divisor preto tipo de dar como um olhar para ele bem aqui. Adicionado outro chamado à ação. E eu tenho galeria, então eu tenho quatro galerias, e eu reduzi o estofamento em todas elas. Então parece, você sabe, como, realmente, você sabe, triturados juntos. E como eu disse, parece realmente muito bom, sabe? Gosta do jeito que parece. Então você pode ir em frente e ver algumas das fotos assim aqui. Encontramo-nos com a equipa, e aqui acabei de entrar numa chamada à acção. Eu coloquei três fotos de pessoa, então três módulos de pessoa e eu apenas reduzi o preenchimento. Então estão todos uns contra os outros. Isso se parece exatamente com isso. Então, em seguida, vamos para a nossa página sobre nós. Então eu vou até aqui para o ah, a página sobre nós, e nós vamos olhar para o que eu fiz bem aqui. Por isso, aqui, vou para a minha de páginade edição. Então, aqui mesmo. Eu usei um, um ah cheio com tela bem aqui. Então você pode ir verificar o completo com cabeçalho. E tudo o que eles fizeram foi uma linha de texto para os direitos e nós rolamos para baixo e vocês podem ver o chamado à ação com o texto. Então a ação chamada, lembre-se, você tem que usar o botão. Sabe, eu só gosto do jeito que parece bem ali. Então, aqui mesmo. Eu adicionei em um módulo de texto. E, um, você sabe, bem acima disso, eu coloquei um botão. Então eu adicionei um texto de botão aqui, e coloquei mais do ah, os módulos da galeria bem ali. Então você tem que ver os modelos de cozinha e eles acorrentados por si mesmos porque eu tenho isso em um certo segundo. Então isso parece muito legal aqui. Isso é obviamente uma contra-chamada de ação de bar. Uma chamada à ação com o módulo de texto do módulo de texto, modelo de texto, módulo de texto. Então vocês vão ver que aqui estava certo. É uma sinopse. Então uma sinopse, blurb, blurb, blurb e eu usei uma seção de especialidade. Agora, em vez dos caras blurb, eu simplesmente não decidi colocar um Nikon, lembre-se, Você pode tipo de usar esses de qualquer maneira que você pode pensar. Então eu coloquei nos módulos de borrão, mas eu simplesmente não coloquei uma Nikon. Então, a seguir temos os nossos serviços, e não quero mais dizer a vocês o que uso. Quero que pensem criticamente e entendam o que usei. Então aqui eu usei um completo com cabeçalho e eu alinhado o texto. A esquerda aqui embaixo eu usei , ,usei os blurbs novamente, então coloquei um blurb blurb, e eu simplesmente não coloquei o ícone aqui. Eu usei uma imagem de fundo, e eu apenas coloquei, um, eu coloquei no Ah, isso é ah, módulo deslizante. Então eu basicamente coloquei este fundo branco bem aqui. O texto e eu mudamos as bundas e logo a seguir. Bem aqui. Eu adicionei em uma chamada à ação com módulos de texto. Este é um botão com quatro modelos de galeria. Está bem. Em seguida, vamos para o nosso preço. Este é também um completo com cabeçalho onde eu linha o texto para a esquerda. Acabei de colocar uma imagem de fundo. Isto aqui é um módulo de chamada à ação. Bem aqui. É um módulo completo com chamada à ação. Estas são as três tabelas de preços que eu posso parecer muito legal. E isso aqui de novo são os sinopses. Isto aqui é um... é um divisor ah. E eu adicionei o controle deslizante ah bem aqui. Então vocês podem ver que parece uma seção de depoimentos, mas é basicamente apenas um controle deslizante, então isso é muito legal. E então aqui, nós adicionamos em nossos depoimentos. Então estes são ícones de depoimento. Este é um botão, e esta é novamente a galeria. Por fim, temos nossa página de contato conosco, que é um ah, é um mapa. Mas isso é apenas o módulo regular, não o completo com nós temos um chamado à ação. Um apelo à ação. Uma mensagem aqui. Eu inseri os ícones de mídia social, o contato conosco para o meu aqui e depois aqui temos as quatro galerias, que eu reduzo todo o preenchimento e outro botão. Espero que isso os ajude a entender a lógica da Didi. E talvez vocês possam criar uma Web semelhante. Parecia assim muito simples, muito facilmente. Ok, então é isso para o meu teste. Caras. Vamos para as próximas palestras. Eu verei todos vocês lá 22. Os ícones sociais e tabelas de preço: Como vocês são bem-vindos de volta? Então vamos cobrir mais alguns módulos agora vamos cobrir alguns dos módulos de mídia social. Vamos cobrir o módulo da barra de pesquisa e talvez um ou dois outros. Então eu vou realmente apresentá-los aos ícones sociais, que são muito, muito legais. Agora, há muitas maneiras que você pode adicionar nos ícones sociais. Por exemplo, esta página aqui, talvez você tenha artistas ou algo assim, e você queira adicionar ícones sociais abaixo do nome deles. Então deixe-me mostrar como podemos adicionar isso. É muito simples. É muito fácil de usar. Então eu vou realmente começar em sua seção. Na verdade, eu vou na Síria aqui. Eu sou como, na verdade apenas adicionando um abaixo desses caras e apenas ir em frente e rolar para baixo. Agora eu vou olhar para os ícones de mídia social, e estes são muito bons ícones de mídia social seguir. Eles são muito legais. Então aqui, clique em um novo item agora. Fico feliz em selecionar uma rede. Então eles têm a maioria dessas redes sociais na internet. Então eu era algo no Facebook, e bem aqui você inserindo seu Facebook, seu Facebook, seu l e você pode realmente mudar a cor do ícone para que você possa ver aqui nesta seção aqui que nós podemos realmente mudá-lo para o que quisermos. Então eu vou embora. Provavelmente é azul. Agora, o que nós também podemos fazer é adicionar em outro módulo que basicamente nos permite segui-lo. Então agora você só vê o ícone, certo? Mas talvez queira criar algo que saiba que tem compromisso. Então, se você clicar no botão seguir agora você vê onde ele diz seguir. Então eles clicam nisso aqui mesmo. Eles serão levados para os, hum, para os sites ou para sua página de mídia social, e você pode fazer suas aberturas na mesma janela ou em uma nova guia. E eu sempre recomendo nova guia porque a guia você vai realmente manter o site aberto e abrir outro porque você tipo de querer mantê-los em seu site o maior tempo possível . Agora, você também pode mudar a você também pode mudar aforma do link. Então, se você quiser um círculo agora, um círculo ou você pode tê-lo como um retângulo Então lembre-se, aqui, você pode adicionar vários, você sabe, você pode adicionar em toneladas deles. E vamos apenas dizer que você quer adicionar em outra, mas talvez uma rede diferente. Então, lembras-te desta coisa? Este módulo tem a maioria de todas as redes, um, você sabe, para uma mídia social. Então, aqui mesmo, eu vou adicionar um novo item e provavelmente colocar no YouTube. E lá vai você. Então você estava entrando no seu canal do YouTube, e agora você pode, você sabe, colocar seu canal bem ali. E se eles clicarem, ele, será trazido para o seu canal para o seu canal. Então, essa é uma visão geral básica das redes sociais seguintes configurações. E como eu disse, há muitas maneiras de adicioná-las. Talvez você possa apagar estes aqui, esses ícones chatos e colocar os de direita abaixo dele. Você pode fazer isso também. Acho que é por aqui. Eu os adicionei. Então, aqui mesmo. Você pode ver todos os vários ícones abaixo dessas pessoas. Então, talvez, você sabe que você quer anunciar esses artistas. Então vamos na Terra para a barra de pesquisa, e eu vou te dizer como você pode usá-la. Então eu estava indo para criar um novo aqui, e eu vou apenas fazer uma configuração regular e eu vou clicar neste módulo e eu vou ir em frente e rolar para baixo para nossa barra de pesquisa assim. Agora, isso é principalmente para o blawg, mas também faz um diretório de todo o seu site. Então, primeiro você pode ter a cor do texto escura ou você pode tê-lo. Luzes. Você pode ter a orientação do texto para os direitos ou para o centro ou para a esquerda algo. Parece que agora a razão pela qual é a expectativa é ir para o centro é porque as páginas já cheias com. Então também, você pode realmente excluir páginas. Talvez você não queira páginas de cirurgiões, você sabe, incluindo talvez, por exemplo, você só quer que as pessoas revistem o blawg. Então, se você excluir páginas sobre Lee, o blawg aparecerá na busca. Agora, talvez você não queira que seu bloco apareça, então basta clicar em excluir postagens e você pode realmente ocultar o botão. Ah, mas você sabe onde eles não recomendariam fazer isso. E Você também pode excluir categorias, então vamos falar um pouco mais sobre as categorias de blogs em um pouco mais tarde seção. Mas é muito importante para categorias suas postagens de bloqueio, porque então você pode estar navegando com segurança mais fácil. Toque texto das partes interessadas para que você possa ter algo que você sabe, bem ali. Toque texto das partes interessadas para que você possa ter algo que você sabe, Passe o mouse sobre. É como uma busca. Agora talvez, e eu acho que você pode desativar isso no telefone com o tablet, etc, e você também pode mudar o design para que você possa ter o máximo com isso algo como 300 pixels, você sabe o que seria muito, muito pequeno. Então sim, ele é muito, muito pequeno, ou você pode tê-lo maior. Então, talvez 500 pixels como esse e você também pode alterar a borda e a cor do plano de fundo. Então, se você quiser mudar a cor, você pode fazê-lo assim. Você pode inserir um plano de fundo de cor de campo, que estaria bem ali, ou a cor do espaço reservado, e você pode realmente ter as fontes A diferentes. Então, assim como antes de trocarmos nossos telefones, você pode alterar o tamanho da fonte. Você pode alterar a cor do texto ou a fonte do botão, que é isso aqui. Então talvez eu quisesse mudar para branco. Talvez porque nós temos um Ah, você sabe, um fundo mais escuro. Então você pode ver que é uma busca. Então, eu vou realmente ir em frente agora e fechar isso porque essa é a maioria das opções. Então eu vou apenas ir em frente, clique em fechar. Agora, vamos realmente procurar por algo, e eu vou realmente abrir isso, salvá-lo, e então vamos usar a barra de pesquisa ao vivo em nosso site. Então eu vou clicar em sair do construtor visual, e nós vamos rolar para baixo aqui até vermos a busca. Agora. Então eu vou colocar uma caneta em algo como eu. E isso é busca bem ali. Então agora ele vai nos dar cada página ou algo que tem que lidar com o principal sobre esses posts aqui. Portanto, esta seria uma maneira melhor de navegar no site se você quiser que as pessoas encontrem procurando algo mais fácil. Então vamos apenas dizer OK, eles são página de fitness serviços. Está bem, fixe. Isto é o que eu estava procurando e isso estaria nos sites. Então, se você quiser, Teoh, você sabe, vá para algum lugar. Isso seria ideal para colocar na barra de pesquisa. Se você não quiser adicionar na barra de pesquisa, não é necessário. E mais tarde, pessoal, eu vou. Na verdade, você vê todo esse layout? Vou discutir como importar este layout, e eu realmente dei para vocês de graça para assistir este tutorial porque vocês foram incríveis. Ok, então isso seria em uma palestra posterior que quando falarmos sobre layouts pré-fabricados, então eu vou voltar agora para a minha página principal aqui. E nós vamos realmente, uh, inserir outro módulo. Então, revisamos os ícones das mídias sociais. Fomos até a barra de busca. Acredito que havia mais um que eu queria rever nesta palestra. Então eu vou entrar no grande bem aqui, e eu vou ir em frente e rolar para baixo. Hum, deixe-me ver aqui. Então, pessoal, para este tutorial, eu não vou estar falando sobre o módulo de loja. Mas a razão é porque os caras do módulo de tiro, é um estádio muito maior, porque teremos que instalar o que chamamos é mais plug de comércio e teremos que criar produtos. E pode ser como mais nove. Nosso tutorial realmente falar sobre Luke comércio, e isso me leva cerca de quatro ou cinco horas, mas eu vou fornecer a vocês um código que vai dar a vocês um desconto. Tudo bem, eu poderia realmente dá-lo de graça. Ainda não tenho certeza sobre o meu futuro para Tora, porque muitas pessoas têm me perguntado sobre você sabe como usar o módulo de tiro. Como você faz o site e commerce? E eu disse que é um pouco diferente do que apenas usar. Sabe, Wordpress, Wordpress, sabe, como se estivéssemos usando isso envolve muito mais detalhes, mas é muito simples. Não é difícil. Leva tempo para aprender. Então, em seguida, vamos rever as tabelas de preços aqui, então vamos clicar em tabelas de preços, e os caras da imprensa e da mesa são muito fáceis de usar. E, hum, vou te dar um exemplo de como podemos fazer alguns muito legais. Então, clicando em adicionar novos itens agora, bem aqui. Vamos apenas ir em frente e colocar algo como, você sabe, pacote básico Subtitle Saiba mais agora como que são na verdade, hum, para começar, a moeda colocada como dólar e por mês, talvez uma cobrança em uma base mensal. O preço. Então, quanto custa isso? Talvez cerca de 99 dólares por mês. As bundas na sua URL. Então vamos em frente e colocar um “Você é um botão”. E que rabos e SMS você quer que isso diga? Então agora, talvez agora, aqui, ao conteúdo, você pode adicioná-lo. Algo como, você sabe, Ah, um mês de CEO. Entrar. Hum, você sabe, 500 páginas de artigos. Podemos colocar algo como, , não sei três submissões de diretórios, 500 sites de mídia social. Perfil das redes sociais. Isto é mais isto, como para S. E. O. mas estou a dar-te um exemplo de como podemos usar isto. Agora eu vou realmente apenas clicar em salvar as alterações. Agora, em vez de fazer tudo de novo, você pode apenas duplicar a rosa aqui. Então este símbolo indica que se tornou a estrada. Então vamos em frente agora e talvez criar mais dois assim, certo? Então agora nós temos esta tabela completa aqui e agora nós podemos realmente ir neste editor bem aqui, talvez apenas mudá-lo para algo como, uh, uh, pacote básico iniciante. E aqui seria como um pacote de ouro e, em seguida, platina. E nós poderíamos fazer mudanças diretamente no site. Rapazes Platz assim. Talvez aqui seja de 1 99 a 99 3 99. É isso aí, pessoal. Quero dizer, é assim tão fácil. Mas agora vamos apenas dizer que você quer projetar essas tabelas. Queremos fazer com que pareça diferente. Agora, primeiro lugar, isso tem um que chamamos de uma tabela de recursos. Então, se eu for até aqui e clicar neste ícone, poderíamos fazer um desses em destaque. Então eles te dão um exemplo disso? Se eu clicar em talvez o pacote de ouro aqui, ele diz, fazer este destaque capaz. Se eu clicar aqui, ele vai destacá-lo. Talvez queiras encorajar as pessoas a comprarem mais este. Agora, podemos ir em frente e ir para outro como o motor de partida. E lembre-se do design. Você pode alterar todo o design, você pode alterar a fonte, a cor que você nomeia. Então você sabe, cor do item excluído Se você contém a fonte, a fonte do cabeçalho. Talvez você queira que o primeiro cabeçalho aqui seja diferente e você pode mudar a cor para isso e o espaçamento. Você também pode mudar a fonte do subcabeçalho, que seria este telefone bem aqui. fonte do subcabeçalho, Podemos mudá-lo para outra coisa, como amargo ou, sabe, coberto por Vossa Graça. Você pode ver que muda. E eu acho que o mais importante dos caras é o da moeda. Então a moeda, na verdade faz uma moeda totalmente diferente. Sinto muito, não este. Isto é para o sinal mensal e o cifrão ali. Então, erro meu. Então, bem ali. Você está mudando essa. E você também pode torná-lo maior, etc. E você também pode ver como ele se parece no telefone e no tablet. Não se esqueça disso agora. Este aqui está? O “Não “, não é isso. Então, o que eu queria mostrar a todos era que o preço para este é provavelmente o mais importante. E isso dá ao cifrão ou aos números que dá uma corrente, você sabe. Ah, parece legal cair assim. E o que isso faz é que ele vai basicamente representar sua visão, o núcleo. Então, seja qual for a abordagem que você está fazendo, como esta é como uma abordagem fofa, sabe? Ou você quer algo um pouco mais profissional, que seria assim, eu encorajo-o a mexer com o preço. Quer mais porque ele adiciona ao núcleo. E isso acrescenta, você sabe, sentir ao seu site agora a cor do texto preço. Então, como eu disse, você pode mudar o preço disso aqui. Alguns de vocês querem este roxo, você pode mudar a letra temperando as alturas da linha de preço. Lembre-se, este é o preço aqui. Então isso encorajaria ou isso está indicando para isso bem aqui, ao lado de rolar para baixo. Então este é o fundo do corpo. Então podemos mudar as fontes do corpo, algo assim. Você contém as alturas. Você também pode alterar a cor do plano de fundo. Parece que sim. Sabe, talvez ele queira mudar todos eles. Como diferentes tons de azul. Agora, um bom exemplo disso seria algo. Parece que está bem aqui. Então, isto aqui. Você vê como eu tenho esses tons de luz azul? Mais escuro, escuro, escuro. Você pode fazer a mesma coisa para tipo de, você sabe, dar ao seu site, você sabe, um pouco melhor sentir e cor para ele. Então, você sabe, você também pode mudar o botão. E infelizmente para o ônibus e os caras, um , bem, uma maneira de fazer isso seria apenas Teoh, você sabe, mudar o botão, fazer parecer como você quer. E, em seguida, apenas duplicar esta linha em vez de redesenhar cada botão de forma independente. Entende o que estou dizendo? Então, deixem-me dar-vos um exemplo. Talvez queiras mudar o botão dele, cair em operações secretas, e, ah, assim e adicionamos uma cor de texto. Isso é para o pairar sobre as opções. Ok, de qualquer maneira, então vamos apenas dizer que você tem esta mesa como esta. E em vez de redesenhar esse botão e tudo mais, por que não duplica essa corda específica? Então, o pacote inicial? - Não. Bem ali. Nós podemos ir em frente e apenas fechar este pacote básico e, em seguida, apenas duplicar o pacote inicial apenas assim. Assim, é muito mais fácil. Porque, lembre-se, suas configurações estão todas salvas. Você sabe, tudo já está salvo, então você só precisa fazer isso por um. Não redesenhe para cada um deles. Porque isso levaria muito tempo. E na tabela de design, você pode realmente projetar o plano de fundo da tabela de recursos. Você sabe a cor do cabeçalho da tabela. Deveríamos ser desta cor aqui em cima. Ou você pode ter a cor do texto do cabeçalho em destaque. Você sabe, você pode alterar todos os tipos de configurações, mas muitas dessas você pode alterá-las de forma independente. Mas isso é mais um recurso de grupo. Então você conhece as cores da tabela em destaque. Lembre-se disso aqui é a tabela de recursos, a que está mais destacada. Então, como podem ver, vocês também podem mudar a cor da bala. Por isso, agora estão todos azuis. Mas você pode mudar a cor da bala para algo como, você sabe, era amarelo? Vê como estão todos amarelos agora? Então vá em frente e passe por essas opções. A maioria destes são muito auto-explicativos. Você sabe o cabeçalho Fonds Um lembrar, você também pode alterá-los dentro do próprio módulo para cada um. Então, se eu for para o pacote de ouro e ir para o design. Agora, para o pacote de ouro, vamos estritamente em Lee mudar o pacote de ouro. Mas se fores ter com o general, isso vai mudar todos eles. Você entende como isso funciona. Então essa é uma visão geral básica das tabelas de preços. E outra característica é talvez você queira fazer isso maior, torná-lo completo com Talvez você realmente queira estender por toda a página. Então você abre a sarjeta com e apenas arrasta-a para um, e lá vai você. Então os botões, você sabe, eles passam por cima e você pode adicionar um texto no topo bem aqui. Talvez um modelo de texto que diz, você sabe agora realmente dar-lhe um exemplo das tabelas de preços no meu site. Então eles vão para a loja bem aqui, e nós vamos para a campanha “S E O”. Este aqui é um exemplo básico de como você pode saber, você sabe, você sabe, eu coloquei um título, eu coloquei as tabelas de preços agora é isso. Então, isso é um exemplo. E eu tenho o acordo aqui, então o convidado pode ver que há um monte de razões pelas quais você quer usar cada módulo único possível porque ele realmente oferece muito. Certo? Então é isso, pessoal, pessoal, para esta palestra, a próxima palestra sobre a qual íamos falar, Maura, sobre os, hum os posts de bloco e os títulos de blocos e todos os tipos de outras coisas legais coisas. Tudo bem, então eu vou ver todos vocês lá. 23. Módulo de blog de Divi: Como vocês são bem-vindos de volta? Então, nesta palestra, vamos falar sobre o blawg e todos os outros recursos que você pode usar para o bloco. Agora a equipe de debate é extremamente diversificada com o blog, então há toneladas em toneladas de maneiras diferentes. Você pode estilizar seu blawg. Ah, muitos outros temas só oferecem, você sabe, um modelo, mas o tema do Davy é ilimitado, e eu vou te dar um exemplo de como você pode criar seu sangue. Mas primeiro, vamos em frente agora e mostrar-lhe como criar uma postagem. Então, digamos, por exemplo, que você seja um blogueiro ou queira fazer uma postagem em bloco. Tudo que você precisa fazer é subir aqui para mais novo e ir para postar. Tudo bem agora, geralmente toda a outra coisa para WordPress tem que você sabe, você apenas inserindo seu post aqui suas informações, você sabe, e seu postal. É isso. Exceto para o tema divvy, você pode realmente usar o construtor de divvy. Então, em vez de apenas fazer um texto aleatório, você pode adicionar gadgets e widgets, módulos e controles deslizantes e todo tipo de coisas realmente legais para sua postagem vlog. Então, bem aqui, eu vou colocar em um log post um e toda a coluna da Internet, e eu vou apenas inserir apenas um em branco, e nós apenas responderemos texto. Talvez, você sabe, nós vamos apenas fazer algo nós vamos apenas enviar mensagens por enquanto. Vamos manter isso básico, e vamos colocar Hi. Este é um teste Blawg Post. Isto é tão fixe. E então eu vou, você sabe, Senador, o texto. Talvez eu adicione uma imagem imediata abaixo. Isso é alguma coisa, certo? , Na verdade, este ícone, na verdade, não sei qual deles. Então eu adiciono, uh, eu vou adicionar, talvez nós vamos apenas adicionar em que um. Sabe, eu sempre faço isso. Eu só perco tanto tempo. Então eu vou economizar na saída agora muito rapidamente. Assim, sempre que você fizer uma publicação de bloqueio, você pode querer adicionar categorias. Então, a razão pela qual você quer fazer uma categoria porque digamos que você tem uma certa quantidade de blawg post falando sobre Lee sobre, uh, marketing. Então este aqui nós vamos dizer, Ok, Ok, este é um posto de bloqueio Onley lidando com marketing. E aqui estão as suas etiquetas. Então vamos dizer que você, por exemplo, você tem seu site, e este é certamente sobre slogan de marketing, mas marketing, você sabe, sites, loja online como essa . Então ele mantém, ah relação com com o que você está falando. Agora, a imagem em destaque. Portanto, isto é muito importante. Então você está em destaque imagens basicamente vai ser aquela imagem que aparece bem aqui. Então você vê como há essa imagem aqui? Basicamente dá o post do seu blog sobre a imagem, e basicamente deixou as pessoas em. Então você sempre gostaria de definir uma imagem em destaque. Então, por exemplo, vou colocar esse cara legal bem aqui, na verdade, todo esse aqui. Veja aqui. Hum, sim, aquele ali. E eu disse isso como minha imagem em destaque. Agora, esta imagem é muito, muito grande. Então, quando você define uma postagem de bloqueio, você pode querer definir uma imagem que é apenas um pouco menos maior. Quero dizer, aquele, foi, você sabe, cinco megabytes. Você sempre quer manter seu tamanho, Paul, Paul, estar perto de um megabytes ou menos. Ok, então eu fiz o poste do bloco. Agora, como eu realmente vejo o post? Porque se eu voltar para a página, você não vai ver nada aparecer. Você sabe, não há que não vai haver nenhum post blawg. Não vai haver nada sobre o Post, então precisamos realmente criar o módulo para ele. Então aqui, eu estou realmente indo para criar uma nova página agora, e esta vai ser a página de bloqueio, e bem aqui, eu vou usar o Davy Builder. Agora, aqui está a coluna de respostas dele. Podemos colocar talvez por aí. Eu não sei. Vamos colocar este aqui e inserir o módulo, e bem aqui você vai ver Blawg para que possamos responder o módulo de bloco bem ali. E podemos ter a saída do layout cheio, ou podemos tê-lo na grade. Você pode falar sobre os números de postagem agora, lembra como antes tivemos as categorias? Então, se eu selecionar marketing no Lee, as postagens de bloqueio que estão na categoria de marketing aparecerão. Nada mais aparecerá. Então é isso que as categorias fazem. E para o conteúdo, você pode ter mostrar todo o conteúdo ou apenas mostrar como um trecho, que é, você sabe, quando você vai para como aqueles post bloco e você vê, como as primeiras 20 palavras e então você Não, você não lê mais. Isso é o que o extra faz. Agora o botão ler mais. Se você quer um botão ler mais, você sabe, como ler mais Bob Loblaw. Eu acho que o botão mais é bom porque é uma espécie de chamada à ação. Convida alguém a ler MAWR, então eu recomendo a leitura de mais bundas e você pode ter você sabe, você pode mostrar a data do autor, a paginação, todas essas outras coisas. Hum, você sabe, se você quiser ter isso em, uh, você pode ter isso em talvez não nas categorias. Você sabe, as pessoas realmente não se importam com suas categorias, você sabe, não é realmente relevante para elas. Eles provavelmente não se importam. Agora, sob as configurações avançadas de design, vocês também podem mudar o cabeçalho Fonz, a metáfora em tamanho como o trecho, as fontes também. Ah, você pode mudar tudo o que o corpo gosta do blawg. Então estas são basicamente as mesmas configurações que você já viu antes. Então lembre-se Cabeçalho iria controlar o título. Meta iria controlar o trecho, e então isso iria controlar o conteúdo. Ok, então eu não sou nada sobre salvar a saída. E nós vamos publicar esta página e vamos, você sabe, você sabe, usar os construtores visuais para que vocês possam ver visualmente o que está acontecendo em vez de eu falar sobre isso. Então eu vou agora usar o construtor visual. Tudo bem, então está subindo e lá vai você. Então isso está na página real. Então, neste momento, esta era a nossa imagem em destaque. Este aqui é o nosso cabeçalho. O Fonz. Este é o trecho agora. Mais fácil diz ler Mawr. Lembre-se de como você fez isso ler Mais conteúdo con. Então eles clicam, lêem mais aqui. Vai nos levar para a outra página. Então esta é a imagem em destaque. Este é o conteúdo. E esta foi a outra imagem que eu coloquei dentro do post, e as pessoas podem comentar sobre ela como coisas excessivamente legais. E esta aqui é a nossa barra lateral, e eu vou falar sobre a barra lateral por último porque vamos começar a falar sobre plugins e widgets. Mas eu não quero chegar lá ainda porque eu quero que você entenda completamente como usar módulos . Eu não quero mergulhar em plugins, plugins. Há muitos plugins. Tem muita perna lá fora. Então é assim que você cria uma postagem de bloco. Então, como eu disse, você tem o título de postagem do bloco. Você tem sua descrição, e você tem seu ícone ler mais. Ok, então, hum, isso é basicamente uma casca de noz sobre como você pode fazer isso. Lembre-se, você pode realmente, você sabe, fazer isso menor. Então talvez você queira colocar assim e você pode ter uma foto bem aqui. Você pode fazer isso cheio com apenas assim. O que quer que estejas a tentar. Você sabe, há um monte de maneiras diferentes que você pode tipo de ter seu, você sabe, adicionar o núcleo e, ah, você sabe, olhar para o seu site. Então este é o posto de bloqueio. Esta é a página em branco. Então nós criamos o post de bloco, mas há outros módulos que têm estilos diferentes do post de bloco e mais tarde na palestra mais avançada, todos mostram como vocês podem ficar muito, muito legais. Deixe-me ver aqui. Acho que este seria um. Sim. Então você vê que este é um poste de bloco e você vê como eu o projetei, como ele simplesmente parece realmente elegante. E parece muito legal. E, você sabe, há comentários aqui. Vou mostrar-lhe como você pode criar isso, porque este é realmente um premade templates que Debbie fez que eu acabei de carregar. E as pessoas estão comentando sobre isso e todas essas coisas. Mas vamos falar sobre layouts pré feitos na última palestra porque eu não quero que vocês gritem alto até que você entenda como usar o tema divvy. Tudo bem, então ah, vamos voltar aqui. Agora. Eu te mostrei como fazer o poste do bloco. Agora mesmo. Vamos em frente e fazer outro post de bloco, mas vai usar os outros módulos. Então eu vou até aqui, clique neste ícone, clique em regular e clique neste pequeno aqui. Tudo bem. Agora, eu vou rolar para baixo aqui até vermos o, hum, uh, o que é isso? O título do post. Então este é o título do post, e eu meio que estou muito cético sobre o título do post, sabe? Eu não sei por que a maioria das pessoas usaria isso, mas, hum, isso seria uma referência para a página de bloqueio. Então, se você quer que as pessoas vão para a página de bloco daqui, este é o módulo. As configurações do título do post seria o lugar onde você iria inserir algo em Então você pode fazer que ele mostre ao autor que meta um, a imagem em destaque, etc todas essas informações que você colocaria nas configurações do título do post. Então talvez você queira a irritação do texto no centro. Você sabe tudo isso, mas eu nunca usei as configurações do título do post. Gente, eu tenho que ser honesto, como se fosse quase um módulo inútil, você sabe , é realmente ah, realmente não faz sentido usá-lo muito. Mas eu vou dar um exemplo disso de qualquer maneira, então eu vou mostrar que o autor vai mostrar toda essa informação. Então eu vou ir em frente e clicar sobre isso e clicar em Seguro, e eu vou mostrar o que o título do Post faz agora. O controle deslizante post é um módulo muito melhor, mas este, eu não sei se ele vai me odiar por dizer que é, mas é como, OK, então página bloqueada Então este é o post bloco Agora, se você clicar em Isso, vai levá-los para o posto do pântano. É isso. Isso é tudo o que realmente faz. Então isso é basicamente uma noz do título do Post the Post. Ele levaria você para o post do bloco e também a página do bloco. Então, hum, você sabe, se você quiser ter isso em seus sites, você sabe, você pode adicionar isso. Pode haver uma razão pela qual você só quer ter, tipo, blawg Page. Talvez você possa ter, você sabe, você pode adicionar e como, você sabe, eu não sei. Eu realmente não sei. Há um uso para o seu Eu só não uso. Eu prefiro usar, você sabe, a configuração do blog porque você clica sobre isso. Leva-o para a página de bloqueio imediatamente. Não, isso é feito. Mas este iria levá-los para a página real com todos os blogues nele. Então você clica nele. Eu tenho um post bloco aqui, e eu tenho outro post bloco aqui, que é Olá mundo. Então é levá-los para a página ou todas as mensagens de bloco são Então você quer ter esse recurso. Você pode adicionar isso em seus sites. Esse é o título do post. Mas vamos em frente agora e mergulhar nos outros módulos já. Então eu vou realmente clicar aqui e clicar sobre isso mais e adicionar em completo ou regular e moldado para fora em dois ícones, e vamos em frente e rolar para baixo até vermos o controle deslizante post. Ok, então agora nós temos o pós isqueiro, e isso foi muito legal, você sabe, porque o que ele faz é que se você tem vários caras postais, ele vai realmente, você pode realmente navegar por todas as postagens. Então deixe-me criar um mawr para dar uma idéia melhor de como podemos usar isso. Então eu vou realmente salvar minhas alterações. E eu vou mostrar a vocês como você pode usar o controle deslizante de postagem. Você sabe, para realmente fazer seu site parecer meio legal. Eu gosto do pós sidra. Então aqui, vou fazer um novo post, e isso vai ser como se um teste pertencesse, e eu vou fazer um “olá “lá. Talvez eu crie uma nova categoria que diga, como, uh, coisas legais e adicione essa categoria em tudo certo. Agora, você realmente deve definir uma imagem em destaque o tempo todo. Sabe, as pessoas realmente compram fotos e compram, você sabe, imagens bonitas do que conteúdo real. comprovado, Você sabe, se você vai a um site e há uma imagem realmente bonita, você provavelmente vai clicar nele. Não, mas se é apenas um monte de texto, como montanhas de texto, não, mas ele provavelmente vai clicar nele ali mesmo. Só vou dizer, Ah, esquece. Sabe, este site parece estranho, então eu vou definir isso aqui é minha imagem em destaque, e eu sou um clique em publicar. Tudo bem, então lá vai você. Eu fiz essas páginas. Agora vamos voltar para lá. E também, pessoal, se quiserem fazer uma postagem em vez de subir aqui dois mais novos, podem ir para o painel, então eu vou voltar aqui só para educar vocês um pouco. Você pode ir aqui para o seu painel e aqui mesmo onde diz postagens. Você pode clicar em, adicionar novo ou você clicar em todos os posts e, em seguida, você vai para todos adicionar novo lá novamente Então isso é apenas uma outra maneira de como você pode criar um post. Então aqui, eu vou voltar para todas as páginas muito rápido, e nós vamos voltar para a página do pântano. Então esta foi a página de bloqueio que criamos. Eu sei. Tenho toneladas de páginas. Eu realmente, realmente tenho muito, você sabe, então correndo de volta para cá. Mas, na verdade, na verdade, vou para outra página. Eu vou para outra página para dar a todos uma melhor experiência visual sobre como você pode decorá-lo, porque isso não é realmente Não parece bom. Então vamos até aqui. Eu vou até aqui para Darrell um. Tudo bem, Então vamos para esta página, e nós estamos indo construtor visual tabela, e eu vou colocar a página de bloco ou o controle deslizante post nesta página. Então aqui, vou clicar neste ícone em uma seção regular. Basta adicionar o grande e nós vamos para a seção post slider. Ah, há poste isqueiro agora. Vocês podem ver que o bloco de testes está lá, e eu posso percorrer. E agora você vê como todas as mensagens de bloqueio estão começando a aparecer. Então esta é uma maneira muito legal se você é um blogueiro, como você pode tê-lo, mas isso é um pouco mais personalizável do que isso, você sabe, ele realmente não parece bem assim, sabe? Quero dizer, eu sou muito exigente, então talvez eu queira que ele seja um pouco maior para que pudéssemos fazer isso cheio e fazer a linha personalizada e esticado através da página assim. Então agora temos nosso post blawg assim. E se alguém quiser ler nossos posts, eles podem clicar nisso e isso os levará para o post que criamos. E lembre-se, nós podemos realmente mover isso, enfraquecer, arrastá-lo por aí. Podemos fazer com que pareça muito legal. Então, por exemplo, digamos, queria aqui em cima, assim mesmo. E lembre-se, se você quiser se livrar desse preenchimento, espero que você saiba que agora é ir até aqui e apenas fazer o preenchimento personalizado no top 20 e então podemos fazer zero como esse e é basicamente isso. Agora, às vezes há branco, mas isso é apenas por causa da página Builder. Então grupo, lá vai você. Então lá vai você. E eu vou dizer isso agora e vamos visitar esses postos de bloqueio. E não se preocupem, pessoal. Eu vou dar a vocês modelos de ah, realmente, muito profissional. Como eu estou falando como Washington post estilo blawg posts que você pode verificar. E lá vai você. Então, há o quarteirão. As pessoas podem comentar, etc. Então, como eu disse, vamos falar sobre layout pré feito porque talvez você não seja bom com design. É muito difícil, sabe? É super difícil. Na verdade, verdade, você sabe, eu realmente não tenho nenhum posto aqui. Quaisquer layouts pré feitos neste site que eu faço neste, mas não quero entrar nele. Sou meio preguiçoso. Então você vai. Na verdade, eu vou realmente dar a vocês pré feito louts onde você pode fazer posts muito legais como este e eles vão parecer profissionais. Eles parecem bons e não te custam nada. Eles são livres. Então vamos falar sobre isso mais tarde na seção de layout pré made. E, hum, eu só quero ter certeza que você entende como usar o módulo de bloco e também para o módulo de bloco . Pessoal, eu não falei sobre isso, mas para o outro módulo de bloco, você também pode projetar missionário. Então tínhamos um estilo sob grade, lembra? Como isso. Então eu crio o post de bloqueio aqui mesmo. Temos o layout cheio com, que é alguma coisa. Parece que está bem aqui. Então todos os seus posts vão aparecer Agora, eu posso realmente tê-lo sob a grade, que seria algo parecido com isso aqui. Então é assim que eu tenho no meu site. Então há duas maneiras de fazer isso, sabe? Então ele dá muita acessibilidade, e você pode mostrar o conteúdo parece com isso onde agora ele mostra o conteúdo na página. Você pode mostrar ao autor das datas, você sabe, mas eu sempre tirava o autor e algumas dessas outras descrições como categorias porque só parece bagunçado. Sabe, não há razão para ter esse tipo de informação no posto de bloqueio. As pessoas não se importam. Eles só querem ler o seu conteúdo. Mas eu realmente não me importo com você sabe em que categorias ele está? Sabe, como se eu não soubesse se eles se importam com isso ou não. Então essa é outra razão pela qual você pode usar isso. Como eu disse, você pode adicionar cores sobrepostas em todos os tipos de coisas legais para este cara. Então, você sabe, é apenas outra idéia. Vocês querem acrescentar isso. Então, fora isso, pessoal, pessoal, eu acho que isso cobre principalmente as configurações do módulo de bloco. , Você sabe, todos esses outros são basicamente padrão a cor do texto do cabeçalho, os cabeçalhos voltados para a metáfora quer. Então, se você quiser desenhar isso aqui na , sua página de bloqueio,então eu sou boba, por exemplo. Assim, as fontes de cabeçalho. Sabem, vocês basicamente já podem entender. Sabe, James adiantou nossa fazenda por isso. Então você sabe, eu não quero passar por cada opção porque eu tenho certeza que você sabe o que fazer neste momento . Diz isso, uh, é isso, caras para os módulos do bloco. Mas um último que vamos falar é outro módulo muito legal, mas é um pouco pouco menos usado, mas eu gosto. Então, na verdade é chamado ... Como é que se chama mesmo? Vamos mostrar-te. Então aqui de costume. Eu vou colocar este pequeno bem aqui, e nós vamos rolar para baixo bem aqui. E este é um B é chamado o post Navigation. Tudo bem, então pós navegação. Então, a navegação postada, tudo o que realmente faz, pessoal, é criar um separado, uh, como uma direção em frente para levar as pessoas. Então, por exemplo, eu vou pegar isso aqui e arrastá-lo aqui mesmo. Então não funcionou assim. Então foi realmente faz caras é ele dirige as pessoas para onde ir. Então a próxima página é Darryl Services. A última página foi contactar-nos fitness. Então é mais um diretório sobre ah, onde você pode dizer às pessoas para irem. Você pode editá-lo para adicionar mais informações. Você sabe, você pode se esconder no próximo post link Oregon, você sabe, desativá-lo. Então é legal. É um gadget legal para tipo de ajudar as pessoas a se tornarem mais direcionadas em seu site. Então há razões para usar isso, você sabe, como por exemplo, você coloca no topo da página, você sabe, e eu sei que muitas pessoas usam este módulo para o topo. E ao dizer que a próxima página é a página Contact US. A página anterior era a página sobre nós. Então, essa é a barra de configurações de navegação. É bem básico. E como eu disse, é só direcionar as pessoas para onde ir, se ele quiser. Você sabe, colocar no topo da página e adicionar alguns projetados para ele em uma cor de fundo. Poderia lembrar, neste módulo azul, você sempre pode adicionar em cores de fundo e todos os tipos de coisas legais. Ok, então é isso, pessoal, pessoal, para os módulos blogados e a navegação postada. Você tem alguma dúvida sobre a postagem ou as configurações do blog? Por favor, me avise, mas vamos falar sobre como você pode, você sabe , um, usar os layouts pré-fabricados e ficar um pouco mais avançado na seção que eu vou falar depois Falo sobre os módulos. Ok, então, hum, é isso, pessoal, por enquanto. Então, verei todos vocês na próxima palestra, então verei todos vocês lá. 24. Email + Countdown de: Como vocês são bem-vindos de volta? Como estão todos agora? Aposto que estás a começar a aprender o tema do Davy e estás a ficar mais confortável. Então vamos rever mais alguns módulos, e este vai realmente ter que lidar com o formulário de assinante de e-mail, que é muito legal. Há um monte de maneiras diferentes que você pode personalizá-lo também, então eu vou realmente criar um novo módulo aqui, e eu estou clicando neste ícone de adição. Eu sou um clique em regular e eu clicar sobre este aqui mesmo, e eu vou rolar para baixo para o, hum o e-mail opt em forma para que o e-mail muitas vezes formulário e os informantes mob muito legal, mas provedor de serviços. Digamos que você tenha um Weber, um queimador de alimentação ou um chimpanzé do correio. Você realmente teria sua chave A P I e colocá-la dentro, e eu vou te mostrar como fazer isso agora. Mas a primeira coisa que eu quero que você faça é realmente ir para o chimpanzé ponto com e fazer contas. Então a razão pela qual eu prefiro chimpanzé masculino é porque é grátis para os 1 000 assinantes. Qualquer coisa depois disso, você vai ter que começar a pagar. Mas as empresas como, no entanto, só te dão um teste gratuito de 30 dias. Então eu não acho que você vai conseguir cerca de 2000 assinantes e 30 dias. Certo? Então acho que o correio seria a sua melhor solução. E você pode ir até aqui e se inscrever de graça. E uma vez que você tenha criado uma conta será trazida para o seu painel. Parece algo parecido com isso aqui. Você sabe onde você tem assim? Sim, assim. Parece com isto. Este é o seu painel básico. Certo, agora, voltando a isso aqui. Vamos primeiro decorar isso. Então aqui, você pode adicionar um título, como, você sabe, assinar. Agora você pode adicionar em um botão de texto de assinatura. Então, aqui mesmo, assine. Você pode adicionar uma cor de plano de fundo. Se você quiser mudar a cor de fundo aqui mesmo. Você pode adicionar o que você sabe, a cor do texto para escuro, se você quiser, ou você pode ter como luz. E também podemos tê-lo no centro. Quer ver você quer adicionar algum texto aqui. Você pode ir em frente e entrar como, sim, inscreva-se nesta empresa. É incrível. Somos a melhor empresa do mundo, sabe, aqui mesmo. Então, vocês sabem, vocês ganham os pontos. Vou ficar muito preguiçoso agora, sem receber a mensagem falsa. Certo? Então, o design também, você pode alterar o formulário, cor de fundo. Você pode mudar a cor do texto do campo e, como a cor do sexo do foco, todos os tipos de coisas muito legais, pessoal. Então lembre-se, este é o cabeçalho, e este é o tipo de letra do corpo. Então, sempre que ele diz inebriante é cabeçalho, você pode mudar o telefone bem ali. E também a fazenda de corpos que estaria focada mais naquela seção bem ali. Então, como eu disse, há, você sabe, esses são todos os, você sabe, os recursos ou ah, bem básico. Você pode realmente personalizar o botão exatamente como fizemos anteriormente. Selecionando a alfândega para entrar, você poderia torná-la maior. Você pode torná-lo menor, etc. Então vocês entendem o ponto de como podem decorá-lo. Agora, digamos que você quer conectar suas contas de e-mail ao ... Mel chimpanzé. Então vá em frente. e fazendo conta do chimpanzé masculino. E uma vez que você não está criando uma conta, você estará diretamente nesta página. Agora você precisará primeiro criar uma lista, e a lista faz. É basicamente um, hum é um ah, é como um banco de dados onde você armazena os assinantes. Então você vai ligar o assinante ao macaco do correio e depois do chimpanzé masculino. Você pode enviar campanha para seus assinantes. Você poderia fazê-los comprar coisas ou fazê-los dar, você sabe, cupons, o que você está procurando. Então eu vou até aqui para criar uma lista e apenas ir para criar uma lista. E você pode dar seu nome de lista, e-mail, endereço, Você sabe, de quem dar um breve lembrete das pessoas por que eles assinaram sua lista e, em seguida, basta clicar em seguro eo que você clicar em seguro . Eu já tenho um, então eu realmente não quero criar outro. Ah, uma vez que você já tem isso, ou uma vez que você tem uma lista, você vai ter alguma. Parece que está bem aqui. Então você gostaria de usar esta lista, e eu acho que há diferentes tipos de listas que você vê aqui, um, ver suas listas de campanhas. Certo, então por minha conta. Na verdade, não lista. Eu sei. Há alguns outros que você deseja definir a lista para, como, como, os formulários de assinante, você sabe, basicamente para obter clientes para se inscrever em seu site. Eu não sei onde ele está. Talvez. Vamos ver aqui. Tenho uma lista bem aqui. Sim, não há como eu ver isso. Desculpe, pessoal. Então você vai ter que selecionar o correto para o para as listas. Ok, então, uma vez que você tenha criado suas listas, você realmente vai até aqui para o seu perfil e você está indo para ir. Teoh, você precisa pegar sua chave A P I. Então é isso que você precisa pegar é a sua chave A P I? Então, para fazer isso, vamos até aqui para o seu perfil. O perfil do comunicador. Agora, aqui, onde diz “extras”. Você vai ver uma chave P I. Isto aqui é a sua chave de um p i. Ok, então você vai ir em frente e copiar isso e você vai voltar lá. Podemos salvar isso agora, porque criamos isso. Nós vamos clicar sobre isso e salvá-lo, e nós precisamos realmente ir para as opções Devi e colar o, hum, o código lá dentro. Então, se eu for até aqui para o painel, eu role para baixo para Divvy, eu vou para opções de tema. Agora, se eu rolar para baixo, você vai ver o chimpanzé postal A p I key. Então vá em frente e cole-o assim. E então, quando ir em frente e descer, você pode clicar em Salvar. E agora os assinantes que vêm para esse site, eles serão realmente trazidos para esse formulário. E sempre que alguém se inscrever, ele vai salvar aqui mesmo na sua conta de e-mail. Então ele ainda não viu minha contagem aqui. Eu tenho cerca de 284 assinantes, então você sabe, todos eles serão salvos lá dentro. Então deixe-me dar um exemplo de como podemos voltar a essa página e conferir. Certo, aí está o meu formulário de inscrição. A minha coisa desapareceu. Então eu provavelmente tenho que entrar em algo lá. Então eu sou incapaz de construir visuais novamente. Oh, eu não selecionei a lista. É por isso que quando você faz essa lista aqui, pessoal, pessoal, como eu disse, meu é chamado de descontos do Darryl. Então os descontos do Darryl. Você precisa selecionar um. Se você não selecionar nenhum, ele não vai aparecer. Então, indo para aqui onde diz Mel, esta conta é minha é o desconto de Darrell. Então, se eu clicar nisso agora, ele vai salvar, porque agora eu estou dizendo o formulário para qualquer um que se inscrever aqui, eu quero que eles vão para cima. Quero que guardem a base de dados debaixo da minha lista e do chimpanzé do correio. Então eu realmente vou habilitar o construtor visual, e você vai ver que o formulário agora tem o primeiro e último e-mail e qualquer um pode se inscrever. É um módulo muito, muito, muito bom muito, muito bome útil. Então eu recomendo usar este, e eu recomendo usar o macaco de correio porque, lembre-se, é grátis para o primeiro. Acho que diz 2000 assinantes. Isso é muito, você sabe, como isso é muito s. Então pode ser para os 1º 2000 assinantes. Então essa é outra razão pela qual você quer escolher o chimpanzé do correio. Ok, então essa é a visão geral do e-mail muitas vezes formulário. Vamos em frente agora e apresentá-lo a alguns outros recursos realmente legais. Tudo bem. Então, em seguida, vamos realmente adicionar outro módulo. Vamos ao normal e escolher um aqui, e vamos rolar até os contadores circulares. Então esses são caras bem básicos. Na verdade, são extremamente básicos. Agora, eu tenho um exemplo disso. Então divirta o layout de TV de Darryl um ponto com Deixe-me dar um bom exemplo de por que você gostaria de usar esses. Certo, voltando para cá, vou responder ao círculo masculino. Então isso é basicamente o que você está vendo agora eu vou para o meu site aqui e eu vou em frente e rolar para baixo. Você vai ver que todas essas coisas aparecem assim. Então é isso que o Você sabe que isso é, então há um monte de maneiras diferentes. Então, um pequeno teste agora? Então, só de olhar para isto, vocês podem dizer o que é isto? Isto? É um módulo de texto. Isto é uma divisória. São quatro desses ícones. São quatro desses módulos, um ícone de texto, um divisor e um ícone de texto. É isso. Isso é tudo o que é. E a razão pela qual parece que fizemos isso antes, lembra? Usamos esses formulários de fundo e, vocês sabem, que vocês possam ver que há muito uso para isso. Parece legal, parece profissional. E eu personalizei para realmente olhar incrível e olhar muito legal. Então essa é outra razão pela qual você quer fazer isso. Voltando aqui, como eu disse, você pode adicionar o sinal de porcentagem que você poderia colocar em como nossas vendas. Você coloca um número talvez como 50 e você também pode torná-lo um por cento. Então, se você quiser por cento, ou talvez você tenha, tipo, 1000 8000 clientes, você sabe algo assim, veja como ele muda e você pode ter a cor do texto muito escura ou até mesmo ter uma luz de reboque. Mas podemos sempre mudar isso. Mais tarde, nas configurações mais avançadas, você pode ter a cor de fundo da barra muda bem, então talvez você queira que isso seja preto e você pode desativá-lo, é claro, mas vamos falar sobre desativar , é claro, mais tarde no mais avançado É claro. Agora, para o design, você pode ter a cor do círculo. Você quer mudar o você sabe, cor do círculo, bem como a opacidade da cor do círculo. Então você pode realmente alterar a opacidade da cor do círculo. Então essa é outra característica legal sobre isso. Agora, para a fonte do título, você pode mudar o título Fair em nossos vos. Sim, mudando bem ali. Você pode nos mudar quem você quiser O espaçamento entre linhas de título, etc. Agora também o número Por enquanto, o número acha muito importante assim como as tabelas, as tabelas de preços Isto aqui você pode mudar o tipo de fontes e depende de que tipo de problema do site da natureza. Não, se é muito profissional, você pode querer realmente uma fonte de aparência profissional. É mais RC pode ser coberto por sua graça é como um tipo mais artístico Olhe, você sabe, você sabe, modo que ele se parece com isso para que você também pode fazer o número não de tamanho da fonte também. Se você torná-lo maior, você pode torná-lo menor assim Você pode mudar a cor do texto numérico assim como está fazendo um azul Você também pode fazer o espaçamento numérico Você pode torná-lo enrolado. É muito grande, certo? Como isso. Ok, agora nós fizemos isso aqui, então talvez você realmente queira duplicar esta linha. Sabes, acho que é uma boa ideia a fazer. Talvez quatro desses, você sabe, colocar esses, uh, realmente sabe o que você provavelmente precisa para fazer o módulo assim. Este é um tipo normal, onde as pessoas fazem isso por, você sabe, eles têm, tipo, quatro barras, e eles ficam cheios com ele. Parece que isso é e podemos fazê-lo cheio com. Eu só estou mostrando que você tinha basicamente, você sabe, projetá-lo, você sabe, para fazer parecer realmente legal e único. E você pode colocar um texto embaixo disso assim como eu fiz aqui. Você pode ver que eu coloquei um, um contador de barras abaixo dele e eu coloquei alguns textos abaixo dele. Então, você sabe, esse é um uso básico em como você pode usar esses módulos. E como eu disse, há maneiras diferentes de personalizar seu. Há muitas maneiras diferentes de usar isso. Você só tem que ser criativo, e eu vou falar mais sobre como encontrar melhores exemplos mais tarde no curso avançado. Quando falamos sobre o que foi feito para coisas assim? Então isso é basicamente caras para os contadores de círculo, é bem básico. Vamos em frente e passar para outro módulo. Então eu vou clicar aqui e ir para o normal. Vamos definir o grande, e acredito que o próximo que vamos falar é o módulo de código. Agora, se você não é um desenvolvedor, se você não é, um, você sabe, hum, se você não é um desenvolvedor, eu não usaria isso. Eu só não usaria isso então. Eu não vou realmente recomendar isso, porque se vocês estão assistindo isso e você provavelmente não é um desenvolvedor, Mas se você é, isso seria basicamente onde você pode entrar em seu CSS personalizado ou sua codificação se você quiser ter algum tipo de recurso extra, este é o lugar onde você entraria. E como você disse, você poderia entrar lá e ele aparecerá conforme necessário. Mas eu não vou apresentar este módulo porque a maioria das pessoas não são desenvolvedores de código, e este não é um curso de codificação. Então eu não vou falar muito sobre o módulo de codificação. Ok, então a seguir nós vamos fazer adicionar uma nova seleção, mas se vocês tiverem alguma dúvida sobre codificação ou assim, há outros cursos onde vocês podem aprender sobre codificação, talvez inserir código personalizado lá. Talvez você queira uma certa forma ou algo lá dentro que apenas Devi não oferece. Essa não é uma solução sobre por que você provavelmente gostaria de usar a seção de codificação. Agora, vamos falar também sobre o temporizador de contagem regressiva Thea. Agora, os caras da contagem regressiva são bem parecidos. Teoh isso aqui. Só que basicamente dá uma contagem regressiva. E isso é bom para, tipo, entrar em contato conosco páginas ou em breve ou algo do tipo Onde você quer introduzir alguma coisa? Por isso, neste momento vou dizer esta contagem regressiva para a 31ª. Lá vai você. Ele já sabe que data é? Sabe que horas são? E você pode, você sabe, colocar, hum, hum, contagem regressiva para o meu aniversário. Que apenas gosta disso. E você pode realmente você pode mudar o fundo, a cor, etc. Você sabe, você pode mudar a hora por fontes. Hum, o que você quer basicamente mudar para que você possa realmente alterar isso também. Você pode adicionar em algumas horas adicionados em alguns minutos, para que a cor do texto que você pode ter. É luzes que você pode adicionar em uma cor de fundo. Se não, veremos. Agora é tudo branco. Talvez precisemos da cor de fundo. Certo? Então, provavelmente vamos colocá-lo como um preto. Sabe, algo parece preto. E como eu disse, há um monte de recursos diferentes são maneiras de usar isso. Agora você também pode alterar a fonte do cabeçalho. Conte com o meu aniversário, etc. Você pode alterar os espaçamento numérico. Alguma coisa sobre estes números? Esse tamanho de fonte para os números aqui. Os telefones da etiqueta também, para que você possa alterar as fontes da etiqueta se você pessoalmente gosta aqui. Então, esta queda na parte inferior se aplica aos fonds rótulo. Está bem. E lembre-se, digamos que você gosta que eu não quero isso assim. Conhece os módulos? - Não. Bom. Lembre-se, esta linha controla este módulo, então se você quiser torná-lo maior, você sabe, você pode fazer isso simplesmente facilmente. Você pode fazer com que pareça qualquer coisa que você quiser, então isso parece muito legal. Então há um monte de maneiras diferentes que você pode tipo de introduzir esses módulos e como eu disse , eu vou ter ah um teste para vocês mais tarde sobre. Vou te mostrar um site e eu gosto Como faço isso? Você pode saber como fazer isso. Você sabe como usar os módulos Davy. É só que requer pensamento crítico em um ponto. Certo, então isso é sobre vocês do módulo do condado. Em seguida, vamos passar por cima de um último módulo neste curso, que é o módulo de comentários. Então eu vou realmente salvar isso aqui. Em nossa última palestra, falamos sobre mensagens de bloqueio. Acredito que sim. Foi o último módulo, mas vamos apenas dizer que você quer introduzir uma seção comum. Então eu vou passar por aqui sob o meu painel e vamos para a minha página de postagem para que todas as postagens e eu vou testar o log para, e eu vou habilitar o construtor visual apenas assim. Então este funciona quando você está em um post, e é útil para muitos outros recursos se você quiser que as pessoas falem sobre comentários como esse. Então, se você quiser adicionar um adicional como enviar seus comentários talvez, você sabe, na parte inferior dessas páginas, como quando você vai para Washington Post, onde ele diz o caminho de baixo, como, envie seus comentários. Talvez você queira ter, tipo, sua própria forma lá. Certo? Então deixe-me mostrar-lhe como fazer isso. Então eu vou ir em frente e, hum, você sabe, eu vou apenas excluir este aqui em, hum, eu vou apenas clicar sobre isso em um novo módulo e nós vamos entrar no módulo de comentários. Assim, o módulo de comentários basicamente permite que você tenha uma seção comum adicional, e você pode nos adicionar em qualquer lugar. Pessoal, vocês podem ter isso na sua página inicial, o que quiserem, para que possam desenhá-lo. Você também pode alterar as cores de fundo do campo. Então você tem uma postagem em bloco sobre algo e você quer, como, algo no caminho, bem no fundo da página para falar sobre seus comentários, você sabe, e então alguém pode comentar sobre isso, e, você sabe , todas as suas mudanças lá seriam ao vivo. Então, hum, você sabe, é apenas mais um recurso que Devi adicionou. Se você quiser adicionar mais comentários ou você quer ter uma seção de comentários específica em algum lugar, e as pessoas podem responder a ele, você sabe, eles podem se envolver nele e todos os tipos de coisas realmente legais para que um monte de diferentes maneiras que você pode usar, você sabe, usar este módulo. Então eu recomendo. Então é um módulo legal. É mesmo. Isso tem um monte de trabalho, e você pode personalizar o mas na cor de fundo em todas essas configurações, pessoal. Ok, então é sobre isso para esta palestra, pessoal, na próxima palestra, vamos falar sobre o módulo de login, então eu vou ver todos vocês lá. 25. Módulo de barra e de galeria: Como vocês são bem-vindos de volta? Então, nesta palestra, isso vai ter a última visão geral dos módulos restantes. Então parabéns por ter chegado até aqui. Nós cobrimos um pouco de módulos, mas agora você está se tornando um especialista em Devi. Então vamos continuar agora e mergulhar direito nisso e começar. Então eu vou clicar neste pequeno ícone azul, e nós vamos abrir os outros módulos, que seriam o módulo de galeria então rolando para baixo aqui, vamos clicar no módulo de galeria. E o que o módulo do dólar faz é mostrar seu trabalho. E lembre-se, você pode realmente mudar o, você sabe, o espaçamento, as letras, as fontes, tudo assim. Seja o que for que possas pensar, sabes, para mudar. Você sabe, o fundo do título, você pode torná-lo maior. Você poderia torná-lo menor. Todo o tipo de coisas legais. Voltando aqui agora, precisamos criar uma galeria primeiro. Porque agora está apenas nos dando os padrões por padrão. Então aqui, vá para a galeria de atualizações. Agora, vá em frente e apenas talvez adicione algumas imagens, e você também pode segurar o botão de controle assim. E vai agarrar estes quatro. Então eu tenho essas quatro imagens. Eu sou um clique em anúncios, uma galeria clique em Atualizar galeria. Então agora temos essas quatro imagens que aparecem e elas aparecem em um tamanho normal caras, então elas podem não ser perfeitas. Então, um, você sabe, isso é apenas uma maneira de Teoh carregar isso agora. Digamos que você quer mudar o layout. Você pode realmente ter um lado deslizante em vez disso. Então vamos apenas dizer que você sabe, você quer que isso seja como um controle deslizante básico. As pessoas podiam apenas, você sabe , olhar através das imagens e ver o que é ótimo para a fotografia, você sabe, ele tem seus propósitos, e abriu uma caixa de luz bem ali para que você possa tipo de ver Agora. Digamos que você quer ter nossa animação automática, então basicamente a cada 2000 a cada dois segundos, o controle deslizante vai mudar por si só. Não vai exigir que ninguém clique, ou você pode tê-lo como talvez a cada segundo. Então, todos segundos. Isso vai mudar por si só. Então é isso que a animação automática faz. Então eu vou colocar talvez 7000 segundos, porque isso é meio que um longo, uh, é meio que muito cintilante, você sabe, ele vai como, você sabe, O incômodo era os olhos. É também o layout da grade. Então, o que o layout da grade faz é que ele dá o texto abaixo dele. Então vamos apenas dizer que você quer, você sabe, mudar seu imposto de design ou qualquer outro texto. Você pode colocá-lo sob todas as tampas ou qualquer coisa que você quiser adicioná-lo. Então, este é basicamente o lugar onde você poderia, você sabe, mudar sua mudança de fonte ou cores de texto enfrentadas etcetera nesta seção. Então, há muitos propósitos para esse cara. Você sabe, se você tem, tipo, um se você é um fotógrafo, você quer mostrar um monte de suas coisas. Esta é uma boa ideia. E lembre-se, você pode fazer isso completo com, e você também pode reduzir a calha personalizada bem e torná-lo parecido com isso. Então talvez você possa ter um grande arco. Você sabe, nosso projeto chave. Você sabe, você pode saber, ter um monte de fotos agrupadas, mas tipo de correspondência ao mesmo tempo. Há muitas razões pelas quais você gostaria de usar este módulo. Sabe, parece muito bom e elegante, então isso é basicamente uma visão geral do módulo da galeria. Então, em seguida, ele vai para o próximo módulo, que vamos falar sobre o módulo mapa. Então, os caras do módulo de mapa é idêntico ao completo com módulo de mapa. É a mesma coisa. Então, se eu clicar no mapa aqui, você vai ter que obter um mapa do Google. Agora, se vocês não assistiram antes, quero que vocês voltem e vejam a galeria de mapas completa, porque é a mesma chave de p i . Não há diferença. Então vamos dizer que eu quero ser Ah, você sabe, você sabe, meu endereço central de mapas é em Pasadena. Quero que encontrem Pasadena, Califórnia. Está bem, fixe. Então agora encontrou Pasadena, Califórnia. Bem aqui. Mas eu preciso meio que colocar em uma marca, você sabe, eu preciso colocar em um pouco de I d Mark. Então, para fazer isso, vamos clicar em adicionar novo item e, tipo, colocar nosso negócio bem aqui. E aqui mesmo, vamos colocar em Pasadena, Califórnia. Clique na caixa de seleção, e lá vai você. Então, você sabe, às vezes os caras, o mapa não aparece assim. Então eu vou realmente descobrir por que o pino não funciona. Às vezes é muito estranho . Sabe, às vezes funciona. Às vezes, não. Então eu vou clicar em encontrar de novo, e você é isso. Oh, você sabe, eu tranquei agora, então eu tenho que voltar. Então deixe-me fazer isso mais uma vez. Então eu vou voltar aqui para Pasadena, Califórnia. Mas, sabes, descobri que este módulo tem muitos problemas. Às vezes, quando não está no editor visual, quando você não está usando o editor visual e usa o verso, e geralmente funciona mais. Mas eu tive alguns problemas com o módulo dele, então parece que ele está agindo, então eu vou colocar Pasadena, Califórnia estava lá, então eu sei que você sabe por que eu não encontrei bolsa que eu não pressionei encontrar, É por isso. Tudo bem, então eu pressionei encontrar, e você vê como os pinos não estão chegando. Então, se isso acontecer, você não coloca nosso negócio. Isso acontece com vocês. Basta usar a parte de trás e editor porque parece que aqui nós entramos incorretamente. Não está aparecendo neste pequeno mapa aqui. Então eu vou clicar em verificar e clicar em seguro. E se o pin não aparecer na parte de trás e eu sinto muito pelo editor visual, então basta usar o verso e o editor. Então eu estou indo para x construtor individual. Agora vou rolar para baixo, e funciona. Então, parece que apenas na, uh, da perspectiva visual, talvez eles tenham que fazer pequenas atualizações onde o ponteiro não aparece ou não. Mas, você sabe, tenha certeza, ele vai aparecer. Ele funciona. Você está aplicando um tema quebrado, sabe, como se não fosse assim. Então, você sabe, na verdade o construtor visual e veja, lá está ele agora, então ok , você sabe, isso é uma pequena falha, mas lembre-se, você também pode fazer isso cheio com, você sabe, basta clicar sobre isso cheio com e fazer o dedo do pé calha personalizado um para o número um. Assim e lá vai você. Então agora você tem um completo com seção. Então, é basicamente a mesma coisa que o completo com módulo, exceto que eles acabaram de adicionar na sarjeta personalizada para suas coisas assim. Então, se você quiser mostrar seu portfólio onde você está agora, realmente tem um exemplo deste módulo. Então este é o meu site da irmã que eu criei. Não sei o que fazer com ele. Eu só fiz para achar que eu poderia vendê-lo. Então aqui, vocês podem ver que eu adicionei o módulo completo com Matt. Então este é um exemplo perfeito de como você pode usar o módulo completo com Matt. Ok, então em seguida, vamos em frente e ir para a outra seção onde vamos falar sobre o conteúdo para o formulário de login. Então, para o registro informar, você teria que ter algum tipo de, hum, registro em seu site. Você sabe, como talvez as pessoas possam entrar em seu site para, você sabe, como eu sei que para vendedores de comércio mu, as pessoas podem fazer upload de produtos em seus sites ou para um fórum. Se você tem um fórum. Este é o lugar onde você teria um formulário de log. Mas se não, você sabe que não tem que usá-lo. É só por, sabe, por muito tempo. Mas há um monte de maneiras legais que você pode ajustar, e eu realmente recomendo usá-lo na seção widget. Mas vamos falar sobre isso, na verdade na próxima seção. Então eu vou descer por aqui. Teoh para o, uh como se chama? Aquele CTR. Eles fazem login aqui mesmo. Então este é o registro Inform. Agora eu vou clicar nisso e talvez, você sabe, entrar, entrar, fazer login na página. Agora, se você quiser que eles sejam redirecionados para uma página, você pode clicar em redirecionar Teoh redirecionou a página atual. Ou você pode realmente estar em outra página agora para a cor de fundo. Se você pode mudar a cor de fundo dele aqui mesmo. Então vocês podem ver que esta é a página de login e eu estou logado como howdy porque eu estou projetando o site. Então, estou logado agora. Mas se você tiver outras pessoas que fazem login em seus sites, você pode usar esse contato. Estou tentando esta página de login. Então, por exemplo, alguém tem um formulário. Você pode usar esta página de login para o seu fórum. Agora, você também pode fazer como você pode inserir no texto. Você sabe, uh, você sabe, logar aqui, cara. Então, parece que, e você pode desativar o seu, mas vamos falar sobre isso um pouco mais sobre as seções inventar, a configuração de design Então você pode alterar o fundo do campo de formulário. A razão pela qual não aparece é porque eu já estou logado no momento. E se eu sair, não posso te mostrar isso. Então, seria difícil para mim mostrar-lhe. Na verdade, posso te mostrar no meu safári. Então eu vou basicamente, você sabe, isso é basicamente, você sabe, para essas configurações bem aqui, então eu não posso realmente mostrar a vocês, mas eu vou mostrar a vocês como é de outro ponto de vista. Então, hum, eu vou clicar sobre isso. Eu sou um clique no cofre, e nós realmente vamos abrir minha página de safari e eu estou realmente indo Teoh, vai, Teoh, abrir um safari aqui e nós vamos Teoh, veja? Vai atualizar esta página? Vamos ver “Aqui está esta a página certa”. Sim. Então, a página de login. Lá vai você. Então aqui, você pode ver que tem um nome de usuário e um login. E se você tem usuários que fazem login em seu site, por qualquer motivo, é aqui que eles podem inserir o nome de usuário e senha, e eles serão capazes Teoh entrar em seu site. Por isso, neste momento, não tenho utilizadores que iniciem sessão nesta palavra-passe. Sinto muito neste site, então eu realmente não preciso disso. No entanto, no meu site darrell wilson dot com eu tenho pessoas que registrando no meu site porque os produtos de upload para vender. Então essa é uma razão pela qual você gostaria de usar a página de login. Agora, vamos para a outra seção. Vamos falar sobre a barra lateral. Agora as barras laterais. Provavelmente é bom para a página longa, certo? A maioria das pessoas tem, tipo, uma assinatura para nós algo assim. Então eu só vou em frente e ir Teoh, uh, uh, mais uma página nova e realmente saber o quê? Vamos integrar isto. Na verdade, vamos integrar o Yeah, vamos integrar esta seção de especialidade. E também a barra lateral porque andam de mãos dadas. Então aqui, vou usar o construtor Devi. Agora, eu mostrei a vocês as seções padrão e as seções mais completas. Mas talvez você queira a seção de especialidade, então a seção especial está meio dividida de uma maneira diferente. Pessoal, é basicamente a mesma coisa que muitas outras modelos. Mas você vê como é a forma como os desenhos parecem diferentes? Talvez você possa ter uma grande seção aqui. Eles meio que quebraram tudo para que você tornasse um pouco mais criativo. Então, por exemplo, aqui, vamos clicar neste agora. Bem na parte de trás. Você vê, eu posso colocar um módulo aqui, um modelo aqui em um módulo aqui. Agora, talvez aqui. Posso adicionar na barra lateral. Então, indo para cá, vou adicionar uma barra lateral. Basta clicar em, OK, talvez eu possa adicionar nesta barra lateral e, em seguida, aqui mesmo. Ouviu isso? E então aqui foi adicionado como um texto bem aqui. Chegamos até você. Veja como você pode meio que ajustado, viver mais criativo. Então é para isso que as seções especializadas. Ele só cria um estilo diferente, você sabe , cria um formato diferente. Então ele realmente permiteque você controle e gerencie totalmente o site. que você Então eu coloquei como um ícone de mídia social. Eu não sei. Vamos apenas adicionar um aqui, dar a vocês uma visão geral básica dar a vocês uma visão geral básica da barra lateral. Ok, então eu vou usar o construtor visual agora. Tudo bem. Lembre-se, eu tinha duas barras laterais. Então esta é uma barra lateral, e esta é a outra barra lateral, então isso é basicamente bom para postagem de bloco, então talvez aqui. Eu sinto muito. Talvez aqui mesmo. Podemos realmente fazer algo onde podemos colocar um blawg e então ah, barra lateral, barra lateral que é muito comum. Então vamos fazer isso. Vou entrar em uma nova seção. Eu não tenho algo como, uh, como algo assim aqui. E este módulo irá colocar uma barra lateral. Tudo bem. E então esta seção aqui, vamos colocar o, uh, blawg. Essa é muito comum. Muitas pessoas tendem a fazer isso porque é bastante comum, e eu vou clicar nas alterações de pré-visualização para que você possa ver isso parece bastante padrão que temos. Nossos posts recentes são comentários recentes são arquivos são categorias e tudo mais. Então este é o nosso post de bloco, e esta é a barra lateral da tese. Agora, há muitas coisas diferentes que podemos fazer com as barras laterais. Então, na próxima seção, vou introduzir plugins e vou introduzir widgets. E então vamos falar sobre como você pode adicionar widgets, como talvez um Facebook como latidos ou instagram feed ou algo assim para estes barra lateral, porque estes eram praticamente lixo. Como meta ninguém usa meta. Ninguém usa categorias. Ninguém se importa com seus arquivos, você sabe. Mas talvez um facebook como caixa, ou algo realmente legal estaria lá, você sabe, no meu site, eu uso o widget. Eu uso o site do nosso ícone, e eu realmente tê-lo sob ah, veja sob o meu blawg. Vamos ver se eu clico em um desses que eu admiro. Sim, então aqui eu tenho a barra lateral dos anúncios. Então eu coloquei, você sabe, eu coloquei um monte de anúncios bem aqui no lado. Talvez alguém clique nele. Talvez eu faça uma comissão, sabe, quem sabe? Você sabe, eu prefiro deixá-lo lá e ter uma chance, prefiro não tê-lo lá e não ter uma chance. Ok, então na próxima seção, vamos falar mais sobre plugins e widgets e coisas. Você pode adicioná-lo na barra lateral, mas além disso, os caras foram praticamente feitos com todos os módulos. Então, se tiverem alguma dúvida sobre qualquer uma das modelos, sintam-se à vontade para perguntar e me avisem. Vejo vocês na próxima palestra. 26. Quez3: Ei, pessoal, bem-vindos a esta palestra. Este é um novo teste para você. Também. Eu quero que você tipo de olhar para este site e este é na verdade o meu site. Então eu quero que você olhe para este site e tipo de entender que modelos eu usei aqui. Então eu uso uma linha de duas colunas. Então aqui temos essas duas colunas bem aqui. E coloquei uma imagem aqui em cima, mas na verdade empurrei para baixo. E isso foi, na verdade, uma demissão da Divvy. Agora, isto aqui é um módulo de texto, outro módulo de texto, um módulo de texto. Mas isto aqui é uma tomada. E isso aqui é apenas um botão normal, então você pode ver bem aqui. É só um botão normal. E a outra parte aqui, esta é para a versão móvel. Portanto, isso está desativado na área de trabalho. Próximo. Você quer rolar para baixo caras muito simples. Sabe, é uma imagem de ah. Acabei de adicionar um fundo bem ali. Eu coloquei um chamado à ação, e como você pode ver aqui está a oferta limitada do ah. E é apenas um módulo de chamada à ação e também esta parte aqui. Vocês podem não saber o que é isso. Estes são, na verdade, quatro controles deslizantes que eu tenho condensado juntos. Então estes são todos os quatro controles deslizantes, e eu decidi mudar o fundo de cada um deles. Reduzo o estofamento. Então, como resultado, ele criou este efeito realmente legal que eles são todos scrunched juntos. Em seguida, você tem nossos depoimentos do YouTube, e este também é um layout da divvy. Então é basicamente um módulo de texto de módulo de texto e, em seguida, outro Ah, três modelos de texto bem aqui. Então, como realmente fez isso? Bem, na verdade, crédito total vai para Davy por fazer isso. Vocês podem ver o módulo aqui. Eles apenas colocaram a ... você sabe, a carta bem ali. O Darrell Wilson. E então eles têm uma imagem, que é a mídia de anúncios de cinco estrelas. Então, assim mesmo, eles criaram isso. Então lembre-se, este é realmente um layout pré-feito e minhas outras palestras. Vamos falar sobre layouts pré-fabricados. Então, logo atrás, não quero levar nenhum crédito do Davy. Eles criaram esse layout, e eu acabei de importá-lo e usá-lo no meu site. seguida, você tem sua outra seção, que é um texto e outro texto com cinco imagens dentro dela. Então você pode ver bem aqui. Vou rolar para baixo e bem aqui. Veja, este é um módulo de texto. Este é outro módulo de texto. E se eu abrir isso, você vai ver que são apenas cinco pequenas fotos. Eu adicionei, e coloquei links neles. Então eles clicam nesta edição butts in. Vocês podem ver isso aqui. Eu tenho um link, um euro personalizado, um link bem ali. Então foi assim que eu criei essa seção de especialidade. Então, com efeito, salvando saídas e nós vamos para, uh, nós vamos checar talvez duas ou três páginas. Pessoal, eu tenho, tipo, 20 páginas neste site, então pode levar muito tempo. Então vamos agora olhar para a loja. Então eu vou para aqui na minha outra página e mostrar-lhe o back-end. Então esta é a loja, que também é outro layout pré-fabricado criado pela divvy. Estou te dizendo, cara, esses caras vão fazer seu apetite por você. Sem problema. Só tenho uma espécie de edição e tudo o que então estamos fora da parte de trás do gás, Comptel que este é um módulo de texto e este é outro módulo de texto. Agora, você poderia realmente ter colocado apenas um módulo de texto, mas às vezes eu gosto do espaço entre eles. Isto aqui é um, hum, este aqui é todo texto aqui. E eu adicionei uma divisória em torno desta coluna bem aqui. Vocês podem ver que há um divisor em torno desta coluna e eu coloquei texto, texto, texto, texto, botão de texto e depois divisor porque eu queria criar o espaço que eu queria colocar abaixo do botão. E vocês podem ver que parece muito bom. Então, você sabe, é bem padrão, você sabe, texto, texto, texto , sexo, sexo, Tex, mas em divisor. E, em seguida, soprar isso bem aqui. Adicionei outro módulo de texto, e lembre-se, ele está aqui. Diz termos de serviço. Podemos fazer disso um link para que você não precise realmente adicionar um botão. Você sabe, você não tem que ter um botão para tudo, você sabe, , você sabe, você pode apenas fazer isso um hiperlink que vai fazer muito bem. Então a próxima que eu quero ir é provavelmente ... Vamos ver para onde vamos. Eu construo seus sites. Podemos fazer isso. Talvez isso também seja muito parecido. É provavelmente a mesma coisa que vocês podem ver. Este é um módulo de texto. Este é o preço. Texto de texto é basicamente a mesma coisa, pessoal, exceto que eu decidi jogar em algumas cores diferentes, e eu decidi colocar em alguns outros layouts. Isto aqui é um módulo de texto. Um módulo de texto. Não, eu sinto muito. Isto aqui é um módulo de chamada à ação Call to action. Chamada à ação. E lembre-se, eu simplesmente não adicionei o botão para a chamada à ação. OK, então é uma linha de duas colunas com uma chamada à ação, então é muito simples. É muito fácil de usar, mas agora está acontecendo com a seção editorial. Então aqui temos outra seção interessante e vamos voltar aqui e vamos olhar para o back-end e vamos devagar nessa porque pode haver outras coisas que você não tem certeza. Ok, então muito rápido, eu adicionei um ah, aqui, vamos olhar para o site do back-end só para ajudar a todos vocês. Então aqui eu adicionei um módulo de texto, um módulo de texto. Eu só centralizei isso. Esta seção aqui eu acabei de adicionar em um modelo de texto, mas eu decidi dar um pouco de cor e aqui abaixo disso, eu adicionei em outro modelo de texto, mas eu queria usar algum texto diferente. E lembre-se, eu fiz disso um parágrafo básico. Então, hum, é como, uh, você sabe, se eu quiser mudar as configurações, eu vou para o modelo de texto e mudar essas configurações bem aqui. Adicionamos outro módulo de texto aqui. Nós adicionamos um divisor, e então aqui, isso é tudo um módulo de texto, e então este é um botão. Ok, agora a mesma coisa aqui, pessoal, lembrem-se, é exatamente a mesma coisa. Nós apenas meio que espaçamos. Você vê como eu tenho crédito que por isso parece muito bom. Então, hum, isso é basicamente um resumo da, hum desta página. Agora, uma última página que vamos olhar é o Nós vamos apenas para esta página aqui. Vamos para a página editorial do Wall Commerce e mostrarei o back-end para esta página também. E no saguão, é porque há. Eu tenho um monte de páginas neste site, e então eu realmente levar muito tempo Teoh para fazer isso. Então isso aqui eu adicionei em um módulo de ataque de módulo de texto e esta seção bem aqui. Estes são na verdade ambos os modelos de texto Agora, também eu realmente fiz foi pegar o vídeo do YouTube e eu apenas fui para o texto e apenas levou o vídeo. Agora, para fazer isso, você só precisa ir para o YouTube, ir para o meu canal, e eu vou em frente e pegar um vídeo, e eu vou em frente e clicar em compartilhar. Sim, aqui diz, Incorporar bem ali. Clique na cama, clique com o botão direito. Copie isso e, em seguida, coloque isso bem ali e certifique-se de que há uma aba bem aqui embaixo do módulo de texto . Há um visual, e há um texto. Certifique-se de colocá-lo no texto. Você colocou no visual. Ele não vai funcionar e apenas colá-lo lá assim e o que você faz que eu vou ir em frente e salvar e sair apenas para mostrar como isso parece. E agora você vai ver os vídeos do YouTube. Então lá vai você. Então, há outro vídeo de, ah, ah, este site ou este vídeo, seja lá o que for. Então é assim que você colocaria em um vídeo do YouTube e seu módulo de texto. Então eu vou fechar isso, tudo bem, e vamos voltar e visualizar esta página tão rapidamente. Isto aqui, vamos em frente e verificar o que realmente fez. Eu uso aqui. Acho que só uso um regular. Usei um modelo de imagem. Ok, eu poderia ter usado um módulo de texto, mas , hum , este é um módulo de imagem, um texto , um texto, um texto e modelo de imagem, um texto e, em seguida, texto abaixo que temos usado outro módulo. Viu o que usei aqui? Já faz um tempo. Já faz muito tempo. Eu adicionei o ah, o módulo deslizante. Então este é basicamente apenas um módulo de controle deslizante e eu meio que fez parecer uma seção de depoimentos para que você possa ter depoimentos contínuos bem aqui. Então este é basicamente um controle deslizante, exceto que eu só uso isso para se misturar com tudo. Então lembre-se, é tudo sobre ser criativo. Caras com seus sites, eu só acho e você também pode olhar para outros sites e obter idéias que vão realmente ajudá-lo . Ok, então é isso para este teste. Espero ter ajudado você a obter mais algumas idéias sobre como você pode usar o tema divvy para criar praticamente qualquer coisa. Então, verei todos vocês na próxima palestra. 27. Plugins e widgets: Ei, pessoal, bem-vindos de volta. Então, nesta palestra, vamos falar sobre plugins e também vamos falar sobre widgets. E a razão pela qual eu meio que combiná-los é porque conectar os widgets realmente andam de mãos dadas. Há muitas razões pelas quais um monte de plugins que você instala iria basicamente na área do widget. Agora, deixe-me dar a vocês Ah, visão geral rápida do que é um plug in. Então, um plug in é basicamente um recurso adicional ao seu site, e não custa nada. Existem alguns plugins premium, mas muitos deles são gratuitos. Então nós chegamos aqui e ir para plugins e apenas ir para adicionar novo. Você vai ver menos plugins, e estes têm todo o tipo de coisas. Talvez você queira ver um tipo de tema que alguém está usando. Você sabe, esta é uma checagem temática onde você pode verificar que tipo de equipe eles estão usando. Este aqui é super elenco, que basicamente reduz o dinheiro para que ele faz o seu site um pouco mais rápido e apenas clicando aqui impopular. Você pode ver como os mais populares, como, você sabe, um total de dinheiro que reduz a velocidade do reduz o dinheiro no site Google XML mop site . Então, se você quiser gerar um mapa do site, você pode resolver esse plug in, bem, comércio. Isso lhe dá a capacidade de vender algo. Yoast Seo. Isso basicamente faz com que você esteja na otimização da página seja totalmente otimizada. Eles têm todos os tipos de aparelhos muito legais, pessoal. E, como o formulário de contato sete, que basicamente cria um contato nos página updraft WordPress backup plug in. Então isso basicamente cria backup do seu site. É por isso que eu disse, você sabe, você nunca precisa comprar aqueles como coisas do Gator anfitrião ou qualquer site que oferece como, Oh, bem, fazer backup do seu site. Só não faça isso porque você tem essa tomada aqui e você não precisa pagar por isso. E eles também têm, tipo, o indicador off. Então, talvez se ele quiser ter segurança extra em seu site, você pode ter um indicador de duas vias fora, como um painel Analects de anúncios do Google. Eles têm todos os tipos de plugins, pessoal, então eu realmente não posso dar a vocês como o que é o melhor plug in. Sabe, é difícil conseguir que as pessoas respondam porque todos têm uma necessidade diferente, você sabe, para o seu site. Então, Então, esta é a parte em que vocês se aventurariam e descobririam. Talvez como eu precise no Instagram. Sabe, nossa caixa de Facebook. Vamos digitar Facebook como caixa Facebook. Como beliches assim. Tudo bem. E aqui você recebe uma lista de Facebook como caixa. Então essas bruxas afirmam que vão criar uma caixa de Facebook para vocês. Alguns deles são muito ruins, mas alguns são realmente incríveis. Agora, eu pessoalmente comecei a usar este aqui. Este. Funciona muito bem. É fácil. Então tudo que você precisa fazer é clicar em Instalar agora e eles clicam em Ativar Agora. Eu já instalei isso. Então, para vocês , será assim. Seria como, você sabe, você sabe, instalar agora e então você vê, ele está instalando bem ali e então ele vai dizer ativa. Clique em Ativar. E lá vai você. O entupimento está agora ativado. Agora queremos usá-la. Então, a fim de usá-lo. Alguns plugins funcionam na barra lateral. Alguns plugins não funcionam na barra lateral, mas a maioria deles trabalha na área do widget de barra lateral. Porque lembre-se desta seção aqui. Estes são todos widgets. Eles estão esperando que nós, tipo, tipo, projetemos. Você sabe, você pode adicionar um formulário de assinante. Você pode adicionar tantas coisas na barra lateral. Então deixem-me dar-vos um exemplo deles. Tudo bem, então aqui, em um plug ins, nós instalamos este plug in. Agora precisamos ativá-lo. Certo? Então vamos para a aparência e vamos para widgets. Ok, então esta é a nossa área de widget agora. A barra lateral. Vocês podem ver a pesquisa, comentários recentes, categorias de arquivos. Meta Agora, nesta seção é a mesma coisa. Comentários recentes, categorias de arquivos, meta. Então, se você quiser adicionar algo, você só tem que arrastá-lo para cima. Digamos que você queira um calendário. Eu vou pegar isso aqui e apenas arrastá-lo para a direita abaixo pesquisa e colocar como o nosso calendário e clique em salvar. Tudo bem. Agora, se eu atualizar a página, você verá um calendário aparecer abaixo dos comentários recentes, e aí vai você. Então agora temos esse calendário bem ali. Então vamos apenas dizer que você deseja adicionar na caixa de curtir do Facebook. Eu vou rolar até aqui para o ah, ver bem aqui. Este não é o correto. Já está aqui. Widget Widget, Facebook como caixa. Tudo bem, então eu vou pegar isso aqui e arrastá-lo bem abaixo da busca, e ele vai nos dar esta página aberta bem aqui. Então talvez o TIGTY quisesse ser como, uh, como nós, a página que eu d Então lembre-se, você precisa ter certeza que este não é um perfil privado, porque se é um perfil privado, não vai funcionar. Porque lembre-se, é um perfil privado, então você pode querer usar um professor de fãs. Então eu vou para o meu Facebook aqui, e eu vou para a minha página de fãs do Facebook e você vê isso Você está bem aqui. Então, na verdade, eu vou continuar e copiar isso aqui, assim mesmo. Minhas conversas estavam abertas. Desculpe. E eu vou voltar para o site e ele, mas ele diz: “ Coloque a página, eu vou lá. Então eu vou colocar a página que eu d lá, mas colado lá agora você também pode controlar o com, e você também pode controlar a altura. E estes são pixels. Então 180 pixels ou 300 pixels, use o cabeçalho pequeno. Sabe, não tenho certeza com essa configuração significa usar uma cabeça pequena ou não. Mas você pode apenas, você sabe, fazer tentativa e erro. Faça sim ou não e depois teste-os. Veja as diferenças. Você pode mostrar rostos de amigos. Você também pode mostrar as páginas postagens. Dito isso, vamos em frente agora e salvá-lo e ver se este plug in funciona. E, às vezes, rapazes, se os plugins não funcionarem. É muito comum. Às vezes eles são apenas maus desenvolvedores lá fora que, você sabe que não funciona. Então, aqui mesmo, Sim, e ver o Facebook como caixa aparece. Mas vamos ver o quanto podemos empurrá-lo para o lado. Vês como é uma espécie de triturado assim? Talvez eu quisesse demorar um pouco mais. Então, na seção com aqui, talvez eu coloque 300 e vá para o lugar seguro. Tudo bem, então você vê como é agora. Agora, vamos atualizar a página. Certo, então vocês podem ver que é muito maior agora, então isso aqui é um pouco melhor. Parece bem legal. Então, se quiserem um pouco, é assim, lembram-se? Apenas, você sabe, mexer com as configurações de pixel ou mexer com os, você sabe, os estudos, os estudos, esse tipo de, você sabe, você sabe, adaptado para o seu site. Agora, talvez você queira adicionar em alguns anúncios, talvez você queira ganhar algum dinheiro Agora, você é um afiliado ou não? Eu não sei se vocês promovem algum site ou não, mas se vocês são afiliados, eu recomendaria os programas de afiliados mais do que o Google AdSense. E eu explicarei o porquê. Então, esta aqui é a minha conta do Google AdSense. Agora, eu posso realmente você sabe, esta é a minha casa. Então aqui, eu posso ver meu saldo atual, etc. Agora, se eu for aos meus anúncios, você pode conseguir o código. Agora tudo que você precisa fazer é copiar e colar este código. Então, por aqui, vá em frente e não precisa me seguir pelo caminho. Só estou te mostrando no futuro. Se você quiser adicionar anúncios em seu site, é assim que você faria. Você volta para o seu site e você realmente criaria um texto arbitrário para que o texto basicamente criasse os anúncios para você. Então eu vou fechar estes bem aqui, exatamente assim. Agora, vamos apenas dizer que você quer adicionar no anúncio. Então eu preciso fazer é arrastar isso aqui e copiar este, uh, este uh, código na caixa de conteúdo, Lembre-se, é a caixa Lembre-se, de texto arbitrária que você clica em Salvar e, em seguida, o anúncio começará a aparecer. Então, isso é se você quiser executar como o Google AdWords. Mas, pessoal, eu sinto muito, AdSense, mas, você sabe, trabalhando na internet, eu sempre recomendo os programas de afiliados. Agora, por que não recomendar os programas de afiliados é porque eles pagam mais dinheiro. Então, digamos que, por exemplo, você está no nicho de talvez, você sabe, uh, uh, produtos de cachorro. , Sei que todas as empresas,como Petco ou qualquer empresa, têm um programa de afiliados, e vão te dar banners. Eles vão te dar coisas para colocar em seu site. Então, vou preenchê-lo para a Debbie aqui. E esta é a caixa de afiliados deles. Agora eles estão dizendo, como você precisa fazer é copiar e colar estes em seu site e a massa vai aparecer. Então vamos tentar com ele. Vou seguir em frente e pegar este código. Vai em frente e copiar este código, e vamos voltar para a nossa área de testemunhas, e na verdade vou tirar isto e colá-lo lá agora para o título. Pessoal, você nunca quer colocar anúncios para publicidade ou um título para anúncios . Você sabe, é como se você pudesse, você sabe, colocar talvez 50% de desconto. Eles estão fazendo uma venda. Você realmente não quer dizer às pessoas que isso não é adicionado. Clique nele. Sabe, você nunca quer fazer isso. Voltando aqui, adicionei o anúncio, então vou clicar em Atualizar, e aí vai você. Então agora temos o banner de temas elegantes bem ali. Então, se alguém clicar nisso e comprá-lo, eu faço uma comissão, então você pode querer fazer alguma pesquisa sobre alguns programas de afiliados realmente legais porque pessoalmente os anúncios do Google. É só que você pode convencer alguém a comprar, você sabe, , você sabe, como hospedagem na Web ou algum tipo de, você sabe, produto da Amazon. Você vai conseguir mais dinheiro. Agora, se eles apenas clicarem em uma conta do Google AdSense ou no anúncio do Google AdSense, eles não vão ganhar muito. Você não vai ganhar tanto. Quero dizer, garantido, você será pago por esse clique. Mas, você sabe, você pode ganhar alguns centavos, então pode não valer o seu tempo, mas como eu disse, se você pode ter os dois, você pode ter Ah, você sabe, Anúncio do Google e você pode ter o seu anúncio Philly para voltar aqui, vamos apenas dizer que você também pode querer entrar em outro widget. Então vamos em frente e procurar outro widget. Então eu vou para plugins e ir para adicionar novo. Agora, vamos em frente e ir para o popular. Então, o que é um widget legal? Não podemos, eu não tenho idéia de que eu vou apenas ir em frente e apenas encontrar um que eu acho que é como, você sabe, como, uh, como talvez, um, você sabe, Na verdade, você sabe, é uma coisa boa para adicionar na sua barra lateral é um formulário de assinatura e lembrar mais cedo como fizemos um, hum, hum, e conta para chimpanzé masculino. Você pode realmente adicionar Ah, formulário de assinante em sua barra lateral. Então eu vou fazer login na minha conta de correio assim, e nós vamos para Eu acredito que é Thea as listas, e eu acredito que são formulários de inscrição. Então, aqui mesmo, eu acredito que são os formulários de incorporação, então você pode realmente adicionar isso ao seu site. Então, se eu for selecionar, eles vão me dar tipos diferentes. Então você quer ficar assim ou você pode ficar assim. Você faz com que pareça assim ou assim, ou você pode ter seu próprio costume. CSS. Então eu estou indo para algo realmente básico agora. Eu só vou fazer isso magrelo e bem aqui como diz copiar e colar em seus sites. Então tudo que você faz é rolar para baixo e copiar todo esse texto e voltar para o nosso site aqui e nós vamos descer para nossa seção de testemunhas novamente e vamos adicionar isso como um texto arbitrário de novo, então eu vou pegar isso, Coloque-o bem aqui e vá em frente e o ritmo ali assim. E às vezes, se não funcionar, talvez sinta falta de um espaço. Ou talvez lembre-se, se mesmo uma coisa estiver faltando, não funcionará. E bem aqui, você coloca talvez se inscrever. Assine agora, certo? Isso é muito legal. Alguns clique em salvar e eu vou atualizar a página. Então, como você tem, a pequena lista aqui. Diz “Subscrever”. Agora subscreva a nossa lista de discussão. Portanto, há muitas razões pelas quais você deseja usar a barra lateral na página do seu blog. Então, se vocês estavam interessados em usar o você sabe, a barra lateral com os widgets, esta é a sua, você sabe, sua solução e dizer, pessoal, há um widget para tudo. É como um “Há um twitter”. Muita gente tem feeds no Twitter. Então, se você quiser que as pessoas vejam seu feed do Twitter, você pode colocar isso lá em cima, você sabe , ou seu feed do Instagram , você sabe, ou, você sabe, um anúncio ou algo parecido com isso. Então, se você está interessado em programas de afiliados, vocês podem se inscrever para, você sabe, qualquer programa de afiliados que você está interessado e você pode, como eu disse, basta colocar o AB bem ali. E se alguém clicar nele e comprar o seu, você vai fazer uma comissão. Então eu basicamente prefiro o ... você sabe, que acabou. Ah, você sabe, eu prefiro os programas de afiliados mais do que a conta do Boogle AdSense. Mas eu também quero apresentar todos vocês ao Google Analytics porque o Google Analytics é, hum é muito, uh ele basicamente atrai os clientes que vêm ao seu site, e eu sempre digo às pessoas que eu , não é necessário, mas deve ser necessário porque se você não sabe quem está vindo ao seu site ou qualquer coisa sobre ele, como você poderia saber o que está acontecendo? Então vamos em frente e ensiná-lo como adicionar o Google Analytics da maneira mais fácil agora , vamos para a minha conta do Google Onyx, e eu vou entrar na minha conta. Por isso, inicie sessão e apenas o Google Analytics. Ok, então este é o meu Google, Alex. Eu tenho um monte de outros sites com os quais trabalho, então nós vamos voltar para o meu site aqui e nós vamos para os plugins e ir para adicionar novo e eu recomendo que todos façam isso. É grátis, não custa nada. E ele diz quem está vindo ao seu site. Então, bem ali, você poderia digitar o Google Analytics assim. E esta é a maneira mais fácil, porque a outra maneira você tem que instalar script. Você tem que envolver código. Pode ser complicado. Então aqui, você pode instalar agora. E como eu disse, isso não vai aparecer na área arborizada. Então isso é como puramente back-end, sabe? Então eu instalei o widget. Tudo bem. Eu instalei o plugue. Agora, às vezes caras, vocês não conseguem encontrar os plugins. Você está tipo, OK, OK, só diz “desativar ou editar”. O que eu faço aqui? Então, clicamos em editar aqui, você vai chegar à tela e diz: “ Não mexa com isso, porque isso só envolve codificação. Se diz isso, não mexa com isso. Está bem? Agora pode acabar em algum lugar do seu lado esquerdo. Então você vai ter que passar o mouse sobre coisas, você sabe, como ferramentas, configurações. Certo, aí está. Você vê isso? Então entendimentos Google Analytics está lá. Não te diz onde está, mas, sabe, está lá. Então você só vê essa propriedade da Web, e é tudo o que eles te dão. Então, tudo o que você precisa fazer é acessar sua conta do Google AdSense e obter sua propriedade na Web. Agora, se sua nova análise você iria basicamente, você sabe, inscrever Baba bola. Agora, se sua nova análise você iria basicamente, você sabe, Mas você vê este código bem aqui, aquele ali, é isso. É tudo o que preciso. Então tudo que você precisa fazer é encontrar sua idéia de código, e eu acho que há outras maneiras de encontrá-lo. Você sabe, hum, eu acho que está sob relatório. Ou personalização ou administrador. Sim, sob administração. Eu acho que você vai para configurações de propriedade ou informações de rastreamento. Deixe-me ver se consigo descobrir isso para vocês. Lá está ele. Então suas configurações de propriedade e isso aqui é o seu rastreamento. Então vá em frente e copie isso, e então vá em frente e cole bem ali. Então vá em frente e copie isso, Agora, esta é a maneira mais fácil de instalar os caras do Google Analytics, porque confie em mim. Há muitas outras maneiras de resolver o Google Analytics, e envolve, você sabe, você sabe, mover código HTML envolve todo tipo de coisas estranhas. Assim que você o tiver lá, você poderá acessar seus relatórios e ver se as pessoas estão visitando seu site. Então, por exemplo, sessões. Quantas vezes as pessoas vêm ao site? A duração média da sessão. Quanto tempo eles estão em seus sites? A taxa de saldo, que é muito importante, o que indica que quanto maior a taxa de rejeição, pior é porque isso significa que as pessoas estão indo para o seu site e eles saem imediatamente . Isso é o que chamamos de taxa de rejeição. Então, quanto menor a taxa de saldo, melhor provavelmente em torno de 50% é uma taxa de saldo decente porque podemos fazer todo mundo feliz , certo? Mas, você sabe, você sabe, é assim que acontece agora, ataxa de conversão de golos. é assim que acontece agora, a Então esta é a sua taxa de conversão. Quantas pessoas estão vindo para o site e convertendo? Significa que estão comprando algo. Então eu acho que eu vou ter ah e commerce tutorial na TV em outro tutorial. Mas não se preocupem com vocês assistindo. Isso provavelmente irá fornecer-lhes com código de cupom foram Talvez seja mesmo grátis. Não sei se ensino em muitos outros sites, mas sou novo para você, mas sou bem conhecido na Internet, então vou avisar vocês sobre isso. Não sei se ensino em muitos outros sites, mas sou novo para você, mas sou bem conhecido na Internet, Não se preocupe. Então isso é um resumo do Google Analytics e também os plugins e também os widgets. E essa é minha opinião sobre, você sabe, anúncios, etc. Então você pode ter, você sabe, anúncios do Google aqui. Ou você pode escolher usar o que quiser. Então, quando estiver confortável, você sabe, você pode se aventurar e lembre-se, se você sempre quiser apagar um desses aqui, basta deletar. Você sabe, clique nesta seta deletada, e nós vamos falar sobre o pé ou mais tarde. Mas o pé ou os caras são exatamente da mesma maneira. Você apenas coloca algumas mensagens e, em seguida, você sabe, colocar algo dentro e você está feito. Então é bastante auto-explicativo para a área do pé. É apenas uma área diferente, você sabe, esta é uma barra lateral. Este é o pé ou a área. É isso. Tudo bem, pessoal. Então eu acho que é isso para os plugins e widgets. Vocês têm alguma dúvida sobre plugins e widgets? Como eu disse, é como um “eu”. O processo de auto-aprendizagem. Você sabe, você tem que tipo de encontrar um bom plug in e depois aplicar. Esse é o seu widget e você está feito. Isso é praticamente tudo em. Muitos deles trabalham de maneiras diferentes, você sabe. Então, se você tiver alguma dúvida sobre plugins ou widgets, sinta-se livre para colocá-lo em. Você sabe, se você está procurando por uma tomada específica, sinta-se à vontade para me dizer, OK, então em seguida vamos para a próxima seção para que eu vou ver todos lá. 28. CSS personalizado: Ei, pessoal, bem-vindos de volta. Então, nesta palestra, vamos falar sobre personalizado, CSS e quais recursos ele pode fornecer ao seu site. Então, na parte de trás, vocês vêem este grande arco. Agora, este arco não é um fundo. Não é uma imagem. É basicamente um módulo CSS personalizado que eu adicionei. Então, a fim de fazer isso, a fim de dar ao seu site um tipo de fundo são ou algo assim, você precisa ir até o ícone de engrenagem e realmente dar a vocês um pedaço de script. Agora, é muito simples usar este script. Então, no CSS, sob a seção anterior, você vai ver esse pedaço de script bem ali. Agora, eu vou apenas copiá-lo, e você pode ver que a arca está desaparecida agora. Agora, eu vou ir em frente e colá-lo lá assim, e você vai ter este arco muito legal. E podemos modificar esta Arca 2. No entanto, queremos que ele olhe. Então, por exemplo, você vê ali mesmo foram diz altura, vá em frente e mude a altura para talvez ao redor. Não sei, 50%. Então, agora a arca está atingindo apenas cerca de 50% da página. Agora, se você quiser ter 100%, basta adicionar 100%. Agora, o com vamos dizer que você quer fazer o com talvez cerca de 50 50%. Vocês podem ver que a Arca está lá, mas é um pouco menor. Talvez você queira fazer cerca de 100 50%. Então, sim, admita que está cobrindo mais da página. Em seguida, você tem seus diplomas. Então, em que grau você quer que isso seja? R Então, por exemplo, eu vou nos mudar de volta para 105 e vamos apenas fazer um ângulo de 90 graus. Ok, então eu vou deixar isso aqui e fora de 90 graus para que vocês possam ver que agora está adicionando ângulo de 90 graus. Agora, se eu for para a frente do nove para colocar um sinal negativo, você vai ver o pedaço de script alterado para negativo, uh, negativo uh, 90 graus para que você possa ir em frente e fazer cocô, talvez 180 graus. Isso realmente depende do que você está procurando para seus sites. Mas se vocês quiserem adicionar um arco que se parece com isso, como sefosse um ângulo de um grau. um arco que se parece com isso, como se Aqui é basicamente onde você faria isso. Então eu vou em frente e colocá-lo em talvez em torno de 150 Oregon para talvez 100. Vamos embora e vamos embora. Acrescenta negativo 100. Então se pareça com isso. Então foi assim que consegui esse design. E lembre-se, você pode entrar em contato com temas elegantes em seu formulário de suporte e obter qualquer tipo de CSS personalizado que você está tentando obter. Agora tenho um pequeno bônus para vocês. Então vocês podem realmente usar esse script. Vou colocar nas anotações da palestra. Mas vamos apenas dizer que você quer obter algo que pareça um pouco mais único. Agora você vê bem aqui como isso é essa seta para cima? Você vê como diz: “Vá em frente, copie o script e coloque-o na seção “depois”. Então, se nós rolarmos para baixo aqui, esta é a seção após. Então eles estão basicamente dizendo apenas vá em frente e apenas copie esta página ou copie este código e coloque-o na seção após. Então, com este código, você vai ter uma seta para cima Olhe, nós rolamos para baixo você vai obter esses três looks da era, então há um monte de maneiras e características diferentes. Você pode projetar seu site e eles lhe dão fotos do que o CSS personalizado faz. Você sabe, como esta pequena dobra de página bem aqui, canto dobrado. E eles têm instruções para cada um. Cada um não é o mesmo. Ok, então talvez você queira três pontos, ou talvez você queira adicionar duas linhas. Agora, um dos meus favoritos é na verdade o, hum, provavelmente o ziguezague, que é um recurso muito legal, mas você vai precisar realmente obter o código de cor. Então aqui eles têm, como o RGB um número, e você precisa entrar em contato com temas elegantes para obter o número RGB correto para o seu site. Porque há milhares de maneiras diferentes de adicionar cor que você pode adicionar no meio círculo,o círculo, que é muito legal, ou você pode ter a curva superior. Eu acho que o objetivo principal realmente legal, onde você vê como o site, começar a gostar de curva ao redor assim e você iria em frente e, você sabe, seguir estas instruções e colar o código lá e também a curva inferior. Talvez você queira que a parte inferior do seu site tenha esse efeito de curva muito legal. O meu favorito vai ser o design da Arca, que é este aqui. Então eu realmente implementei isso em um site de clientes e isso foi ao seu lado defesa. É um site que eu construí para um cliente, e logo de trás para vocês poderão ver este projeto de arco. Então você vê que tem este design arco que está com o modelo CSS personalizado. E isso aqui foi feito com o tema “Divvy “, e eu adicionei no design da Arca novamente. E eu também adicionei em outro costume, CSS foi dá-lhe este realmente legal, como, você sabe, design pouco legal na parte inferior bem ali. Então tudo isso pode ser feito com o módulo CSS personalizado. Então eu vou realmente colocar esta página nas notas também. É uma página de temas elegantes. Então, durante os 100 dias de Devi, eles tinham isso. Então, se ele quer ter esses recursos CSS personalizados realmente legal, você só precisa de uma cópia e colar aqueles em seu site Próximo. Você adivinhou NC bem aqui. Como eu criei esses projetos de arco, e isso é na verdade com a mesma peça de script. E eu coloquei em ângulos diferentes e apenas mudei o código para dar a ele este azul realmente legal, você sabe, efeito que ele apenas parece, você sabe, há apenas desenhos na página, Tudo bem? Então, além daquele cara também, se você entrar em contato com temas elegantes em seus formulários e eles lhe dizem para, você sabe, colocar este código no seu depois ou colocá-lo em seus elementos principais ou na sua seção anterior. Agora vocês saberão onde podem colocar o código. Agora há um outro lugar onde você pode colocar código. Então deixe-me mostrar-lhe onde é. Na verdade, está nas opções de Devi. Por isso vou guardar isto aqui mesmo. Agora quero voltar para o nosso painel de instrumentos. E lembre-se, se eles dizem para você colocar isso no tema de seus sites, onde você quer um certo eu não sei, o que você quer feito, vá para baixo para dividir e ir para opções de tema, e você está vai rolar para baixo aqui até que você veja a parte inferior desta seção aqui, que é o CSS personalizado. Então, às vezes, eles vão pedir-lhe para inseri-lo dentro do tema. Então, o CSS personalizado que estaria aqui sob suas opções de tema. Certo, então sinta-se livre para se aventurar sozinho. E, você sabe, se você tem uma necessidade específica de CSS personalizado Então você está tentando um certo olhar, mas a coisa simplesmente não oferece isso. Lembre-se, há sempre CSS personalizado e qualquer coisa pode ser feito com CSS personalizado. Ok, pessoal. Então é isso, pessoal, pessoal, para o costume. CSS Na próxima palestra, falaremos mais sobre falaremos mais sobre outras coisas. Tudo bem, então eu vou ver todos vocês lá. 29. Como OBTER imagens: Ei, pessoal, bem-vindos a esta palestra. Agora, esta palestra é uma palestra muito importante. Vou mostrar-te nesta palestra como arranjar ideias para o teu website. E também vou mostrar-lhe como obter imagens incríveis de graça no seu ou para o seu site . Então a primeira coisa que vou fazer é levar-te a este site. Você não tem que me seguir, mas estes são exemplos do tema Devi. Então estes são todos feitos com a equipe de debate. Então, apenas olhando para alguns desses sites, você pode ter idéias muito legais. Então, por exemplo, quando você clica neste site, o espaço de design taco e logo na parte de trás isso foi feito usando a equipe divvy. Então, olhando para esses sites, você já pode dizer Este é um módulo de imagem, um texto, um divisor, um texto e uma chamada à ação. E aqui, mesma coisa. É uma imagem, etc. Agora também vou redirecionar você para outro site. Este site é chamado Tema quatro redes Stott, eo que eles fazem é que eles vendem milhares e milhares de diferentes tipos de temas wordpress . Mas muitos destes são muito, muito maus. Na verdade, eu uso. Na verdade, seus melhores e seus jogadores de página não são nada comparados com o tema Divvy. No entanto, eles têm muitos exemplos de modelos que realmente ajudarão você a obter ideias. Então, por exemplo, eu vou realmente dizer a vocês o que eu realmente vou mostrar a vocês o site que eu realmente vou construir. Então este aqui é um site chamado Regency, mas é um pouco de classificação baixa, mas eles têm algumas imagens muito, muito legais que eu quero. Na verdade, eu vou usá-los no meu próximo tutorial de comércio e. Então, aqui mesmo, vou clicar neste layout. Agora, eu quero essas imagens, mas se você realmente clicar nele, clicar nele, você não pode salvá-lo porque ele vai salvá-lo como uma página HTML da Web. Então, como você obtém imagens como esta aqui ou imagens realmente incríveis como esta? Bem, vou te mostrar nesta palestra, então a única coisa que você precisa fazer é o certo. Clique sobre isso e vá para inspecionar. Tudo bem, agora, logo atrás. Você vai ser trazido para esta faixa de código aqui. Mas não se preocupe com isso é, você sabe, é ah você sabe, é é, você sabe, é que você precisa saber nada disso, mas você vê Tudo bem, que bem aqui como Eles têm essa URL, Ajay escolhe a imagem na foto daquela garota. Esta foto é aquela ligação ali. Então, se eu quiser esta imagem deslizante que eu também preciso fazer é copiado este link aqui. Então eu vou realmente ir em frente e clicar na cópia. E agora vou até aqui e clicar no Pace. Entra e lá vais tu. Há a imagem, e você pode clicar com o botão direito sobre isso e dizer a imagem e salvá-la no seu computador. Dito isso, vocês podem realmente começar a navegar e fazer compras na Internet como o sol aqui , e ir em outros sites e meio que obter seus projetos porque muitos desses outros sites, eles têm algumas imagens incríveis do Photoshop. E talvez você não queira, sabe, fazer isso, você não tem a habilidade e é totalmente ético. Não há nada contra a regra de algo. As pessoas usam minhas imagens o tempo todo. Em outros sites, as pessoas usam meus vídeos em outros sites o tempo todo. Você sabe, é apenas o jeito que acontece na Internet. É só que, você sabe, não a menos que você tenha direitos autorais, você sabe, que é, tipo, foto da Istock. Alguns assim. Mas nenhum deles é protegido por direitos autorais. Qua