Como fazer um site Wordpress 2017 - Tutorial do tema Divi | Darrel Wilson | Skillshare

Velocidade de reprodução


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

Como fazer um site Wordpress 2017 - Tutorial do 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

30 aulas (3 h 46 min)
    • 1. Olá!

      2:59
    • 2. Vamos conversar!

      1:40
    • 3. Obtenha um domínio de grátis e hospedagem

      8:07
    • 4. Como instalar o tema de Divi

      4:59
    • 5. Como criar páginas

      4:41
    • 6. Crie uma página de casa

      9:59
    • 7. Crie

      7:40
    • 8. Como criar Blurbs

      9:57
    • 9. Como usar preenchimento e ícones

      8:16
    • 10. Conta de criação de de de home

      11:35
    • 11. Tabelas de preço e o Google Maps

      11:30
    • 12. Google Maps

      6:08
    • 13. Plugins, rodde e widgets

      11:23
    • 14. Criação de menu

      7:10
    • 15. Página de nós

      8:21
    • 16. Como criar ícones e desas

      10:17
    • 17. O que nós nos de contato.

      9:01
    • 18. Rodos de download de sob a de layouts

      10:10
    • 19. Serviços - introdução a layouts pré-feitos

      4:37
    • 20. Tutorial no blog

      12:18
    • 21. Seção avançada do blog

      7:28
    • 22. Como criar uma "Conheça a equipe" e CSS personalizado

      11:30
    • 23. Conheça a equipe cont..

      6:21
    • 24. Como criar a página de contato

      10:15
    • 25. Entre em contato com a página de cont..

      5:29
    • 26. Otimização em celular

      8:59
    • 27. Optiimzation em vídeo

      3:32
    • 28. Módulos de texto com

      3:05
    • 29. Divi e carreiras e

      7:15
    • 30. O final :)

      1:01
  • --
  • 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.

426

Estudantes

--

Projeto

Sobre este curso


Por que fazer este curso incrível?

  • Eu amo o Wordpress e o tema de divi Eu ensinou milhares como usar o wordpress em
  • 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.

Quais são os requisitos?

  • NÃO É PRECISa EXPERIÊNCIA!
  • Apenas um computador e conexão de internet

O que vou obter deste curso?

  • Crie seu próprio site do Wordpress
  • Faça uma renda passiva
  • Crie um blog de estilo moderno
  • Gerencie seu próprio site
  • Faça um blog!

Qual é o público de alvo?

  • Qualquer pessoa que quer começar um blog.
  • Qualquer que quer começar a fazer renda passiva
  • Bem, qualquer pessoa com paixão!

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. Olá!: Bem-vindos a todos. Meu nome é Darrell. E neste curso você vai aprender a fazer um site WordPress incrível e bonito passo a passo. Agora vamos fazer um site de estilo muito bom e moderno que, você sabe, você sabe, se encaixa com as tendências atuais dos dias de hoje. É 2017 rapazes. Temos que ter certeza de que estamos fazendo belos sites WordPress. E mesmo se você é um iniciante completo e você não tem nenhuma experiência ou nenhum conhecimento de codificação para não se preocupar, porque este tema é extremamente fácil de aprender. Neste tutorial, você pode esperar para dominar o WordPress. Agora, deixe-me dar a todos um exemplo rápido de como esta página Bolar funciona e como é fácil fazer um site. Então eu tenho essa seção aqui e vamos apenas dizer que eu quero ir em frente e arrastar isso para baixo. Digamos que eu queira ir até aqui e mudar o título dele. Talvez eu queira ser simples feito e rolando aqui. Talvez eu queira mudar esta seção aqui para algo como o melhor curso de sempre. Só estou a brincar, mas sim, sabes. Então é assim que vocês fazem sites hoje com a coisa da Divvy. Mas você não pode fazer isso a menos que você não está usando o tema divvy porque o tema divvy incluiu uma frente e editor e torna super fácil agora para qualquer cidade para fazer um site. Agora, neste tutorial, vou me concentrar mais no design e também dominar o WordPress e dominar a equipe de debate. E para aqueles de vocês que estão por aqui há algum tempo e vocês sabem, vocês se metem com a TV, eu vou ensinar um pouco mais sobre CSS personalizado. Então, mesmo que você seja avançado, falaremos mais sobre isso um pouco mais tarde. Então, se você quiser melhorar suas habilidades, este é o curso. E se você é um iniciante completo e quer criar sites de estilo bonito e moderno , este é o curso para você. Agora, se vocês checarem meus outros cursos, eu ensino muitos tutoriais de Devi. Eu ensino um monte de WordPress e eu sou um instrutor top rated com todos os meus cursos sendo em torno 4.5 estrelas ou melhor com mais de 9000 alunos para que vocês possam confiar em mim que vocês estarão fazendo sites realmente profissionais com este curso agora um pouco sobre mim. Pessoal, meu nome é Darrow e eu ensino tutoriais WordPress em um monte de sites diferentes. Meu site recebe cerca de 30.000 páginas do mês basicamente falando sobre tutoriais WordPress porque eu não gosto de perder tempo e eu realmente gosto de fazer sites bonitos e eu sou muito completo e muito abrangente em meus tutoriais. Agora, mais uma coisa que eu quero salientar que você pode aprender com este tutorial é como fazer layouts pré-fabricados . Então esta aqui é uma página em branco. Agora eu vou apenas ir em frente e simplesmente adicionar na página inicial apenas assim. E lá vai você. Agora você tem um site totalmente funcional que você criou e segundos e você realmente receberá um desses layouts no setor. Você pode esperar para aprender muito neste tutorial. Vamos rever layouts pré-fabricados sobre como você pode criar sites e segundos como você pode saber completamente, Mestre Davy, e também melhorar suas habilidades com o tema Devi. Então, se vocês estavam em vez de fazer um site WordPress bonito e moderno estilo e rolar o meu curso. Sabe, vai ser muito divertido. Sou muito minucioso, abrangente. Vamos falar de muita coisa legal, então vejo vocês no curso. 2. Vamos conversar!: Muito bem, pessoal, quero agradecer-vos por fazerem o meu curso. Vocês estavam a caminho de se tornarem melhores Web designers ou aprenderem a usar o WordPress e um tema de DVD do zero. Agora, quando vocês estão fazendo este tutorial, eu recomendo levá-lo até o fim. Quero que entendamtudo o que se passa neste curso. que entendam Eu sei o que Web design e você sabe que Wordpress pode ser frustrante. E você é tipo, oh, isso é meio difícil. Apenas seja consistente. E, você sabe, eu forneço um monte de conteúdo bom e valioso para realmente ensiná-lo a criar sites bonitos que estão atualizados e que nossos modernos são realmente, muito bons. Você sabe, isso parecia legal para o I porque eu não quero que vocês se afastem, você sabe, pensando, Oh, isso foi, você sabe, há um site feio, etcetera. Quero que aprendam a criar sites a partir do zero e dominá-los com a coisa do Davey . Porque a equipe de debate é uma bela peça de tecnologia. Mudou a forma como criamos sites. Sabe, é muito legal. Ah tema Wordpress. E eu realmente recomendo. E como vocês estão fazendo este tutorial, pessoal, eu apenas recomendo fortemente ser consistente. Sabe, é muito fácil ficar frustrado. Eu já estive lá. Confie em mim, eu joguei xícaras de café. Tenho estado muito frustrado. Mas tenha certeza de que você tome este tutorial. Eu garanto que vocês vão aprender a usar o WordPress. Vocês vão aprender a usar o Divvy. E vai ser muito divertido. Caras como eu estou sem quantidades de pessoas chatas e eles estão dizendo, oh, você sabe, isso foi hoje. Vamos fazer um site. Não, estou falando com ele de saída, e sou um instrutor muito bom. Eu sou um dos melhores instrutores aqui em você, para mim e todas as minhas aulas recebem em torno de 4,5 estrelas. Melhor porque sei do que estou falando. Eu não gosto de perder tempo e um muito completo e abrangente. Ok, Então, isso foi dito, pessoal, boa sorte neste tutorial. Desejo-lhe tudo de melhor. E vamos para a primeira palestra. Então eu vou ver, enquanto lá 3. Obtenha um domínio de grátis e hospedagem: Tudo bem, vamos começar. Então a primeira coisa que precisamos fazer é obter um domínio e obter hospedagem. Agora você vai realmente receber um domínio gratuito e o maior desconto disponível TMD hospedagem tem para oferecer. Então este site é TMB hospedagem ponto com para que você possa visitar os sites e uma vez que você está lá vai clicar em começar agora, este site usa SST hospedagem, que é a hospedagem mais rápida atual disponível. Vocês recebem um SSL gratuito e uma garantia de devolução do dinheiro de 60 dias. Portanto, há muito para ser animado para colocar esta empresa e realmente irá fornecer-lhe todos com o maior código de cupom disponível esta empresa tem para oferecer. Então, agora há três planos. Eu recomendo um plano de negócios porque, você sabe, eles nos dão domínios ilimitados para o negócio em vez de um único para o iniciante. Então, sob o negócio, eu vou me inscrever e eu também recomendo o profissional Se você quer um limite mais desempenho e você quer um pouco mais de espaço, o profissional é para você. Então aqui vamos nos inscrever e ir em frente e colocar em seu domínio. Você obtém um domínio gratuito com esta empresa. Então eu vou colocar “Eu amo Kylo Ren”. Veja se alguém pegou. É eu mesmo. É o meu famoso domínio de Star Wars. Não sei se alguém pegou ou não. Eu uso isso em todos os meus tutoriais. Veremos o que acontece. Tudo bem. Ainda disponível. Tudo bem, vamos manter a saga, Goan. Então você será trazido para esta página aqui e vá em frente e preencha suas informações. Você sabe, seu primeiro nome, seu sobrenome, seu endereço de e-mail seu social. E eu só estou brincando. Sem social, mas você sabe sua confiança, sua cidade CEP etc. Então continua crescendo, só continua crescendo. E o que você fez preenchendo suas informações pessoais, você vai colocar no seu cartão de crédito bem aqui. Agora, você também pode pagar com PayPal se você quiser, mas por aqui, você sabe, você apenas colocar cartão de crédito qualquer coisa, você sabe, o que você quer que você quer fazer, Sabe, faça sua coisa. Assim que você terminar com essas informações aqui, suas informações de pagamento nós vamos rolar para baixo até nossas informações de compra. Está bem? Agora eles escolhem o data center mais próximo de nós. Então este aqui está em Chicago. É o mais próximo para mim agora. Qual é o período? Então temos 12 meses, 24 meses ou um mês. Agora, eu recomendo os 12 meses porque o código de cupom que eu vou te dar vai realmente economizar muito mais se você gastar mais. E também aqui, eles têm privacidade no domínio. Cheque. Então, o que é isso? Será que isso realmente protege suas informações pessoais? Se alguém tentar saber quem é você e tentar obter suas informações pessoais, isso protegerá. Está tudo bem. Então, Então, cabe a você se quiser isso ou não, esses outros um pouco básicos. Mas você sabe, wordpress pode realmente fazer um monte destes por si só, então eu não recomendaria estes. Desculpe aqui. Desmarcou isto. Agora, se você digitar o código, você para mim 6 para 6 e ir para aplicar, você receberá um 7% de desconto em toda a sua compra. Então vamos dizer que você quer fazer os 24 meses e você faz o, hum, uh o código do cupom. Você vai ganhar 7% de desconto na compra inteira. Então, quanto mais você gasta, mais você economiza porque é um desconto por cento, ok? E o que você fez com todas essas coisas boas aqui? Nós vamos falar “Eu concordei com Baba “, e tenho certeza que você vai ler os termos de serviço deles, certo? E depois de ler isso, vamos dar uma olhada. Está bem? Agora ele vai levá-lo ao seu portal, e eu sou um cliente para esta empresa, e eu usá-lo. Então eu vou em frente e colocar minhas informações aqui e entrar na conta. Tudo bem? Você deveria ir a esta página bem aqui. E vão pedir-te para te juntares ao pequeno portal. Beta Baba. Vou colocar talvez mais tarde. Não quero fazer isso agora. Ok, agora, esta é a sua área de cliente. Então aqui estão os seus apoios. Se precisares de ajuda, podes enviar um bilhete e estes tipos responder-te provavelmente cinco minutos. Eles são extremamente rápidos. E também estes ar seus domínios atuais que você tem. Eles têm todo tipo de guloseimas e outras coisas, mas vamos descer, passear por aqui. E aqui queremos ir para o painel R C e você vai selecionar que sua conta Ele se inscreveu. E aqui estou eu a ir para entrar já. Então está indo. Certo, então este é o nosso pessoal da libra. E isto é como o novo painel C. Muitas empresas estão começando a mudar para isso. É chamado como, uh, uh, coisas como instalador de aplicativos, coisas que eles chamam. Então, qualquer forma, todos esses dois fazem é instalar o WordPress em nosso domínio. Então eu aqui, vou rolar para baixo. Apenas continue rolando. Continue rolando até chegarmos ao WordPress. Bem aqui. Então McNichol em um WordPress. E isso é o que é chamado de Suffolk suave e delicioso. mais fixe, nem sei como pronunciar. Ainda não sei como pronunciar. Assim que você estiver aqui, basta clicar em instalar. Agora, agora, aqui diz escolha o protocolo. Então aqui está o seu um CPP, e aqui você quer selecionar o seu domínio. Então vá em frente e selecione o domínio que você comprou. Só deveria haver um. Quero dizer, se você não tem um, que seria apenas um certo. E aqui estão os indiretamente. Garotos, certifiquem-se de que não há nada lá. Repito, certifique-se de que não há nada lá. Ok, ele vai parar o seu site para o tema Devi para Tora dot com Dash WP e, em seguida, se você tem um páginas como traço casa então é realmente confuso, e não é bom, então certifique-se de que não há nada lá no diretório . Aqui está o seu site nomes que você pode dar o seu lado do nome vai colocar o tema da TV, este tutorial ou como fazer você sempre pode nos mudar mais tarde, pessoal. Portanto, não se preocupe com as configurações do site. Você sempre pode mudá-lo mais tarde. E aqui está seu administrador e senha. Então vá em frente e faça seu nome de usuário bem aqui. E também coloque sua senha e, em seguida, vá em frente e coloque seu e-mail aqui também. Certo, agora a língua. Então você pode selecionar qualquer idioma diferente que eu tive este grande debate sobre se mandarim era a pronúncia para chinês. Mas acho que o chinês é o caminho certo. Eu não acho que seja mandarim, então, uh, sim, sim, eu acho que os chineses, mas de qualquer maneira, vá em frente e coloque na sua língua que você fala. Então eu vou colocar Inglês e bem aqui em um pergaminho para baixo e ir para instalar. Tudo bem, então agora está instalando WordPress em nosso domínio. Excitante. Esta é, na verdade, a parte difícil. Esta é realmente a parte difícil. Tudo o resto é como bolo. É muito, muito fácil. Ok, então agora ele está instalando WordPress em nosso domínio. Então só precisamos ir em frente e apenas dar algum tempo para deixá-lo instalar. Normalmente , são uns 5 10 segundos. Este é provavelmente o maior tempo que já demorou. Ok, lá vai ele. Tudo bem, então é isso, pessoal, nós temos vocês sabem, nós temos hospedagem. Temos que dominar. Instalamos o WordPress. Parabéns. Então aqui mesmo sob o Earl administrativo, tudo parece fazer é clicar sobre isso e você estará conectado ao seu site WordPress. Tudo bem, é isso. Estamos logados. Parabéns. Então este é o WordPress. Pessoal, é isso. E aqui mesmo, vamos em frente e visitar o nosso site, subindo aqui e clique no site de visita. E este é o nosso site agora, então é... É feio, sabe? Mas não se preocupe. Faremos com que pareça muito, muito bom. Tudo bem, agora há algumas coisas que eu quero que você saiba e mudar antes de continuarmos este tutorial. Por isso, aqui debaixo das nossas ferramentas. Eu sinto muito. Nossa, hum aparência. A aparência dele. Não , são entendimentos. Configurações de duh. Quer ir para Perma Links? Tudo bem. Queremos mudar os links do Perma para o nome do post aqui. Então a razão pela qual fazemos isso é porque geralmente quando você vai a um site, ele tem, tipo, você sabe, você sabe, seu site ponto com traço sobre nós ou serviços de traço, certo? Não 207. Bola Yubaba. Sabe, essa não é a maneira correta. Então você quer ter certeza que está sob o nome do post, Ok, então eu vou para salvar as alterações. Agora, mais uma coisa que eu quero que você saiba é se você quer mudar sua senha. Então, aqui mesmo, sob usuários, você pode clicar em todos os usuários, e bem aqui eu vou para admin. E aqui você pode mudar seu e-mail aqui mesmo. E você também pode alterar sua senha. Então aqui você clica em gerar senha, colocar o que quiser e, em seguida, clique em atualizar perfil. Ok, isso é se você quiser mudar sua senha. Está bem. Então, só estou te mostrando como se faz. Ok, então parabéns, pessoal. Sabe, essa foi provavelmente a coisa mais técnica que temos para hospedar. Temos um domínio. Instalamos o WordPress. Essa foi a coisa difícil. Ok, então na próxima seção nós vamos instalar o tema divvy, então eu vou te ver lá. 4. Como instalar o tema de Divi: Muito bem, pessoal, pessoal, bem-vindos de volta. Então agora vamos comprar o tema Devi, e eu tenho um pequeno desconto para você. Também a entrada. Www dot Darrell Wilson dot com. Dash, ele acabou de gostar disso aqui? Vocês receberão um desconto a partir de agora, não sei quanto tempo isso vai durar por talvez um mês ou dois, mas vocês receberão 10% de desconto no desenvolvedor. Então, aqui mesmo, vamos rolar para baixo. Agora você pode obter o desenvolvedor ou o tempo de vida. Eu não recomendo o pessoal porque eles não lhe dão a floração plugging. E eu tenho um tutorial sobre o bloom plugging É um e-mail incrível. Optar no formulário. Pode levar como e-mails de qualquer coisa que z realmente, muito bom. Então, eu recomendaria o desenvolvedor Então vai clicar em se inscrever hoje. E aqui você precisa inserir seu nome de usuário, sua senha, seu endereço de e-mail, etc. E pessoal, este é na verdade o tema classificado número um. Então é o número um por uma razão. Há muitas empresas lá fora que realmente dizem apenas às pessoas que eu sou um desenvolvedor Devi. Sou designer de Devi. E há toneladas de empresas que vendem Lance infantil, então falaremos mais sobre layouts e tudo isso um pouco mais tarde. Mas, por enquanto, tenham certeza, vocês estão comprando o melhor tema. E vocês, vocês recebem um dinheiro de 30 dias de volta também? isso, Dito isso, não respondo por esses caras. Eu vou seguir em frente e registrar o ano da família, e lá está minha conta, e eu tenho um acesso vitalício. Você não é um daqueles caras que estavam sentados dizendo: “ Adeus, Adeus, tchau. E eles nem o têm. Sabe, eu tenho a vida toda. Então eu paguei 20 dólares, e é um produto incrível, e você tem todo o apoio com aquele cara. Então você já teve algum problema com este plug in? Eu sinto muito. Com este tema, eles vão ajudá-lo. Então, sob o fórum de suporte do tema aqui, apenas vá para dividir-se bem aqui. E estes tipos respondem dentro de algumas horas. Então, sempre que eu tiver uma pergunta sobre seu site ou você tiver um problema ou codificar ar, esses caras vão consertar isso para você. Está bem, pelo menos tens uma empresa que tem a tua mala. Sabe, você não está, tipo, completamente no escuro, sabe? Então, aqui mesmo, eu vou ir em frente e rolar para baixo e bem aqui sob os downloads de temas. Queres escolher a Debbie? É o número um aqui. E clique no download e vá para o pacote tema. Tudo bem, então você pode ver bem aqui no canto inferior esquerdo da minha tela. Devi está baixando, e baixou. Então vamos voltar para o nosso site WordPress aqui e agora vamos instalar um tema. Então aqui vamos para o painel, e vou explicar os temas um pouco agora. Então, aqui vamos para a aparência e vamos para temas. Então, como funciona WordPress é basicamente você escolher um tema, e temas são tipo de estrutura como thes, como o pão e manteiga de seu site. Ele determina como ele se parece agora. Muitos desses temas gratuitos são, você sabe, eles são bem, mas eles são extremamente limitados. E, quero dizer, eles não são tão bons quanto a Vivi. Quero dizer, é o melhor. Então, queremos usar o melhor. Certo, então aqui no tema do upload. Clique no tema de upload e escolha o arquivo. Ok, agora, debaixo dos meus downloads aqui. Eu vou procurar um “Divvy”. Ok, então ele clicou em Abrir e clique em Instalar agora? Então agora estamos instalando o tema divvy e porque eu usei toneladas de temas. Eu usei temas, Sermão Votto de temas usados de temas livres de temas Tesla. E o tema DB foi de longe o melhor. E é a empresa temática Onley com outras empresas que criam layouts para ele. Por isso, é extremamente popular e a comunidade é enorme. Há toneladas e toneladas de grupos lá fora que são apenas o apoio Divvy. Então, você sabe, depois deste tutorial, apenas faça como uma pesquisa rápida no Google. Você sabe, como temas infantis Devi, ou dar seus layouts livres de divvy. Sabe, na verdade, no meu site aqui, pessoal, eu realmente dou layouts para Davey. Então vamos falar um pouco mais sobre layouts pré fabricados aqui. Mas para os layouts de Divvy, vocês vão ver que realmente vendem os pré fabricados. E pessoal, é tão simples. Você acabou de enviar para o seu site e seu site está completamente feito. e, na verdade, ter alguns grátis aqui. Então estes são todos layouts gratuitos, e nenhum outro tema oferece a este cara. Então isso é basicamente, como um site de clique de uma página. Você sabe, você clica em um botão e em um site apenas coragem para você, como em um clique. É bastante incrível. Então estes são layouts pré feitos. Então falaremos mais sobre isso um pouco mais tarde, ok? Mas quero ensiná-los a usar o tema antes de entrarmos nisso. Porque, você sabe, eu não quero falar sobre layouts pré-fabricados porque é, você sabe, você sabe, eu quero que você aprenda a usar a conta da página. primeiro deles. Certo, então agora meu tema está carregando, e leva algum tempo, pessoal. Então agora, diz que a equipe fez upload, então tudo o que eles precisam fazer é clicar em ativar. Ok, então, e se vocês têm assim, tipo, como, estranho, como erros de cabeçalho às vezes, como, caminho aqui em cima, apenas, você sabe, Ignore-o. Ele vai embora. OK, então agora vamos em frente e ir para o nosso site e visitar sites. Tudo bem, então você pode ver que nosso site parece um pouco estranho. Parece meio estranho, sabe, não parece tão bom, mas não se preocupe. Pessoal, vamos fazer com que pareça incrível. Ok, então a próxima parte, nós vamos fazer algumas páginas e nós vamos fazer algumas outras coisas divertidas, então eu vou te ver na próxima palestra. 5. Como criar páginas: Muito bem, pessoal, pessoal, bem-vindos de volta. Então agora vamos fazer algumas páginas, e nós também vamos criar nosso menu. Então, primeiro, aqui vamos para mais novo e vamos para Page e caras todo fazendo agora é apenas criar páginas como a home page, a página sobre nós, a página de serviços. Certo. Então, aqui mesmo, vou clicar ou ir para casa. Então esta é a nossa página inicial bem aqui. Tudo bem. E vá publicar. Vamos em frente e ir para adicionar novo. Agora vamos fazer sobre e hoje vamos publicar. Está bem. E aqui vai adicionar novo ir para serviços publicar, e então vamos fazer o último, que é o contato conosco e ir para publicar. Ok, então agora aqui, sob a aparência, nós queremos ir até os menus. E não se preocupem, pessoal. Vamos cobrir a maioria de todas essas opções aqui. Eles são realmente eles não são mesmo é fácil. Apenas apenas ok s Então nós vamos para a aparição e ir para os menus, então nós temos que dar o nosso menu um nome. Vamos fazer quando você muitos um. Lá se vai que muitos não vou fazer o menu um para todos os meus editoriais, pessoal. Então é muito comum. Bem aqui temos vocês, temos a casa, a cerca de um contacto, mas queremos ter a cerca de um contacto, a certeza de que é a casa certa. Pessoal, esta casa aqui é na verdade um link personalizado, e não vai funcionar. Então queremos ter certeza de que é este aqui, a página que recriou. É por isso que eu meio que fiz em todas as maiúsculas. Certo, então os serviços domésticos contatam sobre nós e querem fazer disso um menu principal. E aqui vamos adicionar ao menu aqui. Está bem. Então agora você pode tipo de reorganizar isso. Você pode arrastar e soltar, sabe, algo assim. E digamos que você queira soltar o menu. Você sabe onde você tem tipo, se você pairar sobre uma opção, ele traz outra. Você pode simplesmente pegar isso e simplesmente colocá-lo abaixo dele. Então, se eu passar o mouse sobre o sobre nós, o contato conosco será um drop que menu. Está bem. Mas não quero fazer isso agora, então temos a casa sobre os serviços, Andy Contact. Acho que também precisamos da nossa equipa, mas acho que também precisamos da nossa equipa. Acho que também precisamos da nossa equipa, mas acho que também precisamos da nossa equipa. Então, vamos salvar isto, está bem? Parece que ficou bem ali. Ok, então nós temos a casa sobre os serviços e contacte-nos agora de uma segunda maneira. Pessoal, fazer páginas é indo para páginas e indo para adicionar novo. Vou fazer a nossa equipa e publicar. Ok, então nós criamos outra página. No entanto, agora precisamos adicioná-lo ao menu. Então cardápios de aparência. E agora você pode ver na vista toda a seção que temos nossa equipe bem aqui. Você vê isso? Por isso, clico nisto e vou adicionar ao menu, está bem? E eu vou arrastá-lo para onde eu quiser que nós tenhamos a casa sobre nossos serviços de equipe e nos contate muito bem. E eu sou um salvar o menu. Ok, agora, vamos em frente e ir para visitar o site. Então temos a casa, o sobre Eles são serviços de equipe e contato. No entanto, esta página agora não é a home page real que criamos. Se eu clicar aqui. Você vai ver que a permanente é diferente. É traço para casa. Então precisamos consertar isso. Por isso, aqui vou apresentar-vos a todos o personalizador do tema. Então, indo para esta seção e ir para o personalizador de temas. E não fique sobrecarregado. Caras com um cliente tema pensam personalizador que eu mal uso. Eu raramente usá-lo porque o construtor Devi basicamente faz todas essas opções e eu raramente uso o personalizador coisa. Mas mais tarde eu ainda vou falar sobre o seu Mas então, basicamente, não há nenhuma razão real para usar um personalizador de tema, exceto para alterar o seu menu. É isso, você sabe Mas vamos falar sobre a personalização do menu um pouco mais tarde assim que tivermos alguns projetados para o nosso site. Então aqui mesmo sob a primeira página estática, você pode clicar sobre isso aqui e bem aqui vamos colocar uma primeira página estática agora a primeira página que queremos selecionado como nossa casa, nossa casa. Está bem. E a página de correio é para o seu blawg. Mas falaremos sobre o blawg um pouco mais tarde. Ok, então aqui vamos nós para salvar e publicar e pessoal, certifique-se de seguir o passo, por favor. Porque isso vai realmente trazer o construtor visual e o maior. Eu acho que você pode dizer que o erro comum que eu vejo é que as pessoas não fazem isso. E como resultado, eles não têm mais essa seção aqui. Porque o construtor visual só aparecerá em páginas. Ele não aparecerá em links personalizados. Ok, então é isso. Pessoal, parabéns a si mesmo. E você sabe, nós fizemos algumas páginas. Coisas muito simples, certo? Não muito difícil. Não muito louco. Fazer um site é bolo agora. Então, a próxima seção vamos projetar nosso site. Te vejo lá. 6. Crie uma página de casa: Tudo bem, pessoal. Então vamos em frente e começar. A primeira coisa que vamos fazer, a fim de criar a nossa página é que vamos clicar em habilitar o construtor visual e caras, Esta é uma frente e editor bem aqui. Então, basicamente, podemos ver tudo o que estamos fazendo aqui. Ok, então eu quero basicamente criar aquela grande bonita página de destino que eu tinha. Então eu vou para a direita aqui neste sinal de mais e eu vou para cheio com porque nós estamos criando 1/4 seção e eu vou apresentar todos vocês para o completo com módulo deslizante. Tudo bem, tão cheio de controle deslizante. Ok, agora, vamos em frente e adicionar um slide. Então, aqui mesmo, Clique em, adicione um novo item. E aqui mesmo, ele parecia bem? E agora, mas em texto. Então, o que você quer que o botão diga? Bem, eu vou colocar um pouco aprender mais. Ok, agora, aqui está o seu orçamento. Neural. Então, para onde quer que eles vão? Qual página? Você quer que eles vão? Você pode descobrir isso mais tarde. Mas, por exemplo, digamos que você quer que ele vá para www dot Darrell Wilson Dot com. Então, se eles clicarem no botão, eles serão levados para Darrell Wilson Dot com. Agora vamos em frente e aplicar uma imagem de fundo. Agora há uma caixa na sessão antes desta, e há um monte de fotos para que vocês possam usá-las para acompanhar. Então eu ouço esse clique em arquivos selecionados, e eu vou simplesmente carregar todas as fotos que eu tenho aqui. Imagens para tutorial. Estas são todas as fotos que eu tenho, e elas estão na caixa de entrega, então vocês podem usar estas para meio que seguir adiante. E eu tenho essas imagens de unspool ash dot com, que é um site onde você obtém imagens gratuitas e é muito, muito útil. Na verdade, vou ao site agora mesmo para mostrar a vocês que é um site incrível. É mesmo. Então, quero dizer, até a NASA enviar coisas para este site, e eles têm imagens realmente boas que você pode usar. Você sabe, eles têm uma página de destino muito legal, e é apenas um site muito bom. Então, ah, sim, visita em espirrou todas as novas imagens abrangentes. Então minhas imagens agora estão sendo carregadas, então eu vou pausar o vídeo até que eles estejam prontos. Na verdade, na verdade, eles estão carregando um pouco rápido. Sim, eu vou continuar e esperar, então tudo bem, eu vou em frente e peso muito rápido. Eu acho que estes vão carregar muito rapidamente. E qual deles vamos usar? Foi algum uso este aqui. Certo, então tudo isso está carregando. É muito rápido, pessoal. Quero dizer, este servidor que está hospedando empresa é muito bom. Então, estas são imagens realmente grandes aqui. Ok, então eles já foram enviados. Agora vou clicar neste aqui e clicar no upload de uma imagem. Agora, este tamanho, esta imagem, pessoal, é 16 55 por 8 80, mas, claro, você pode usar qualquer tamanho que quiser, então vamos fazer o upload, e lá vai você. Agora, nós temos esta seção branca aqui em cima com um rápido veja esta seção branca aqui em cima. Agora eu vou realmente me livrar disso, então eu vou clicar neste verde, que é como, verificar salvar as alterações e verificar novamente. Agora, aqui em cima sob esta seção azul. Vou fechar isto aqui mesmo. Não precisamos disso agora. Só temos esta secção aqui. Ok? Agora, vamos em frente e projetar isso. Vamos fazer com que pareça muito legal. Então aqui mesmo sob o ícone de engrenagem. É assim que você altera as configurações. Então eu clico no ícone de engrenagem e aqui este é o slide atual com o qual estamos trabalhando. Então temos a equipe de debate. Aprendemos mais aqui e nossas bundas em seu l. Então eles clicam nisso. Ele vai levá-los para essa seção e nossa imagem de fundo. Agora, para o tamanho da imagem, eu quero ir em frente e sair. Isso é padrão a imagem do slide. Eu não vou adicionar uma imagem de slide, mas basicamente, isso vai colocar outra imagem bem aqui. Então só para o único propósito é que eu vou em frente e te mostrar muito rápido. Vamos ver se tenho um arquivo PNG. Estes não são PNG, então Oh, isso é assim Você vê a imagem agora, pessoal, este não é um bom exemplo, porque está escuro. É mais para , um fundo branco, você sabe, você sabe, mas este é um exemplo de como você pode ter outra imagem bem aqui. Ok. Mas vou tirar isso agora. Além disso, podemos adicionar uma imagem. Eu sinto muito. Sobreposição de plano de fundo. Então, clicando nisso, podemos tipo de adicionado em uma determinada cor a este recurso. Então aqui eu posso colocar como um azul. E tem duas barras bem aqui. Esta barra esquerda controla a força da cor esta errada. A direita controla a chance, pai, ver a cor. Você vê como eu reduzo a transparência. Você pode começar a ver o fundo bem aqui. Então isso é basicamente com isso é quatro. Mas provavelmente vou em frente e deixar isso em branco. Mas isso é basicamente o que isso nos contou. Tudo bem, então a cor do texto não se preocupa muito com a cor do texto. Pessoal, podemos mudar isso nas configurações de design. Agora, se vocês querem um controle deslizante de vídeo, vocês podem ir em frente e clicar no upload aqui e carregar o controle deslizante de vídeo. Agora, um bom site para obter slides de vídeo é vídeo lance evo dot nets e vocês podem realmente baixar alguns vídeos grátis. Eles têm, e eles realmente têm alguns pagos, mas eles têm alguns vídeos gratuitos que você pode baixar e meio que mexer com eles. Então, como, por exemplo, natureza, a natureza é sempre boa, sabe? Então, muitos desses são alguns vídeos que você pode adicionar aos seus sites. Agora, há alguns pagos, e há alguns que são gratuitos. Por isso, certifique-se de verificar isto. Este é apenas mais um recurso. Certo, voltando aqui, vou colocar um pouco de texano aqui. Eu vou colocar algo como, um, placa, imprensa tutorial, e então eu vou colocar como um espaço, e eu vou colocar algo como, um, você sabe, eu Vou para o meu site secreto, meu site secreto, texto falso. Este é o meu site favorito, então eu basicamente pego, você sabe, imposto falso só para preencher o espaço para fazer parecer bom, sabe? Então nós vamos usar um pouco deste texto fictício aqui, e eu vou em frente e apenas pegar algumas dessas coisas aqui e copiar isso e apenas ir em frente e colocá-lo lá dentro. Tudo bem, então lá vai você. Vocês viram que têm a mensagem falsa aí dentro. Agora eu digo que quero deixar isso um pouco mais espaçado. Sabe, algo um pouquinho. Sim, é o espaço só um pouquinho. E talvez eu queira meio que centralizar isso aqui. Iremos em frente e enviaremos tudo isso, mas por padrão, ele já está centralizado, então não precisamos fazer isso. Mas essa é a maneira como você adivinha no texto central no futuro, quer vocês usem um módulo de texto ou outra coisa. Mas chegaremos a isso um pouco mais tarde. Tudo bem, então temos tudo aqui e parece que estamos prontos para ir. Mas digamos que você queira ir em frente e mudar como a cor e as tropas estrangeiras que Webb vê. Digamos que você queira mudar como a fonte e a cor e todas essas coisas boas. Então aqui no projeto, podemos mudar tudo isso. Tudo bem, então as fontes do cabeçalho. Então lembre-se, o cabeçalho se aplica a esta seção aqui. Grupos dividem tema. Então, o tema Davey aqui. Aplica-se a esta seção. Vou mudar isto para uma ferrovia que é um dos meus telefones favoritos . E agora temos essas outras opções aqui que podemos torná-lo como, você sabe, muito grande e ousado, e talvez até torná-lo um pouco maior. Alguém colocou algo como, Ah, Ah, 80 na verdade. Talvez maior do que isso. Agora ele está bem. A noite está boa, está bem? E também, podemos alterar a cor do cabeçalho. Então aqui eu posso mudar a cor do texto disso. Sim. Leitura contingente ou o que for. Ok. E vocês sabem, caras uma grande gorjeta agora. Uma vez que você aprenda a usar as configurações de design como esta seção aqui, é assim para todos os módulos. E à medida que avançamos neste tutorial, você vai ver que é super fácil e é exatamente como é repetitivo. Em um momento, você vai ficar tipo, OK, eu sei como fazer isso. Como ZZ. Então, a cor do texto do cabeçalho. Eu gosto disso. É bom. Agora, o espaçamento da letra do cabeçalho. Então aqui você pode determinar o quão espaçado você quer. Você sabe o que eu vi alguns sites de fotografia que fazem isso muito onde eles têm, como , você sabe, como este estilo aqui e diz como fotografia. Sabe, uma palavra que ficaria bem, certo? Então eu vou em frente. E, na verdade, essa foi a errada. Ok, então o espaçamento da letra do cabeçalho bem ali. E também a altura da linha de cabeçalho para que possamos alterar a altura da linha também. Mas você pode querer deixar algo que você sabe, algo um padrão, eu acho, era 1.111 manhã mas nós podemos mudar algo como, um, você sabe, um ponto alguma coisa. Ok, olha para 1.8. Certo, agora o fundo do corpo. Então esta seção se aplica a este material aqui. Então, aqui mesmo, vou fazer algo como, hum, o que é bom? Vai fazer. Luz da estrada. Ok, estamos longe da luz. Sabe, eu não gosto desse espaçamento de letras. Isso parece meio feio. Sim, vamos. Sou uma espécie de perfeccionista, por isso queremos. Tudo bem. Então, volta ao corpo do telefone, pessoal. Então aqui está a cor do corpo do texto. Então vamos apenas dizer que você quer ter como mais mudanças brancas para brancos. Ou podemos ter cores diferentes. Cetera bem aqui. Ok. Então agora é a mesma coisa neste momento. Então, o bader o espaçamento da letra do corpo. Então a mesma coisa que fizemos para o cabeçalho é a mesma coisa que vamos fazer aqui. Então, por exemplo, eu só mostraria a vocês o espaçamento entre as letras do corpo. Você vê como ele está se tornando mais espaçado para que você possa ir em frente e, você sabe, fazer essas configurações também agora também a altura da linha do corpo. Então, quanta altura você quer entre estes? Então isto aqui controla a linha. Hif Ok, então isso é basicamente um resumo rápido de como criar esta página de destino realmente legal. Agora, tipo de quer talvez mudar isso como, ousado, você sabe, assim. Acho que é um pouco melhor, certo? Nenhuma coisa que estamos perdendo aqui, que meio que faz esta página parecer um pouco chato é a cor que queremos ir em frente e adicionar e talvez alguma cor muito legal para este botão aqui. Ok, então aqui sob costume usado vende para botão. Eu vou clicar sobre isso agora esta seção vai nos permitir decorar É o nosso botão aqui e caras, essas configurações são muito auto-explicativas e muito básicas. Certo, então o tamanho do texto do botão. Então, quão grande você quer o texto? Bem aqui. Dentro do botão. Então talvez algo como ... 7. Crie: você sabe, vamos fazer apenas 25. Agora a cor do texto do botão. Quero perguntar aos brancos. Ok, mas você pode nos mudar. Um bluey muda para, você sabe, o que você quiser, etc. Mas por aqui, eu vou mudar a cor de fundo do botão, mas na cor de fundo. Vamos fazer isso azul. Ok, então a cor de fundo do botão é azul e a cor do texto. Eu quero branco assim. Ok, agora, eu tenho que descer agora. Mas na fronteira com, você sabe, eu só usaria a opção dele. Eu não sei. Quero dizer, provavelmente há uma razão para isso. Parece feio, masé , mas uma opção extra do sistemaqueestão dando a vocês para que possam mexer com a borda agora com acor da borda do botão. que uma opção extra do sistemaqueestão dando a vocês para que possam mexer com a borda agora com a Então aqui eu poderia decidir. Talvez eu não queira uma borda branca. Eu quero, tipo, um vermelho, ver como é lido agora ou preto ou etcetera ou, você sabe, você pode realmente simplesmente não ter fronteira. Ok, então eu gosto disso. Ok, então eu vejo como agora eu não tenho fronteira. É apenas azul. É isso. Então eu não posso fazer isso agora, certo? aqui sob as bundas no raio da fronteira. Veja o que isso faz é meio circular para ver como agora está se tornando mais circular. Desculpe. Aqui, podemos ir em frente e, você sabe, mudá-lo. E quanto mais você faz, mais circular se torna. Ok, então isso é um resumo rápido. Agora, também a fonte. Então, que fontes você quer dentro daqui? Bem, eu meio que quero a ferrovia. Sem caras. Quando você está fazendo sites, eu recomendo ficar com talvez 1 a 2 fontes para todo o seu site. Estou lhe dizendo, se você tem fontes diferentes, isso faz seu site parecer brega. E as pessoas vão pensar que não é profissional. Eles vão pensar isso. Eu meio que pareço estranho. Eu não gosto disso. E ao olho humano. Se não gostarem da aparência,não vão comprar seus serviços. Se não gostarem da aparência, É realmente verdade. Se eles não gostarem da aparência, não importa se você está vendendo iPhones grátis. Eles não vão acreditar porque, você sabe, é assim que o cérebro humano funciona. Infelizmente. Ok, então vamos por aqui. Agora você vê, por que eu tenho que pairar sobre ele. Há um pequeno ícone. Talvez eu queira outra coisa. Você sabe? Quero de um poucodeflecha para cima. Vê isso mais? Quero algo como um coração tão agudo. Ok. Sabe, agora temos o coração. Ok. Rolando aqui para baixo agora as bundas Uma cor de ícone. Então este botão aqui, podemos ter uma cor específica, se você quiser. Roxo. Ok, então se eu passar o mouse sobre ele, você vê, agora o botão é roxo, mas isso é realmente feio. E não vamos fazer isso. Sim, esse é o branco parece bom. Ok, agora as pontas e a colocação do ícone, você pode ficar para a esquerda, ou você pode ter isso para a direita. Ok, então aqui mesmo. Veja, agora é para a esquerda, ou podemos mudar para a direita. Bem aqui. Ok, agora, isso é para pairar sobre. Digamos que alguém paira. Sobrepõe este botão com o rato, OK? Eles pairam sobre ele. Que cor de texto você quer? Vamos mudar isso para talvez preto. Ok? E se passarem agora, o texto fica preto. Agora, que cor de fundo você quer? Se alguém paira sobre ele. Bem, vamos apenas ler Castle sobre isso. Agora você vê, o texto é preto e o fundo é vermelho. OK, agora a cor da borda. Você pode até mudar a cor da borda se alguém passar por cima dela. E eu tirei, então não posso deixar um pouco consistente. Você sabe, eu não quero que o dedo tire muito isso. Sabe, eu não quero acrescentar que seria muito, muita cor, muito brega. E aqui você pode mudar o espaçamento das letras. Você pode fazer o botão, você sabe, o pairar, mas o raio. Então, se eu passar o mouse sobre ele, você vê agora como ele vai agora, a razão pela qual ele se parece com isso é porque eu fiz o espaçamento entre as letras muito grandes oito pixels. Então vai parecer maior assim. E se ele quiser reduzir isso ao início, basta clicar em atualizar e voltar ao início. OK, agora o raio da fronteira, você pode querer aumentar isso. Então, se eu passar o mouse, ainda é um círculo. Você vê isso? Então agora isso parece muito bom, certo? então isso é praticamente tudo para esta pequena seção. Bem aqui, pessoal. Sei que não foi muito, mas não se preocupe. Sei que não foi muito, Sabe, à medida que continuarmos, você vai se familiarizar cada vez mais com todos os módulos diferentes como ele funciona. Esta era apenas a página inicial. E, pessoal, a página inicial é a parte mais importante do seu site. Realmente é porque isso basicamente dá ao cliente cinco segundos para determinar se ele vai permanecer em seu site ou não. Então você realmente quer ter certeza de que ele parece muito bom e muito profissional. Certo, então temos um slide. Agora, digamos que você queira adicionar outro slide, mas talvez você queira apenas duplicar um slide. Então já fizemos todo o trabalho duro. Você sabe por que desgraça ou assim aqui embaixo dessas duas caixas, eu vou clicar nisso. Ok, agora, o que isso fez foi que eu basicamente dupliquei toda a seção. Então, bem aqui, nessas duas setas aqui. Se eu clicar nele, este é o novo slide. Então, em vez de fazer todo o trabalho duro de novo, vocês podem mudar a imagem do título. Então, aqui mesmo, Embora você conheça tutorial. Não, você vai fazer algo como, uh, eu não sei. casa da Patty. É o meu cão. casa da Patty. E então aqui vai rolar para baixo, e nós vamos apenas mudar a imagem de fundo para algo como, uh, algo como algo como isso. Ok, então agora nós temos basicamente dois slides diferentes, e nós mantivemos a maior parte da configuração, então é muito semelhante. E há algumas outras opções nesta seção aqui, como clique arável neste pequeno verde. Então aqui temos os dois slides. Certo, então temos um slide e dois slides. Agora. Quer que mostremos as flechas? Veja, eu tenho a seta do lado esquerdo bem aqui, bem aqui. Eu posso dizer, você sabe, mostrar as flechas ou escondê-las. Agora, você quer mostrar os controles ou esconder os controles como esses pequenos pontos bem aqui, abaixo para que eu possa escolher mostrá-lo ou escondê-lo agora? Animação automática. Então você quer que isso seja automático? Então, se você quiser que isso seja automático, quantos segundos no meio. Você quer que cada slide passe? Então aqui, vou dizer a cada três segundos, que é M s milissegundos. Então, a cada três segundos, eu quero que este seja um novo slide automático. Não quero que o cliente toque em nada. Não penso em fazer nada. Eu queria automática. Então, agora eu coloquei 3000. OK? E lá vai você. Está começando a mudar. É um pouco lento, mas é só porque estamos no editor. Pessoal, quando fecharem , serão três segundos. Ok. Agora, os efeitos de paralaxe. Eu não recomendo o efeito de paralaxe para slides, mas vamos falar mais sobre o efeito de paralaxe um pouco mais tarde. E a sombra interior, não a temos na sombra dela. Isso se você tiver um slide menor. Há uma espécie de caixa, mas não temos isso e a posição da imagem. uma espécie de caixa, Então, se você quiser focar em uma parte específica da imagem aqui, você usaria isso. Mas geralmente eu usaria padrão que eu realmente não usei. Eu não encontrei uma razão para usar tanto. Porque quando você cria uma imagem você a cria assim, você sabe, para o fundo, não cria uma imagem para dizer depois de criá-la. Quero focar neste pequeno parceiro aqui. Sabe, eu realmente não conheço ninguém que use isso. E também, você pode desativar isso no tablet do telefone ou na área de trabalho, e falaremos mais sobre isso um pouco mais tarde. Comece a personalizar a otimização móvel personalizada. Ok, então eu vou clicar no cheque e pronto. Pessoal, acabamos de criar uma linda página. É simples. É fácil, parece bom. E, você sabe, dependendo de suas fotos ou o que você quiser, você pode, você sabe, mudar para sua necessidade. Você pode adicionar uma sobreposição que você pode adicionar em todos os tipos de coisas. Caras. O tema Divvy é ilimitado. Seja o que for que você pense, você pode criá-lo. Ok, então é isso para esta seção. Pessoal, vamos em frente e passar para a próxima seção. Vou ver lá. 8. Como criar Blurbs: Muito bem, pessoal, pessoal, bem-vindos de volta. Então, nesta próxima seção, vamos adicionar alguns blurbs e botões. Então este é o site de teste em que estávamos trabalhando, e vamos adicionar nesta seção aqui. Então vamos adicionar essas três colunas com esses três botões aqui. Ok, então ele vai para aqui, e eu tenho o construtor visual habilitado. Ainda assim. Então, aqui mesmo sob este ícone de mais, clique em mais e clique em uma seção regular. Agora, eu quero uma linha de três colunas porque nós temos três colunas bem aqui. Então, +12 e três. Agora, eu realmente vou adicionar na seção de sinopse bem aqui. Então, o que eu quero que isso diga. Bem, eu vou apenas ir em frente e copiar este bom construtor de páginas de camadas. Coloquei algo como um bom construtor de páginas de camadas e uma garota para você. Não vamos colocar nada. Use um ícone. Claro, por que não? Então a cor do ícone que eu meio que quero é branco. E a razão pela qual eu queria como o porquê é porque vamos adicionar uma cor ao fundo. Então eu vou colocar brancos e vamos em frente e adicionar um ícone bem aqui. Então eu vou me colocar ver, qual deles devemos aderir? Essa é a nuvem? Certo, saiam da nuvem. Então eu vou clicar em Eu não vou clicar neles economicamente. Continue indo para baixo e bem aqui sob os posicionamentos do ícone de imagem que eu quero no topo. E talvez eu devesse mudar a cor só para mostrar a vocês como isso parece. Ok, então há a imagem bem ali agora, bem aqui sob o posicionamento do ícone da imagem. Você pode tê-lo para a esquerda, ou você pode tê-lo para o topo bem ali. Certo, agora a cor do texto. Vou deixar ir em frente. Deixe isso em branco. Hum, você sabe, nós sempre podemos mudar isso mais tarde, na verdade. Sim, vá embora. Deixa piscar, e bem aqui. Eu vou em frente e virar algumas mensagens w. Ok, então eu vou ao meu famoso site de novo, macacos idiotas, e apenas ir em frente e colocar um texto falso. Está bem? Acompanhe isso por flutuação. E lá vai você. Então, temos uma mensagem bem ali. Ok, agora vamos para o design. Então a imagem Max com Então isso é basicamente dizer o quão grande. Esta imagem pode ser assim se você quiser que ele como em um 1000 pixels você pode definir em 1000. Ou você pode definir em, tipo, 300 pixels, etc. Mas lembre-se, esse tamanho só se expandirá tanto quanto as colunas que você tem. Então aqui só temos esse espaço. Portanto, ele não vai exceder esse ícone de uso Tamanho da fonte. Sim, quero ficar um pouco menor. E a fonte do cabeçalho, que é esta seção aqui. Quero mudar para algo como ferrovia. Está bem. E não faça isso um pouco maior. Está bem? Agora, para a cor do texto do cabeçalho. Podemos mudar isso também. Bem aqui. Então eu vou mudar a cor de fundo por último porque eu quero que vocês tenham uma idéia melhor disso. Ok, então eu vou, uh, colocar isso em espera por agora. E o espaçamento da letra principal. Não, pessoal, estas são as mesmas opções que nos lembramos. Uma vez que você começa a aprender um módulo, você aprende todos eles. Eles são muito, muito parecidos. Então aqui vou fazer algo como a ferrovia de novo. Então o corpo do telefone está basicamente controlando esta seção aqui. Está bem. E a cor do corpo do texto. Podemos adicionar uma cor de fundo a isso, etc. Saímos em uma imagem de fundo também. Tipo, só para fins de controle, eu vou te mostrar. Então temos esta imagem de fundo bem aqui. Ok, mas claro, isso não parece bom, e eu não recomendo que está tudo bem. Então eu acho que isso é tudo para esta pequena sinopse, pessoal. Então, basicamente fizemos um, certo? Agora, em vez de realmente fazer tudo de novo, nós poderíamos apenas duplicar isso e então simplesmente usar este ícone parado aqui para arrastá-lo aqui. Tudo bem, duplique-o e arraste-o para cima. Está bem? Isso pode ser quer mudar o título. Certo? Aqui vai colocar a equipe d v é ótimo, mas, uh, incrível tema wordpress. Está bem. E então aqui, vou acrescentar algo como, eu amo meu cachorro. Está bem. E para o ícone, etc., podemos usar isso talvez eu queira mudar a cor, mas , por enquanto, vou deixar como piscar de olhos. Agora, vamos para este site bem aqui. Então eu tenho esses botões bem aqui. Agora eu quero mostrar a vocês todas as costas e editor para isso. Então aqui você pode ver que eu tenho sinopse, sinopse, sinopse. Então eu ouço sinopse, sinopse, sinopse, e então eu tenho botão botão. Ok, então vamos em frente e adicionar um botão e enfraquecer. Basta duplicá-lo e adicioná-lo a todos estes. Bem aqui. Está bem. Então aqui, sob este sinal de mais, eu vou clicar em, adicionar um novo módulo e ir para o botão, ok? E aqui, vocês podem ver que isso é como, um, um, nós temos o texto branco com, tipo, tipo, um fundo escuro e um raio em torno dele. Ok, então vamos ver se você se lembra, ganhe de volta aqui. Vou colocar algo como eu não vou colocar o seu poço, Mas lembre-se, o URL é o site, ou eu sinto muito. O endereço de onde você deseja que ele vá no seu site. Está bem. Talvez ter parceiros, talvez uma página de vendas. Talvez você tenha um formulário de contato, todo tipo de coisa. Está bem. Então um herói coloca Vamos ver o que eu coloco aqui quando eu coloco aprender mais, aprender mais é sempre bom. Não, aprenda mais. Saiba mais é sempre bom, mas um alinhamento. Quero isto para o centro. Certo, a cor do texto. Vamos em frente e colocar isso como eu vou deixar isso em branco agora. Certo, agora o desenho. Quero ir em frente e dizer que sim. Agora, pessoal, a mesma coisa que fizemos para este controle deslizante. Estas são as mesmas opções, então nada mudou. Então talvez você queira o mas em um pouco menor. Talvez por volta dos 18. As bundas na cor do texto. Bem, eu meio que quero a cor do texto do botão como branco e a cor do fundo do botão. Isto eu poderia querer um azul, talvez um estilo diferente azul. Ok, é sim. Quero dizer, , vamos ver. Ou algo um pouco mais escuro. - Sim. Agora as bundas e fronteira com eu não vou mexer com que a cor da borda do botão. Então, a fronteira em torno disso aqui, eu vou em frente e deixar isso, mas o raio da fronteira eu vou mudar. Então isso vai realmente torná-lo um pouco mais circular. Vê isso? Ok, então eu meio que gosto desse botão. Agora eu vou apenas ir em frente e salvar isso e eu estou apenas indo Teoh Apenas copiar isso e simplesmente apenas arrastá-lo para cá. Não há necessidade de trabalhar mais do que temos de escrever. Tipo, isso é fácil como ele fica, tipo, apenas copiar e pagar cópia e paz. Então você vê como é ótimo aí mesmo. É onde você sabe o quê? Deixa-o cair. Certo, então temos essas seções bem aqui. Agora precisamos basicamente criá-lo. Então, está cheio com. Então você vê como nós temos essa caixa de cerco sobre como é tipo, você sabe, há todo esse espaço em branco que queremos, você sabe, usar este espaço em branco bem aqui. Então vamos fazer isso sob este ícone de engrenagem para esta seção de azul-petróleo. Estou com um clique nisso agora. Sob estas opções bem aqui, eu tenho fazer esta linha cheia com. Então, sim, quero fazer esta espingarda com o Now. Nós também podemos fazer algo como adicionar na sarjeta com e a calha com é basicamente dizer este espaço entre estes Então você pode fazer isso um pouco menor. Algo assim. Ok, então agora nós temos esta seção bem aqui, muito limitada com espaço, e eu vou em frente e apenas clique em verificar. Certo, então temos essas três seções. Agora, digamos que você queira adicionar um pouco de cor, você sabe, queremos adicionar um pouco de cor aqui. Então aqui mesmo, sob esta seção aqui, eu vou para o design, e nós vamos rolar para baixo. Tudo bem, então chame-o de uma imagem de fundo. Então isso está se referindo a chamada em um. Tudo bem, então aqui, sob a cor de fundo, eu vou clicar sobre isso, e então é tipo, talvez um azul, ok? E vamos fazer um pouco mais transparente, algo assim. Está bem. E então vamos em frente e salvar isso. Vamos continuar jogando fora, na verdade. Agora, para a coluna. Um estofamento personalizado, talvez você queira um pouco para o fundo bem aqui. Na verdade, não, vamos fazer isso do outro lado. O outro módulo. Tudo bem, então, qualquer maneira, então a cor do segundo plano, qual código você quer que seja? Bem, eu meio que queria ser um azul mais escuro. Está bem. E para a coluna três, quero que isto seja um pouco diferente. Eu quero que isso seja algo como, um ah, azulado. Ish azul-azulado. Lá vai você. Algo assim, certo? Algo simples. Certo, algumas das armas agora, então temos esses três quarteirões aqui, mas temos todo esse espaço bem aqui. Precisamos mudar isso. Certo? Então aqui mesmo sob o ícone azul, clique sobre isso e eu quero uma espécie de reduzir o preenchimento. Agora, há outra maneira de fazer isso, pessoal. Então nós podemos realmente ir manualmente até aqui e você vê como eu tenho que passar o mouse sobre isso. Há aquela seção azul que aparece e meu cursor muda. Podemos simplesmente começar a arrastar isso para cima e começar a remover este espaço em branco. Você vê isso? Ou posso ir aqui no ícone de engrenagem e mudar o estofamento para zero. Agora, a razão pela qual você muda para zero é porque tapinhas é basicamente o espaço. Então você cria basicamente dizendo que eu não quero espaço. Isso é basicamente o que estofamento está bem acontecendo aqui. Agora clique neste ícone aqui sob as configurações de assado, e eu devo ir para baixo e eu não quero nenhum preenchimento para o topo. E eu não quero nenhum estofamento para o fundo bem aqui. Ok, então agora vocês podem ver que nós não temos nenhum espaço em lugar algum. Não temos espaço nenhum, está bem? 9. Como usar preenchimento e ícones: Olha, eu quero fazer algum espaço entre isso aqui no topo, bem ali. Então, como é que fazemos isso? Bem, nós vamos usar as configurações de linha bem aqui. Então, sob este ícone de engrenagem para a seção de azul-petróleo, eu quero controlar a seção de preenchimento bem ali. Então eu quero basicamente fazer mais estofamento aqui. E mais estofamento aqui. Então, sob este ícone de engrenagem, eu desço para projetar e rolar para baixo. Apenas mantém-se crescido. Então temos a coluna. Um bem aqui. Então esta é a coluna um Agora, quanto estofamento você quer? E acho que bater de novo é espaço. Certo, então é só espaço. Então aqui, eu quero 50 pixels, talvez 30 pixels no topo, e eu quero 30 pixels para o fundo. Então agora você vê que nós realmente fizemos um pouco mais de espaço, e nós podemos adicionar um pouco mais. Talvez 50 e 50 está bem. Ou você pode, você sabe, mais criativo e sair em 60 se você quiser, você sabe, mas eu vou deixar em 50 e 50. Agora. Vamos em frente e fazer a mesma coisa para os outros dois. Então você quer fazê-lo olhar, você sabe o mesmo. Não queremos deixar isso assim, certo? Parece meio ruim. Então, sob a chamada para ele nós vamos para a mesma coisa que você pode fazer 50 e 50 e a mesma coisa aqui mesmo. Calma três. Faça 50 e nós vamos fazer 50. Tudo bem, então é basicamente isso, caras, você sabe, é que as cores são muito feias, sem dúvida, mas você pode provavelmente apenas alguns para fazê-lo olhar exatamente como este, você sabe, adicionando a sua própria cor de esqui ou o que você gosta. Ok, então é basicamente assim que realizamos esta seção aqui. Agora, nós vamos fazer esta seção aqui, e isso é muito simples, pessoal. É só um acordeão e uma imagem. É isso. Então, indo para cá, eu vou clicar neste pequeno ícone azul, e vamos cozinhar no normal agora. Isto são duas filas. Então eu quero que vocês entendam o visual por trás disso. Então isto é uma imagem, e isto é um acordeão. Ok, mas se você notou, este espaço é mais do que isso aqui, então vamos para cá. Deixe-me fechar isso aqui. Na verdade, provavelmente vou fechar isto aqui. Está bem? E fecharemos isso de novo. Ok, então aqui nas cabras para este ícone bem aqui. Realmente? Notas para regular. Agora você vê aqui como nós temos esses ícones bem aqui. Então isso aqui seria o ideal, certo? Porque isto tem mais espaço, e este tem um pouco menos. Então, vamos clicar neste aqui. Está bem? Agora, aqui, sob esta pequena sinopse bem aqui, vou clicar na imagem. Vamos simplesmente adicionar uma imagem. E ouvi dizer que vou fazer o upload, e vou encontrar aquele telefone fixe. Parece que estou perdendo o telefone, certo? Parece que estou perdendo o telefone, Sim, estou perdendo. Então eu vou em frente e fazer o upload disso. Acredito que o tenho. Vês? Aqui. Vamos ver onde coloquei o telefone. Ok, embora seja o ato I, P e G Talvez ele estivesse lá. Eu não sei. Sim, é isso. Bem ali. Tolo eu. Ok, foi isso. Bem ali. Tudo bem, então clicamos no upload de uma imagem, e lá vai você. Então agora eu tenho esta imagem bem aqui nesta seção bem aqui. Vou adicionar o acordeão. Ok, então em um novo item e nós podemos colocar em algo como, hum, uh, vamos ver. Podemos colocar algo como boas-vindas ou esperanças porque eles aprendem. Oh, sobre nós. Certo, então aqui, podemos adicionar um texto falso. Ok, então vamos em frente e filmar uma mensagem falsa, ok? E clique em verificar. Agora, vamos em frente e adicionar mais um pouco. Na verdade, vou duplicar esta estrada, então vou dedicá-la três vezes. E, você sabe, você pode ir em frente e mudar as configurações caras aqui, você sabe, para o design. Então aqui é como a cor de fundo de alternância aberta. Então, se você quiser ir em frente e mudar isso, podemos fazer isso como verde, para que eles abram. Vai parecer verde. Parece meio feio. Mas é isso que você quer, certo? Então, se alguém abrir, que cor você quer que ele seja? Está bem. E de novo bem aqui. Temos a cor do texto de alternância aberta. Temos a cor de fundo fechada. Então isso agora está perto de ver como eles estão fechados. Ok, então se você quiser, você sabe, é assim que você faria isso. Você também pode alternar a cor do texto também. Então você quer apenas mudar o saber a cor disso? Você pode mudar isso também. E também a cor do ícone. Então, se você quiser mudar a cor do ícone, você pode fazer isso bem aqui. Ok, agora a fonte Tuggle talvez queira mudar isso para ferrovia? Sabe, queremos manter nossas cores um pouco consistentes. Queremos ter certeza de que são todos iguais. Está bem. E aqui de novo, pessoal, estas são as mesmas opções. Então letras voltadas para a linha se escondem E este é o carinho do corpo. Então as fontes do corpo é a fonte dentro disso aqui. Talvez possamos mudar isto para ferrovia. Torná-lo ousado. Está bem. E, claro, podemos adicionar em algum preenchimento pode usar uma borda. Você sabe, uma borda é basicamente como uma caixa em torno dela assim, mas eu não gosto da fronteira, mas hey, você sabe, você é bem-vindo para usar a cor personalizada, se quiser. Ok, então vamos voltar para o general aqui e vamos para a caixa de seleção. Então nós basicamente criamos esta seção aqui, pessoal. E é muito, muito parecido com isso aqui. Agora, esta seção parece um pouco diferente. Então, como é que conseguimos esta secção aqui? , Basicamente, o que fiz foi pegar esse texto aqui, e coloquei dentro do módulo bem aqui. Então eu vou clicar no ícone do ano e mostrar-lhe como eu consegui isso. Então aqui não vou colocar nenhum título. E eu vou apenas ir em frente e apenas colar isso aqui dentro, exatamente assim. E depois para o link. Pessoal, acabei de criar um link personalizado. Por isso, aqui mesmo, vou pôr-me vou pôr-mea aprender mais. Não, vou destacar isto, está bem? E agora vamos criar um link personalizado com um texto. Então, há alguns ícones bem aqui. Conhece estes aqui? Eles enviaram a mensagem para ela, eles vão para a direita ou para a esquerda. Agora, eu vou clicar neste pequeno link aqui, e se eu rolar para cima, ele vai dizer que você é I Então, para onde eu quero que eles vão? Se eles clicarem lá e muito mais. Bem, eu vou colocar meus sites e ir para Ok, ok. E então eu vou clicar neste cheque e verificar novamente. Então é uma espécie de maneira criativa os caras usarem isso porque a maioria das pessoas não pensaria que com este módulo você pode fazer isso. Mas lembre-se, você pode fazer qualquer coisa que possa imaginar. Pessoal, não há limitações. E vamos apenas dizer que eu quero esta linha um pouco maior. Quero esta foto um pouco para a esquerda. Sabe, eu não quero fechar. Então, a fim de mudar isso, sempre que você estiver trabalhando em módulos, basta ir para as configurações de linha. E em vez de fazer esta linha cheia com, tipo, isso é, podemos realmente determinar o quão grande queremos que isto seja. Então clique em costume com, e agora eu vou clicar sobre isso aqui mesmo. Então vocês podem ver isso e nós podemos determinar que vocês sabem o quão pequeno nós queremos ou quão grande nós queremos. Ok, então 100% é obviamente a página inteira. Certo, então outra maneira de vocês serem criativos é a sarjeta com os caras. A calha com é muito importante porque a calha com basicamente cria este efeito aqui mesmo onde não há espaço qualquer. Ok, então sempre que você quiser as coisas mais perto um do outro, tudo o que precisa fazer é ir para a sarjeta com e torná-lo menor. Então, agora é de três para e depois um. Você vê como é muito perto, como se tudo estivesse super perto assim. Então, se você quer esse efeito, você pode fazer isso com a sarjeta com Ok. Mas eu vou em frente e deixar todos esses, você sabe, padrão. Acho que isto parece uma boa secção. Ok, então vamos em frente e passar para a próxima seção aqui. Vamos criar esta seção aqui. Então esta é uma seção muito legal e criativa. Tudo bem? Vejo-te na próxima palestra. 10. Conta de criação de de de home: Tudo bem, pessoal. Bem-vinda de volta. Então, aqui, nós vamos criar esta seção bem aqui. Antes de começar, quero que entendam como fizemos isto. Antes de começar, Eu meio que quero que você comece a pensar sobre os modelos que vão usar. Tudo bem, então isso aqui é um 2/3 você sabe, é ah, é uma linha maior em uma fileira menor. Este é um módulo, e este é um módulo de desfoque, um módulo de sinopse e um módulo de sinopse. Ok, então vamos em frente e criá-lo aqui, e o construtor visual está habilitado. Estou aqui para isso, além de novo ir ao normal. E quero que gostemos de algo aqui. Então este aqui é o que eu quero selecionar. Ok, então eu quero selecionar uma sinopse. E pessoal, uma sinopse é algo para, tipo, nossos serviços ou algo assim. Bastante simples. É bem simples. Não é realmente como, você sabe, eles são basicamente, como, pequenas coisas que apenas funcionam, sabe? Então deixa-me ir em frente e mostrar-te para ouvir um buraco na TVP que não quero ser o Earl. Earl é o destino de outro site que você quer que eles o levem? Ok, agora aqui embaixo, sob o uso do ícone eu vou e digo sim. E eu vou colocar algo como, uh, uh, este polegar para cima, polegares para cima. Tudo bem. OK, agora a cor do ícone, eu meio que quero mudar para algo. Talvez dois pretos lá. Sim, vamos fazer. O preto subiu. Agora o ícone do círculo. Pessoal, essa é uma cor de fundo que você pode ter se quiser, então você pode ter uma cor adicional em torno dela para que você possa ser criativo com isso também. Mas eu realmente não preciso disso. Sabe, eu realmente não me importo com o resto em paz. Então, sob os caras de posicionamento do ícone de imagem, eu quero ir e dizer que eu quero para a esquerda desta vez. Então agora você pode ver que é para a esquerda e a animação ícone. Podemos mudar a animação deste tão direita para esquerda, direita, direita, esquerda para mentir lei baba do pé inferior e todos esses diferentes. Então você pode ver como ele entra. Ok, agora, sob o conteúdo aqui, eu vou apenas ir em frente e adicionar um pouco de conteúdo falso, mas não muito. Só um pouco e cole isso aí. Tudo bem. E isso parece bom. Ok, então eu vou em frente e clicar no cofre. Agora, eu quero duplicar isso. Quer continuar e duplicar isso de novo? Tudo bem. 111 demasiados. Sabe o que eu fiz de errado? Eu dupliquei os caras da estrada, então fiz quatro rosas diferentes, e não é isso que você quer fazer. Ok, então vergonha para mim, pessoal, e me dê um polegar para baixo ou uma crítica ruim. Tudo bem, então eu quero apenas duplicar o módulo. Não quero duplicar a linha inteira, então espero que entenda que temos três módulos na mesma linha. Está bem? Agora, aqui, eu quero adicionar uma chamada à ação. Agora, esta é uma maneira criativa de fazer uma seção, pessoal. Então aqui eu posso colocar alguns aprender tudo sobre são companhia incrível. E aqui, eu não quero ser adicionado em uma cor de fundo. E a razão é porque vamos criar outra cor de fundo, certo? E eu vou pagar em algum lugar idiota. Texano aqui um pouco mais. Eles colocam um espaço e colocam um pouco mais. Tudo bem. Agora, para o design, precisamos basicamente fazer esse show. Então, a cor do cabeçalho, Vamos torná-lo, você sabe, preto. Então podemos ver o que estamos fazendo, sabe? E você sabe, eu posso mudar isso para algo como ferrovia e caras. Font é tudo. Ele realmente traz vida para o seu site. Não tornes isto um pouco maior, está bem? É assim agora, economizando para a cor do corpo Tunks bem aqui. Vou fazer isso preto para que possamos ver. Ok, então lá vai você. Então nós temos esta seção aqui, mas não se parece nada com a outra seção que tivemos. Então vamos em frente e começar a fazer algumas mudanças na estrada para tipo de obter esse efeito. Por isso, aqui, clique nisto. Eu quero fazer esta linha completa, e eu quero reduzir a sarjeta com apenas um pouquinho. Certo, então reduzi a sarjeta com o SNC. Parece muito, muito pequeno, como um quê? Isso parece meio estranho. Sabe, parece muito, muito estranho. Eu sei. Aguente firme, vamos chegar a isso. Então aqui, sob esses ícones aqui sob as configurações de sinopse, eu meio que quero adicioná-lo em uma cor diferente ao plano de fundo. Você sabe, eu quero começar a distinguir as seções umas das outras, você sabe, então nós podemos realmente fazer isso indo para a cor de fundo nas configurações de design e apenas , você sabe, como a cor de fundo, esta. Bem, isso é como um azul. Veja bem aqui. Sim, isso foi bom. Está bem. E algo aqui irá selecionar outro design. Não, não o corpo do texto irá mudá-lo para a cor de fundo. Vocês sabem, vocês podem querer usar cores melhores. E isto é muito feio. E isso é só para Bridget Over Vis está bem. Então vamos usar outra cor aqui, e podemos adicionar algo como um vermelho. Ok, este é apenas o tipo de ajuda distinto, uh, onde estes vão, e você sabe como eles devem ser vistos. Ok, então agora nós precisamos basicamente criar algum espaço entre esses blurbs porque não há praticamente nenhum espaço entre eles e nós meio que queremos, como, você sabe, espaço manto para fazer com que pareça bom. Certo? Então vamos para o 1º 1 aqui, animal. Vá para design, e eu sou um rolagem para baixo aqui para a seção de preenchimento personalizado. E aqui eu vou começar a adicionar um pouco de Patty. Certo, talvez para os direitos que eu quero. Talvez estejamos, tipo, 50 eventos para o fundo bem aqui. Você pode ir em frente em algo como, uh, bem, adicionando algo como, eu não sei quanto tempo de espaço 50 pixels e até o último para querer algo como 20 talvez 30 pixels. Basicamente, o que fizfoi abrir espaço aqui. Basicamente, o que fiz Eu fiz espaço aqui, e eu fiz espaço aqui e aqui. Certo, , lembrem-se, então os caras da direita na esquerda, eu basicamente consegui. Então há espaço aqui, mas se você adicionar muito estofamento de um lado, o outro lado não terá para onde ir, sabe? Então talvez eu queira reduzir o preenchimento no lado direito um pouco e talvez aumentá-lo no lado esquerdo. Você vê isso? Agora? Você vê como ele está se movendo em direção ao centro? Porque ainda há espaço aqui. Ok, então agora eu vou clicar em verificar. Não, pessoal, eu sou preguiçoso. Sou super preguiçoso. Eu só vou fazer isso. E lá vai você. Agora temos a rosa pronta, e vou apagar estas, descansar em paz e e vou apagar estas, descansar em paz eficar detida com a cor de fundo. Agora, para estes. Então, indo para o design, eu vou mudar este para algo como, um, eu não sei, algo como verde. E este aqui. Mudar. Isso é algo como, hum e isso assim. E, você sabe, um texto branco provavelmente seria melhor do que isso, você sabe, conversas que temos acontecendo aqui. Você sabe, eu acho que o texto branco parece um pouco melhor, então vamos em frente e mudar a cor do corpo do texto também. E também para o ícone. Pessoal, vocês podem mudar a cor do ícone também, então nós podemos realmente decidir fazer este ícone frente um pouco maior também. Então aqui podemos mudar um maior Bem, podemos torná-lo muito, muito grande. Etcetera. Certo, então vamos para a seção geral. Usamos o ícone de rolagem para baixo aqui. E que cor você quer que este ícone seja? Bem, talvez algo como, uh, branco. Isso é fixe. Você sabe, parece que isso tem, tipo, aquele olhar translúcido agora tem aquele olhar muito legal para ele. Então nós adicionamos nesta seção, e vocês podem vê-lo começando a vir junto. Nós temos algum espaço bem aqui. E lembre-se, nós sempre podemos arrastá-lo para cima nesta seção bem aqui. Nós temos espaço. Apenas arraste para cima. Então, pessoal, este módulo não tem capacidade de ter cor de fundo. Então, como mudamos isso? Bem, podemos ir para nossas configurações de rosa aqui, e podemos fazê-lo manualmente indo para as configurações de linha. Lembre-se mais cedo como tivemos a cor de fundo na linha um caminho para Então esta é a linha um, e esta é a estrada para assim ir para o design. Vamos descer e vamos encontrar a cor de fundo para ver coluna a fundo. Lembra-se? Pessoal, essa é a coluna um, e isso é chamado de Ok, então eu clico aqui, e podemos adicionar qualquer cor que quisermos bem aqui. Devíamos ter usado texto branco, não é? Sim, então eu vou deixar como preto acreditar que é preto, mas eu quero mudar a cor do texto. Eu meio que quero isso. Quero que as pessoas vejam o texto aqui. Então, indo até aqui para o ícone de engrenagem, eu vou mudar o texto sob o design. Então cabeçalho, cor do texto Eu quero perguntar Branco. E aqui obtém a cor do corpo do texto para branco também. Então vocês podem ver que parece bom. Então a última coisa que temos que fazer é basicamente fazer estofamento. Nós só precisamos basicamente criar algum espaço. Então o tipo preto de combina com a outra seção também, porque agora meio que não parece muito bom. Sabe, não parece muito bom, e basicamente precisamos consertar isso. Ok, então vamos em frente e fazer isso agora. Então vamos para este módulo aqui e de novo. Pessoal, queremos dar tapinhas. É tudo o que queremos fazer. Então projetar rolagem para baixo agora, Patty personalizado. Então eu vou adicionar 100 10. Você vê isso? Você vê como está começando a seguir. Então você, neste ponto meio que sabe o que fazer Agora, você meio que sabe Você só precisa basicamente criar espaço suficiente para que ele possa ou massa toda esta seção ou você pode tornar o texto ainda maior. Ok, agora, eu meio que quero esse tapinha bem aqui longe do Isto é muito perto, você sabe. Então vamos em frente e adicionar 50 pixels e adicionaremos mais 50 pixels. Ela espera agora centrado um pouco e parece, você sabe, muito melhor do que antes. Então é basicamente assim que podemos alcançar esse efeito agora, antes de fazermos o preenchimento inferior. Sabes, antes de termos mais espaço aqui em baixo, vamos tornar isto um pouco maior. Você sabe, nós podemos realmente tornar o texto maior, e como resultado, provavelmente terá um efeito sobre o preenchimento também. Então vamos em frente e fazer algo como, uh, você vê como o espaço está indo agora lá em baixo. Então, antes de fazer isso, você sabe, você pode querer considerar lá você ir assim. Agora, vamos em frente e descer até aqui e podemos Adam algum espaço aqui embaixo. Uh, deixe-me ver aqui. Você sabe, é que foram 110 100. Agora temos que igualar com o fundo bem ali. Então talvez, uns 100 60, mas atrás de 70 seria bom. Talvez 165. Vamos abaixo de 65 66 67 68 60 é perfeito. Tudo bem, então aí está, pessoal. Parabéns. E isso é basicamente como conseguimos esta seção. Agora, essa percepção foi um pouco de pensamento crítico, mas eu quero que você seja capaz de usar o tema Devi que é tudo, tipo, você sabe, todo custo e em seu potencial total. Não quero que vocês o usem dizendo: “ Oh, Oh, essa equipe é uma droga. Não sabemos o que fazer, sabe? Porque eu sei que isso pode ser muito desencorajando você. Nada para fazer, OK quando você não sabe o que fazer. Ok, então isso é tudo para esta seção, pessoal, vocês têm alguma dúvida sobre esta seção e como nós conseguimos isso? Sinta-se livre para me avisar e vamos para a próxima seção, então eu vou te ver lá 11. Tabelas de preço e o Google Maps: Muito bem, pessoal, pessoal, bem-vindos de volta. Então, quando esta exceção, vamos fazer alguns contadores de números e tabelas de preços. Mas antes de eu ir, você sabe, na última palestra, se você olhar para a barra azul, você percebe que nós temos este espaço branco bem aqui, e nós também temos aqui. Então tudo que você precisa fazer é simplesmente pegá-lo e arrastá-lo para cima, pegar este espaço e arrastá-lo para cima. Lá vai você. Você não tem nenhum preenchimento. Ok, então vamos para a próxima seção onde vamos criar esta seção aqui. Muito simples. Estes são apenas contadores de números simples, mas, você sabe, eles vão ter em todos os sites, você sabe, eu acho que eles são, você sabe, padrão em todos os sites agora . Então ele criou um quatro com o cara da seção, então criamos quatro pequenos ícones bem aqui, então precisamos encontrar o módulo que é um contador de números, ou é um contador de círculos? Acho que é um contador de círculo que vamos usar o contador de círculo, então está certo. Ou podemos usar o contador de números. Lá vamos nós. Ok, então vamos usar um contador de números aqui e aqui diz, OK, dê um título. Então eu vou colocar, tipo, tipo, satisfação, e eu vou fazer algo como 100% e um sinal de porcentagem. Sim. Sinal de porcentagem. Não. Ouviu falar de algo como texto preto? Eu meio que queria ser negro. Talvez um pouco mais. Não deixe assim por enquanto. E nos caras do design, temos as fontes do título agora, caras, caras, essas são provavelmente as coisas mais fáceis de fazer. Então vou fazer algo como a ferrovia, sabe? E o tamanho da fonte do título tornaria um pouco maior. E a cor do texto do título também. O espaçamento das letras e a altura. E também agora, esta é a fonte numérica. Então esta é a fonte para o número específico. Então eu vou colocar algo como a ferrovia de novo, ok? E podemos fazer isso um pouco menor. Tudo bem? Sim, isso é bom. E você pode mudar como a cor do texto também. Sabe, você pode mudar. É alguma coisa, o que quiser. Mas, você sabe, eu acho que você sabe, isso é bastante padrão. Vocês, vocês sabem, entendem o básico disso é então vocês podem adicioná-lo como uma cor de fundo para isso também, como também, , você sabe, e você também pode reduzir esse padrão como nós Falou sobre mais cedo. Mas por enquanto, eu acredito que é isso e, sabe, eu acho que é isso. Bastante simples. E é claro, pessoal, sou muito preguiçoso. Então eu vou continuar e duplicar essa rosa. Não vou trabalhar mais do que o necessário. Então aqui, eu só vou, você sabe, fazer isso, e nós vamos em frente e fazer isso. E então aqui vai mudá-lo, você sabe, em vez de satisfação, vai fazer algo como xícaras de café. Sou um grande bebedor de café. Eu gosto do Starbucks. Eu sou um idiota ainda mais. Ah. Ei, pessoal. Eles têm seu tempero frio. Eu não gosto deles. Certo, tirei o sinal de porcentagem desta vez. Então eu só estou dizendo 39 xícaras de café, você sabe, e você pode ter que ser como vendas ou algo assim, como um número de um número de lucro ou lucro lucro este mês e então ter algo como, você sabe, 456% acima, certo? E então aqui, você pode ter algo como, hum, prêmios e, em seguida, colocar como talvez 34 prêmios e tirar isso Então, parece algo assim bem ali. Ok, então isso é bem básico, pessoal, isso é muito simples, mas também é muito bom ter em seu site. Este site parece muito brega. É só por causa das cores que estavam usando caras que é isso. O cérebro só pensa site feio por causa dessas cores brega, como esta aqui. Temos cores muito bonitas que correspondem umas às outras. Tudo bem, aqui temos o fundo azul borrão, e nós meio que mantivemos a consistência. Então, sempre que você estiver fazendo pessoal do site, eu estou te dizendo agora, mantenha as cores consistentes. Ok, então eu voltei para cá. Vamos em frente e adicionar nesta seção aqui. Então este aqui é um módulo de texto, e esta é uma tabela de preços com três seções. Ok, então ele está acontecendo aqui, e nós vamos para isso, ir para regular e nós podemos ir para uma coisa como esta aqui e então ir para um modelo de texto desta vez. Ok. E então vamos colocar algo como, hum, nossas tabelas de preços, ok? E quero isto centrado. Lembre-se, os caras estavam usando o texto. Agora estamos usando o texto estritamente que vamos projetar aqui. Queremos ter certeza de que vamos para a fonte de texto. Então aqui eu vou fazer a ferrovia, que estamos usando há algum tempo e eu não vou fazer um pouco maior. E eu quero fazer um boop branco. Vai desaparecer. Agora, não se preocupe, porque vamos criar uma imagem de fundo para esta seção. Então aqui neste ícone de engrenagem, clique sobre isso e adicionou uma imagem de fundo bem aqui. Vou colocar este aqui. Ok? Então aposto que está pensando, sabe, lá. Essa não é a imagem toda. Sabe o que está acontecendo? Não, pessoal, vocês podem esticar a página, mas antes de fazermos isso, eu meio que quero pessoal, vocêspodem esticar a página, mas antes de fazermos isso, eu meio que quero adicionar os módulos primeiro. Quero que as modelos empurrem essa foto para baixo. Então ele está indo para esta seção mais bem aqui, e vamos adicionar esses três pequenos ícones bem ali. Ok. E esses três ícones, nós vamos basicamente adicionar as tabelas de preços. Então, indo para cá, vamos em frente e adicionar uma tabela de preços simples, e vamos clicar em adicionar um novo item. Ok, então aqui, vamos colocar algo como, hum, eu não sei. O que devemos colocar para? Este vai colocar Padrão é o nosso plano padrão padrão. Ok. E a direita aqui colocará como, um, nosso pacote básico. Que moeda você quer? Bem, eu quero dólares por aquilo que temos por mês por ano. Vou colocar por mês, quanto custa isso? Bem, eu vou dizer 50 dólares os rabos em euros. Então eu vou colocar um pequeno sinal ali, e o texto do botão abriu agora. E então vamos em frente e adicionar algum conteúdo aqui. Vamos em frente e adicionamos algo como, hum, o melhor planejado para a imprensa entrar em um segundo 1 podemos adicionar algo como, hum, eu não sei, eu sou preguiçoso, então eu vou e copiem isso, pessoal, e nós vamos apenas ir em frente e colar isso de novo aqui, ok? E é claro, vocês podem ter o que quiserem, sabem, vocês podem adicionar, hum, qualquer coisa que possam pensar para fazer este tipo de parecer melhor do que isto aqui . Mas eu só estou dando um exemplo de, você sabe, você apenas pressiona Enter, e basicamente criaria uma nova seção para você bem ali. Certo, então vamos falar com os caras do design. Esse design é tudo para isso. Então, aqui mesmo. Esta não é uma tabela de recursos. Então, uma tabela de recursos é basicamente dizer, como, escolher este. Tipo, este é o melhor. Então cabeçalho da tabela, cor de fundo. Então, aqui mesmo. Eu posso mudar isso para algo como preto ou talvez como um cinza escuro como esse. Como isso. Ok. E aqui, nós não tornamos isso uma tabela de recursos. Então, sob a seção geral, você pode ir em frente e clicar sobre isso aqui e tornar-nos um destaque. E essas seriam as opções para destaque, mas eu não quero fazer isso. Então, vou deixar como normal. Eu vou para o design novamente agora também, pessoal, o subcabeçalho ou fontes para que você possa mudar a fonte sub cabeçalho também. E o tamanho da fonte sub cabeçalho, que é esta seção aqui mesmo grupos que faz isso às vezes. Sim, faz isso. Não sei por que faz isso. Às vezes, a minha boca fica maluca. Então também a cor aqui. Você pode alterar a cor desta seção aqui. E, você sabe, eu não quero mexer com isso porque, você sabe, isso é grande, sabe? Eu não quero mexer com as configurações, você sabe, é que estes são todos a mesma coisa, pessoal. É só de um modelo para outro. Então agora, sob a moeda e os gostos frequentes enfraquecem mudanças para talvez alguns, como Roboto ou algo que faça isso parecer um pouco melhor. Então isso está se referindo a este cifrão bem aqui. Ok. E a cor do texto, podemos mudar para algo, como talvez preto. Ok. E, claro, podemos mudar o espaçamento disso também. Você sabe, nós temos o controle de tudo agora que o preço cai. Então a fonte de preço é um pouco mais importante. Então aqui, eu quero mudar a fonte do preço, que é o cifrão para algo como o nosso roboto. Então você sabe, você pode mudar quando quiser. Podemos mudar a cor do texto, algo como ler ou o que quiser. Vou colocar algo azul. Certo, como um azul claro. Ok. E, hum, você sabe, eu acho que isso é basicamente, você sabe , um padrão , você sabe, opção disso aqui. Agora os caras que gostam do corpo estão se referindo a essas coisas aqui. Ok, então você quer mudar essas coisas aqui, você pode ir em frente e mudar isso para talvez tipo, hum, hum, nós estamos usando a ferrovia. Ok, eu sei que parece um pouco melhor. E a razão pela qual isso parece ruim agora é porque, você sabe, você sabe, nós precisávamos que o botão do dedo do pé pareça muito legal, sabe? Então, sob o botão de software personalizado, podemos ir em frente e projetar isso aqui. Então a cor do texto, eu quero a cor do texto como branco e a cor de fundo que eu quero Isso é algo como, uh, como um cinza. Bem, na verdade, combine isso com isso aqui. Vamos fazer isso para o mesmo. Certo, tenho que manter consistente. E, você sabe, o raio vai torná-lo um pouco mais circular. Então pareça algo assim. E a fonte do botão contém uma fonte também para a minha ferrovia. Quer mantê-lo consistente com nossos outros fundos atuais. E, você sabe, se estes ar o pairar sobre as opções caras, então lembre-se, se alguém paira sobre este botão bem aqui, é a isso que eles estão se referindo. Todos estes pairam sobre, etc. OK, alguns da verificação da arma. Agora, eu vou clicar na linha duplicada, e nós apenas duplicamos esses caras. Nós basicamente, você sabe, adicionamos em nossas fontes, nós adicionamos em todo o resto. Então você sabe por quê? Você sabe, por que tornar as coisas mais difíceis do que temos, você sabe, e nós podemos apenas mudar o texto aqui. Então aqui, clique sobre isso e diga, isso é como o plano de ouro, e, você sabe, nós podemos mudá-lo aqui também. Tipo, isso vai ser $150 e bem aqui embaixo vai fazer, tipo, tipo, este é o empreendimento, e então isso vai ser algo como $250. Ok. Tudo bem. Bem, talvez isso tenha sido sim. Eu era um pouco estranho, então eu fiquei um pouco agradável onde as coisas aconteceram. Você vê isso? Então alguém apenas coisas estranhas acontecem. Você sabe? As pessoas me perguntam, você sabe, nada acontece com você, querida. Verei que foi estranho. Então eu vou vomitar indo deletar isso e apenas fazer um novo bem ali e simplesmente arrastar isso para cá. Ok? E lá vai você. Então eu vou colocar algo como Enterprise ou ah, platter platter. Então eu não gostei de 2 50 Ok, então, caras, herdeiros acontecem assim. Como se isso tivesse acontecido sem motivo. Então não havia razão para isso. Eu não fiz nada de errado. É que, às vezes, no mundo do WordPress, você só tem coisas muito estranhas e estranhas. Ok? Então eu criei tabelas de preços, pessoal, isso é sobre isso para esta seção. As tabelas de preços são muito simples. São muito fáceis de entender. Eu tenho qualquer tutorial de comércio. Se vocês estão realmente interessados em fazer qualquer site de comércio, eu tenho essa história toda, então não se esqueçam de verificar. Então vamos para a próxima seção e eu vou ver vocês lá 12. Google Maps: Tudo bem, pessoal. Bem-vinda de volta. Então agora vamos criar esta seção aqui, esta seção escura, e então vamos criar um mapa completo onde as pessoas podem ver um local, etc. Ok, então ele vai para aqui, e eu vou clicar neste pequeno ícone de mais, e eu vou para regular e eu vou adicionar uma chamada à ação. Então eu vou até aqui e adicionar uma chamada à ação. E se vocês estão se perguntando por que eu tive um chamado à ação, eu sinto que as ações chamadas são muito simples porque ele tem um cabeçalho e um módulo de texto já dentro dele. Então, é um pouco mais rápido do que criar para módulos de texto, Mas você também pode usar para modelos de texto também. Você pode usar um módulo de texto aqui e, em seguida, módulo de texto aqui também. Ok, então indo para cá, eu vou colocar algo como, “ Onde estamos?” Ok. E então eu vou. Não, você sabe, você está bem. E o que está no texto? Não, porque não vamos adicionar um botão. Eu não quero uma cor de fundo. E então aqui, com algo como venha nos visitar e clique em cheque. Agora não podemos ver nada. E a razão é porque é texto branco. Agora, aqui, quero adicionar uma cor. Então eu quero basicamente dizer que eu quero que toda esta seção aqui seja algo como preto . Ou talvez goste dele como um carvão. Ok, agora, por aqui, pessoal. Mesma coisa. Estou clicando no ícone de engrenagem e ir para o design. E assim como fizemos antes, isso aqui controla as fontes de cabeçalho e talvez uma vez, quero dizer, quero dizer, como a ferrovia. E nós podemos escolher o tamanho disso e também aqui para os telefones corporais também. Podemos fazer algo como Rial, e podemos fazer isso um pouco maior. Ok? E talvez por aqui, possamos sair de possamos sair de um pouco de espaço ali e ser assim. Muito bem, muito simples. Muito fácil. Ok, agora nós vamos adicionar um mapa e para o mapa, pessoal, pessoal, nós vamos precisar adicionar uma chave A p I então sobre este pequeno ícone roxo e clique sobre isso e clique em seguro. Certo, pessoal, conseguir uma chave P I é grátis. É fácil de fazer. Então, indo para o Google aqui e apenas digite o Google uma chave p I. E é engraçado. Eu tive um tutorial uma vez, e eles tornaram-no obrigatório em como se eu fosse, tipo, final de 2016. Então eu conheci esta página bem aqui, e é desenvolvedores dot Google. Agora, cheguei a esta página porque já tenho uma conta do Gmail. Pessoal, você precisará ter uma conta do Gmail para acessar esta página. Ok, então certifique-se de que você tem uma conta do Gmail criada e, em seguida, basta simplesmente ir para o Google novamente . Há digitar no Google um p I chaves. Ok, agora, uma vez que você está aqui, apenas vá em frente e digite ou clique em, pegue uma chave. E eu tenho um monte de projetos, caras, eu tenho toneladas deles. Mas eu vou fazer, você sabe, criar um novo projeto. E eu vou fazer algo como eu vou apenas colocar o tema divvy e clicar em criar e habilitar um p I. E nós vamos pegar isso uma chave p I, e vamos colocá-lo em nosso personalizador de temas. Tudo bem, então está gerando a chave A P I Eu não sei por que eles fizeram isso necessário. Não sei porquê, mas este ano ou $2. 16 eles fizeram. Está bem, fixe. Então, temos a nossa chave de p i aqui. Então eu vou copiar isso e ir para a cópia. Agora vai para o nosso site aqui. E certifiquem-se de dizer isso aqui, pessoal, se quiserem perder todo o progresso, seria a pior coisa de sempre. Já fiz isso antes. É uma droga. Então, apenas certifique-se de salvá-lo. Agora ele está indo para o nosso painel, e nós vamos para Davy e vamos para as opções de tema. Tudo bem? E há algumas coisas aqui, você sabe, nós vamos chegar a um monte dessas coisas um pouco mais tarde, mas por agora é aqui. Diz “Google uma chave P I”. Basta ir em frente e ritmo que lá dentro e basta clicar em salvar as alterações na parte inferior. Tudo bem, legal. Então, agora que habilitamos isso é enfraquecer, basicamente colocar no mapa. Então aqui, eu vou habilitar o construtor visual já, e eu sou um pergaminho para baixo, certo? E você clicar sobre isso mais novo eu vou para completo com, Nós vamos adicionar em um completo com mapa. Então você vê, a tecla A P I do Google já está lá, e vamos adicionar um novo item e, você sabe, título. Então colocou como nosso quartel-general e endereço de mapeamento. Eu vou fazer algo como Hollywood, ver um e ir para encontrar. Tudo bem, tão legal. Encontrou-o bem ali. Lá vai ele. E você pode adicionar algumas coisas leves bem aqui. Como abrir das 9 às 5 ou algo assim. Está bem, deixa-me ir verificar. Então agora eu basicamente quero dizer OK, então onde realmente agora quer que o mapa apareça aqui. Então, sob o endereço do centro do mapa, vou fazer Hollywood, Califórnia, e encontrar tudo bem. E lá vamos nós. Então, basicamente, o centro de mapas se dirige para onde você quer isso centrado? E então o outro está basicamente dizendo realmente quero que este pequeno ponto fique bem, então eu basicamente adicionei no mapa. Agora existem algumas opções aqui, como a roda da destruição do mouse. Então, se você tirar isso, eles não podem gostar, rolar e torná-lo menor ou maior. OK? E isso é móvel, então você pode realmente tê-lo potável no celular também. Este é um novo recurso, o adicionado e uma atualização atual. Então isso é muito legal. Eles fizeram isso. Então eu vou para esta pequena caixa de seleção. Então, se eu clicar aqui, você verá nosso quartel-general aberto das 9 às 5. OK, então isso é basicamente isso caras para esta seção é muito simples. Bastante direto. Ah, a próxima seção. Vamos falar mais sobre o rodapé. Vamos falar sobre widgets e alguns plugins. Está bem, vejo-te na próxima secção. 13. Plugins, rodde e widgets: Tudo bem, pessoal. Bem-vindo de volta. Então agora vamos mexer com alguns widgets e nossa área de rodapé. Ok? Agora e mais tarde, na seção tutorial posterior, vamos começar ao vivo mais avançado e fazer rodapés personalizados. Mas vou mostrar-lhe o rodapé padrão com a coisa do Davy. OK? Então, certifique-se de salvar o seu progresso, acho que Trust se dirigiu. Certifique-se de salvar. É que você não quer voltar, seu site se foi. E isso está indo para o painel agora, pessoal, há algumas maneiras de você acessar os widgets, então primeiro, vamos clicar em visitar sites. Agora, esta é uma maneira. Se eu for ao personalizador de temas, está bem? E está carregando isso. E eu disse que voltariam a isso um pouco mais tarde. Então, indo para aqui, vamos rolar para baixo agora, aqui embaixo de widgets, temos área de pé 123 e 4. Então eu vou para a área do pé um e clique em Adicionar um widget, e eu vou simplesmente adicionar como um apenas um pequeno widget. Você sabe, isso é apenas para fins industriais, você sabe, esses eram apenas, você sabe, apenas aqueles que vêm com padrão. Teremos mais depois. Então, tipo, sobre nós aqui e aqui mesmo, eu vou apenas ir em frente e Adam uma mensagem falsa. Ok, então você vê, bem aqui no fundo bem aqui nós temos em um widget, e agora nós temos esta seção. Agora, podemos ir até aqui e ir para a área mais ajustada para fora de widgets e talvez queremos nossas páginas aqui agora. Certo, agora temos nossas páginas. Então estes são basicamente widgets, pessoal, eles são basicamente recursos adicionados, então eu vou salvar e publicar. Agora, vamos para os plugins e vamos falar sobre a combinação de widgets e, um, um, plugins, alguém aqui que eu vou ao painel. E para aqueles de vocês que são marcados como WordPress e não têm idéia sobre plugins, eu vou falar com vocês sobre o que eles realmente são. Então isso são plugins. Vou adicionar novo. Então imagine seu site como um iPhone. Estes plugins são como APs, portanto, seu site e eles adicionam recursos extras. Então, indo para alguns desses aqui, este é um formulário de contato. Isto aqui é um mapa XML do site. Isto aqui fez backup de seus sites. Isso aqui duplica suas postagens. Isto aqui é um construtor de páginas. Isto aqui ajuda com dinheiro, etc. Yos ajuda com Seo. Ajuda você. Sabe, Sabe, ele encontrou mais motores de busca. Will commerce dá-lhe a capacidade de vender coisas, para que cada indivíduo widget tem uma característica diferente. Agora, digamos que você quer fazer algo como um facebook como caixa, e você sabe, eu realmente não posso dizer a vocês como, qual é o melhor plug in? Sabe qual é o melhor? Porque há apenas milhões deles, seus APS. Assim como o iPhone e o andróide, há milhões de APS. Então aqui, eles têm um monte de Facebook diferente como caixa, mas o que eu gosto de usar e que funciona muito bem, é este aqui? O Facebook como widget caixa. Então eu vou instalar, e eu vou instalar isso, e isso vai realmente estar disponível como um widget. Então, se ele diz widget como caixa, clique em ativar aqui. Tudo bem, então nós temos o widget no Facebook como caixa Tudo bem. Então, outra maneira que podemos ir para os nossos widgets é indo para a aparência e indo para widgets. Então essas são as mesmas bruxas, pessoal, é apenas uma maneira diferente de adicioná-las. Então, aqui mesmo. Área de rodapé, um rodapé, área para. E esta barra lateral é para, tipo, a página do blawg. E falaremos sobre isso um pouco mais tarde. Mas, por enquanto, eu quero pegar esse pequeno, você sabe, widget de caixa do Facebook e simplesmente arrastá-lo até aqui. Dois rodapés, área três. Agora, você precisará ir para o seu Facebook, e você precisará obter o comprimento. , Pessoal, lembrem-se, lembrem-se, isto deve ser uma página de fãs. Não é um, hum, não é um, uh, como um básico. Tem que ser público. Ok, eu sinto muito. Uma página de fãs. Então peguei o link da minha página de fãs. Esta é a minha página de fãs atual. Ok, anima vai até aqui e eu vou simplesmente, uh, você sabe, colocar em, tipo, seguir-nos ou você me segue ea página eu vou ir em frente e pagar sentou-se agora com nós pode deixar esse padrão. A altura conduzirá esse padrão até vermos como ele parece. E essas são algumas outras opções, como, você sabe. Quer esconder a foto da capa? Queres mostrar rostos aos teus amigos, etc? Estou com um clique em salvar agora. Ok, agora está indo em frente e vá para nossos sites. Não, eu só vou abrir outro, na verdade, e ver? Sim, vamos abrir outro aqui. Quem me dera ter um amigo e editor, mas para esse estilo, não tem um amigo e editor. Então aqui, eu sou um pergaminho para baixo. Então siga-me. Veja, eu tenho agora a caixa igual, mas talvez eu queira torná-la um pouco maior para ver como a testemunha está cortada bem ali. Então, ir para aqui debaixo do com ele poderia fazer um pouco maior. 2 52 ou 50 pixels salvos. Agora, voltando para cá. Vou clicar em atualizar. Ok, então eu vejo que são caras maiores. Então você vê, agora é maior e os widgets do Instagram deles. Pessoal, há todo o tipo de coisa. Há tantos tipos diferentes de plugins que você pode usar como, você sabe, se você tem um instagram, eles têm um feed Instagram foram. Basicamente, Toda vez que você postar algo no Instagram, haverá como um feed de instagram e olhar, há todos os tipos deles. Há toneladas de, um, você sabe, e todos eles têm, você sabe, as diferentes instalações nas diferentes classificações. Então você pode realmente querer dar uma olhada nas classificações porque elas são bastante precisas. Então, normalmente, se há um plugue muito ruim como este aqui, geralmente não funciona bem, você sabe, e também há algo como um feed do Twitter. Então aqui você pode, como, como, você sabe, adicionar em seu feed do Twitter aos seus sites WordPress. Hum, você sabe, também ícones sociais. Então, pessoal, a quantidade de plugins é ilimitada lá, tantos tipos de plugins diferentes, e você vai ter que tipo de ir e se aventurar e fazer suas próprias coisas e apenas descobrir o que funciona O melhor para você. Gosto do acesso social. Eu acho que este é um ícone social muito bom. Um. Eu acho que é muito bom, mas a menos que seja minha recomendação para vocês podem usar qualquer um desses e aprender como eles funcionam. Todos estes plugins, pessoal, todos funcionam de forma diferente. São todos criados por pessoas diferentes. E cabe a você, tipo, passar por cada um deles ou o que quer que você queira realizar e apenas, você sabe, aprender como funciona. Como este aqui. Ele tem uma classificação de um e 700 provavelmente não o melhor. E eles têm este aqui parece muito legal. Eles também têm ações sociais. Então vamos dizer, você sabe, você quer seu tipo um blogueiro ou algo assim e você quer, você sabe, ter aquele pequeno ícone de compartilhamento bem aqui. Aqui, eles têm, tipo, o compartilhamento social onde as pessoas podem simplesmente clicar nele e compartilhar com seu Facebook ou algo assim. Este é um exemplo de partilha social. Ok, então isso é um rápido resumo pessoal dos widgets e plugins. Voltando aqui para visitar sites, eu realmente vou para o, hum nós vamos para esta seção aqui em seguida, que vai ser o, hum, o fundo estava bem aqui. Então eu vou descer para o nosso personalizador de temas, e nós vamos tipo de editá-lo assim. Ok, então é bom e rolar para baixo. E aqui nos widgets, pessoal, podemos adicionar mais um à área de comida apenas adicionando algo, você sabe, você sabe, o que você quiser. Tenho uma caixa de busca ou algo assim. Ok. E clique em salvar inédito. Então, se quiserem procurar algo, podem fazer isso ali mesmo. Certo, agora voltando para cá, podemos mudar de verdade. Tipo, você sabe como o pé ou parece bem aqui. Então, o layout, podemos mudar o layout. Podemos mudar a cor de fundo para que você possa se tornar realmente personalizável. Então, os widgets aqui, podemos alterar o tamanho do texto. E vocês, todos estes são iguais aqui. Então o tamanho do texto do link do corpo, você sabe, a cor do link do widget. Você conhece a sombra aqui, a cor que temos para que você possa passar por essas configurações e mudar. Você conhece a sombra aqui, Você sabe o que? Você gostaria que isso parecesse? É basicamente como texto, as fontes e tudo mais e os elementos de rodapé bem aqui. Então aqui temos os ícones sociais na parte inferior, aqui, então você pode escolher esconder isso ou mostrá-los. Certo, voltando aqui, o menu de filtro, é claro. É essa seção na parte inferior. E você pode escolher mexer com aqueles etc e a barra inferior novamente aqui e bem aqui você pode, você sabe, você sabe, editar o pé ou créditos para dizer, como, uh, feito por zero Wilson. E então aqui você pode adicionar, tipo, uma diferente, você sabe, uma cor diferente ou algo assim. O que quiser, você pode escolher o você pode escolher otamanho do ícone social. Então você quer um pouco maior. E, você sabe, estes são apenas basicamente caras, como apenas configurações muito simples. Tamanho da fonte, cor do texto, cor fundo. Este é o lugar onde você vai sair para o seu próprio negócio. Agora quero mostrar-lhe como ligar estes. Então não há opção aqui. A facilidade de comprimento. Então eu vou salvar e publicar, e eu estou fechado isso e nós vamos para o nosso painel aqui e vamos para o Davy e ir para as opções de tema. Agora vou rolar para baixo. Continua crescendo, só mantém cromo. E você vê isso aqui, Facebook, Twitter, Google e isso aqui. Então estes pequenos eu acho que você poderia cantar sinais numéricos ou onde você vai colocar o endereço para esses ícones. Ok, então lembre-se estes ícones aqui irá corresponder ao que você colocar aqui nas opções de tema. Ok. E mais tarde, pessoal, vamos falar mais sobre como criar rodapés personalizados, como aqueles que se parecem com este aqui . Então, basicamente , indo para o futuro, isso aqui, pessoal, é apenas um módulo. Este é um módulo de texto, um módulo de texto, um módulo , um link, um link, um link, um link. Estes são os ícones sociais e um módulo de texto. Nós basicamente criamos esta ilusão de que este aqui é o rodapé. Mas não é por padrão. Esta é a corrente mais longe para ver o que eu estou falando. Então é assim que podemos, tipo, ficar ainda mais personalizáveis, dividirmos? Não há limitação. Você só tem que pensar nas coisas e será feito, certo? E também, se vocês querem um logotipo, aqui é onde vocês vão adicioná-lo aqui. Então, sob o logotipo aqui, você pode clicar no upload e você sabe, simplesmente adicionando um logotipo. Estes tipos não são bons logótipos. Se você quiser um logotipo, eu recomendo ir para cinco ou ponto com e obter o seu próprio logotipo. Há um link para o seu ou eu sinto muito. Há um anúncio para isso antes desta lição para obter o seu logotipo lá. É muito, muito bom. E este é o seu logotipo e o seu Fabrikant. Então, o que é um Fabrikant? Um tecido? Este pequeno ícone está aqui no navegador para ver isso ali? Como temos estes pequenos ícones. Então nós vamos fazer upload e simplesmente fazer upload vai carregar o sol aqui mesmo, e vamos em frente e clicar no seguro. Ok, então eu vou visitar o site novamente e você vê o nosso logotipo bem ali. E agora temos aquele pequeno Fabrikant ali. Ok, então, pessoal, lembrem-se, se quiserem um logotipo, eu recomendo ir para Fiber Dot com e, você sabe, levá-lo lá é, hum, o melhor lugar para obter um logotipo. Você o pega por, tipo, cinco pratas lá. Realmente legal. E eles são realmente legítimos. Ok, então isso é tudo para a seção, pessoal. Quanto ao logotipo e tudo mais na próxima seção, vamos falar sobre o menu, então eu vou vê-lo lá. 14. Criação de menu: O que se passa, rapazes? Bem-vinda de volta. Então aqui vamos falar sobre o cardápio. Existem muitos estilos diferentes que você pode ter com este menu. Então, a primeira coisa que você vai fazer é ir até aqui para dividir o tema nos três primeiros, Seja qual for o nome de seus sites e ir para o seu personalizador de temas. Ok, então você vai para baixo para navegação de cabeçalho e bem aqui na barra de menu principal refere-se Vou clicar neste agora há algumas opções aqui. Então vamos dizer que você quer fazer isso cheio com isso vai dar-lhe que cheio com efeito. Ou você pode optar por ocultar sua imagem local se você não quiser ela agora. Aqui. Claro, você pode controlar a altura do menu. Você poderia torná-lo muito, muito grande ou você pode escolher ter qualquer tamanho agora. Também para a altura do logotipo, isso aumentará o tamanho do logotipo para ajustar ao menu. Agora o tamanho do texto Então aqui você pode ver que temos o tamanho do texto. Se eu fizer isso maior, o texto vai ficar maior também. E também para o espaçamento entre letras, você pode optar por ter espaçamento entre as letras do seu menu aqui. E, claro, podemos mudar a fonte, então eu vou fazer algo como, uh, fazer algo como, uh, realmente ferroviário sempre foi bom. Está bem? E aqui eu tenho. Tamanho de Atala. Eu vou embora assim é apenas um parafuso normal. Ok, agora, se vocês querem alcançar isso é menu transparente. Então aqui, sob a cor de fundo, temos essas duas barras. Temos este chato à esquerda, e temos este bar à direita aqui. Está bem? Você quer torná-lo transparente? Tudo que você precisa fazer é pegar essa segunda barra, que é a Barra de Transparência, e apenas arrastá-la até o fundo. E não importa a cor que você tem deste lado. É totalmente transparente. Está bem? E se você quiser aumentar a opacidade, você vai ir em frente e, você sabe, arrastá-lo para cima e então aqui mesmo pode mudar a cor para o que você quiser. OK, tenho muitas perguntas sobre isso. Então é basicamente assim que você consegue esse efeito de transparência e a cor do link ativo. Então, agora nós clicamos em casa, então isso aqui está basicamente dizendo o que você clicou no último, esse é o link. Vai mostrar se não quiser que Teoh esteja no seu site. Apenas produza a transparência disso, ok? E isso basicamente cuidaria do efeito de cor do comprimento, tudo bem. E também para o ah, você sabe, a cor da linha do menu suspenso. Isto é, se há um menu suspenso, há, como um pequeno bar. Então vocês basicamente brincariam com este ar para menus suspensos, pessoal. Então, se você quiser ter uma gota eles em você, estas são as cores que você teria que mexer com. Ok, então eles são muito fáceis, bastante auto-explicativos. Mas eu quero mostrar diferentes estilos do menu. Este é apenas um estilo do menu, e você sabe, eu não gosto muito dele, você sabe, eu realmente não uso muito este estilo. Um monte de para sites. Então, indo até aqui para o formato de cabeçalho. Então temos estilo de cabeçalho. Agora temos algo chamado centrado. Agora, você vê, o logotipo aqui está centrado com nossas páginas ou temos centro alinhar com logotipo agora temos o logotipo e, em seguida, temos o menu fora dele. Sinto muito que páginas fora dele e então temos deslizar para dentro Tão leve é basicamente dizer que quando alguém clica nesta pequena guia do menu, isso vai abrir e você pode mudar a cor deste Etcetera. OK, então eu fechei isso e temos tela cheia. Tela cheia é basicamente quando você clica nisso, pessoal, ele vai introduzir um menu inteiro que cobre toda a página. Ok, então agora mesmo, minha versão para salvar publicado. Agora, se você escolheu ter slide ou tela cheia, você terá uma opção adicional aqui, sob slide in e tela cheia. E isso basicamente controla toda essa seção aqui. Então nós temos a cor de fundo que eu posso mudar para, você sabe, qualquer coisa que eu gosto algo como laranja. Ou podemos torná-lo transparente. E essas opções são as mesmas opções exatas que estavam no outro menu, como as fontes. E você sabe, a letra espaçando o tamanho do texto do menu, etc. Ok, então outra opção que eu queria apresentar a todos é o menu vertical. Então eu vou para Formatos de cabeçalho. Altere isso para padrão. Agora vou ativar a navegação vertical. Então agora você vê, o menu está à nossa esquerda. Então você já viu aqueles sites onde o menu é tipo à esquerda ou à direita ? Então aqui, nós podemos realmente colocá-lo para a direita também. Então você pode ter seu menu bem ali, e ele vai aparecer exatamente assim. Todas as suas páginas. Ok, então isso é apenas mais um recurso que você pode ter. Agora há um menu secundário. Ok, então aqui sob o formato de cabeçalho, eu só vou tirar isso, e eu vou dizer isso agora. Sob a barra de menu secundária, há outro menu que você pode colocar no topo aqui, mas precisamos ativá-lo primeiro. Então vamos descer para corrigir as configurações de navegação. Eu sinto muito. O que eles tinham elementos er. E bem aqui vamos dizer que você quer alguns ícones sociais, social qualquer coisa, e então bem aqui e colocar um número de telefone, e então eu vou colocar um e-mail. Ok, agora eu vou salvar e publicar. Tudo bem, agora, eu vou fechar isso muito rápido e então vocês podem ver aqui em cima. Temos uma barra de menu secundária que aparece na parte superior. Então esta é outra maneira que você pode ter, como, um menu secundário para ter acima dele também. Certo, voltando aqui para o nosso personalizador de temas. Então, uma vez que você tenha ativado, vocês podem realmente escolher ter isso. Como, você pode mudar a cor da segunda barra de menu aqui. Então, a cor de fundo, etcetera, e todas essas outras opções. Ok, Agora há outro menu que você pode realmente ter, e é realmente muito legal. Eu tenho isso em um dos meus sites bem aqui. Então vamos ver por aqui. O que você acha que isso é, tipo outro site de teste? Pessoal, é só para dois propósitos e tudo mais. Então eu vou ir em frente e vai para habilitar o construtor visual agora este site, se eu rolar para baixo aqui, você vê este menu tem bem aqui. Este é um menu completo. Então, este é na verdade um tipo de módulo. Então, é um modelo que você pode ter que está cheio com então clicando sobre isso aqui mesmo em cheio com. Nós vamos para o máximo com o menu, ok? E basicamente levaria seu cardápio aqui e você pode ser decorado. Você pode alterar a cor do plano de fundo dele. Você pode fazer o que quiser. Então, e você pode, você sabe, centralizar o imposto. Você pode alterar a fonte da mesma forma. Opções para todos os outros módulos estão basicamente neste também. Ok, então é muito simples de usar caras. É um efeito legal, você sabe, é um pequeno efeito legal, e é ah, é uma maneira criativa de adicionar um menu. Vocês podem ver bem aqui que eu adicionei no fundo. Então não há menu em nenhum lugar e aqui você vê bem aqui. Está bem. Mas é claro, se eles rolarem para baixo aqui, eu realmente adicionei outro no topo, bem ali. Ok, então isso é apenas uma outra maneira de vocês entenderem diferentes técnicas sobre o menu porque o quarto menu não é muito usado. Mas, você sabe, este é um ótimo exemplo do quarto menu. Ok, então outros caras, isso é basicamente e para o menu, é bastante auto-explicativo. Você meio que mexeu com as opções. Brincando com a cor. Descubra o que você gostaria. Mas o cardápio para Davy é muito, muito bom. E tem, ah, muita diversidade dependendo do seu site, etc. OK, então vamos em frente e passar para a próxima regra de seção. Inicie a página sobre os EUA. Te vejo lá. 15. Página de nós: Tudo bem, pessoal. Bem-vinda de volta. Então, aqui, nós vamos fazer a cerca de uma seção. Então eu preciso fazer é ir para a sua página sobre nós e clique em habilitar o construtor visual. Tudo bem, então vamos começar bem aqui. Eu vou clicar no ícone pouco mais aqui, e eu vou adicionar em um completo com módulo agora para esta seção. Pessoal, vamos usar um completo com cabeçalho aqui e bem aqui. Coloque algo parecido sobre nós. Saiba tudo sobre nós. Ok, agora eu vou realmente centrar isso aqui, ok? E para a cor do texto, podemos deixar isso escuro por enquanto. Não precisamos mudá-lo. Lembre-se, podemos sempre mudar isso na seção de design. OK, então isso tem uma seção muito legal que diz, fazer tela cheia alguns clique em fazer tela cheia. Tudo bem, agora, se nós rolarmos para baixo bem aqui, nós temos coisas um ao outro. Como botão um botão. Quando saírem, podemos adicionar botões, pessoal. Mas você sabe, esses caras de módulos são todos sobre criatividade. Eu escolhi não usar os botões aqui. Eu só queria o completo com efeito, e eu queria o título. Então, só porque o módulo oferece certos recursos, isso não significa que você tenha que usá-los. É tudo sobre criatividade. Tudo o que você pode pensar para fazer o seu site com, usá-lo , você sabe, , você sabe,é simples. Então aqui, eu sou um pergaminho para baixo e clique neste cheque. Agora eu tenho esta seção daqui. Ainda assim, vou apagar que nunca uso o que eles nos dão por padrão. Então, há duas maneiras de adicionar uma imagem de fundo. Podemos ir a este ícone de engrenagem e clicar no upload, Ok. E eu vou simplesmente ir em frente e selecionar uma imagem. Então essa é uma forma de o podermos fazer. A outra maneira que podemos fazer isso é indo até aqui para este ícone de engrenagem e adicionando-o nesta seção aqui para que eu possa colocar algo assim e carregá-lo lá. Certo, mesma coisa. Então agora vamos em frente e dizer, OK, olha, eu adicionei a imagem de fundo, mas eu meio que quero acrescentar, você sabe, eu quero mudar esse texto um pouco. Quero que pareça um pouco melhor. Então aqui no design, eu sou a frente do título C. Vamos para a cor do telefone título vai levar apenas um dedo branco. Está bem. E a cor do subcabeçalho para ele vai mudar também. Isso é um dedo branco? Certo, agora os fundos do título. Talvez queiras isto como sabes, temos de ficar com ele. Temos que manter isso consistente aqui. Só escolhi a ferrovia ali. Está bem. E aqui mesmo. Acredite que o conteúdo aqui ou eu sinto muito. A fonte do submarino mudará para algo como a ferrovia também. Tudo bem. E você pode escolher o tamanho aqui. Então aquele um pouco maior. E podemos ter este muito, muito grande. Faça com que pareça com isso aqui. Está bem. Basicamente, é assim que conseguimos esta secção aqui. São apenas fontes diferentes, pessoal, isso é realmente tudo o que é. Ok, então vamos clicar no pequeno cheque. Então, adicionamos esta seção em. Vamos continuar e criar esta seção aqui. E ao olhar para este tipo isto é basicamente uma chamada à acção aqui sem botão. E isto são balcões de bar. Então vamos usar isso agora mesmo. Então aqui, este ícone mais, Eu sou um clique em um regular e clique em Tudo certo. Então, os contadores de barras que vocês já podem ver, incluindo este ícone de adição nos contadores de barras e em um novo item. Então, você sabe, como você quer chamá-lo? Você sabe, web designer, web design, habilidade. O seu sim. E então eu vou colocar, tipo, algo como se você tivesse negativo. Negativo. O que aconteceu com você? Negativamente. Vês? Está bem, não se mexe. Ok, você ainda pode sair, e eu nunca fiz isso. Na verdade, eu basicamente adicionei, tipo, um número como 80 e então ele vai encher 80% disso aqui. Ok, agora, aqui mesmo. Vocês podem mudar o design como a cor de fundo. E lembre-se, caras só usam, você sabe, trocá-lo por um no Lee, e então você pode duplicar a rosa se quiser adicionar mais. Então aqui temos o raio da fronteira, o que lhe dá esse efeito circular. Posso mudar as fontes para algo assim. E o título me cor azul, você sabe, e pessoal, vocês podem apenas ir para as configurações e apenas, você sabe, enviar estes ar basicamente como a fonte percentual. Então esse percentual assina o tipo de letra? Você quer isso? O que? Cor do texto? A carta. Espaçamento, etc. Ok, então estes são todos caras bem familiares. E é, você sabe, neste momento, vocês estavam apenas mexendo com o cenário, então eu não quero passar muito por eles. E também podemos adicionar no preenchimento entre o preenchimento superior e o empanado inferior. Está bem. Então, uma vez que vocês basicamente, sabem, descobriram o que querem, vocês podem clicar em duplicatas e talvezduplicá-las duplicá-las algumas vezes. Agora, isto aqui está um pouco distanciado demais. Então você pode querer ir em frente e, hum, reduzir o enchimento lá. Ok, então aqui eu estou chamando este ícone de engrenagem. E, sabe, na verdade, deveríamos ter sido assim. Vamos fazer assim em vez disso. Está bem? Então, em vez de realmente duplicar os caras da linha inteira, você só vai adicionar mais módulos. Está bem? Meu erro. Então, aqui mesmo sob o ícone de engrenagem, você pode simplesmente ir para adicionar um novo item e, em seguida, fazê-lo assim e, em seguida, duplicá-lo a partir desta seção aqui. Certo, então você duplicou de lá. Ok, então essa é uma maneira rápida de duplicar todas as coisas que vocês têm. Agora, o que eu fiz foi duplicar toda a fila ali mesmo. Certo, então é aí que eles estavam separados. Então, hum, você sabe, você gostaria de fazer isso a partir das configurações do contador de barras. Ok, agora, por aqui, vamos adicionar uma chamada à ação. Ok, então vamos colocar algo como, hum, eu não sei, que colocaria bem colocar nossa história legal é uma ótima história, e então vamos em frente e rolar para baixo, mas em impostos, - Nada. Cor de fundo. - Não. Sabe, eu não gosto de como eles sempre fazem isso automaticamente. Você sabe, é por padrão. Eu não gosto disso. Eu não quero essa cor. É tão feio, você sabe, uma cor tão feia. Então a cor do texto colocou preto e, em seguida, bem aqui embaixo do vamos pegar meu site secreto . Ok, eu vou em frente e adicionar um pouco disso aqui, ok? E eu vou jogar isso lá dentro. Tudo bem. E então, é claro, pessoal, eu vou rolar para baixo bem aqui, e eu vou basicamente apenas criar uma ilusão de um link bem aqui. Então crie mais história, certo? E aqui mesmo, vou criar um link dentro do módulo. Então, não estou criando um botão. Eu não quero um botão. Você sabe, eu acho que o mas pode ser demais lá, mas eu acho que apenas uma pequena ligação legal seria apenas um pouco melhor, você sabe? Então, aqui, eu vou colocar algo como meus sites e depois ir para Ok. Tudo bem. Então você vê que nós temos o pequeno link bem ali, modo que parece muito melhor. E bem aqui, nós podemos, você sabe, colocá-lo para a direita. Na verdade, mude tudo para a direita. Foi demais. Então, podemos escolher ter isso. Você sabe, como você gosta. Está bem. E então talvez aqui, você sabe, você pode adicionar na grande história, você pode escolher isso para algo como para a esquerda também. Ok, então isso parece muito legal. E é basicamente a mesma coisa que temos aqui. caras. Só que a razão pela qual isso parece um pouco maior é porque eu meio que quero que vocês respondam isso para mim só de olhar para isso, não está cheio com isso. Precisamos fazer isso completo com. Então aqui, eu posso clicar em fazer isso completo com. E lá vai você. Agora você pode ver que nós temos. As barras estão se esticando. Agora também podemos fazer algo como costume com. Digamos que você queira dizer: “ Olha, Olha, eu não quero ir longe demais. Então aqui você pode tipo de eu controlar o quão longe você quer que ele vá para que você possa tipo de aumentá-lo . Certo, então esse cara é a mesma seção que temos aqui. A razão pela qual eles parecem diferentes, claro, é claro,são apenas caras de cor. É simplesmente apenas cor e tamanho. Então estes são basicamente os mesmos seres. Certo, então é só isso para os caras da seção. Espero que isso esteja ajudando você a começar a entender como usar esses módulos e manipulá-los e fazer o que quiser. Agora. Bem aqui, pessoal. Eu poderia ter adicionado um apelo à ação, mas eu meio que queria que ficasse assim. Sabe a história de ler mais? Eu realmente não quero o mas lá dentro, mas você sempre pode adicionar no botão. Só estou tentando fazer você entender maneiras diferentes de usar o tema Davy. Ok, então vamos para a próxima seção, que é sinopse. Vejo-vos a todos lá. 16. Como criar ícones e desas: Muito bem, pessoal, pessoal, bem-vindos de volta. Então aqui, vamos criar esta próxima seção aqui. E olhando para, espero que vocês entendam quais módulos usamos e que rosa usamos. Então esta é uma linha de três colunas, e este é um ícone de sinopse, um ícone de sinopse e um ícone de sinopse. Agora, vocês podem escolher ou duplicar a primeira linha, ou vocês podem apenas, você sabe, duplicar cada uma e apenas adicioná-lo abaixo bem aqui. E temos uma imagem de fundo. E nós usamos esta pequena seção azul no topo aqui quando você habilita o construtor visual , é claro, para adicionar nesta imagem. Ok, então vamos em frente e criá-lo. Então eu vou habilitar o construtor visual já está habilitado. E então aqui, eu vou para mais novos lábios, Oops, Oops, regular e ir para uma linha de três colunas. Certo, então aqui vou adicionar uma sinopse. E por que fez algo como, hum, você sabe, melhor melhor webbed ou melhor empresa de seo. E eu não vou colocar o euro. Agora vou usar o ícone e vamos escolher qual deles devemos usar este aqui. Isso é bom. Sabe, esta é a cor mais feia. Eu gostaria por padrão que fosse como azul ou algo assim, ou eu não sei, como, esta cor não é realmente feia para padrão. Então aqui, vou colocar um ícone azul, ok? E role para baixo e não quero adicionar um ícone de círculo. Não, não quero acrescentar isso. Isso não parece. E essa cor é apenas horrível Zari aqui sob o posicionamento do ícone da imagem. Eu estou fora disso. A esquerda aqui. Está bem. E rolando para baixo bem aqui. Eu vou em frente e ir para o meu site secreto bem aqui e ir em frente e passar algumas mensagens fictícias bem aqui. Ok? Talvez seja um pouco demais. Demasiado texto, um pouco mais limpo assim. Ok, agora, sob o design, caras vão projetar e você pode escolher o tamanho da fonte do ícone. Então aqui você pode escolher ter realmente grande ou algo assim. E, claro, você quer mudar a fonte. Algo como talvez a ferrovia ou, claro, o que você escolher. E podemos escolher o tamanho da fonte do cabeçalho. Agora, se você olhar para isso aqui. E olhe para este. Temos espaço aqui entre estes. Então, como conseguiremos isso? Bem, temos que adicionar na linha Altura. A altura da linha aqui vai basicamente dar-nos a habilidade de ter espaço lá fora . Vocês podem ver que agora está criando altura de linha. Ok, então, você sabe, o corpo segue etcetera. Sabe, acho que terminamos aqui. Isso é apenas, você sabe, se você quiser mudar para algo como o que você gosta, é uma fachada legal. Tudo bem? Vou deixar assim por enquanto, e vou duplicar isto e arrastá-lo até aqui. Eu vou duplicar isso, e eu iria arrastá-lo para cá. Agora, é claro, vocês podem optar por duplicar estes novamente aqui e tê-los dentro da caixa assim. Ou você poderia apenas dizer, você sabe o que? Eu quero ir em frente e é duplicar todas as rotas. E eu tenho duas dessas caixas, então há duas maneiras de fazer isso. Ok, então nós temos esses ícones aqui e agora vamos dizer que você quer adicionar uma imagem de fundo. Então aqui mesmo sob este ícone de engrenagem, este ícone de engrenagem. Gente, ele controla toda essa seção. Então, se você quiser ter mais espaço, você pode escolher ter mais espaço ou no fundo bem aqui. Você pode ter mais espaço, etc. Então lembrem-se, a seção azul controlará toda essa seção. Então, sob o ícone de engrenagem, você pode adicioná-lo como um vídeo. Pessoal, querem adicioná-lo como um vídeo do MP 4? Vocês podem fazer upload de um vídeo, mas eu vou adicionar apenas uma imagem de fundo e simplesmente selecionar bem, qual deles? Qual é que estamos a fazer para fazer este aqui? Por que não fez ninguém ali? Ok, então é basicamente isso, pessoal. Você sabe, claro, isso não parece bom, porque precisamos mudar a fonte para algo como branco porque, um, você sabe, branco parece muito melhor no olho bem ali . Está bem. E a mesma coisa para o outro. O corpo do texto, o corpo do texto, mesma coisa. Bastante. Está bem. Então, você sabe, você provavelmente quer mudar. São todos os dois caras brancos como eu tenho aqui. Estes são brancos, e este é cinza. Ok, então é basicamente isso, pessoal. E também, hum eu tenho mais espaço nesta seção bem aqui. E como eu fiz isso foi basicamente, apenas pegar esta seção em relação a esta seção e simplesmente apenas aumentar o espaço bem ali. Certo, então é exatamente assim que realizamos esta seção aqui. OK? E é claro, pessoal, é apenas a cor do texto de porque ele parece diferente. É isso. É só a cor do texto. Ok? Não é diferente. As cores realmente, realmente fazem uma grande diferença. Ok, então vamos em frente agora e criar esta seção aqui. Ok? Então, só olhando de novo, pessoal, vocês provavelmente podem dizer que aqui está uma chamada à ação sem botão. E eu basicamente incorporei este pouco aprender mais. E isso aqui é apenas uma imagem padrão. É isso. Então, indo para aqui, vá para este ícone de adição e vamos para regular e indo para duas linhas de coluna. Agora vá para o chamado à ação. Não, pessoal, nós podemos realmente adicionar um mas neste momento, você sabe, se vocês querem adicionar um botão, nós podemos ir em frente e escolher ter um botão. Então, aqui entradas melhor tema WordPress. E aqui eu coloquei um botão você todo esse tempo. Então, aqui, mas no imposto vai colocar aprender mais. Tudo bem. E eu não quero adicionar uma cor de fundo a isso. Isso tornará este texto escuro. E para a orientação colocará isso à esquerda e para o conteúdo. Eu vou simplesmente ir em frente e colar o conteúdo que eu tenho ali. Ok, então isso é basicamente esta seção, pessoal, é bem simples. Agora, na guia Design, vocês podem escolher, é claro, ter fontes diferentes para isso aqui e etc. Agora, se você quiser adicionar a altura da linha aqui, você pode escolher assim na altura da linha do cabeçalho também. Ou podemos ter, tipo, visão espacial. Sabe, essa é uma fonte muito feia. Sabe , realmente é. Vocês querem aumentar a Casa Branca, pessoal, vocês poderiam fazer isso aqui? Bem, ok, então essa é apenas outra maneira de conseguir esse efeito. Sabe, não vamos ter esse funk. Essa é uma fonte feia. Isso é um pouco melhor, certo? E então, é claro que você quer mudar a fonte aqui mesmo para o corpo, que é esta seção aqui, fonds corporais, cor do corpo. Tudo isto controla esta secção aqui. Então nós também podemos escolher, você sabe, adicionando como linha alta, etcetera algo um pouco melhor nos olhos. Sabe, se estiver muito perto, pessoal, é difícil para os olhos e as pessoas não querem ler. Sabe, essa é a triste verdade. E aqui, sob o costume sul para mas, claro, clicamos em sim, bem aqui. E podemos mudar a cor do texto do botão aqui. Talvez eu não tenha gostado da cor de fundo legal. Quero dizer, como um azul, como um azul muito transparente. Então eu, tipo. Está tudo bem. E é claro que você está pedindo, você sabe, mudar a fonte para isso etc. OK, então é basicamente assim que conseguimos essa seção aqui e clicamos em adicionar uma imagem. Eu sinto muito. Clique no sinal de adição e vamos adicionar um módulo de oito imagens desta vez. Então rolando para baixo, rolando para baixo ao redor da imagem. Agora vá e carregue a imagem. E eu fiz este aqui? Sim, este aqui. Até o upload de uma imagem. Certo, então como fazemos com que pareça assim aqui? Alguém sabe? Alguém sabe? Bem, vocês já podem começar a ver que temos esse tapinha aqui em cima que vamos nos livrar . Tudo bem, então esta seção aqui, eu vou assar coisas. Desculpe-me. Então aqui vamos para fazer esta linha cheia com Tudo bem, Agora, Agora, use a sarjeta com. E, claro, a calha com reduzirá o preenchimento em todos os lugares. Ok, então você vê que agora como nós temos esta grande imagem bem aqui e então nós temos essas seções aqui em cima . Pessoal, há muitas maneiras de fazer isso. Na verdade, podemos reduzir essa seção aqui em cima, ou podemos reduzir. Você sabe, você pode fazer manualmente com o cursor assim e aqui em cima, assim ou assim, ou assim. Ou você pode simplesmente ir em frente e mudar todos para zero nas configurações da estrada e nas configurações azuis também. As configurações azuis polegadas Malta zero, o que não deixa espaço. Ok, então aqui, vocês podem ver nesta seção aqui. É muito gritos juntos, e realmente não parece bom. Então precisamos mudar isso aqui. Então aqui, sob o projeto, precisamos de nós. Você sabe, adicionar alguma margem para que possamos adicionar, tipo, tipo, uma margem superior, talvez, talvez, uns 30 ou 50 ou o que você quiser. Você pode adicioná-lo na margem direita, não em uma margem. Muita estofamento para essa seção. Então aqui, abaixo da direita, talvez queira adicionar, tipo, 50 pessoas tê-las, como 50 pixels. E então, à esquerda, fomos adicionados alguns, como 50 pixels também. Ok, então você pode, você sabe, tipo de estofamento para tipo de como você quer que isso fique bem aqui. Talvez queiras isto no centro? Porque está bem ali. Mas o preenchimento novamente cria o espaço. A margem diz de onde começa. Ok, agora nós também podemos ver se nós adicionamos a margem no topo bem aqui. Oops. Isso não parece bom. Ok, então esta é outra maneira, pessoal, você sabe, você pode realmente escolher dizer, você sabe, eu quero mais enchimento bem aqui. 60 70 80. Algo assim. Está bem. Mas eu também me lembro de caras que se você fizer, tipo 18. 80 você sabe, pixels bem aqui vai forçar isso juntos. Então, se eu adicionar muito estofamento à direita para a esquerda, ele vai apertar tudo junto. Então vamos ver se podemos fazer algo criativo 100 faremos 100. Então isso está basicamente dizendo: “ Olha, Olha, isso é o máximo que pode fazer. Mesmo que você coloque 100 pixels. O espaçamento de letras no módulo está basicamente dizendo “É isso aí”. Nós terminamos. Você não pode. Você não pode fazer mais nenhum preenchimento porque nós temos que mudar o espaçamento no texto no módulo. Está bem, mas foi assim que consegui este olhar aqui. Está bem. E vocês podem, sabe, apenas o estofamento para o que quiserem. Está bem. E, claro, você contém o tamanho do texto do botão. Torne isso maior. É o botão mais feio que já vi. Acho que ninguém aqui usaria esse botão. Não sei, mas quanto menos caras, é assim que conseguimos essa seção. Ok? Tudo bem, então na próxima seção, vamos falar mais sobre como criar esta seção aqui. Ok, então eu vou ver todos vocês lá. 17. O que nós nos de contato.: Tudo bem, pessoal. Bem-vinda de volta. Então agora vamos criar esta seção aqui. E olhando para ele, espero que vocês entendam o que usamos. Isto aqui é um apelo à ação, e basicamente centralizamos o botão. Isso aqui é quatro contadores de números, e nós apenas reduzimos o preenchimento, e nós adicionamos em uma cor de fundo para cada um. Ok, então vamos fazer isso. Vamos Zschau você como fazê-lo. Ok, então aqui eu vou para o meu mais, pequeno ícone, vou para o normal. Estou adicionando um aqui e simplesmente cabras para chamar à ação. Tudo bem. E aqui sobre algo como Debbie. O tema é o melhor. O botão que você é eu vou colocar, você sabe, Darrell Wilson Dot com e os rabos em impostos colocados agora. Agora, use uma cor de fundo. Não, no texto. Eu quero isso. Oh, não. Eu quero isso. Uh, você sabe, eu vou e deixo como leve, ok? E eu vou ir em frente e deixá-lo centrado. Não queremos acrescentar que ele não gostaria de adicionar nenhum conteúdo lá. Não, nada. Mas vamos sair e mudar a cor de fundo só para podermos ver o que estamos fazendo. Então, aqui neste ícone de engrenagem, vá para a cor de fundo e nós estamos indo simplesmente apenas tipo de bagunça com as configurações . Lá vamos nós. OK? E isso basicamente caras, é a mesma coisa aqui. Exceto que aqui nós tinhamos em algum conteúdo. Tudo bem, então vamos por aqui. E então vamos em frente e colamos isso. E Paula agora temos o conteúdo e por que ele parece diferente é provavelmente porque o botão parece muito diferente. Então, basicamente reduzimos o raio da fronteira aqui para torná-lo mais circular. E, claro, você me fez mudar as fontes. E você sabe, nós fizemos o espaçamento bem aqui. O espaçamento de linha entre o cabeçalho. Certo, foi basicamente assim que conseguimos tudo. Então, o design novamente, temos a fonte do cabeçalho, que era ferroviário. Ah, onde está? Adivinha qual o resultado? Primeiro, onde está? Ok, então você está bem. E, em seguida, o tamanho da fonte e, em seguida, queremos as alturas de linha como essa. Ok, então é basicamente assim que conseguimos essa seção. Muito simples. Muito direto, pessoal. Muito simples. Ok, então ele está indo agora e fazer esta seção bem aqui. Esta seção é muito simples passando aqui para o ícone de adição. Vá para o normal e vá para o quatro. E eu ia adicionar alguns contadores de números aqui. Então contadores de números simples, eu vou fazer algo como, hum, eu não sei. O que devemos acrescentar? 100% de satisfação. E então, ah, bem, adicionando algo como, um, eu não sei, como 30. Certo, sinal de porcentagem? Sim, claro. Por que não? Aqui nós mudamos para preto. E, claro, nós só precisamos duplicar esta linha, esta seção já boop. E então, claro, bem aqui. Você pode decidir mudar isso como, você sabe, nossas vendas e receitas e talvez, como ações de marketing. Eu não sei, pessoal, pessoal, eu só estou balbuciando bobagens neste momento. Então aqui, eu provavelmente vou tirar o sinal de porcentagem, talvez como algo como, você sabe, 456 e esta seção aqui vamos fazer algo como 46. E aqui vamos colocar algo como Lá vamos nós. Ok, então agora nós queremos ir em frente e mexer com as configurações aqui mesmo. Então aqui, deixe-me ir para este ícone de engrenagem que eu quero fazer este tolo com. E eu quero reduzir a calha com 21 Isso fará com que ele não tenha espaço no meio. Ok, eu sinto muito. Não há espaço entre o módulo no meio. Ok? Voltando para cá. Então também temos este espaço azul. Podemos ir em frente e arrastá-lo para cima. Ou lembre-se, sob o ícone de engrenagem, podemos mudar o tapinha de cima bem aqui. 20 Nós os contemos a zero. E isso vai fazer com que seja assim. Ok, então agora vamos em frente e dizer OK, então nós temos isso aqui. Vamos em frente e mudar a cor entre todos estes. Então, sob este ícone de engrenagem na seção da cauda irá para projetar e ir para rolar para baixo. Agora temos. Mas na cor um, tinha algo como, na verdade , sim, isso não vai funcionar assim. Meio que não gosto assim. Hum, as cabras gasosas para não este aqui. Veja como podemos fazer isso. Vamos processar esta seção aqui, e provavelmente vamos Aditya voltar a cores para esta seção específica aqui. Eu acho que esta seção seria um pouco mais ideal. Você sabe, a outra seção deixa aquele pequeno espaço de enchimento, então parece que provavelmente há tapinhas caras. Então eu provavelmente deixei algum estofamento, certo. Aqui vamos nós. Este ícone de engrenagem bem aqui, e eu vou reduzir o estofamento neste aqui mesmo na parte superior e os direitos e a parte inferior e tinha deixado. Certo, então foi basicamente assim que fizemos isso aqui. Isto, sabes, esta secção aqui? Conseguimos isso. Então agora podemos ir em frente e adicionar as cores. Eu sabia que havia estofamento. Eu estava tipo, “Não, deve haver nada lá. Mas, sabe, coisas boas da Kristi acontecem. E é claro, pessoal, vocês podem adicionar uma margem aqui. Você sabe, se você quiser ou você pode colocar, tipo, você sabe, para a direita ou para a esquerda, etc. Bem aqui. Está bem. Então, eu só estou deixando vocês saberem que, você sabe, maneiras diferentes. Vocês estão se confundindo com esse cenário? Então aqui, fazendo anotações para realmente queremos igualar a coluna, Rose. Ok, então esse espaço vai fazer tudo o mesmo. Cada coluna terá exatamente a mesma configuração. Está bem. E sob a cor de fundo bem aqui, eu poderia querer adicionar algo como, Ah, eu não sei o que me está trabalhando aqui para cor de fundo. Bem, eu não sei. Cor de fundo azul. Está bem. Para uma coluna um e, em seguida, para a coluna para vamos adicionar neste roxo. Agora, a razão pela qual ainda é da mesma cor, pessoal é porque na seção de azul-petróleo eu sinto muito. No próprio módulo, adicionamos uma cor de fundo. Então temos que tirar essa, certo? E para a coluna três, eu iria para o fundo da empresa. James é algo assim. Está bem. E bem aqui, talvez queiras mudar o estofamento para estes tipos. Algo como, hum, 10 pixels. Vamos ver você aqui. Podemos fazer algo assim. Ele vai adicionar algo como, hum, você vai 50 pixels e 50 pixels aqui. Está bem. E eu acho que deixe assim. Ok, então nós temos aqui 15 50 nós vamos para aqui e vamos em frente e fazer algo como 15 e 50 também. Então nós vamos para a seção da cauda novamente e vai para as configurações de assado no design e apenas mudou tudo isso para todos esses tapinhas aqui vai fazer. 50 e 50 15 50 e, em seguida, a seção aqui, faremos a mesma coisa. Por que não 50 ok e que está na parte inferior. Então vocês, vocês têm que virar para ver que estes estão basicamente começando a meio que, no centro. Então eles não estão, você sabe, muito no topo. E então eu chego aqui na proteção. Vamos fazer 50 aqui, e vamos fazer 50 aqui. Ok, agora, esta seção aqui, esta seção azul aparece porque há uma cor atrás dela sob as configurações do módulo. Então vamos em frente e descobrir como podemos mudar a cor aqui. Então, no design, role para baixo. Agora, a cor de fundo meio que quer mudar isso para algo como, digamos, apenas o azul. Ok, vamos em frente e realmente fazer essa transparência. Ok, então agora, aqui mesmo, pessoal. Esta fileira sentada aqui embaixo do assado. Essa é a cor que temos agora. Ok, este aqui. Está bem. Então lembre-se de usar o módulo de cerco em vez de realmente usar o módulo causa caras, os módulos entrarão em conflito uns com os outros. Você pode dizer OK, então aqui. A razão pela qual isso aconteceu foi porque eu adicionei uma cor ao módulo real em si. Então, no módulo, eu disse, eu quero um fundo. Então aqui, sob a cor de fundo, adicionei a cor de fundo e, como resultado, ela mudou para uma cor diferente. Agora, a razão pela qual não está mudando de volta para esta cor é porque na seção de azul-petróleo eu realmente tenho a cor no lugar. Então temos que ter duas cores lá. Portanto, certifique-se de usar o módulo correto ou você pode usar qualquer um deles. Sabe, isso realmente não importa, desde que você tenha o efeito que você quer. Ok, então isso é tudo para os caras da seção na próxima seção. Nós vamos falar mais sobre rodapés personalizados, e então eu vou apresentá-lo para layouts pré-fabricados, que eu vou dar-lhe um layout pré made gratuito. Ok, então eu vou ver todos vocês lá 18. Rodos de download de sob a de layouts: já. Pessoal, bem-vindos de volta. Então, nesta próxima seção, vamos criar um rodapé avançado personalizado. Agora, por padrão. Este é o rodapé que Davey nos dá, e podemos escolher decorar ou não, mas podemos ficar ainda mais personalizável. Nós podemos realmente decidir criar nosso próprio rodapé e decidir não usar o que ele nos deu por padrão. Então vocês podem ver bem aqui. Este é um módulo de texto, um módulo de texto, um módulo de texto, modelo de texto, módulo de texto e o módulo de ícone social bem aqui. Agora, esta seção da parte inferior é a seção padrão que a TV nos dá. Mas lembre-se, é tudo sobre criatividade. Pessoal, não precisamos usar a maneira como sabem, a maneira como esse tema nos dá, podemos criar nossas próprias coisas e fazer o que quisermos. Ok, então há dois lugares onde vocês podem conseguir isso que vocês pegam de Elgon Nomes Dot Com. Ou você pode ir ao meu site Darrell Wilson Dot com, e sob Divvy layouts. Tenho toneladas de layouts grátis, pessoal. Então, vai acontecer por aqui. Eu vou descer para, hum, o pé personalizado ou layouts e caras, eu tenho tantos layouts grátis. Vocês, provavelmente, apenas um clique de um botão. Você pode criar um site em segundos. OK, mas aqui mesmo, sob o pé personalizado ou layouts, clique sobre isso e você precisará adicionar isso ao carrinho. E não se preocupe, é grátis. Tudo é de graça. Não vai te custar um dólar. Ok, então vá e adicione isso ao carro e confira. E uma vez que você obtê-lo, você pode ir para a seção de sua conta aqui, e você pode simplesmente baixá-lo. Ok. Ele estará na sua seção de downloads aqui. E você vai simplesmente, você sabe, para baixo um deles. Ou, você sabe, o que vocês escolherem. Certo, voltando aqui, quero ir em frente e dizer: “ Ok, Ok, eu tenho o layout. Quero fazer o upload. Ok. Agora, quando você conseguir o layout, ele vai estar em uma pasta zip bem aqui. Você precisa abri-lo. E se você estiver em um PC, você precisará extraí-lo. E este é o mais completo que tenho aqui. Vou abrir isto e estes aqui são os rodapés. temos mais de 10 tipos diferentes de rodapés. Pessoal, há muitos rodapés que podemos usar. Certo, então vamos apenas dizer que eu quero apenas pegar um. Pessoal, nem sei qual vou pegar no pé ou no número seis. Certo, vamos colocar um número seis agora, dependendo do pessoal do servidor, há maneiras diferentes de carregar isso. E algumas maneiras funcionam para alguns servidores. Algumas maneiras funcionam para outros servidores. É só a forma como os layouts são um pouco estranhos, você pode dizer. Então aqui vamos nós para salvar bem aqui. Certo, há 3 a 4 maneiras de fazer isso. Você pode realmente carregá-lo por aqui ou por sua parte traseira e editor. Então vou mostrar-lhe todas as maneiras só para ter certeza de que eu cobriu todas as bases. Então, sob o editor visual aqui mesmo eu clico sobre estes dois pequenos ícones roxos e ir para importar, Ir para escolher o arquivo. E eu vou simplesmente pegar o pé ou o número seis Agora, pessoal, dependendo do seu servidor, não vai funcionar corretamente para cada um deles. Confie em mim, eu usei Ah, muitos deles. E muitos sabem que trabalham. Às vezes não funcionam. Outras vezes não sei porquê, mas é assim que funciona. Ok, então eu vou para o pé ou número seis e ir para o layout de construtor da Marinha de importação. Agora, isto pode funcionar. Pode não funcionar. Eu realmente não sei o que vamos descobrir. Ok, então está indo. Está indo agora para alguns caras de serviço. Isto funciona. E também para alguns domínios é apenas a maneira como ele funciona. É um pouco suspeito, então parece que não está carregando corretamente. Eu acho que sim. Sim. Não está carregando corretamente. Ok, então eu vou sair do construtor visual agora. Há também outra maneira de você fazer isso. Ok, então vamos editar a página aqui, e esta é uma segunda maneira que você pode carregá-la indo aqui para trás e editor e clicando em importantes importações de exportação e escolher o arquivo. Ok, então este é o segundo caminho. E essas maneiras são meio que nós recomendados. Ele tem uma taxa de falha muito alta, então você pode ver que não é suposto ser importado este texto para que não funciona assim . Agora, a última maneira que vamos fazer caras é ir dividir e ir para a Biblioteca Davy. Tudo bem, aqui. Vou clicar em Importar e Exportar. Estou indo em frente. Importações iria clicar em, escolher o arquivo, e eu vou selecionar pé ou número seis e ir para os layouts de construtor de direitos de importação. Lá vai você. Funcionou como um charme. Então, pessoal, dependendo do seu servidor, ele funcionará para diferentes métodos. Não funcionará para outros métodos. Eu não sei por que o atraso também gosta disso. Eu realmente gostaria de saber o porquê. Mas eu trabalhei com a Debbie por um tempo, e é basicamente assim que funciona. Então tente todos os três métodos e veja qual deles funciona para o seu servidor. Ok, então é basicamente isso para isso. Ah, não, o pé ou o seis. Vamos em frente agora e aplicá-lo. Então eu vou para a seção sobre nós. Eu sou um pergaminho para baixo e ir para habilitar do construtor visual. Teremos que rolar para baixo de novo, certo? E eu sou um pergaminho para baixo. E, hum, bem aqui, este ícone de mais, hum, poderia vir mais, e eu vou para o Adam da biblioteca. Ok? Na verdade, não. Vamos até aqui para esta seção aqui, e vamos clicar nesta seção mais, e então vamos carregar esta seção do anúncio da biblioteca. Certo, agora temos o rodapé seis. Certo? Isto é porque esta não é a nossa biblioteca. E você deseja garantir que a substituição do conteúdo existente esteja desmarcada. Isso reduzirá isso destruirá tudo. Não queremos isso. Ok, então vamos clicar em mais o pé ou seis. E lá vai você. Este é o nosso rodapé, mas este é um pé muito ruim. Er, este não é realmente um bom aqui. Então vamos usar outro. Vamos em frente e vamos para a nossa biblioteca de Divvy novamente. Vou guardar essa. Por que não? Eu estava. Não é o não é o pior rodapé, mas não é o melhor. Alguns vão para a biblioteca Divvy e vamos em frente e adicionar um pouco mais. Vá para importações importantes de exportação, escolha o arquivo e se parece com algo como, um, selecionar número. Vamos como o número um. Talvez vocês nunca sejam muito, muito bons. Ok, então eu selecionei o número um. Tudo bem. E agora vamos em frente e tentar este rodapé. Certo, então vamos para a seção sobre nós e rolamos para baixo. Espero que este seja dos bons rapazes. Não faço ideia de como vamos parecer. Eu realmente não sei. Não sou guiado. Eu meio que sei como o tema funciona. E eu só faço isso como eu vou. Eu sei como funciona. Então eu não preciso de um dedo do pé, você sabe, escrever um roteiro. Então, aqui, para este ícone de mais, você clica sobre isso. Eu sinto muito. Vá para esta seção aqui. Clique no sinal de mais e vá para adicionar a partir da biblioteca. E eu vou adicionar um pé bem aqui. Agora, pessoal, lembrem-se, vocês lembrem-se, podem querer checar um Thea substituir o conteúdo existente porque vocês vêem agora como tudo o que eu tenho aqui, eu basicamente destruí minha página. Tudo bem, então certifique-se de não fazer a mesma coisa, ok? Você deve se certificar de que a substituição do conteúdo existente está desmarcada. Certo, então vou sair do construtor visual e descartar uma saída. Então você vê que tudo está bem e vai. Está tudo fixe. Ok, vamos tentar isso mais uma vez. Vou habilitar o construtor visual que já fiz isso tantas vezes. Pessoal, tenho que ser honesto. Eu destruí meu site, e pensei “ Meu Deus, o que eu fiz? Então aqui eu vou para mais na biblioteca. Vou desmarcar isso e basta clicar em um. Ok? E lá vai você. Então este é agora o nosso outro rodapé que temos. Ok, então é super fácil caras fazer um rodapé. Hum, você sabe, há 10 deles, então vá em frente e escolha quais você quer. Agora, este é um rodapé personalizado, pessoal, nós não precisamos criar o nosso próprio, então você pode realmente ir nas configurações e apenas tipo de excluir isso. Não precisamos disto aqui, está bem ? Não temos que ter isso. Ok, então esta é apenas outra maneira, pessoal, como vocês podem escolher, você sabe, o pé personalizado ou bem aqui. Então, aqui mesmo. Vocês podem ver que esta é uma seção aqui, e nós temos uma seção de texto, uma seção de texto. Estas são todas as seções de texto. Agora, deixem-me dizer isto e quero mostrar-vos para apoiarem um editor. Agora eu quero mostrar a vocês quais modelos nós realmente usamos. Ok, então este aqui, eu vou apagar este outro. Certo, então este aqui, pessoal, é o criador. Siart diz criador. Então aqui, ela também sobre nós. É a mesma coisa. E então aqui, adicionamos outro texto aqui. Nós adicionamos um texto fictício bem aqui. Então essa é essa seção aqui. OK? E então a última seção, nós apenas jogamos em outra pequena seção bem aqui. Acabei de mudar o nome, pessoal. Você sabe, eu apenas coloquei Darryl D V layout em vez disso e colocá-lo assim. Ok. E nesta seção, bem aqui, é claro, eu apenas coloquei um pequeno título, e então esta seção aqui estão os links. Certo, então sobre nós e a razão pela qual você não pode ver aqui é porque é branco. Então aqui eles são brancos porque nós adicionamos em um fundo de cor diferente. Ok. E então aqui, claro, a última seção é o texto e a seção da galeria bem aqui. Ok. Então, pessoal, é muito simples criar um rodapé personalizado. E como eu disse, use esses caras de instaladores personalizados no meu site. Vai poupar uma tonelada de tempo. Isso é tentar desenhá-lo a partir do zero? OK, então isso é basicamente um rápido resumo pessoal de como criar rodapés personalizados. E lembre-se, uma vez que você fizer isso, você vai querer excluir o outro rodapé que você tem na parte inferior aqui, porque você realmente não precisa de rodapés personalizados, você sabe, você não precisa de um pé ou assim aqui. Você não precisa deste pé ou mais. Você realmente, de verdade, não. E você sabe, você só precisa de um rodapé. Então, cabe a vocês. Esta é apenas uma opção. Se você quiser um rodapé personalizado, vocês podem, você sabe, fazer o seu próprio ou fazer upload de um layout. Há 10 deles, e estes são desenhos muito bonitos. Os homens são muito fáceis de usar. Ok, então, você sabe, vá em frente e aproveite o tempo para passar por isso, confira e veja qual deles é para você. Há 10 layouts, cara. Então, há todos os tipos de layouts realmente legais que vocês podem usar para o seu site. Ok? E na próxima seção, pessoal, eu tenho, tipo, um pequeno bônus e vou dar a vocês outros layouts grátis para esses serviços. E eu vou mostrar a vocês como podemos criar, hum, a página de serviços aqui. E, você sabe, eu vou falar sobre como editá-lo e como usar o layout pré-fabricado. Ok, então eu vou ver todos vocês lá. 19. Serviços - introdução a layouts pré-feitos: Ei, pessoal, bem-vindos de volta. Então, nesta seção, vamos fazer layouts pré-fabricados. Ok, então se você vir as outras seções aqui, como sobre nós e a casa e tudo mais, eu vou mostrar como você pode realmente salvar seu layout e exportado e também importar outros layouts. Ok, então indo para a minha seção de serviços, eu vou ir em frente e habilitar o construtor visual agora, antes de decidirmos fazer o upload do layout. Não, pessoal, este é o mesmo peso. Então você pode realmente ir até aqui e ir para essas duas setas e ir para importar e escolher o seu arquivo. Não, pessoal, dependendo do seu servidor, vocês vão ter que tentar os três métodos que eu mostrei. Eu sei. Para cada servidor, é diferente para o meu. Acho que não funciona assim. Então este é o layout, e eu incluí isso na caixa de entrega para vocês. Ok, então eu vou abrir. Acho que não vai funcionar assim. Acho que tenho de ir à minha biblioteca da Debbie. Certo, então funciona. Ok, então essa é outra maneira. Mas antes, antes de tentarmos, esse método não funcionou, então é assim , pessoal. Ok, então eu carrego o layout e como você pode ver, o site já foi criado para mim. Isso é simplesmente ensolarado e caras, Eu tenho outro layout premium em meus sites. Eu tenho uns de graça e vocês podem ter uma bola com ... um site que já foi feito para vocês. Então todo o trabalho duro já está feito. Agora, digamos que você faça upload do layout, ok? Permite ver você carregado. E também, se você carregá-lo, você pode fazer diferentes mudanças em um cara. Então aqui, , podemos ir em frente e colocar tema da Debbie e colocar o nome da sua empresa aqui. Você pode adicionar algo como, você sabe, nós podemos mudar esses modelos aqui. Então clique sobre isso e colocar como o melhor e, em seguida, aqui eu posso mudar o título. Algo como uma empresa inteligente de CEO. Então, pessoal, os layouts premium vão economizar drasticamente uma quantidade de tempo super grande. É por isso que Devi é tão famosa. É por isso que é tão incrível. Ok, então passando por aqui, podemos ir em frente e, você sabe, mexer com isso aqui, pessoal, é uma guia Configurações. Ok, então este é outro módulo que vocês podem usar e descer por aqui, e vocês podem explorar e ver, tipo , quais modelos devem ser usados aqui. Está bem. Bem aqui. Só usamos uma chamada à ação, e aqui apenas adicionando uma imagem. Se você quiser tornar a imagem menor ou maior, você pode ajustá-la de acordo. OK? E aqui mesmo. Você sabe, nós temos uma foto bem aqui, e nós temos, hum, mais mensagens. E se vocês querem ver vocês sabem o que eu usei, vocês podem ir para as configurações do módulo, ir para o design e tipo de ver, você sabe, como eu projetei isso? Você sabe o que bater dural usar o quê? Bater tapinhas. Você sabe que margem, etc. Certo, então, descendo por aqui, vocês podem ver outros aqui. E, claro, temos este aqui também. E nós temos este rodapé personalizado bem aqui. Agora, eu ainda tenho esta foto bem aqui, e isso é porque eu não me livrei dela, mas , você sabe, é apenas para fins de controle, então eu provavelmente deveria me livrar de Este aqui. E este aqui seria o meu rodapé de esperança. Então isso seria basicamente o fim da página. Está bem. E lembrem-se, tenho layouts grátis nos meus sites. Vocês podem ir em frente e ter uma bola com, hum, mas eu só quero mostrar a vocês como usar isso aqui. Ok, então isso é basicamente um rápido resumo caras de como adicionar louts premium. Agora, do outro lado, você pode adicioná-lo. E a maneira que eu recomendo é indo para sua biblioteca de Divvy. Então, indo aqui para o painel, sob Divvy e indo para Divvy Library, você pode adicioná-lo aqui também. Então, assim como adicionamos, esses outros rodapés podem ir duas importações importantes de exportações, escolher o arquivo e simplesmente encontrar a seção de serviços aqui. Certo, agora está dizendo que não está funcionando, então funcionou para a outra página. Então, pessoal, tenho que ser honesto. O negócio fora o nosso pouco engraçado. Então vá em frente e divirta-se com os layouts. , Você sabe, mas ainda assim, eu quero falar mais sobre, um, você sabe, outra personalização. Podemos ter. Então, na próxima seção vamos falar sobre o Blawg. E depois disso, eu vou apresentar todos vocês para CSS personalizado para CSS personalizado é basicamente adicionado modificações que você pode ter que o tema divvy sozinho não vai dar a você. Você tem que basicamente adicionar algo um pouco mais criativo. Então esta seção aqui é feita com CSS personalizado para que você possa ver que parece muito, muito bom. E isso não pode ter sido feito. Caras sem costume. CSS Então basicamente o que isso significa é que as configurações do módulo dentro dos módulos não podem fazer isso sozinho. Você vai ter que adicionar um pouco de CSS e vamos rever isso depois de passar por cima da seção do blog . Ok, então eu vou ver todos vocês na próxima palestra. 20. Tutorial no blog: Muito bem, pessoal, pessoal, bem-vindos de volta. Então nesta palestra, vamos falar sobre o bloco, os diferentes desenhos que você pode ter como postar um blawg, etc. Certo, então a primeira coisa que precisamos fazer é criar uma página para nossas postagens de bloqueio. Então, aqui no nosso mais novo, eu vou para Page, ok? E nós vamos simplesmente ir em frente e criar uma página de bloco básica. Então eu ouço ele colocar um blog e apenas ir para publicar aqui mesmo. Ok, então há algumas maneiras que vocês podem adicionar no blog. Vou mostrar-te o modo básico de como podemos adicionar um blawg. Então nós adicionamos a página loira. Tudo bem, agora, vamos em frente e passar para mais novo e criar um post para o nosso bloco. Então eu ouço um idiota como o melhor tema WordPress que eu não posso nem digitar, nunca. Tudo bem. Então vá em frente e tipo, pão, algum conteúdo, e eu quero colocar um texto fictício bem aqui. Então estamos apenas fingindo que isso é apenas um poste de bloqueio. Então você poderia estar falando sobre, tipo, tipo, você sabe o que eu sinto ou o que quer que seja. E aqui podemos clicar em adicionar mídia, talvez adicionar uma imagem. - Não. Como, hum, você sabe o que os caras gostam mais e bem aqui nas edições dela nós podemos tipo de centro. É Você pode mudar o tamanho dele também, então talvez você queira tamanho completo e centrado assim, você sabe,para que você sabe, você possa ter todo tipo de diversão e, você sabe, aqui com seu blawg. Mas aqui, sob a imagem em destaque. Então o dano futuro é muito importante, pessoal, as imagens em destaque, basicamente a imagem que eles vêem ao lado do título. Então você quer ter certeza de que essa é uma boa imagem. Então, sob a imagem em destaque, eu vou colocar esta cidade grande e ir para a imagem em destaque, ok. E, claro, podemos adicionar em uma categoria para colocar como caras, e vamos falar um pouco mais sobre por que adicionamos categorias. OK, então adicionado em uma categoria. E você sabe, nós adicionamos algumas imagens em destaque que você pode adicionar em algumas tags. Tags são basicamente dizendo com alguém clica na etiqueta. O que se relaciona com suas outras histórias? Está bem. E isso é como os formatos, mas geralmente você quer deixá-lo como padrão, mas vocês podem ir em frente e verificar os outros formatos para o post bloco. Está bem. Mas para finalidades ainda, vou publicar isto. Então eu fiz um post blawg. Eu criei um poste de pântano. Agora eu preciso realmente adicionar a página de bloco ao nosso menu. Então, indo aqui para a aparição, eu vou para os menus. Muito bem, temos blogues bem aqui. Eu sou um ir para adicionar ao menu, e agora temos a página blawg que criamos em nosso menu. Certo, agora vamos visitar sites. Agora, precisamos basicamente conectar as postagens com a página de bloqueio. Então vamos para Customizer tema e sob a primeira página estática, Vamos fazer a página de postagem como nossa página de pertença bem ali. Está bem? E então vamos salvar e publicar. Tudo certo número, clique em X e vá para a nossa página blawg. Tudo bem, então esta é a nossa nova página de bloco, e aqui você pode ver o melhor tema WordPress de sempre. Esta é a nossa imagem em destaque aqui. E se eu clicar sobre isso vai mostrar algum texto e incluir aquela outra imagem que tínhamos e mais algum texto. Agora estes aqui, caras são widgets. Então vamos falar sobre isso antes de falar sobre o construtor avançado. Então aqui, sob widgets, assim como fizemos para a seção de rodapé. Pessoal, temos uma barra lateral. Certo? Aqui está você ver barra lateral. Como? Aqui temos o recente post comentários recentes, arquivos, etc. Então vamos em frente. E só talvez, você sabe, excluir estes realmente não precisaria deles. Sabe, nossos carros, talvez categorias. Meta. Isto é o que vem com padrão, pessoal. Então, digamos que você queira adicionar como a caixa de gostos do Facebook. Você vai ir em frente e apenas arrastá-lo até aqui e simplesmente ir em frente e ver se eu posso pegar a caixa igual do outro dos outros aqui mesmo. Ver se consigo arrastar este aqui. Ok, então eu vou arrastar este aqui mesmo, a caixa do Facebook. Então eu vou em frente e deletar este. Ok, então, basicamente, pessoal, tudo isso foi apenas criar a caixa do Facebook, e eu apenas roubei a caixa do Facebook da nossa área de rodapé e eu apenas coloquei na nossa barra lateral. Foi tudo o que fiz. E bem aqui, pessoal, você pode adicionar coisas como um plug de assinatura de e-mail ou, um, você sabe, há apenas um feed do Twitter no feed do Instagram. Todos aqueles plugins que falamos mais cedo. Eles criarão widgets. E você pode adicionar isso aos seus caras da barra lateral. Agora cabe a você decidir qual plugging você quer, e você sabe qual deles realmente funciona. Então eu defini isso aqui e vamos em frente e clique em Salvar agora. Ok, agora, vamos em frente e voltar para o nosso site e vamos para o Blawg. Então aí está. Agora o sinal siga-me lá está ali e temos uma barra de busca bem ali. Ok, então se vocês querem isso aqui, pessoal, tudo que vocês precisam fazer é ir em frente e procurar o plugue e vocês gostariam arrastá-lo para a sua barra lateral. E é só arrastar e soltar. É muito, muito simples. Ok, então nós criamos este post bloco Agora, este é o realmente chato post Blawg realmente feio. Nunca vou. Meu site Este é meu bloco postar minha página de bloqueio e vocês podem ver que é lindo. E estes aqui são todos estilos diferentes. Então aqui o meu vai para este posto de bloco, e é realmente muito bem projetado. Então aqui eu adicionei, tipo, tipo, assinatura de e-mail bem aqui. Eu adicionei em um afiliado, Benner e aqui, banner de afiliado. E então este é o meu anúncio de texto do Google. Ok, então vocês podem ver bem aqui. É realmente um bonito olhar, hum como se chama, Page. Parece muito, muito bom. Temos um monte de fotos e parece muito, muito legal. Ok, então se vocês querem algo assim aqui, hum, hum, há layouts pré feitos para postagens de bloqueio no meu site, é claro. Então, sob os layouts de Devi bem aqui. Eu tenho postagem de bloco personalizado bem aqui. Então isso aqui vai ser o dia V blawg layouts bem aqui. Certo, mas vamos falar sobre como criar uma página bloqueada separada em vez de usar a que o DV nos dá. Nós podemos realmente fazer o nosso próprio. Lembre-se, não precisamos usar as configurações de tema padrão, então eu vou até aqui para adicionar novo e criar uma nova página. Agora vou colocar o Advanced Blawg, e desta vez vamos usar o construtor de Divvy. Agora, aqui mesmo. Nós podemos realmente ir em frente e apenas, você sabe, criar algo que queremos. Então aqui mesmo sob esta configuração aqui, eu vou colocar em um e eu vou inserir módulo e nós podemos adicionar no módulo bloco aqui . Então, pessoal, esta é a parte de trás e o editor para que possamos usar a frente e o editor também. Mas esta é a parte de trás e o editor. Então, se você quiser usar um amigo e editor, você pode ir para salvar e sair e ir para usar o faturador visual. Então vamos em frente e fazer isso. Está bem? Então esta é a nossa página atual aqui. Agora, eu vou para este ícone de engrenagem, e então, você sabe, eu não quero cheio com. Quero Gridley fora. Então eu vejo que nós temos este estilo diferente de post blawg bem aqui. Então, você sabe, nós podemos, você sabe, ir para essas opções bem aqui e sair sozinho. Então mostre ao autor que eu quero colocar “não “, então eu não quero mostrar ao autor. Então Darrell Wilson agora desaparece. Mostre essa imagem em destaque. Você poderia tirar isso. Mostrar trecho Mostrar extra é basicamente o conteúdo aqui. O conteúdo. Eu sinto muito. No fundo, bem aqui. E aqui podemos mostrar as datas de quando isso foi publicado. Bem aqui é 19 de janeiro. Mas se eu tirar isso, agora é história. Ele se foi. Ok, então essas são outras opções que vocês podem ter. Caras como mostrar que você sabe o que você quer ou sobreposição de imagem em destaque também. Você pode adicionar isso também ao seu, hum, ao seu site. Então aqui podemos adicionar a cor de sobreposição. Temos algo como, azul ou algo assim, ou o que você quiser. E podemos adicionar um ícone excessivamente cor. Então alguém paira sobre ele. Agora você pode ver que essa cor de ícone aparece e a cor que colocamos aqui se aplica lá. Então, queremos fazer um pouco transparente. Então, se eu passar o mouse sobre ele agora, tem tons escuros para ele? Você vê isso? E também para esta cor. Pessoal, esta é a cor do ícone, por isso aqui. Talvez você queira branco. Então, o pairar sobre, agora é branco. E, claro, você sempre pode alterar o ícone clicando em qualquer um deles. Está bem? E depois vai carregar. E lá vai você. Ok, então este é um assalto muito mais personalizável do que as configurações padrão. Está bem? E bem aqui, você poderia colocar ler mais botão. Isso é fixe. Você sabe, o botão ler mais, isso é sempre começar a ter. E então, é claro, no design, podemos ir em frente e mudar os tipos da fonte, podemos usar uma gota, uma sombra aqui, tudo adicionando algo como, você Então vocês podem ver que as fontes estão mudando algo como, uh oh, isso é tão feio. Então vocês podem ver que as fontes estão mudando algo como, uh oh, uh oh, Texto carmesim. Isso é um pouco mais legal. E vamos fazer a diversão um pouco maior. Talvez muito, muito grande. Algo assim. E a cor do título da grade, podemos mudar essa cor aqui para algo como, você sabe, o que você quiser. Está bem. E, claro, aqui é a mesma coisa. Pessoal, você sabe, a cor do texto da letra espaçando a altura da linha, etc. Ok, então você pode se divertir com essas opções aqui. E vocês se lembram, sabem, podem adicionar mais módulos. Sabe, podemos acrescentar algo como, hum, você sabe, eu não gostei disso aqui. Vamos adicionar um pequeno ícone. Agora vocês têm que me seguir, pessoal. Só estou te dando um exemplo do que você pode fazer. Como aqui mesmo. Vou adicionar como uma mensagem, um telefone de texto aqui. Eles vão colocar algo como, Bem, centralizar isso e colocar como o melhor blawg de sempre. Está bem? E então, para o projeto, eu vou em frente e fazer isso realmente grande. E então eu posso apenas, tipo , arrastar isso até aqui e, tipo, talvez colocar isso em cima e tipo de apresentar nosso blawg. Então, porque há um monte de maneiras diferentes que você pode tipo de criar o seu próprio blog Então bem aqui sob o meu site, eu tenho certeza que vocês o que eu fiz, eu basicamente apenas criei esta seção aqui. Meu blawg. Eu basicamente coloquei três fontes de texto. E então eu adicionei uma cor de fundo bem aqui, Ok. E então eu aumento o estofamento bem aqui. Então eu estou realmente indo para habilitar o construtor visual e apenas tipo de mostrar a vocês o apoio no meu site. Ok, então aqui, vocês podem ver que eu posso fazer isso maior. Eu poderia fazer isso menor, e eu apenas adicionei um texto bem aqui. Então, se eu for para este ícone de engrenagem, eu uso um módulo de texto aqui, e eu basicamente coloco meu blawg bem aqui e, em seguida, sob o design, eu meio que fiz este conteúdo um pouco maior. Ok, então essa é basicamente outra maneira como vocês podem projetar os caras da página de bloqueio, há, você sabe, é ilimitado. Você pode adicionar fotos. Quer dizer, seja o que for que possas pensar, tal como fizemos as nossas outras páginas. Pessoal, vocês podem fazer isso para a seção do blog. Então, Então, vamos dar um exemplo rápido. Não me sigam até aqui, mas vou publicar esta página e dar-vos outro exemplo rápido de como podem adicionar isto à vossa página inicial. Não me sigam até aqui, mas vou publicar esta página e dar-vos outro exemplo rápido de como Então vamos para a minha página inicial aqui, e na verdade, eu vou para o meu outro site bem aqui. Então, todos os votos para a nossa página inicial, e isto é apenas dar-vos ideias. Sabe, você não tem que me seguir até aqui. Estou apenas mostrando diferentes métodos de como você pode adicionar o bloco ao seu site. Então, um aqui em baixo, talvez eu queira adicionar o blawg bem aqui. Tudo bem. Então regular, esta seção e, em seguida, clique em blawg. Está bem? E eu quero a grade. Você sabe, eu não quero o completo com. Então agora todas as suas postagens de bloqueio aparecerão aqui em vez da página do seu blog, e você pode adicioná-lo como um título aqui que diz, como, nossa página blawg ou são posts recentes e tipo de ser criativo com o que você quer. Ok, então isso é basicamente um rápido resumo caras de como você pode, você sabe, usar o módulo de bloco para tipo de bagunçar com as configurações e adicionar o blawg onde quiser, causar um monte de temas são muito limitados. Um monte de temas torná-lo para que você tem que postar na página de bloco colocar. Claro, com Debbie, você pode fazer qualquer coisa que você sabe que pode adicionar no bloco onde quiser. E você pode ser extremamente personalizável e adicioná-lo onde quiser. Ok, então, pessoal, na próxima seção vamos falar sobre postagens blawg avançadas sobre como fazer posts de bloqueio muito, muito legais e torná-los realmente bons na próxima seção. Então, vemo-nos lá. 21. Seção avançada do blog: Já, cara. Então, nesta próxima seção, vamos falar mais sobre como fazer postagens prévias em branco. Certo, assim como no meu site que eu tinha, eu tinha aqueles posts de bloqueio muito legais. Vou mostrar-vos como fazer exactamente a mesma coisa. Agora eu vou até aqui para mais novo e ir para postar, e nós estamos aqui. Eu vou apenas algo como o melhor céu noturno. Agora, em vez de usar o construtor básico aqui para o tema, podemos realmente usar o Davy Builder bem aqui e aqui vamos carregar a partir da biblioteca. E há um monte de layouts pré-definidos, mas caras tem ar para páginas. Então estes não são para os postes de bloqueio. Então, assim como fizemos pré, principalmente fora mais cedo, thes ar para as páginas, não para os posts. Ok, então aqui vamos adicionar da biblioteca e rapazes. Eu já adicionei no artigo. Recebi isso do meu site bem aqui sob os layouts de Davy Blawg. Mas vocês podem, sabe, fazer o seu próprio. Você não tem que usar este, mas estes são os que as coisas elegantes nos fornecem. Então, estes são layouts grátis, e eu vou carregar. Certo, então esta é a parte de trás e o editor. Então, basicamente, está dizendo, OK, então é assim que parece, etc. E, hum, você sabe, se eu quiser ir em frente e ver isso, eu vou para a pré-visualização. Muito bem, agora este é o meu novo posto de bloqueio, pessoal. Então é muito mais avançado. Isto parece muito profissional. Parece muito, muito limpo. E tudo que vocês precisam fazer é ir em frente aqui e, tipo, você sabe, mudar o texto e colocar o que quiserem. Então eu vou clicar em habilitar o construtor visual aqui. Agora, digamos que você queira adicionar em suas próprias coisas, você sabe, bem aqui, bem aqui, você pode adicionar em seu próprio título como este é para cães são blawg ou o que quer que seja. E você pode ir em frente e apenas, você sabe, mudar os módulos, adicionar módulos diferentes. Então, basicamente, o que eles fizeram foi basicamente adicionar um monte de módulos aqui, como o divisor, o imposto, a imagem, o imposto, o texto. E eles basicamente criaram sua própria pequena, você sabe, uma página, e eles meio que fizeram parecer um post blawg. Então, há um monte de layouts diferentes. Há três layouts diferentes que vocês podem escolher. E é apenas uma maneira muito bonita de, você sabe, você sabe, criar uma postagem de bloco em vez de usar o padrão que o tema vem com. Ok, então isso é um pouco mais sobre os postes de bloqueio. E também, pessoal, você sabe, você pode realmente apenas ir para, tipo, carga da biblioteca e, você sabe, apenas usar outro bem aqui. Então estes são seus layouts básicos. Estes não são muito bonitos, mas eu acho que eles têm algo como, eu acho que eles têm algo como, uh, como, vamos ver, bem aqui. Eu acho que eles têm um pouco só para o blawg, que é como, hum, uma página cheia de Ver como isso parece. Eles têm um monte desses caras. Eles têm um monte de layouts. Eu nem sequer passei por todos eles. Então isso é como outra, você sabe, estilo como eles têm seus posts blawg bem aqui. E também, se você quiser se livrar da barra lateral aqui, você não quer isso em seus postes de bloqueio. Você vai aqui para essas configurações bem aqui. Então, o layout da página aqui, podemos fazer completo com. E vamos em frente e anterior. E agora está cheio de homens. Ele irá remover a barra lateral para você. Ok, então você não quer essa seção, você pode ir em frente e excluí-la aqui mesmo sob os layouts de página. Você pode ter a barra lateral no lado direito ou no lado esquerdo. Você pode optar por ocultar o título do post, etcetera, e todos esses divertidos pouco as configurações de postagem. Ok, então eu mostrei a vocês, isso é mais uma coisa que eu quero mostrar a vocês é o layout padrão que vem com Debbie. Então aqui, eu vou para o Plus New, e eu vou para a página desta vez. Ok? Então, assim como fizemos aqueles layouts pré-fabricados anteriormente, Devi tem seus próprios layouts pré fabricados. Então eu vou colocar o layout pré feito e ir para usar o construtor visual. Eu sinto muito. Usou o ah Davey Biller, e aqui vamos carregar da biblioteca e dos rapazes. Todos estes aqui são layouts pré-fabricados que Devi criou automaticamente para nós. Então aqui, eu faria algo como, uh, vendas são agência criativa e ir para ver. Ok, agora, este é o pagamento que eles criaram para nós bem aqui. Ok, então eles adicionaram alguns recursos legais, e, você sabe, é apenas algo para ajudá-lo a começar a usar. Não parece o melhor, mas é algo mesmo assim. Não. E eles têm todos os tipos de alta qualidade. Então vocês sabem sapatos. Então, novamente, indo do carregamento da biblioteca, basta pegar um. Isso é para splash página desta vez e ir para a visualização e se parece com isso aqui mesmo. Então, quero dizer, pode haver uma razão para usar isso. Eu não sei por que, mas ah, é mesmo assim, é um layout livre, e eles realmente fizeram todo o trabalho duro para você. E se você quiser salvá-lo, os caras vão apenas clicar em Publicar e lembrar, você pode alterá-lo a qualquer momento que quiser, mesmo se você publicá-lo. Então meu clique em publicar aqui e agora aposto que você está pensando, Oh, é mais seguro. Bom. É um você sabe, você ainda pode ir para o carregamento da biblioteca e apenas, você sabe, escolher outro e dizer que eu quero a página de destino. Estou indo para a pré-visualização agora, então este é o layout da página de destino deles. Você sabe, estas aqui são basicamente apenas imagens de estoque lá. Só saiba que estão esperando você colocar sua imagem lá. Então é por isso que eles meio que se parecem com isso. Mas é apenas criar uma estrutura para vocês está apenas tentando ajudá-los. Basta dar-te ideias sobre como usá-la. Ok? E então aqui, atualize e isso salvará isso. Deite para fora. Ok, então isso é basicamente vocês para esta seção com o posto de bloqueio avançado e tudo mais. Quando você faz um bloco postagens ou usa o layout, você não precisa usar as opções para a postagem de bloqueio, pessoal. Então, sob a seção de postagem aqui, você pode usar o Davy Builder em vez disso. Sabe, estou bem aqui. Você pode adicionar em um módulo exatamente como você cria uma página para que você não faça Você não está limitado a, você sabe, seguir. Hum, os temas, instruções que você pode ser criativo e fazer o que você quiser. Certo, então é só isso. Caras para esta seção, e espero que tenha ajudado a me dizer, você sabe, se vocês usarem seus próprios layouts, você sabe, eu realmente vendo layouts no meu site. Você sabe, eu crio o meu próprio e eu o vendo, você sabe, porque você pode exportá-lo. Então, uma vez que vocês criam, é você ir para, tipo, habilitar o construtor visual aqui, e em vez de realmente importá-lo, você pode exportá-lo para que você possa exportar isso para qualquer outro site da didi. Então, sob este pequeno ícone roxo bem aqui, você vai para esta coisa pouco mais bem aqui e vai para exportação e vai em frente e dar-lhe um nome. Então ele coloca a página um e ir para exportações. Ok. E então você vai ver que esta seção agora vai exportar a página, e ele vai basicamente permitir que você salve em seus sites. Ok, então, você sabe, eu realmente não salvei esta seção, então provavelmente não vai funcionar corretamente, então eu vou ir em frente e economizar no início, mas é basicamente assim que você pode exportar seus próprios layouts. Pessoal, é muito, muito fácil. E é incrível o que você pode fazer com Davey. Certo, então é só isso. Para os caras da seção. Vocês têm alguma pergunta? Além disso, você pode realmente também exportá-lo a partir daqui, então exportado. E então você pode realmente, você sabe, exportar seu e então você pode salvar o que quiser, e então você pode importá-lo para outro site. É a Debbie. Ok, então é muito, muito legal. E lá vai ele. Está economizando agora. Então vocês e vejam uma página um para que eu possa importar isso para qualquer site. Vamos fazer isso. Agora, vamos em frente e fazer isso. Vês? Vês? Bem aqui. Então, sob a página um. Ok. Sabe, pessoal, não, eu não vou procurar eu sou muito preguiçoso, mas é basicamente assim que você importa layouts e você pode sabe, você pode fazer um layout pré-feito, pessoal, e, em seguida, vender esse site para outra pessoa. Então, muita gente faz isso. Eu faço isso. Muitas empresas, é tudo o que fazem. Eles apenas criam layouts e os vendem. Ok, então é um ótimo negócio para estar se você usar o pagamento de divididas. Certo? Então esse cara finalmente, você sabe, isso é tudo para esta seção. E vejo vocês na próxima seção 22. Como criar uma "Conheça a equipe" e CSS personalizado: Muito bem, pessoal, pessoal, bem-vindos de volta. Então, nesta seção, nós vamos fazer eles se encontrarem com a equipe, e eu também vou apresentar a todos para CSS personalizado. Então, para aqueles iniciantes que não têm idéia do que CSS personalizado é, é uma espécie de código que você pode adicionar ao tema que vai fazê-lo fazer coisas que o tema não poderia normalmente fazer. OK, então este é um exemplo aqui de CSS personalizado. Eu realmente coloquei isso no centro porque, por padrão, ele não lhe dá a opção de fazer isso. Então eu vou explicar como criar páginas realmente bonitas que se parecem com isso e dar-lhe idéias e, você sabe, você sabe, inspiração sobre como criar páginas realmente criativas e muito agradáveis e também usar TSS. Ok, então indo para aqui, eu vou em frente e vou para a nossa equipe, e eu vou ir em frente e criar esta página bem aqui. Então eu vou habilitar o construtor visual e vamos em frente e primeiro vamos adicionar um pequeno módulo de texto. Então aqui, vou em frente e usar esses blocos. Por que não? Eu vou em frente e fazer, e eu vou em frente e vou admitir módulo de texto e eu vou colocar algo como, conhecer a equipe, conhecer a equipe, rolar para baixo para fora de algo todo o centro. É e eu vou colocar o encontro com a equipe, tudo bem. E então vamos para o design aqui, e podemos mudar a fonte do cabeçalho. Algo como ... Sinto muito, a fonte do texto. Então vamos mudar a fonte do texto para algo como, uh, uh, algo um pouco mais profissional vai usar a ferrovia. Ok, então fora disso dentro. Mas podemos querer mudar o design ou o tamanho disso, então basicamente, fazer isso um pouco maior. Ok? Agora, abaixo disso, eu quero adicionar um divisor. Ok, então eu vou te mostrar o porquê. Então aqui, vamos adicionar uma divisória. Então, o que é o divisor? Bem, o divisor basicamente cria espaço, mas também basicamente adiciona design. Então eu adicionei um divisor de blocos bem ali e a visibilidade. Quero que isto apareça. Então o que o divisor realmente faz, basicamente, é que ele empurra a página. Cria espaço. Então, se eu colocar como 500, ele vai criar 500 pixels de espaço, então basicamente apenas criar espaço. No entanto, só estou usando para o bar. Eu só gosto do jeito que parece bem ali. Eu realmente não me importo com a altura lá. Está bem, mas vou dar-te outro exemplo de altura daqui a pouco. Ok? Então eu vou para salvar as alterações, e eu vou para esta próxima seção aqui, e eu vou ir em frente e adicionar uma nova linha e adicionar em três colunas, e eu vou em frente e adicionar a pessoa. Então aqui eu coloquei Darrell Wilson. Ah, sim, há bem dizendo que vai colocar o designer WordPress e eu vou em frente e colocar em uma foto. Claro, isso não sou eu. Este tipo é muito mais bonito para mim, por isso, muito neste tipo aqui. Ok. E para a licença de cor do texto, agora é para o seu todo o seu facebook você vai entrar seu você toda a sua página de fãs do Facebook. Então, você sabe, o que quer que você seja, tudo isso é. Vocês são todos homens. Esta seção é bem aqui? Então, o que quer que apareça no seu Facebook lá, você vai copiar isso e você vai pagar. Sente-se bem aqui. Mas, por enquanto, vou colocar este pequeno sinal numérico. Isso é apenas padrão para, você sabe, adicionar essas coisas aqui. Ok, agora, aqui. Vou colocar uma descrição. Então eu vou para meus sites famosos, meu site secreto, e pegar um texto falso. Tudo bem, então vá em frente e pegue um texto falso e cole-o bem ali. Está bem, Legal. Agora vamos projetar bem aqui. E, você sabe, nós podemos mudar como tudo parece, caras, você sabe, nós podemos ter como, ah, uma cor de ícone. Se eles passarem o mouse sobre a sua direita aqui, podemos alterar a fonte do cabeçalho. Então talvez algo como a ferrovia tenha que manter isso consistente, certo? Tenho que manter o mesmo e tudo mais. Adan é, você sabe, uma fonte maior como essa. E, hum, nós não podemos ah, altura da linha bem ali. Arranja um pouco de espaço, está bem? E as fontes do corpo. Podemos mudar isso para algo como a ferrovia e a cor do texto do corpo. Talvez um pouco mais escuro, ou mudar tudo para branco. Ok. E explique por que vamos adicionar um fundo a isso. E o fundo é basicamente vai ser como uma cor escura. Então, voltando aqui para esta seção azul, lembre-se que esta seção controla toda a página que os caras controlam esta seção inteira. Então eu quero ir em frente e adicionar uma imagem de fundo a isso e talvez algo que se pareça com isso aqui. Tudo bem, então vocês podem ver que está começando a parecer muito bom. Agora, aqui. Eu ia copiar isto e arrastá-lo e copiar isto de novo e arrastá-lo para cima. Agora, conheça a equipe. Parece pessoal, isso é muito, muito feio. Vou mudar para brancos, está bem? E, claro, o divisor bem aqui. Talvez queiramos mudar para White também, porque fica melhor com as fotos. Então, aqui mesmo, vou mudar a foto desse cara. Então a imagem que você é. Bem, eu vou fazer o upload. Basta selecionar um desses caras e descobrir aqui. Vamos em frente e selecionar uma foto diferente desse cara aqui. Ok, então nós temos estes, Você conhece esta seção bem aqui? Parece muito bom. E aqui em dois outros sites bem aqui, vou voltar aqui para a nossa equipe. Vou mostrar-te essa comparação. Temos estas três caixas bem aqui. Mas parece muito diferente. Você sabe, nós temos um fundo preto bem aqui, e estes centrados no ar, etc. Então vamos mostrar-lhe como realizar esse efeito. Então, bem aqui, eu vou para este ícone bem aqui, e vamos para o design, e vamos em frente e rolamos para baixo. Apenas continue rolando. Continua crescendo, e eles têm uma cor de fundo, então vamos usar a cor de fundo de algo como preto. Ok, então vamos usar preto e bem aqui. Mesma coisa. Vá em frente no design de preto. Tenho que manter consistente. Tenho que fazer todos. Olha, uh, tenho que torná-los todos bons. Ok. Então também aqui, cor de fundo vai ser preta. Ok, agora, eu quero basicamente começar a inclinar isso. Eu quero tipo de alcançar esse efeito que tivemos aqui no ícone de engrenagem, eu sou um ir para o design, e eu vou rolar para baixo, apenas mantém crescido, apenas continua crescendo para a margem personalizada, e eu quer adicionar alguma margem aqui. Eu quero criar algum espaço aqui, modo que algo como 50 pixels ok, então eu acho que para vê-lo começando a empurrar para baixo porque nós somos crédito deu margem de 50 pixels. E aqui, não posso querer fazer a mesma coisa. Talvez cerca de 100 pixels, certo? Está a 100 pixels. Ok, então você é esse tipo de inclinado. Legal. Olhe bem ali. Ok, agora eu quero centralizar este texto e isto e isto e isto. O problema é que Devi não vem com um texto central para este módulo de pessoa. Então, como mudamos isso? Bem, há algumas maneiras de mudar isso. Pessoal, podemos realmente ir para este site. Não, pessoal, eu realmente tenho um CSS personalizado para vocês no artigo antes desta palestra, e vocês vão precisar disso. Então, se você precisar agora, vá em frente e volte. Mas eu vou ir em frente e pegá-lo de outros módulos de outros sites. Tudo bem, então eu vou ir em frente e copiar isso muito rápido. Tudo bem, eu vou para este aqui primeiro. Ok, então aqui agora, eu quero adicionar alguns CSS personalizado para que o CSS o quê? Isto vai fazer esta raposa. Criar uma sombra que vai criar como uma sombra em torno dele para dar uma vantagem muito agradável . Ok, então vamos até aqui para este ícone de engrenagem, ir para CSS, e eu vou colar este código no pequeno elemento nos elementos principais. Agora, você pode ver que tem aquela sombra bem ali. Então parece um pouco mais prestigiado, e vocês podem obter esse código de temas elegantes. Na verdade, vou colocar isso na , palestra antes,então vocês podem ir em frente, pegar , o código e adicionar a eles. Então, aqui vai para o ícone de engrenagem CSS e elemento principal. E aqui de novo, mesma coisa. Então vocês podem ver aquele design de escrita que o tema normalmente não poderia nos dar agora . Quero centralizar isto. Agora, isso é um pouco mais fácil de entender. Então aqui nós temos este texto alinhado centro bem ali, Então texto align, Center. Isso é basicamente um comando que você está dando ao tema. Então eu vou para este ícone de engrenagem. Eu sou um ir para CSS e sob a imagem membro, não a imagem que podemos ter isso para a descrição também. Vá em frente e acelere isso aí. Então o que eu estou basicamente dizendo pessoal é que eu quero que o texto se alinhe com o centro. Agora, eu poderia nos mudar para a direita também. Veja como estou forçando o tema a me ouvir. Eu estou basicamente decidindo, você sabe, eu quero o texto para o centro. Você pode usar CSS personalizado para alcançar resultados que o tema não poderia dar a você. Então, estou fazendo assim, sabe? Vamos em frente e adicione isso ao título aqui. Veja como agora apenas o título está alinhado ao centro. Sem posição de membro. Eu poderia ir em frente e colar isso lá também. Ou posso dizer, você sabe, os laços sociais dos membros. Eu quero o social e também para o centro. Mas talvez eu quisesse a direita. Então eu vou e digo que quero isso para a direita. Então você entende como CSS tipo de funciona sua substituição Basicamente qualquer coisa que está no tema. Então você está basicamente dando comandos extras? Tudo bem, então aqui, eu só vou dizer que você sabe o que eu vou seguir em frente e apenas postar isso e a descrição do membro. Eu sinto muito. Na descrição de novembro aqui. O meu ritmo , ali. Ok, então agora tudo está centrado, e parecia muito, muito limpo e bom. Ok, agora, vamos em frente e fazer a mesma coisa para esta seção aqui. Então aqui, sob a imagem do membro. Mas vá em frente e coloque lá. Eu sinto muito. Descrição do número. A descrição do membro dos rapazes. Ok. E o último aqui. Vou empurrar isso para a seção bem aqui, mas lá vai você. Ok, legal. Agora vamos dizer que você quer esta barra minimizada. Agora. Você não pode fazer isso sozinho. Você precisa ter CSS personalizado. Então eu vou para o meu outro site aqui, e eu estou indo para obter o CSS personalizado agora, pessoal, isso também está no artigo para vocês, hum, antes desta palestra, se vocês Preciso dele, então vá em frente e agarre. Vai ir em frente e pegar o meu muito rápido, e eu vou te mostrar basicamente como usar isso. Copie isto. Tudo bem. Então eu vou continuar e salvar esta página agora, e eu vou tentar o meu melhor para ajudá-lo a entender o que o CSS realmente significa. Certo, então vamos no meu painel bem aqui. Eu sou um ir para Divvy e ir para opções temáticas. Ok, então basicamente o CSS personalizado no tema é basicamente dizer que eu quero aplicar isso para todo o tema. Então aqui você pode ver que temos o módulo divisor. Então aqui está o comando para o divisor. E aqui está o com. Então, quão grande eu quero que o com seja? Bem, eu estou dizendo, eu quero pelo menos 30% e auto significa que eu quero no centro. Agora eu posso colocar para a direita, mas eu escolho tê-lo no centro para que você também pode fazer auto para o centro também. Ok, então eu vou guardá-lo e eu vou abrir o site sob uma página diferente e ir para a nossa equipe novamente. Então vocês podem ver que esta linha é agora menor. Agora, se eu mudar isso aqui para algo como 50%, vai ficar maior. Vou atualizar a página e agora é maior 23. Conheça a equipe cont..: E se eu fizer algo como 10% vai ficar muito pequeno, ok? E vá até aqui e atualize a página. Agora é muito pequeno. Você vê isso? Então é apenas um design que você pode adicionar. E estou usando o módulo divisor não para criar espaço, mas para adicionar o núcleo, certo? Então eu estou sendo muito personalizável com Devi e apenas meio que pensando fora da caixa aqui. Agora, vamos sair e dizer OK, então temos esses que conhecem esses caras bem aqui, mas eu meio que queria parecer um pouco algo Mawr assim. Bem aqui. Então, como eu fiz isso? Não, eu aposto que vocês sabem como fazer isso. Você pode se lembrar um pouco de como fazer isso, mas eu vou seguir em frente e mostrar a vocês como fazer isso. Então eu vou ir em frente e apenas, uh eu vou copiar esse cara e esse cara e, hum, na verdade, eu preciso criar um novo tempo atrás, dois mais novos e adicionar quatro aqui mesmo. Feche isto. Agora, eu vou simplesmente ir em frente e arrastar esses caras para o novo papel aqui. Ok. Vê isso? Leve esse cara também. Estou roubando eles. Vá e coloque-o aqui, e eu vou em frente, roubar esse cara aqui e colocá-lo aqui, e eu sou preguiçoso. Eu só vou criar mais um, e eu vou arrastar isso e colocá-lo aqui. Ok, então nós temos esta linha bem aqui. Sabe, vou mudar a foto desse cara. Não quero ter os mesmos caras. Então eu vou mudar a foto desse cara bem rápido para esse cara aqui. Certo, então temos esse novo papel aqui. Então, como consegui esse efeito? Bem aqui. Espero que consigam entender. Só de olhar para aquela caixa, temos que torná-la maior. Sabe, a caixa não é grande o suficiente. Então eu vou para a rema sentado aqui e vou fazer esse tolo com ele. Certo, agora, lembre-se com o que a sarjeta faz a sarjeta com basicamente espremer a doença e certifique-se de que não há espaço. Então eu vou em frente e clique em ativar a sarjeta com eu vou mudar isso para um e ir para o seguro para que vocês possam ver que não há espaço aqui. E como eu determino se essas fotos, você sabe, como eu sei que onde eles estão confiando nisso, você sabe? Como determino isso? Bem, aqui neste ícone de engrenagem, vá para o design. Lembre-se de como mexemos com uma margem personalizada antes de fazermos isso de novo. Então, sob a margem personalizada, eu vou adicionar este como 150 então agora nós temos este realmente legal, efeito inclinado da margem bem aqui. Ok, então nós adicionamos CS personalizado para essas imagens aqui, e nós também adicionamos na sombra de fundo. Vocês podem ver bem aqui. Ainda se aplica. Então ele vai ficar com ele e o fundo. Isso parece muito, muito bom. Parece muito legal. Agora, se vocês só querem basicamente uma linha estes juntos, apenas não coloquem nenhuma margem. Então, neste ícone de engrenagem aqui, nós vamos para o design e eu não quero nenhuma margem desta vez. Então eu quero colocar zero Este aqui. Vou colocar zero. Eu não quero nenhuma margem. Eu não quero que você só não quer que você empurre. Não quero que faças nada. E aqui, mesma coisa. O design. Vou colocar zero. Ok, então este é outro efeito que vocês podem ter, mas vamos ser um pouco mais criativos. Vamos em frente e dizer OK, já fizemos isso. Nós fizemos isso. Como você fez isso? Sabe, como eu criei isso aqui? Ok, então indo até aqui para o nosso site, eu vou continuar e apenas duplicar esse cara. Bem, na verdade, não. Vamos criar uma nova linha. Então eu vou para Plus New e vou para dois desta vez, e eu vou apenas clicar no X, e eu vou simplesmente copiar isso e pegá-lo emprestado. A minha cópia isto e eu vou simplesmente pegar este tipo e arrastá-lo até aqui e depois sobre este tipo. Pegue esse cara. Vou pegá-lo emprestado também. Eu só estou lá. Preciso do seu corpo emprestado. Vou levar-te até aqui, está bem? E eu vou duplicar esse cara e dedicar esse cara. Agora. Por que não duplica esses dois caras para nós? Porque está tudo na mesma caixa, pessoal. Então isto é tudo um módulo novo? Basicamente. Ok, então eu quero basicamente manter isso. Mas eu quero basicamente, você sabe, eu quero adicionar um pouco mais de espaço aqui. Então vamos usar o módulo divisor novamente. Mas desta vez, vamos usá-lo para seu propósito regular. Alguém vá para mais novo clique sobre isso, e eu vou para o módulo divisor. Certo, então a altura aqui, quanta altura você quer? Bem, 300 pixels. Então você vê como o divisor aqui está criando espaço? É o que o divisor faz. Isso é o que deveria fazer. No entanto, aqui, eu apenas usei estritamente para seu design. Eu realmente não me importava com o que ele faz. Ok, então indo para cá, nós temos essas imagens, mas , você sabe, eu não quero nenhum espaço aqui. Sabes, não quero espaço entre estes, por isso vou para esta secção, e vou basicamente pegar na sarjeta e reduzi-la a uma. E lá vai você. Agora temos este belo efeito e vocês podem adicionar, como, você sabe, conhecer a equipe bem aqui. Então eu vou em frente e apenas, você sabe, duplicar toda esta seção e apenas arrastar esta seção agora para o fundo bem aqui. Então eu estou segurando e eu estou rolando. E lá vai você. Agora, temos um novo encontro com a seção de equipe. Ok, então esta é uma maneira muito criativa que vocês podem usar CSS. E também adicionar, você sabe, alguns estilos diferentes e diferentes, você sabe, maneiras de adicionar e Devi. Ok, então eu espero que esta seção tenha ajudado vocês tipo de entender personalizado, CSS e, você sabe, apenas estilo moderno. Lindos sites como este é realmente caras modernos, isso é realmente bom olhar. E para um iniciante, se você está fazendo esse tipo de coisa pira nas costas porque levei anos para fazer coisas assim. Eu estava fazendo coisas que eram tão feias quando comecei, e levei alguns anos e eu meio que, você sabe, você sabe, desenvolvi. E agora eu posso entender estilos diferentes. Certo, então é só isso para os caras da seção. Espero que isso tenha ajudado vocês a entender o costume. CSS. Eu tenho alguns artigos sobre CSS personalizado no artigo antes para ajudá-lo. Sabe, mais leitura e tal, porque eu não quero que você pare aqui. Quero que vocês sejam capazes de criar qualquer coisa que possam imaginar. Tudo bem, então isso está fora para esta seção de índice, pessoal, nós vamos falar mais sobre. O que temos a seguir? Temos a casa. O equilíbrio. Certo, vamos fazer o contato conosco. Agora vamos para o contato. Esse cara está bem, então vejo vocês lá. 24. Como criar a página de contato: Muito bem, pessoal, pessoal, bem-vindos de volta. Então agora vamos fazer a última página, que é a página de contato conosco. E eu vou te mostrar quais modelos eu uso e te ajudar a visualizar. Você sabe o que pode criar com Devi. Então este aqui eu uso o quarto cabeçalho, e eu apenas disse, não em um botão. Certo. E aqui, eu adicionei três blurbs tão desfocados um blurb para sinopse três, e adicionei meus ícones, e eu fiz tudo da mesma cor aqui, adicionado em uma seção de chamada à ação. E aqui eu adicionei em um formulário de contato, e vamos falar mais sobre formulários de contato nesta seção e esterlina aqui em baixo. Este é um mapa cheio, ok? E bem aqui este é o nosso rodapé personalizado que eu carrego e que nós conversamos nas outras palestras. Ok, então vamos em frente agora e criar exatamente a mesma página. Então eu vou entrar em contato conosco e habilitar o construtor visual e também os caras após a palestra, vamos falar mais sobre otimização móvel, e isso é extremamente, extremamente importante. Especialmente depois que o Google lançou sua nova otimização móvel como atualização de CEO. Ok, então eu vou para essa seção mais nova, e eu vou meio que acelerar desta vez porque eu acho que vocês entendem o que vocês sabem o que acontece agora. Então vá para cheio com cheio com cabeçalho, e aqui quando colocar contato conosco, em contato, e eu vou colocar isso no centro. Vou fazer isso em tela cheia e fechar. Agora, eu vou fechar esta outra seção aqui, e eu vou ir em frente e adicionar uma imagem de fundo então vamos adicionar algo como, Ah, isso é tudo muito legal. Agora, isso não funciona. É muito grande. Ok, então adicionando algo como, um, vamos ver bem aqui. Isto aqui mesmo. Ok? E aqui, vou dizer: “ Tudo bem, Tudo bem, sabem que mais, pessoal? Eu quero ir em frente e mudar esta fonte aqui, ou fazer o design. Então, quando ele vai para a minha cor da fonte do título e também a cor da fonte do subcabeçalho e eu quero fazer isso um pouco maior, eu vou mudar isso para ferrovia. Tudo bem? E eu vou mudar a frente de subposição também para ferrovia, e então nós vamos torná-lo um pouco maior, este maior. E neste e aqui em cima um pouco maior, e talvez eu faça isso rolar. Está bem. Então também, eu posso adicionar o, hum, o espaçamento entre os cabeçalhos. Mas eu só estou escolhendo não saber só porque vocês provavelmente já sabem o espaçamento de linhas bem ali. Está bem. Por aqui, vou ao Plus New e vou embora. Vou clicar neste pequeno lá vai tudo bem. Então regular aqui e vai clicar sobre estes três e não simplesmente adicionado em um blurb bem aqui. Então ouvimos muito em algo como ... Bem, Adam telefone e eu não vou colocar uma garota. E eu quero usar uma Nikon e este ícone. Vou usar o telefone. Vou encontrar o telefone bem aqui. Sei que está aqui em algum lugar. Vocês provavelmente estão prontos. Vi isso. Eu provavelmente deixaria passar. Ou é ou é quem ganha primeiro? Vês? Veja se consigo encontrá-lo aqui. Eu sei que eles têm um telefone. Eu só não consigo encontrá-lo. Então lá está. Está bem. E eu quero mudar isso para algo como preto. Ok, agora eu estou saindo no topo, e eu não quero a animação. Lembre-se, a animação é como, da direita para a esquerda, como uma pequena animação. E então aqui mesmo, eu vou em frente e digitar algo como, você sabe, isso. Vou ao meu site secreto aqui mesmo. Site secreto. Este é o site secreto, e eu vou apenas ir em frente e colocar um texto falso aqui e colá-lo dentro Ok, agora, eu vou realmente fazer algo um pouco diferente. Estou em vez de, na verdade , criar outro modulado aqui, um texto. Vou em frente e colocar espaço aqui, e vamos fazer algo como, um, bem, bem, adicionar nosso número de telefone 800 Ok, então temos isso aqui, e, Hum, eu vou em frente e pegar esta seção aqui, e eu vou fazer com que seja uma cor diferente. Algo como Ah, leia. Está bem. Você pode adicioná-lo como uma cor vermelha. Alguns assim ou algo assim. E vamos em frente e alinhar esta seção, você sabe, torná-la um pouco mais limpa. Ok? E vá para um lugar seguro. Nem na verdade, agora, vamos para o projeto aqui. E, você sabe, nós podemos, você sabe, mexer com os desenhos. Você sabe, enfraquecer, ir para algo como os telefones corporais bem aqui, mudar o corpo, cair na ferrovia. Está bem. E também adicionar um pouco de ah, altura da linha bem aqui. Ainda está na linha. Oi. Como isso. Perfeito. Está bem. E também, vocês podem mudar o tamanho disso. Este é o ícone também. Por isso não te esqueças, podes sempre mudar isso. Então eu clico sobre isso aqui, e eu vou para duplicar e arrastar e soltar e duplicar e arrastar e soltar. Então aqui, você pode querer mudar isso algo como e-mail, escrever e-mail. E então aqui, vamos colocar algo como, um, vamos ver o que devemos colocar. Qual é o que é o e-mail? Isso funciona? Hmm? Eu não sei. É perto. Eu sei. Eles não enviaram um e-mail. Vamos ver, bem aqui. Não, isso não funcionaria, certo? Eu não sei. Tudo bem, mas não é realmente o que estamos tentando alcançar. Então envie um e-mail ou eu ia num momento como este aqui, está bem? E aqui mesmo na parte inferior do vermelho. Nós provavelmente podemos colocar algo como, Você é nosso e-mail, sabe? E então aqui, vamos colocar algo como nossa localização, nosso endereço, e então vamos mudar. Isso é algo como, você. Encontrar um ícone de endereço, certo? Encontre um endereço ou como uma casa. Deveríamos achar uma casa. Acho que a casa vai funcionar. Vamos ver aqui. Está bem. E, em seguida, no fundo , é claro, vamos colocar o nosso endereço bem aqui. Vocês podem mudar essa cor para algo como, você sabe, escuro ou algo que talvez isso tenha como, um cinza, e é como uma cor mais escura. Só estou usando o vermelho para dois. Os caras do Tolbert que conheço parecem muito feios. Mas eu só estou tentando, tipo, você sabe, explicar. Você sabe o que ele faz. Então, sim, sim, vou em frente e mudar a seção aqui para, uh, eu uh, não sei, Los Angeles Road. A estrada Atlas Endless. Ok, então isso é basicamente essa seção caras que nós criamos bem aqui. Basicamente, uso tamanhos de fonte diferentes. E, hum, isso é basicamente tudo que eu realmente fiz foi apenas eu fiz o ícone um pouco menor, então aqui. Quero dizer, o ícone um pouco menor, mas não menos. Os rapazes são basicamente a mesma coisa. E aqui, eu só adicionei mais altura de linha, mas eu meio que gosto de começar um pouco melhor. Quero dizer, isso é um pouco mais hip, eu acho que você pode dizer OK, então nesta próxima seção bem aqui, nós vamos em frente e criar esta próxima seção. Então eu vou para mais novo regular, e eu vou adicionar neste aqui e simplesmente adicionar um chamado à ação e colocar algo como, hum, deixar a sua informação. E também, pessoal, sempre que você gosta deles assim. Certifique-se de que a primeira letra é sempre maiúscula. Só parece bom. E isso é exatamente o que todo mundo faz. Realmente. É só o jeito que as coisas são. E eu não escrevo as regras. Eu meio que jogo o jogo, sabe? Então vamos fazer a cor do imposto é escura, e aqui temos algo como, um, bem, voltar para você e para o design, talvez queira mudar. Isto é algo como a ferrovia, sabe, mantê-lo consistente. Tivemos um pouco maior. E também para os telefones corporais. Podemos adicionar algo como ferrovia. Acho que parece bom. Está bem. E na próxima seção, vamos fazer uma nova, ou podemos realmente colocá-la aqui. Isso realmente não importa. Podemos criar uma nova seção inteira para colocar um formulário de contato ou adicionado nesta seção. Então eu só ir para mais novo ir para este aqui e adicionar qualquer formulário de contato. Certo, então a conduta dos caras é um pouco diferente. Então aqui temos nome, endereço de e-mail, e você pode adicionar mais como aqui. Podemos adicionar algo como, uh ah, você sabe, o que você quiser aqui, como número de celular ou algo assim. Mas eu não vou realmente adicionar nada em extra. Aqui vou eu nomear Sofield. Eu representaria o seu nome bem ali. O título é o nome. Então o tipo é que você tem o campo de entrada, e-mail ou área de texto. Então, a área de texto é basicamente para áreas de entrada de uma mensagem para, tipo, um nome. Celular com sobrenome. O e-mail é o endereço de e-mail deles. Está bem. Agora, este é um campo obrigatório? Isso quer dizer? Eles têm que preencher a seção de nomes? É necessário? Você pode colocar sim ou você pode colocar. Agora, você quer fazer isso cheio com eso? O que isso faz é que isso torna essa seção específica cheia, e você pode tê-lo horrível com, você sabe. Você vai dizer não? Eu meio que gosto de como isso parece. Eu quero ir em frente e deixar isso padrão. Tudo bem? Agora, para os caras de design , é claro, a personalização é ilimitada. Podemos realmente mudar a cor de fundo para a seção. Vamos em frente e dizer, você sabe, para as fontes de campo eu quero mudar isso para ferrovia. Eu quero manter isso consistente com meus sites. Então ferroviário, você vê a diversão e não está agora mudando e a cor do texto do campo muda algo como CNBC branco. É branco, e podemos adicionar em uma próxima fronteira Ra. Mas, sabe, se você quiser adicionar outra borda, você pode adicionar algo como vermelho ou qualquer cor que você gostaria. Então é isso que a fronteira faz. Está bem. E, claro, você tem uma fronteira com a fronteira. Pode ser pontilhado, tracejado a borda. A fronteira tem um monte de estilos diferentes, mas é realmente feio com a forma de contato. Mas tenho certeza que há algumas razões para usá-lo, sabe? Sei que não há motivos para usá-lo. Ok? Então, outros caras, essa é basicamente a opção para cada um específico. Então eu estava revisando o e-mail, então eu tenho aqui, e nós temos informações. 25. Entre em contato com a página de cont..: agora e depois. O título aqui é o endereço de e-mail. Você pode colocá-los como, yo, e-mail aqui, ok? E esse tipo é o campo de e-mail. Então é aqui que eles vão entrar no endereço de e-mail, ok? E novamente desenhado. Mesma coisa. Vocês podem desenhar esta seção. Agora, se você quiser adicionar uma nova seção como, vamos apenas dizer que você quer adicionar algo, como o número de telefone sendo clicar em um novo item e nós ouvimos um telefone put e, em seguida, meu número de telefone e aqui, coloque-o campo de entrada. E, você sabe, isso é basicamente eu não faço essa tela cheia cuidadosa, e eu meio que quero mover isso para o telefone um pouco mais alto aqui. Você sabe, eu quero fazer isso, você sabe, um pouco mais limpo. Agora, nós podemos fazer isso cheio com caras que podemos dizer, olha, isso realmente não parece bom. Então vamos sair e dizer, olha, olha, eu quero ele horrível agora porque eu queria que todos combinassem um com o outro. Então, no telefone, eu vou fazer isso cheio com e no e-mail. Faça isso adiante também. Ok, então agora eu meio que, você sabe, parece meio legal. E você pode eu tipo de troca de projetos como esta seção. Você pode ter escuro. Por que escuro? Você sabe, adicionar, você sabe, sabor e decoração ao seu design. Sabe, você não quer ir embora. É padrão e chato. Certo, voltando para cá agora, capturar. Então, o que é uma captura? Captura é basicamente coisas que impedem spam. Então vocês, eu tenho toneladas de pessoas de spam como, hey, vocês querem comprar o meu Viagra? Ei, você quer comprar este, uh, uh, este computador ou Ei, você quer pegar o número um? Tudo bem. No Google ou seja lá o que for o que a captura impede. Impede bots automatizados. Então eu recomendo colocar o seu como você levá-lo embora, ele vai tirar a captura. Está bem. E e-mail. Então vá em frente e coloque seu e-mail sobre os caras. Se você tem perguntas, basta ir em frente e colocar como, você sabe, basta clicar sobre isso. Diz o que são quatro. Então, você sabe, vá em frente e coloque seu endereço de e-mail bem ali e o título do que você queria dizer . Tipo, você sabe, definir um contato. Um título para o formulário de contato. Então, você sabe, um, a equipe de debate. Então, aqui. Mas o formulário de contato tema Davy. Certo, padrão de mensagem. Vocês podem tipo, sabe, apenas adicionar sempre que quiserem. Além disso, vocês sempre podem ir até aqui e colocar isso aqui e determinar o que vocês querem bem ali. Então, vocês sabem, vocês podem ir ver isso e, você sabe, colocar isso. Mas geralmente eu só, você sabe, eu apenas deixaria em branco por padrão, sabe? Bem aqui. A não ser que saibas o que estás a fazer. Vou apenas deixá-lo em branco por padrão. Ok, pessoal. Então ele está indo para baixo aqui, tão habilitado. Direto. Você está bem. Ah, você sabe, eu não iria mexer com esse recurso. É um pouco mais avançado, mas isso basicamente irá permiti-los para uma garota diferente depois que eles preencherem seu formulário. Digamos que pensaram na sua forma. Para que página você deseja que eles acessem depois que preencherem seu formulário. Agora a mensagem de sucesso. O que você queria dizer? Então eu coloquei Sim, funciona. Vejo-te em breve. Assim que eles sentiram o formulário de contato, pessoal Onde você quer dizer sobre a mensagem de sucesso? Vai dizer, você sabe, o que você quiser, então eu coloquei Vejo você em breve, etc. E isso é basicamente o cara. Então este contato para a minha agenda, vamos para o meu e-mail e eu coloquei o formulário de contato ele e tudo é basicamente, você sabe, por padrão para o padrão de mensagem. Então ele vai direto para sua caixa de entrada, e funciona como um charme. É muito, muito fácil. Se você tiver problemas com isso, pode ser sua empresa de hospedagem. Então, primeiro contato, temas elegantes. Diga-lhes que os meus e-mails não estão a funcionar ou a cortar. Eles estão indo para os segundos de spam. Se eles dizem que é sua empresa de hospedagem, entre em contato com sua empresa de hospedagem e eles devem ser capazes de ajudá-lo ou descobrir qual é o problema. Ok, eu vou verificar, e é isso. Nós preenchemos o formulário de contato muito simples, muito fácil. Ok, então a seguir vamos em frente e adicionar na íntegra com um pouco mais cedo o mapa, quarto mapa. Então, na nova seção cheia com e ir para o mapa. E fizemos isso mais cedo. Pessoal, já estamos mais cedo, então vou fazer a mesma coisa, mas Hollywood, , nossa casa, nossa base. O que é isso? Coisa da Liga da Justiça? Frio. Sua base de operações. Eu esqueci. Tenho que procurar essa. Então aqui, coloque, como Hollywood. Veja um Ok, então eu encontrei. Agora vamos até aqui e colocar as nossas horas de operação das 9 às 5. Ok, então eu encontrei isso aqui, e então eu vou clicar em verificar. Certo, agora, aqui, precisamos centralizar o mapa. Então, onde você quer que o mapa seja centrado? Então eu vou dizer Hollywood, Califórnia, e encontrá-lo. E voilá. Então temos Hollywood, Califórnia. E se você clicar sobre isso aqui, nossa base, nosso horário de operação e isso é o formulário de contato e também caras. Então eles rolam sobre seu Este aqui mesmo desativa isso. Então agora eles não podem fazer isso, e eles podem simplesmente clicar nele. Pode colocar o seu endereço. Pode colocar o que quiser. OK, então é muito, muito mau. Eu sinto muito. Fácil, TIFs viável. Tem sal, Dragonball. Quando meu cérebro era como arrastar uma conta mais isso. Sim, nós estamos, então eu não sou gon check eyes e é basicamente isso. Pessoal, criamos um formulário de contato completo. Muito simples, muito fácil. Certo, então fiquem por aqui, pessoal. Não deixem esta seção editorial ainda porque vocês acham que estou farto. E eu fiz o site. Vamos falar muito mais sobre otimização móvel e outros recursos. Ok, então eu vou ver todos vocês nas próximas palestras. 26. Otimização em celular: Muito bem, pessoal, pessoal, bem-vindos de volta. Então aqui vamos falar tudo sobre otimização móvel e também alguns recursos adicionais que Devi tem para oferecer. Então, aqui mesmo, vou habilitar o construtor visual. E primeiro vamos falar sobre a otimização móvel. Então, pessoal, otimização móvel é extremamente importante porque a partir de 2017 seu braço ou usuários móveis do que há usuários de desktop. Então, você realmente quer ter certeza de que seu site está otimizado para dispositivos móveis. Então, clicando neste pequeno ícone roxo aqui, eu vou cozinhar neste ícone tablet bem aqui. Então é assim que nosso site se parece atualmente em um tablet. Então ele vai rolar para baixo e ver se há alguma mudança que precisamos fazer e o que podemos fazer para corrigi-lo. Então rolando para baixo seis. Isso parece bom, sabe? Mas aqui, , você sabe, eu não gosto do jeito que isso parece. E também o estofamento aqui também não é bom. Então eu quero basicamente mudar esta seção aqui. Então, há algumas maneiras de eu fazer isso, você sabe, um, primeiro, eu vou ir em frente e dizer, olha, eu quero, você sabe, mover este texto aqui para talvez o centro apenas para otimização móvel poderia neste ícone de engrenagem aqui e ir para o design. Agora, minha rolagem para baixo para o tamanho da fonte do cabeçalho. Então, se eu clicar no pequeno telefone aqui, você pode ver smartphone e tablet. Agora, apareça tão bem aqui no tablet. Você pode ajustar o tamanho disso. Agora, isto é só para os comprimidos. Vê isso agora no smartphone? Isto não parece muito bom aqui. Isso parece muito bagunçado. Então precisamos consertar isso aqui para que possamos fazer isso um pouco menor só para o telefone. E lá vai você. Parece um pouco mais limpo, certo? Alguns da verificação de armas bem aqui. Agora, também o estofamento bem aqui. O estofamento aqui não é bom. Então vamos em frente e tentar consertar isso aqui. Então eu vou para o ícone de engrenagem e eu sou um ir para projetar e rolar para baixo para o fundo e aqui mesmo nós temos o fundo. Depois vou clicar no telefone primeiro. O telefone vai basicamente controlar o que isto parece aqui. Então eu quero adicionar alguns tapinhas no fundo bem aqui. Algo como 40 pixels ou 80 pixels. Ok, então vocês podem ver que isso parece um pouco melhor para os comprimidos. Agora, vamos em frente e verificar o smartphone. O smartphone? Isso parece OK, certo? Temos acolchoamento bem ali. Não parece muito ruim. Tenho que descer agora. Por aqui. Talvez queiramos mudar esta seção aqui. Esta seção aqui parece um pouco estranha, sabe, não parece muito boa. E também, há problemas com tapinhas bem aqui. Então, aqui mesmo. Clique no telefone e vocês podem ver isso parece bom no telefone aqui mesmo. Mas talvez precisemos limpar isso no tablet. Então aqui vamos para este ícone de engrenagem e vamos para aqui para projetar e o tamanho da fonte do cabeçalho. Eu não gosto disso aqui, e eu vou reduzir isso para o smartphone. Simplesmente assim. Então agora vocês podem ver que parece um pouco mais limpo. Agora verifique o tablet no tablet. Isto parece muito bom. Isto parece bom. Ok, alguém vai clicar nisto agora, aqui. Vamos em frente e clicar neste pequeno ícone de engrenagem, Ambergris. Que isso para tablet. Ok, então vamos em frente e limpar esta seção aqui. Então temos esta ressecção de tapinhas bem aqui. Alguém clique neste ícone de engrenagem e nós vamos para o design. Vamos rolar para baixo, só continua crescendo. Vamos até o preenchimento da coluna 1. Agora, vamos clicar sobre isso, e vamos clicar no tablet. Então, aqui mesmo. Você sabe, nós precisávamos que nós precisássemos consertar isso aqui. Então, há tapinhas no fundo bem ali. Então eu vou adicionar zero tapinhas no fundo, ok? E, em seguida, também no topo. Na verdade, vou em frente e provavelmente remover tudo isso aqui. E para ver como isso parece aqui. Vamos em frente e deletar. Isso é OK. Está sendo um pouco estranho. Ok, então eu vou ir em frente e adicionar um pouco mais. Talvez 45. Ah, 47. 48º 49. Está bem. 50 é bom. 50. Parece bom. Está bem. Então vocês podem ver que eu tirei o tapinha de cima bem ali. E eu adicionei em 50 bem ali. Ok, então isso parece muito melhor do que o que fez antes. Logo antes. Parece uma porcaria. E foi muito bagunçado. Ok, então eu vou clicar em verificar e rolar para cima agora. Pessoal, parece muito mais limpo agora no tablet, algo clique no cofre. Agora ele só vai conferir outra página. Sabe, não faço ideia do que esperar. Vamos em frente e apenas x construtor individual, um nobre cabras para algo como, hum, guia Serviços. E vamos habilitar o construtor visual. E vamos ver como isso agora parece no dispositivo móvel aqui. Clique aqui e vá para primeiro. Vamos para o tablet. Isto parece bastante normal. Não, isso foi meio limpo. Vamos para o tablet. Está bem. Sabe, acho que não há muito o que mudar aqui. Então, sabe, eu acho que parece bom, e eu vou para o telefone, ok? E nós vamos rolar para cima bem aqui. E isso é basicamente como deveria parecer. Parece bem limpo. Sabe, poderíamos fazer isso um pouco menor se você quiser. Você sabe, nós podemos fazer isso apenas nós podemos fazê-lo em uma linha no ícone de engrenagem. Eu sou um ir para o design e eu quero mudar a fonte do cabeçalho ou o tamanho da fonte do título. Então, vamos clicar sobre isso e clicar no smartphone e podemos reduzir esse tamanho aqui. Isso parece um pouco mais limpo, certo? Então você precisa ir em frente, pessoal, e certifique-se de que seu site está totalmente otimizado para dispositivos móveis e clicando no telefone. Isso é exatamente como mudá-lo, porque se eu clicar em salvar aqui e eu voltar para algo como o computador bem aqui , você vai ver que a fonte de texto não mudou no Lee mudou para o celular dispositivo. Então, não vai gostar, você sabe, mudar todo o seu site. Está em Lee vai mudá-lo especificamente para dispositivos móveis. Ok, você quer ir em frente e realmente ter certeza de que isso parece que é suposto? Tudo parece muito, muito bom. Eu realmente não vejo nada nesta página que nós realmente precisamos mudar. Está bem. Então, pessoal, otimização móvel é muito importante e é assim que você basicamente, sabe, otimiza a partir do celular. Agora, se há uma seção que você não quer mostrar, digamos, por exemplo, ah, nesta página de contato, vamos até aqui. Eu não sou capaz desta bala visual bem aqui. Digamos que você não queira que esta seção apareça aqui. Então eu preciso fazer é cozinhar neste pequeno ícone roxo ou qualquer ícone, e você vai rolar para baixo e nós vamos até aqui e colocar desativar no telefone e tablets porque eu não quero que as pessoas no telefone ou no tablet vejam este módulo. Eu não quero que eles vejam isso. Então eu vou em frente e dizer, OK, é seguro. Então, com isso, o que eu fiz foi basicamente dizer, se você está no computador, você pode ver esta seção. Se você está em um telefone ou um tablet, você não pode ver esta seção, e eu vou com você. O dispositivo móvel aqui e isto parece muito bom. Ou o tablet. Isso parece muito bom e vocês podem ver agora que é meio cinza, e quando é ótimo assim, isso basicamente dizer que isso está desativado para o tablet ou qualquer dispositivo que você escolher para ir para o telefone agora, Mesma coisa. Veja como é ótimo lá fora. Então não está aparecendo em nenhum dispositivo móvel, certo? E estragando tudo aqui porque ele meio que parece bem. Podemos precisar reduzir o tamanho disso, mas, mas, você sabe, isso também é um estilo, você sabe, você pode dizer, Oh, esse é o estilo, Mas vamos apenas dizer que para Detroit representa, você quer mudá-lo, vai para o nosso ícone de engrenagem, ir para o design, e nós vamos encontrar o tamanho da fonte título clique no ícone do telefone pequeno e sob o smartphone, nós vamos reduzir isso. Agora, este parece, isto parece um pouco grande demais agora, também. Então, queremos ir em frente e talvez mudar essa seção também. As fontes de subtítulo no smartphone. Vou reduzir isso também. Então, ele vai ficar exatamente assim no dispositivo móvel. Ok, vocês vão precisar ir em frente e certificar-se de que isso é otimizado para dispositivos móveis. Se você não quer uma seção que mostre, você sabe, um, que você simplesmente não quer mostrar no telefone dos tablets. Certifique-se de desativá-lo porque, você sabe, algumas seções não são realmente necessárias para telefones, você sabe, talvez como um formulário de contato muito longo e complicado. Alguém pode não sentir isso no telefone. Eu realmente não sei, mas cabe a você decidir. Mas é isso para esta seção. Caras sobre otimização móvel. Você realmente quer ir através do site e certificar-se de que ele está otimizado. E também, se vocês quiserem ver mudanças anteriores que fizeram no passado, vocês podem clicar neste pequenoícone de telefone, ícone de telefone, e isso é realmente nós vamos carregá-lo para o que quer que seja. É como uma história como um dinheiro. Então, qualquer coisa que você fez, você poderia apenas voltar para dizer, eu quero voltar para esta seção ou esta seção. É como um lugar seguro. Certo, então sempre que você achar que está tendo problemas e quiser voltar atrás, basta ir ao seu histórico e verificar isso. Ok, então a próxima, na verdade , pessoal, vamos falar sobre uma série de outras palestras que incluí em outros sites, como otimização de vídeo para telefones, porque controles deslizantes de vídeo não são reproduzidos no dispositivo móvel, então mostrarei como corrigir isso na próxima seção. Então eu vou ver todos vocês lá. 27. Optiimzation em vídeo: Pessoal, é o Darryl. E hoje eu vou dar a vocês algumas dicas rápidas e truques com o novo tema “Divvy”. Três pontos. Então, agora, muitas pessoas estavam me perguntando sobre o controle deslizante de vídeo. Então, muitas pessoas gostam de ter essas grandes, belas aranhas de vídeo que se parecem com isso. Mas lembre-se, esses controles deslizantes de vídeo não serão reproduzidos em nenhum dispositivo IOS. É assim que a Apple tem. Então, se você tem um iPhone e você vai para este site, ele não vai se parecer com isso. Vai parecer um fundo cinzento, mas vou mostrar-lhe hoje como pode corrigir isso. Então, por exemplo, se alguém vier para um site em um computador, ele ficará assim. Agora queremos basicamente otimizá-lo para dispositivos móveis. Vou dar-te uma boa dica e truque para resolveres isto. Então a primeira coisa que você quer fazer é realmente apenas duplicar esta linha, então vamos duplicar esta seção inteira. Então agora temos que sliders de vídeo. Ok, agora, vamos para este pequeno ícone de engrenagem bem aqui, e eu vou clicar nisso e eu vou rolar para baixo e eu realmente vou desativar isso nos tablets e no telefone e clicar em verificar. Então agora esta seção de vídeo está sobre Lee tocando no, hum, no computador. Ele não vai jogar em nenhum telefone ou tablet, então as pessoas não vão ver esta seção se eles usam um dispositivo móvel. Porque você já foi para esses sites eram como Skype ou algo assim, onde você vai para ele no telefone e parece completamente diferente. Bem, isso é o que vamos fazer hoje. Então esta outra seção, nós realmente vamos matar este fundo de vídeo, e nós vamos adicionar em uma imagem de fundo ou uma cor. Então, clique no ícone de engrenagem. Nós vamos tirar o vídeo MP quatro, e, ah, em vez disso, em vez disso, podemos adicionar e talvez como uma cor de fundo em vez disso. E lembrem-se, vocês sempre podem testar isso usando o telefone. Basta ir visitar o site no seu telefone para ver se o dispositivo está responsivo para dispositivos móveis. Talvez eu queira esse fundo azul. Não, algo muito simples. Certo. Então agora eu vou rolar para baixo aqui, e eu estou realmente indo para desativar esta seção no PC exatamente assim. Então, agora esta seção só será reproduzida no, hum no telefone e no tablet, mas as pessoas com uma área de trabalho não poderão ver esta seção. Ok, parece que o fundo mudou um pouco, então vamos mudar um pouco mais escuro. Parece que sim. E, uh, sim, então eu vou clicar no X agora, apenas deixando vocês saberem a lógica por trás disso. Então lembre-se, esta seção será reproduzida no Lee no computador, e esta seção agora só será exibida no telefone e no tablet. Então é assim que você passa pelos controles deslizantes de vídeo. Porque muitas pessoas me enviam e-mails dizendo que o vídeo não mostra o que há de errado com o tema , pois não é o tema. É apenas a tecnologia para a Apple, infelizmente, não sai como vídeos cartas você jogou no telefone. Então é assim que vocês consertam os controles deslizantes de vídeo. Terei mais tutoriais na TV saindo na próxima semana. Eu vou ter um sobre modelos de texto, e depois disso vamos falar sobre, hum, hum, o CSS personalizado de imagem. Então eu vou chegar a isso. Mas isso é tudo queria mostrar a todos hoje. Então eu espero que isso tenha ajudado todos que usam esses grandes vídeos lutadores ir em frente e gostar e assinar este pidio. E verei vocês na próxima semana. Vejo-te mais tarde. 28. Módulos de texto com: Pessoal, é o Darryl. E hoje pode dar-vos uma dica rápida para o novo tema “Divvy”. Três pontos. Oh, e eu vou falar com vocês hoje sobre como otimizar o módulo de texto para usuários móveis. Agora, partir de 2014, há mais usuários móveis do que há usuários de desktop. Então, otimizar seu site para celular é muito importante agora, menos que você aquelas pessoas loucas na Starbucks que apenas tipo de sentar em laptops o dia todo e ver todos esses pacotes de açúcar. Mas a maioria de nós, você sabe, verificamos nossos telefones quando estamos no trabalho ou na casa de um amigo, etc. Então deixem-me dar-vos um exemplo do que estou a falar. Então eu vou rolar para baixo no meu site bem aqui, e eu tenho certeza que vocês viram isso, você sabe, como no seu site. Temos títulos como este. Então aqui temos nosso trabalho recente é incrível. Sabemos que quero mostrar agora como fica no dispositivo móvel. Ok, então eu estou rolando para baixo e parece que parece uma porcaria. Está tudo desordenado. Não parece bom. Então eu vou te mostrar hoje como consertar isso. Então primeiro eu vou voltar para minha área de trabalho, você e nós vamos para aquele módulo, certo? E lembre-se, você deve estar fazendo isso em cada texto de cabeçalho que você tem que introduzir, como uma nova seção. Então isso aqui introduz esta seção e você sabe, isso introduz seis seções, então eu vou mostrar-lhe como otimizá-lo para o celular e o tablet hoje. Então a primeira coisa que você quer fazer é ir até aqui e clicar no ícone de engrenagem e você quer encontrar seus textos? O meu branco do Texas. Então você não pode ver. É para eu saber que está bem ali. Mas você quer realmente mudar isso aqui para o título um, e você pode realmente projetar isso. Então, indo para o seu projeto. Agora é a fonte do cabeçalho e o texto do cabeçalho em vez de fonte Thea Text etcetera. Então, por exemplo, eu posso ir até aqui e mudar o tamanho. Então agora esta parte está controlando o texto do cabeçalho. Então, eu ia deixar isso em branco por enquanto. Leavitt, clique padrão na caixa de seleção, e agora eu vou ver como ele parece no dispositivo móvel. Tudo bem. Lá vai você. Por isso, está totalmente otimizado para o telefone. Agora verifique o tablet. Lá vai você. Então agora parece bom no tablet e é muito importante fazer isso para todas seções que você tem que introduzir, você sabe, uma nova seção porque alguém me perguntou. Eles estão dizendo que parece que tudo se juntou. E eu disse a ele que você não está usando o módulo correto, mas, hum, é por isso que eu queria mostrar a vocês hoje. Mas eu vou ter mais tutoriais saindo, como um tutorial e comércio David. Mas não até que eles tipo de correções de bugs e coisas assim. Há algumas coisas que estão um pouco erradas. Além disso, eu vou estar vendendo esses layouts D V que é escrito. Eu estou criando provavelmente quatro sites, você sabe, como sites pré-fabricados que você apenas importar exportação para o lado da Europa. É bem simples, então eu vou vender esses mais tarde, então certifique-se de gostar e assinar e verificar isso. Tirando isso, vocês têm outras perguntas sobre a TV ou qualquer coisa que queiram me dizer? Sinta-se livre para colocá-lo na seção de comentários e eu vou fazer o meu melhor para voltar para vocês então eu vou ver todos vocês mais tarde 29. Divi e carreiras e: Muito bem, pessoal, bem-vindos a esta palestra. Vamos falar sobre vender layouts e coisas assim. Então, sabe, ele ficou tão popular nos últimos anos? Há empresas que se dedicam exclusivamente à venda de layouts de divvy. Basicamente, o que essas empresas fazem é criar temas infantis ou criam layouts Devi e vendem em tempo integral. Você sabe, em vez de construir um site para um cliente você mesmo, você pode realmente ir em frente e dizer, você sabe o que? Eu só vou em frente e apenas comprá-lo. Que tema. Ou por um layout. Basta colocar em algum site por 100 dólares e cobrar o que eu quiser. Então, se você está interessado em tipo de como desenvolver seus próprios layouts para Davy, há um enorme mercado, pois há centenas de desenvolvedores que é apenas criar temas infantis e layouts apenas para sites. Então aqui temos esses layouts bem aqui. Agora, aqui mesmo. São todos de graça, mas estão pedindo doações. Então aqui e clique nos detalhes do show e eu a minha visão da demo. Então este site aqui foi criado com o tema divvy. E este é um layout que vocês podem comprar ou doar ou o que quiserem. Então, centenas de empresas caras realmente fizeram backup da TV, e eles estão tão confiantes que eles têm um negócio apenas na venda de layouts de TV. Porque, sejamos honestos, é o tema classificado número um. Então, se vocês estão interessados em Web design ou querem aprender sobre esse negócio, vocês podem basicamente criar seus próprios layouts, exportá-los e dizer: “ Ei, pessoal, pessoal, eu estou vendendo esses layouts. Você sabe o que? Vocês querem ir em frente e comprar esses layouts porque, ah, muitas pessoas lá fora estão vendendo eles. Quero dizer, olha para estes preços, como se eu estivesse vendendo estes por uns 15 dólares. Agora, estes são todos realmente altamente classificados, e estes incluem, como, você sabe, a casa, o sobre os serviços, a página de contato, e estes outros Os caras aqui estão fazendo exatamente a mesma coisa. Agora, em vez de construir um site para um cliente, vocês podem basicamente comprar um desses layouts do Davey ou até mesmo vender o seu para outras empresas. Então, eu só estou, você sabe, apresentando você aos mercados não está influenciando você a comprar nada. Só estou avisando que há um mercado para Davy Loud. Todas essas páginas que você vê aqui são layouts do Davey lá apenas sites que as pessoas apenas sentam e criam o dia todo e eles apenas criam layouts. E depois disso, lá, dizendo, tudo bem, você sabe, eu vou em frente e vender este layout, você sabe, e vamos ser honestos por 75 dólares, Isso é muito trabalho, você sabe, para alguém desenvolver um site inteiro para você e seus clientes ou quem quer que você conheça, o que você quiser, isso vai economizar muito tempo. E estes são rentáveis. Quero dizer, você está ficando bem aqui por US $35. Quero dizer, isso é imbatível. Também no meu site aqui, você tem um todo, você sabe, um site por 10 dólares, você sabe, e não é sobre você sabe, eu tentar te vender sobre isso. Só estou apresentando os mercados do que você pode criar. Bem aqui eu tenho esses sites, e isso é um layout. E a esta hora, estou vendendo por 10 a 15 dólares. Agora, eu não ganho tanto com isso porque, você sabe que eu não sou uma grande empresa ou qualquer coisa, mas ao invés de basicamente, você sabe, construir seu próprio site para um cliente quer uma fotografia site, você está melhor apenas comprando um layout de, você sabe, um desses fornecedores e, você sabe, basta colocar em alguns sites, e lá vai você. Agora, se vocês querem vender o seu próprio, vocês podem basicamente criar nossos próprios sites e fazer exatamente o mesmo esses caras estavam fazendo dizendo, se vocês querem vender o seu próprio, vocês podem basicamente criar nossos próprios sites e fazer exatamente o mesmoque esses caras estavam fazendo dizendo, , um layout aqui eu criei, É que eu quero vendê-lo. Sabe, é que eu quero vendê-lo por 50 dólares e, você sabe, talvez oferecer apoio por, tipo, 10 dólares por mês ou algo assim. Ou, você sabe, nós vamos dar-lhe a hospedagem ou instalá-lo para você, etc. Mas estou a tentar apresentar-vos as ideias de que existe um mercado muito grande para o Davy. Você tem uma Web semelhante aqui? Semelhante Web, e nós conferimos temas elegantes, que é a empresa que promove Debbie. Esses caras recebem um monte de caras de trânsito. Então esta é uma empresa muito, muito bem classificada. Quero dizer, eles recebem 5,2 milhões de visitas todos os meses. E se você vai a sites como equipe, se eu ou algo assim onde você é como outras empresas, você não vai conseguir isso. Sabe, você não vai conseguir a comunidade também. Então, hum, se eu parece que não está nem avaliado, você sabe, e tem um ranking muito, muito ruim. Então, os outros caras das empresas não estão à altura da Debbie e da comunidade por trás da TV. Você pode ir em frente e só, você sabe, há páginas do Facebook. Há grupos. Há todo tipo de coisas muito legais para o tema Davy. E você sabe, eles têm parceiros. Eles têm empresas. As pessoas criam plugins especiais apenas para divvy, porque é tão popular. E é um tema tão incrível que as empresas lá fora fazendo backup. Agora, uma empresa com a qual eu realmente sócio é C. D B fez o ponto com web design. Agora esses caras realmente têm um plug muito legal, e eu vou preenchê-lo para esses caras, e eu não vou promovido a vocês. Mas se você vai gostar de sua loja aqui mesmo eles têm plugins como plugins legais estendidos que dão novos recursos apenas para Davey. Então o tema divvy tem uma enorme comunidade por trás disso. Não é só uma empresa que vende um tema. São centenas de empresas construindo negócios em torno de Davie porque é tão incrível, certo? E é que é ilimitado. Você pode criar plugins, layouts de todo tipo de coisas para esta equipe, e você tem um público tão grande que as pessoas lá fora estão dispostas a comprá-lo. Eles estão dispostos a olhar para ele dizendo, Oh, você fez uma tomada para Devi. O que é que ele faz? E há toneladas de páginas do Facebook, pessoal, se você apenas ir para o Facebook apenas digitando como temas da Debbie, há como cinco ou seis grupos com, tipo, 30 ou 40 mil pessoas que apenas falam sobre Devi tema. Você vai em vermelho, você vai em qualquer um desses sites, eles vão falar tudo sobre o tema da Debbie, então eu estou apenas apresentando você para o layout pré-fabricado e o potencial e o apoio que você tem com a comunidade, porque sejamos honestos. Se você vai comprar um tema, você quer o melhor dos melhores e nenhum outro tema na Internet faz isso? Nenhum outro tema tem empresas que vendem layout, plugins, todas essas outras coisas Nenhuma outra empresa faz. Esse Davey é o único que faz isso porque é um produto incrível. E todo mundo diz: Não estou usando mais nada.” Vou usar a Debbie. Por que eu compraria outro tema quando posso criar tudo com divvy? Ok, então eu estou apenas apresentando vocês para os mercados e, você sabe, você sabe, ajudando vocês a entender o tema Devi, e é um potencial de tolos. Agora também, pessoal, lembrem-se, eu tenho layouts grátis aqui. Então vocês querem brincar com isso, sabe, e se divertir, sabe? E, você sabe, obter um layout grátis para, tipo, uma igreja ou, você sabe, um restaurante ou Jim ou uma loja. Sabe, está aqui. Ok. Então eu realmente quero ajudar vocês, sabe, desenvolver suas habilidades e se você quer se tornar web designers, você sabe, esse é o seu caminho. Vá em frente e pegue o seu ou você quer se tornar, Você sabe, apenas um simples proprietário de negócios querendo um site simples. Aqui temos um layout gratuito para pequenas empresas de cinco sites de páginas que você simplesmente carrega. E depois de aprender a usar o divvy, você pode personalizá-lo para o que quiser. Você sabe, você não tem que seguir exatamente o mesmo cara modelo. Então eu só estou tentando ajudá-lo a entender o potencial por trás da Debbie e todos esses layouts legais na comunidade e o apoio que você tem com Devi. Certo, então é só isso. Pessoal, para esta seção. Vejo vocês nas minhas seções finais. Te vejo lá. 30. O final :): Tudo bem, pessoal. Bem, parabéns. Vocês chegaram até os fins? Agora? Desejo-vos o melhor com , WordPress,temas elegantes e TV e tudo o que vocês fazem. Sabe, eu entendo isso. Que design é muito difícil, você sabe, não é fácil. Como se você só visse um site. Não é fácil criar um, sabe, pensar em coisas para tornar seu talento. E é um monte de trabalho duro. E à medida que fizerem isto, fizerem isto, vão ficar frustrados. Você vai ser tipo, cara, você sabe, isso é difícil. Você sabe? Eu vou me demitir. Vocês sejam consistentes com isso, e eu garanto. Sabe, no final do encontro, você vai fazer sites. Se você quer apenas iniciar um negócio de web design ou você é um proprietário de um site, você só quer fazer um para sua pequena empresa. Espero que esta história tenha ajudado vocês. Tentei cobrir o máximo que pude. Eu tenho outros um Toral. Se vocês estavam interessados nisso em relação à TV e outros módulos também. Mas, vocês sabem, eu só desejo a vocês a melhor sorte. E agradeço sinceramente a vocês por fazerem o meu curso. E eu espero que isso realmente ajude vocês. Então, vejo vocês. E outra lição. Ou talvez nos vejamos na rua ou algo assim. Vejo vocês mais tarde em boa sorte.