Criar e projetar um site profissional para WordPress - Elementor: modelos e personalizações | Parte 6

1. Design: comece uma página - Edição de Template: Muito bem, meus amigos, nesta palestra, vamos começar a editar e desenhar a nossa página inicial. Agora, como sabemos o início aqui, página vai ser muito importante porque vai ser uma parte do nosso funil. Em outras palavras, temos nossa página inicial. O que? Nós configuramos o botão Saiba mais. Vamos levá-los para o início aqui, página onde vamos aquecê-los para quem somos, o que fazemos, o que temos a oferecer, etc, etc. Então, sem mais delongas, vamos começar. Então nós vamos começar no backend para o site, e nós vamos mover sobre duas páginas e, em seguida, todas as páginas e, em seguida, na parte inferior aqui nós temos o início aqui, página. Eu só vou ir em frente e clicar lá, e então eu vou ir em frente e clicar em editar com er elemental. Então, aqui estamos nós. E aqui está todo o nosso trabalho duro que fizemos antes. Agora, isso vai partir meu coração, pelo menos, mas eu vou apenas clicar isso de distância. Poof! Ele se foi. Perdido para sempre, pois não precisamos dele. Agora. O interessante é que quando você transforma qualquer página para começar a editar com L. Um mentor, todos eles são colocados na mesma seção dois também torna muito fácil de remover. Agora, nesta palestra, vamos começar a trabalhar um pouco com modelos, certo? Então eu vou mostrar a vocês como podemos fazer uma página inicial realmente agradável usando modelos e , em seguida, adicionando algumas funções mawr e a ciência do que aprendemos anteriormente. Então eu vou apenas ir em frente e clicar neste botão aqui, e então eu vou imediatamente chegar aos modelos de páginas. Agora, temos modelos de blocos diferentes também. Mas por enquanto, vou começar com os modelos de páginas. E há um monte de modelos diferentes aqui. Agora você vai notar que alguns deles tem que pro logo aqui em cima. Obviamente, isso significa que você precisa ter a versão pro do elementary para usá-los. Mas outros que não o fazem, podemos ir em frente e usá-los. E há em serrado fora modelos diferentes. Quero dizer, há tantos modelos diferentes agora, eu só vou ir em frente e usar este aqui que até diz página de negócios home page aqui, o que eu acho muito legal. Poderíamos procurar negócios se fosse assim. Então eu vou clicar no cuidado e verificar. E acho que está muito bonito. Vou clicar na inserção e depois sim. Então eles estavam indo. Agora, aqui temos nosso novo site, ou melhor, um novo começo aqui Página. Agora, se descermos, podemos ver que entramos em algumas coisas de graça. Temos neste design agradável com as duas colunas. Uma foto, temos o cabeçalho. Temos algumas tomadas. Temos um bumts em rolagem para baixo. Nós temos esses afetos agradáveis. Temos essa parte também. Um bom contador aqui, rolando para baixo, e então temos algumas informações sobre nossa equipe. Agora vou começar do topo, e depois vamos trabalhar o nosso caminho para baixo. Certo? Então a primeira coisa que eu vou fazer é realmente ir em frente e remover este botão. Vou clicar com o botão direito e clicar em excluir porque eu não quero usar um botão aqui. Usamos um botão na página inicial, a fim de obter as pessoas para começar aqui, página. Mas queremos que as pessoas estejam rolando para baixo nesta página porque vamos apresentar o que fazemos e colocar um bom conteúdo em mãos. Então coloque-o na nossa lista de e-mails. Ok, então o que, nós vamos em frente e fazer agora é começar a editar este texto aqui mesmo. Pelo bem da simplicidade, vou manter esta imagem porque acho que está muito bonita. Se você não gosta, você pode, é claro, basta ir para escolher Sabei, financiar outra foto, clicar sobre esta, clicar aqui e inserir essa imagem que você gostaria Super fácil. Agora, eu não sou um gênio criativo. Eu fiz alguma preparação com um pedaço de texto aqui que eu vou estar usando diferentes partes fora e vamos ver como em que partes eu vou estar usando como vamos o Sinus decentemente intuitivo. Fiz alguns preparativos. Vai ser um monte de design intuitivo à medida que avançamos. Então o que eu vou seguir em frente e fazer é realmente copiar este texto aqui, porque eu vou querer usá-lo. Eles iriam copiar e eu vou voltar e então eu vou mudar este título aqui. O cabeçalho e eu vou escrever O futuro está online, então eu vou estar falando sobre como o futuro vai ser sobre construir seu negócio on-line e fazer seu marketing on-line. Mesmo que tenhamos uma empresa local, você ainda quer ser visto online não apenas localmente, mas também globalmente para construir sua marca, mesmo que seja local. Então eles foram atrás. O futuro está online. Estou gostando disso. Vou mudar um pouco o estilo. Eu vou entrar aqui. Primeiro, vou aumentar o tamanho um pouco mais assim. Na verdade, quero torná-lo um pouco mais ousado. Lá vamos nós, gostando daquele grande momento. Então eu vou entrar aqui, remover esse texto assim, e então eu vou colar no que eu acabei de copiar. Colando. Certo, então lá vamos nós. Acho que está parecendo muito bom, mas eu também quero aumentar o tamanho disso. Vou passar para a tipografia de estilo e depois começar a brincar um pouco com este gelo. Lá vamos nós. Algo assim. Não acho que isto seja tão fácil de ler. Então eu vou em frente e fazer alguns parágrafos diferentes e fazer parágrafos é muito fácil . Agora eu vou fazer é encontrar onde eu quero os parágrafos. tempo de negociação por dinheiro está desatualizado. Mais de três bilhões de pessoas estão usando a Internet e procurando soluções para seus problemas. Ofereça a solução e você tem um negócio. Talvez eu queira fazer algo assim, certo? Talvez eu queira fazer algo assim, Tempo de treino do honesto e ultrapassado Bubba Blam! Ofereça a solução e você tem um negócio. Então isso pode ser um parágrafo e apenas saltar essa parte para baixo assim, chegar a um monte de pessoas, e você tem um grande negócio. Se você está começando do zero, você está procurando expandir. Nós temos você coberto. Estou gostando disso. Vou largar isso agora. Talvez até queira fazer assim. Largue essa e depois vou reconectar essas há pouco. Então nós temos três parágrafos diferentes aqui, e eu acho que isso parece muito bom, na verdade, e eu vou diminuir ligeiramente o tamanho dessa imagem. Eu vou para lá e eu posso brincar com o com isso Ok, nós temos o completo tendo apenas vai torná-lo cada vez mais pequeno. Lá vamos nós. Algo assim. Isso é microgestão. Mas ainda assim agrada este meu olho. Então o futuro está online, e então nós temos o cabeçalho aqui, o que eu acho que parece muito bom. Temos o texto acontecendo aqui, então vamos conferir a prévia. Então é assim que parece agora, Os futuros on-line que temos, o Texano, você pode ver o acima da seção completa. Para mim, é muito bonito. Estou gostando disso agora como um pergaminho para baixo notou que nossos homens, você simplesmente sai direto para o abismo ou algo assim. Espaço exterior. Agora, isso é apenas um bug no modo de visualização. Não vai ser assim quando guardarmos tudo num site. Então não se preocupe. Então, estou gostando dessa parte. Estou muito feliz com a seção acima da dobra agora. Veja como isso foi fácil, pelo caminho fora do curso é fácil porque eu preparei algum texto. Mas graças aos modelos, a edição é muito rápida e agradável. Agora eles fizeram algo muito bom e notaram que temos quatro partes diferentes acontecendo. E se eu passar o mouse assim, eles ficam com esse efeito azul pairando. Agora, se você quiser fazer algo assim sozinho ou adicionar em seus próprios ícones tudo o que você precisa fazer, vamos passar e rolar para baixo até a caixa I come. Se você colocar sua caixa de “Eu venho” aqui, você vai ser capaz de escolher seu próprio ícone aqui. Então vamos usar uma estrela. É um exemplo como esse, e tudo o que você precisa fazer para obter o tipo de efeito maravilhoso que eles têm é ir para o estilo, ir para estilo, o pairar e, em seguida, escolher uma cor para isso. Então vamos com algum tipo de azul como se estivessem usando neve. Se eu passar o mouse, teremos o mesmo azul que eles também estão usando. Então é uma coisa muito fácil de fazer se você não está feliz com os logotipos atuais acontecendo aqui, e eu vou deletar esse agora, Curiosamente, eu estou realmente feliz com isso, então eu estou vai ficar com eles, e eu vou adicionar mais alguns técnicos que eu tenho, então aqui estamos. Estamos mostrando o que estamos oferecendo com nossos cursos. Certo? Primeiro, são cursos práticos. Mãos no ensino. Vou copiar isso. E finalmente, chega. Na verdade, temos uma mão aqui, e então temos esse crescimento. Então eu acho que isso é tão maravilhosamente simbólico, você não acha So Some? Estou amando essa parte. Haverá curso prático de mãos no ensino para resultados do mundo real. Vou fazer o mesmo por este. Vou cozinhar com isso aqui, e eu vou colá-lo. Então, eu vou continuar e fazer isso por esses também. Tudo bem, então eles vão agora. Eu copiei colado todos eles aqui temos os cursos práticos,suporte premium ilimitado, suporte premium ilimitado acesso ilimitado a todas as atualizações futuras e 30 dias dinheiro de volta garantia. Agora, a parte importante do design aqui é que estamos usando para subir para o texto. Então vamos em frente e visualizar as mudanças e certifique-se de que está realmente olhando assim na tela aqui também. Então vamos rolar para baixo. Agora podemos ver que ainda há alguns. Há apenas uma estrada fora das texturas que teremos que adicionar em algum texto para manter o design. Caso contrário, vemos que este afunda um pouco. Mas queríamos subir o ritmo. Estamos ficando bom mesmo remar acontecendo. Então vamos em frente e adicionar algum texto aqui. Tudo bem? Então eu acabei de adicionar um pedaço de texto aqui eu apenas adicionei neste pequeno traço longo e então escrevi para sempre, e como você pode ver, isso coloca-o em linha com o pulso. Estou realmente curtindo isso e estou amando. Este é o efeito que temos com o modelo também. Então vamos seguir em frente. Agora. Temos soluções digitais. Aumente o seu sucesso, certo? Estou gostando muito disso. Mas eu vou escrever algo diferente, e eu vou ir em frente e editar isso, que impulsionou o seu sucesso. E eu vou mudar isso de iniciante para especialista assim. E eu estou realmente gostando das soluções digitais que realmente temos de graça aqui também. Agora eu poderia estar escrevendo cursos digitais fora do curso, qualquer coisa. Mas eu realmente gosto das soluções digitais porque o que estamos oferecendo nossas soluções para problemas, certo? Tal como estávamos a apontar neste texto. Então eu realmente estou pensando que eu vou mudar este texto também. Vou roubar uma parte das tomadas que tenho escrito aqui. Um pequeno modelo. Vamos adicionar. Isto está bem, só vou copiar isto. E eu vou remover isso e colado. Então, não estou cavando a vista agora. Vou passar para a tipografia de estilo, e vou aumentar o tamanho assim. Lá vamos nós. Agora. Estou mesmo a gostar disto, para ser honesto. Então, soluções digitais de iniciante a especialista Se você estiver interessado em aprender marketing digital Amazon, FB ou Shopify Drop Shipping estavam ao seu serviço muito, muito agradáveis. Estou super feliz com isso. Agora, eu não vou cavar este botão. E eu também não estou cavando a cabeça de cor porque realmente não é apropriado com o tema do colarinho que temos usado. Não parece muito ruim. Na verdade, é bom. Grady int Se você não sabe o que é um Grady int, eu vou te mostrar isso agora mesmo. Então, o que podemos fazer para mudar o plano de fundo? Hayes, vá para a seção de edição aqui em cima movido para estilo e então você pode ver que em vez de usar o clássico, que temos usado durante praticamente todo o design, eles estão usando ingrediente radiante o que significa que eles estão usando duas cores. Eles estão se desvanecendo um no outro, e eu meio que cavando, mas não funciona com o nosso tema. Então o que eu vou seguir em frente e fazer é realmente mover para cima aqui e mover para o menu cores padrão e acento e pegar este código hexadecimal para vermelho que temos usado há algum tempo já. E então eu vou clicar aqui e voltar a editar a seção. E então vamos começar a brincar um pouco com as cores. Então, em vez de ter este rosa, eu vou ver como é se eu adicionar nesta cor, nós temos este tipo de cor avermelhada agradável indo em vez disso, que, que, na verdade, eu estou cavando isso. Acho que está muito bonito. Então acho que vou ficar com isso agora. Poderíamos estar brincando com as outras cores. Bem, nós temos o azul acontecendo aqui agora. Poderíamos estar decidindo o destino desaparecer. Na verdade, isso está muito bonito, não tão agressivo. Eles iriam. E também podemos decidir o local fora do desbotamento. Notei que há esta linha acontecendo aqui. Se eu colocar para 100 a linha vai cobrir tudo. Se eu baixá-lo, eu vou decidir por quanto tempo ele vai ficar assim. E também o local Significado Quanto tempo vai desaparecer? Temos a linha por quanto tempo vai demorar? Desvanecendo. Ok, eu só vou puxá-lo para trás um pouco, e eu vou de um lugar muito longe porque eu gosto desse tipo de olhar, então eu realmente gosto disso. Acho que isto acabou muito bom. Então vamos continuar e ficar com isso, checar as prévias e ver o que acabamos de conseguir. Então vamos rolar para baixo. Então nós temos esse tipo de caixa acontecendo, e eu estou cavando isso agora com um monte desse tempo, nós realmente estamos saindo para as bordas, e eu realmente gosto disso. Mas também gosto muito deste design, deste tipo de design de caixa. Agora o que eu vou fazer é mudar o botão porque eu queria ir mais de mãos dadas com o nosso tema vermelho, certo? Então eu vou apenas clicar com o botão direito aqui e clicar em excluir. Então eu vou me mudar para aqui para os elementos, ir e pegar o fundo, e eu vou colocá-lo para baixo assim. Vamos colocá-lo em tamanho médio. Vou centralizá-lo e depois vamos ler o take. Se você está interessado em aprender a usar o mercado, a Amazon, estamos ao seu serviço, por isso seria apropriado escrever. Saiba mais Aqui, por exemplo, eu vou passar para o estilo, e então eu vou para a tipografia, e eu quero transformá-los em letras maiúsculas. Lá vamos nós, e eu também quero acrescentar algum tipo de efeito sobre eles. Então vamos voltar ao estilo e vamos pairar. E então vamos para a animação e crescer. É uma das minhas animações favoritas como esta. E, em seguida, vamos também adicionar na mudança de satélite fora de cor quando passarmos o mouse. Então eu vou usar a cor de fundo. Vou colar no nosso vermelho assim e podemos ver que vou iluminar um pouco. Lá vamos nós. E você pode ver que ele fica sempre tão leve. Destino quando eu passar o mouse sobre, o que eu acho que parece muito bom. Gostei muito disso. Estou amando essa parte. Vou ficar com isto. Vamos acertar a pré-visualização e ver como é. Rolando para baixo. Certo, estou gostando muito disso. Acho que parece super legal. Saiba mais soluções usuais de iniciante para especialista algumas polegadas e aprendeu seu navio de remarketing Se eu estivesse ao seu serviço, Isso é realmente bom. Ok, então uma coisa eu notei um par O futuro está online amando este texto, mas eu quero transformá-lo em letras maiúsculas. E eu acho que isso é tão bom para você acompanhar aqui também, porque quando eu estou projetando, eu geralmente gosto de tirar algumas horas com a senhorita. Eu faria alguma coisa. Então eu volto e faço algo mais do que voltar. E é exatamente a maneira que eu projetei, pelo menos então eu vou clicar aqui, e então eu vou para a tipografia, e então eu vou mudar para transformar e ir para maiúsculas assim. Agora podemos ver que pulou para Rose. Mas isso não significa que ele realmente salte para duas linhas na visualização. E infelizmente faz. Só vou minimizar isso um pouco. Vou mudar-me para cá e ir para a topografia, e o tamanho é um pouco assim. E vamos verificar a pré-visualização mais uma vez. Está bem? Então parece muito melhor. Estou cavando isso e realmente apreciar as letras maiúsculas rolando para baixo. Nós temos essa parte que eu também estou realmente cavando, e então nós vamos mudar esses agora por aqui. Esta é uma espécie de contador, e podemos decidir tanto o que vai dizer como também o que vai contar até. Então eu vou começar com os temas aqui agora para os temas que eu poderia querer escrever algo como cursos. Certo. E agora temos 21 cursos atualmente, então eu vou aumentar isso para 21 aqui diz, usuários, usuários, Agora nós estamos realmente indo para mudar esses dois alunos, e então nós temos a quantidade de alunos e eu acredito que é 14.301 o que é absolutamente , insanamente incrível. Então, muito obrigado por isso. Sou muito grato por isso. E eu prometo a você, Jesper é tão grato quanto. Então vamos mantê-lo assim. E então nós também agimos, instala. E para isso poderíamos escrever, por exemplo, comentários. Vou escrever as críticas e depois o número final que vamos escrever. Eu acredito que é 4556 agora, algo assim. Tantas críticas isso. Eu acho que é tão incrível. Então eles estavam indo. Agora, se eu clicar nas alterações de pré-visualização, vamos dar uma olhada em como ele está agora. Vamos rolar para baixo e então podemos ver conselho para 21 cursos, 40.301 alunos e 4556 comentários. Agora, isso é incrível. Estes são números incríveis, e eu estou amando isso e então nós temos a nossa seção de equipe. Agora, eu não estou realmente cavando as seções da nossa equipe. Eu realmente vou ir em frente e remover esta seção. E agora o que vamos fazer é garantir que tudo aqui fique bem . Estou gostando disso. Estou gostando desses agora. Na verdade, vou mudar o Grady e um pouco aqui. Vamos voltar um pouco para lá. Então eu queria ser menos vermelho. Lá vamos nós. Algo assim. Ok, então eu estou gostando muito mais disso. É muito menos invasivo. Ennis não é tão poderoso porque o resto do projeto vai ser muito poderoso. Então estou gostando disso. Ok, então o que nós fizemos agora é que nós editamos todas as coisas que vieram com o modelo agora, o que nós vamos seguir em frente e fazer a próxima palestra é usado para habilidades que nós aprendemos anteriormente e começar a adicionar material extra aqui, como adicionar em nossos próprios cabeçalhos, adicionar em nosso próprio conteúdo, para ser exibindo do que colocá-lo, mas filhos, etc. Mas você sempre terá que se lembrar quando fizer o projeto ou duas coisas. Lembre-se de continuar economizando agora, se isso IHS salvar s um rascunho ou atualizar o que você tem essa coisa super importante para lembrar. A segunda coisa é que quando você está colocando coisas como botões como este, lembre-se de clicar nesses botões, ir para o conteúdo e realmente vinculá-los. Não podemos ter botões que não sirvam de nada. Certo? Então, para mim, seria uma coisa perfeita aqui estar ligando para nossa seção de cursos. Então eu apenas clique com o botão direito aqui e, em seguida, clique em desacoplamento entrar aqui, remover este sinal, e eu iria colá-lo dentro. E agora vai ligar a lá dentro. Lá se vai lembrar dessas duas coisas. Continue salvando e sempre vincular todos os seus botões e material é assim que os caras vendo a próxima palestra para a parte dois. 2. Design: comece uma página de aqui - Como adicionar conteúdo: Muito bem, pessoal, pessoal, bem-vindos de volta. Agora vamos continuar com o design. Então é isso que temos atualmente. Temos a nossa manchete. Temos o nosso texto, temos esta imagem. E então nós estamos tendo esses ícones agradáveis com o que estamos oferecendo o que eles estão recebendo dos cursos. E também temos essas resoluções de iniciante a especialista, onde eles podem aprender mais do que descida. Dois cursos e também esta parte. Agora, estou gostando muito desta caixa. Sinal D. No entanto, para a próxima personalização é o que vamos em frente e fazer é realmente mudou toda a página para um mais cheio com design. Porque eu vou ser uma oferta de algum conteúdo e também escrever sobre o verão para cursos . A 1ª 1 é a Shopify. E eu vou querer a frente de chamadas da Shopify contra sua função agora. Neste momento, isso não é possível porque estamos tendo o padrão. Olhe para a dobra, WordPress. Olha, e eu vou precisar de um olhar completo para isso. Então o que eu vou seguir em frente e fazer é mudar para exibir esta página inteira, e tudo que eu preciso fazer é mover para definir as coisas aqui e então eu vou ir em frente e clicar no layout da página e mudá-lo para Elemental cheio com agora. Se eu quiser manter o conteúdo da caixa, podemos usar margens e colocá-lo de volta. É super simples de fazer, mas eu estou indo para ir com o elemental cheio com e verificar como o conteúdo parece. E se eu gostar, vou mantê-lo assim. Tudo bem, então vamos rolar para baixo. O que podemos ver é que isto desapareceu da minha caixa. Olhe para um completo com olhar fora do curso, porque tudo vai ser afetado. Agora estou gostando disso. Acho que isto tem uma boa aparência. E porque eu amo este muito, muito mais. E eu acho que ter esta caixa e ter esta cheia vai ser um design ruim . Nós vamos com o completo com olhar todo o caminho através. Ok, então vamos ficar com isso para que possamos continuar a assinar com o completo agora. Devo mudar isso e voltar para os livros? Tudo o que eu precisaria fazer é editar esta seção, ir para avançar e, em seguida, trabalhar com os pads ings. E eu poderia trabalhar algumas com as margens também. Então nós poderíamos realmente estar encaixotando isso mais uma vez. Mas não vamos fazer isso porque estou amando tanto este balcão. Mas não posso ter o contador cheio dentro desta caixa, porque isso vai parecer terrível. Então, pessoal, é aqui que começamos a usar nossas novas habilidades, certo? E adicionando em nosso próprio conteúdo. Então o que eu vou em frente e fazer é ir para os elementos. Vou escolher um dos títulos e puxá-lo para baixo aqui, está bem? E então eu vou entrar aqui, e eu vou montar o Master Shopify entrega de entrega porque é disso que isso vai ser sobre. Eu vou fazer esta seção aqui, e eu vou estar oferecendo algum conteúdo e suco, realmente atraindo-os com o que temos para oferecer e mostrando a eles o que temos para oferecer. Então eu vou escrever um navio mestre se eu deixar o transporte assim, Ok, Ok, eu vou centralizá-lo movido para estilo e tipografia, e eu vou estar aumentando seu tamanho. Ok, eu acho que este aqui está realmente muito bonito. Lá vamos nós. Agora, a próxima coisa que vou querer fazer é passar para avançado. Vou colocar um estofamento por aí. Vamos usar um clássico 70 estofamento é muito clássico. Parece muito bom. Simplesmente assim. Ok. Então, como vamos fazer isso sobre um envio de entrega da Shopify, a Shopify tem determinada cor. Então, o que eu vou seguir em frente e fazer é realmente tornar a cor de fundo na cor da Shopify , e isso é muito fácil de fazer. Agora, tudo o que eu preciso fazer é estar na edição da seção aqui, ir para o estilo. E agora, normal. Vou ao fundo clássico. Lembre-se, nós estávamos trabalhando com ingredientes antes. Vou usar o clássico e depois vou mudar a cor. Então, para saber sobre a cor da Shopify, tudo o que precisamos fazer é abrir uma nova guia e, em seguida, vamos escrever na Shopify hex color e isso vai aparecer no topo assim. Eu vou apenas ir em frente e copiar isso assim e eu fechar esta conta, voltar aqui e eu vou colá-lo em apenas assim. Vou precisar da hashtag S. Bem, lá vamos nós. Então agora estamos recebendo esta bela, bela cor verde como aquela. Então é assim tão simples. Sempre que você está procurando uma certa cor hexadecimal porque você quer fazer alguma outra empresa, por exemplo, talvez você esteja fazendo seus próprios cursos. Ou talvez esteja oferecendo certos serviços. Você está sendo uma empresa filha? Seja qual for. Você pode apenas pesquisar o nome e, em seguida, a cor hexadecimal, e a maior parte do tempo aparecerá. Então lá vamos nós. Estou muito feliz com este. Agora o que? Eu vou ir em frente e fazê-lo começar adicionando algum conteúdo aqui em baixo na primeira parte do conteúdo que eu vou querer adicionar é na imagem. Então, a fim de não confundir as cores de fundo, eu vou realmente ir em frente e arrastar esta imagem e colocá-la aqui, certo? Não vou colocá-lo lá embaixo. Se eu esperasse, eu teria arrastado para baixo aqui, mas eu não coloquei em sua própria seção, a fim de manter essa cor e então nós podemos manter um fundo branco para a imagem e eu vou te mostrar o porquê agora. Então vamos fazer é clicar aqui e ir para escolher imagem. E também caras, Eu fiz alguma preparação que eu carrego um par de imagens que eu sei que eu quero usar para salvar tudo às vezes caso contrário será ele por um longo, longo, longo tempo. Então, eu vou passar para o 1º 1 com seu modelo de negócio de entrega da Shopify. Vou clicar na inserção. Então lá vamos nós. E você provavelmente já pode dizer que eu estou focando em um tema de cores bem aqui. Agora estamos usando os chamadores da Shopify aqui. Também estamos usando um monte de branco na imagem em si e também preto. E isso é o que estamos fazendo aqui, também. Agora, a seção anterior estava perto de branco, um pouco acinzentado que pega seu cabelo preto. E então estamos usando as cores da Shopify no plano de fundo. Então isso eu estou cavando. Estou cavando uma cidade grande. Vamos verificar na visualização e eu vou rolar para baixo e então podemos ver aqui temos o envio de entrega da Master Shopify e, em seguida, temos essa seção aparecendo então eu acho que isso parece muito bom e muito sólido. Estou feliz com isso. Ok, então o que eu vou continuar fazendo agora é adicionar um pouco mais de material. Agora, para que isso não pareça tão dólar olhar tão chato. Em vez disso, vou mudar as coisas um pouco. Eu vou clicar neste botão, e eu vou fazer duas colunas porque agora eu vou passar para os elementos e usar um título para a esquerda. E vou usar uma imagem à direita. E basicamente, o que eu vou fazer é me mostrar. Oferecer algum tipo de conteúdo para o escritor e fazer uma descrição para a esquerda. Muito curto, Muito direto ao ponto, não consumir o tempo de ninguém, apenas mostrando o que somos e o que temos a oferecer. Claramente, já há muita informação fluindo para os usuários daqui. Podemos ver exatamente como a loja, se eu deixar cair o modelo de negócio de transporte funciona aqui. É um modelo muito simples, muito eficaz. Então, o que? Vou em frente e começar com a imagem. Eu vou clicar aqui, e eu vou escolher a escala ou parar a imagem assim. Lá vamos nós. Então agora eu tenho a imagem scaler stop olhando realmente bom encaixe com os colares e tudo mais. E eu vou escrever no escritor de texto e eu vou escrever o Dr. Target. Ah, tráfego. Ok. E também quero acrescentar mais um soco a isto. Eu vou passar para a tipografia estilo e ir para transformar e transformar isso em maiúsculas lá iria dirigir tráfego direcionado. Eu realmente estou cavando isso e eu vou aumentar o tamanho algo assim. Certo, então vamos checar isso. Vamos pré-visualizar as mudanças devem caminho, e eu vou rolar para baixo. E aqui temos o envio de entrega da Master Shopify. Eu poderia realmente fazer isso um pouco menor e rolando para baixo. Temos a loja se eu deixar cair o modelo de negócios de transporte muito bonito, ok? E então nós temos o Dr tráfego direcionado e nós temos essa escala ou parar de acontecer aqui mesmo. Como podemos ver, há um pouco perto um do outro. Mas está tudo bem. Vamos consertar isso daqui a pouco. Antes de fazermos isso, eu realmente vou ir em frente e clicar aqui em cima. Isto é interessante. Isso vai nos poupar muito tempo, e então eu vou clicar na cópia porque então eu posso mover para baixo para este espaço vazio e clicar em colar. Obviamente, vou pegar o biscoito exato. E o que é tão bom nisso é que este vai ter o tamanho correto, vai ter a letra maiúscula. Vai ter a decisão certa de tudo. Só estamos cobrindo essa chamada dupla com o conteúdo. Então tudo o que eu preciso fazer agora é clicar nesta imagem, excluí-la, clicar na próxima, eles iriam inserir mídia, e então eu apenas ir em frente e mudar esses ticks. Então vou escrever algo como triplicar suas vendas. Lá vamos nós. Dirija tráfego direcionado, triplique suas vendas, e agora isso. Pré-visualizá-lo. Eu vou rolar para baixo, e podemos ver que há realmente um monte de coisas boas acontecendo agora. Eu estou cavando isso, então vamos criar um pouco mais de espaço para que isso faça mais sentido agora. Está tão apertado, não sou nada. Isso então eu vou começar fazendo algum espaço no meio daqui. Ok, então eu vou clicar nesta seção e eles vão avançar. E agora eu vou jogar com a margem superior na margem superior do Lee porque vai dar algum espaço no meio daqui. Então vamos colocar 50. Por exemplo, temos uma boa base, e então eu vou passar para a do meio agora. Notei que esta coluna aqui escreve a imagem grande. Há dois coluna disse, mas podemos contar. Esta é uma seção aqui e então temos uma seção aqui. Agora, o que eu vou fazer é escolher a seção do meio, ir para avançado, e então eu vou entrar, digamos 70 no topo e robôs na margem bem aqui. E a razão para isso é, então nós vamos conseguir algum espaço para este aqui, e nós vamos conseguir algum espaço para este. Então vamos em frente e visualizar essas mudanças e rolando para baixo e podemos ver que temos os mestres. Shopify entrega e temos uma exibição grande e agradável do para mostrar antes do modelo de negócios de envio de gota. Temos o alvo, o tráfego, que tudo isto ainda está muito perto. Então vou precisar exagerar um pouco. Na verdade, vou fazer deste espaço a margem. Eu vou colocar para 70 e então eu vou fazer as margens para a seção do meio em algo como, Vamos enlouquecer para o meu Vamos com 150 lá vamos nós. Então vamos visualizar as alterações rolando para baixo mais uma vez. É um monte de rolagem. Temos um pouco mais de espaço aqui. Estou gostando muito disso. E então temos essa unidade de tráfego direcionado. Ok, eu realmente estou cavando isso agora. Repare como há como, você é capaz de respirar agora quando você está rolando para baixo, certo? Só há uma coisa de cada vez esperando. Estou cavando assim, muito, muito mais. Na verdade, eu vou aumentar ainda mais porque eu estou cavando isso muito. Você vai se mover e eu vou colocar as margens em 200, então eu vou fazer outra prévia e rolar para baixo. Absolutamente Sim. Eu estou amando isso para muito mais espaço lá muito mais fácil de se concentrar no que realmente está aqui. Definitivamente cavando isso agora. Há uma coisa que eu vou querer mudar sobre isso, no entanto, entanto, e que é que eu gostaria de fazer essas imagens um pouco maiores porque eu acho que elas não são visíveis o suficiente. Então eu vou voltar aqui e eu vou mudar as colunas, certo? Então eu vou mover este para a esquerda e vamos ver, não vamos ser tímidos. Vamos com 37 Eu vou tentar 37 aqui também. Lá vamos nós. OK, e eu vou pré-visualizar mais uma vez. Oh, está olhando muito melhor dirigir tráfego direcionado que ele salta para baixo. Absolutamente Sem problema. Eu estou amando isso. Isso é muito mais fácil de ver. Eles terão o funil de vendas, que é muito mais fácil de ler agora. Para mim, com o design. Se há uma estrada para corda porque eles não estão na mesma deitada na mesma estrada, isso realmente não importa. Então eu estou absolutamente cavando isso agora. Vai haver mais uma coisa que quero fazer a isto ou mais duas que vai ser diminuir o tamanho disto. Acho que é um pouco grande demais. Acho que enlouqueci demais aqui. Vou começar a sua mudança para tipografia de estilo. E apenas largue este. Vamos com você sabe, 50. Vamos com 50 e desigual, não o número dele. Lá vamos nós. Agora vou querer adicionar um botão aqui. Então agora você tem um gostinho do que temos para oferecer. Talvez você saiba o que é. Talvez não, mas definitivamente é sedutor. Certo? Então, estamos realmente oferecendo conteúdo escrito. Estava a mostrar-lhes o modelo de negócio. Estamos até mostrando a eles o que estamos usando para direcionar o tráfego, quer você entenda ou não, ainda é bom conteúdo. E depois vamos mostrar-lhes o funil de vendas. Agora, a questão em sua mente é, é claro. Ok, isso parece muito bom, mas eu quero aprender isso. Bem, é por isso que vamos para os elementos que estavam indo para ir. Mas filho, e então nós vamos adicioná-lo aqui, e então ir em frente e colocá-lo no centro e fazer aprender mais botão. Agora, se queremos tornar uma vida ainda mais fácil para nós mesmos, vamos rolar para cima. Vamos clicar neste botão. Coupet rolou para baixo e nós poderíamos apenas ir em frente e remover este clique direito aqui, colá-lo e olhar para isso. Incrível. E eu também vou ir em frente e transformar isso em um grande botão porque isso vai caber mais com este desta vez porque este é um projeto bastante grande acontecendo agora. Vamos pré-visualizar isto, está bem? Estou amando isso agora. Podemos ver que temos tudo do jeito que eu queria ser. Dr. Tráfego direcionado. OK, aqui vem o próximo, e então temos o botão “aprender mais”. Ok, agora vamos querer um pouco no espaço entre lá. Nada louco. Eu só vou descer, e então eu vou clicar neste aqui para editar esta seção, ir para avançar, e então colocar uma margem superior. Nada muito louco. Vamos com 30 ou algo assim. Eles estavam indo. Vamos fazer uma prévia mais uma vez. Tudo bem. E aqui temos. Acho que exagerei. Eu vou voltar, e eu vou em frente e colocá-lo em 15. Lá vamos nós. Então, até agora, tudo bem. Estou adorando esse design agora. Isto vai dar um lance para esta palestra. Na próxima palestra, vou mostrar-lhe como você pode usar o mesmo modelo que você já criou para realmente acelerar a criação das próximas seções. OK, então vamos continuar nosso projeto na próxima palestra. Vejo vocês lá, pessoal. 3. Design: comece a página aqui - Templando seu conteúdo: Bem-vindos de volta, pessoal. Vamos continuar com o nosso design. Recapitulação rápida. Isto é o que criamos rolando para baixo. Nós fizemos toda essa beleza agora, alguns de um modelo, alguns de nossos próprios fazendo como se esta festa fosse sua própria obra. Colocamos alguns espaços agradáveis acontecendo bem aqui. E então nós acabamos de adicionar o botão aprender mais com um espaço que eu estou feliz com. O que vamos fazer agora é criar seções semelhantes como esta . Agora, esta é uma seção, esta é uma seção, etcetera, etc. Mas podemos dizer que esta é uma grande seção de lojas bem aqui. Certo, vamos chamá-lo assim. Não é assim no elementar, mas vamos chamá-lo assim agora. Mas vamos seguir em frente e fazer agora é criar outra seção para marketing digital e em seguida, outra seção para Amazon F B A. Mas como já fizemos fora do trabalho duro, há um atalho bastante que podemos estar usando para o nosso projeto futuro para esses cursos. E eu vou te mostrar como fazer isso. Então vamos voltar aqui Agora, a primeira coisa que vamos querer fazer é criar outro cabeçalho. Certo? Mas tudo o que eu preciso fazer é clicar aqui, clicar na cópia, ir para baixo e depois colá-lo aqui. Ok, agora, isso não é realmente o que estamos procurando quando eu não posso fazer outro navio se eu deixar o transporte. Mas já temos o estofamento. Nós começamos alguma forma de coloração, então nós só precisamos ir em frente e editar. É preciso, eu vou escrever marketing digital mestre assim, e então eu vou passar para o estilo, e então eu vou para cima e editar esta seção aqui em cima, passar para o estilo, e eu vou mudar a cor do plano de fundo. Agora, claro, a questão é, qual será a cor que eu usarei? Bem, neste caso, eu realmente vou estar usando os chamadores do WordPress. Então eu vou procurar por WordPress cor hex como essa. E aqui vamos pegá-lo imediatamente. Eu vou agarrá-lo. E a razão pela qual eu vou agarrá-lo é porque eu acho que é uma cor linda. Ele se encaixa com o resto. E também porque uma grande parte dos cursos de marketing digital criando seu próprio site usando WordPress. Então também é muito simbólico. Então, vamos voltar aqui. Vou limpar este, e vou colá-lo. Lá vamos nós. Então eu estou amando essa cor, para ser honesto. Então, isso já está dito e feito. Vês como isto é rápido? A única coisa que realmente precisamos fazer é colocar a margem nesse botão. Vamos colocar para 70 ou algo assim. Então temos algum espaçamento adequado. Poderíamos até fazer uns 100 e 20, talvez 100. Não vamos enlouquecer demais. E então eu vou rolar para cima, e nós sabemos que há apenas uma grande imagem acontecendo aqui, então não há nada que precisamos fazer que seja muito louco. Sabemos que se clicarmos na seção aqui que a margem é de 70 entre esses dois. Então eu vou rolar para baixo. Vou passar para os elementos, pegar uma dessas imagens, colocá-la lá embaixo porque não queremos colocá-la lá dentro, lembra? E então eu vou clicar na imagem, e agora eu vou estar usando uma imagem para marketing digital vai haver um pouco diferente. Vou mostrar o quão bem sucedidos temos sido com o nosso marketing digital exibindo milhões de visualizações e milhões de tempo de exibição. E isso também é muito bom para a prova social. Claramente, porque estamos mostrando resultados muito claros aqui. Então isso está ótimo. Vou ficar com esta imagem. Agora eu vou rolar para cima e lembrar suas duas colunas que realmente colocar estes 2 37 com Misturá-los. Então eu vou ir em frente e clicar lá copiar e, em seguida, ir para baixo e eu vou colar isso dentro e eu vou colar outro em apenas assim. Lá vamos nós. E agora tudo o que preciso fazer é editá-los. Vou clicar neste, remover esta imagem e adicionar uma nova será para marketing digital. Nós vamos usar este aqui e aqui eu vou escrever anúncios monstros no Facebook como esse e aqui em baixo, eu vou remover esta foto. Clique em excluir, clique neste, e eu vou adicionar nesta imagem, que eu acho que é absolutamente adorável. Eu amo este design e eu vou clicar nele mudar Isso leva e eu vou escrever mais de 40 horas fora Matt cereal, exibindo o que está incluído no curso. Eles não acham que isso vai estar nos anúncios Lee Facebook, mostrando claramente que há um monte de plataformas de marketing digital e eles vão ver os dois porque estamos fora do curso vai estar adicionando no saber mais. Mas na terça, vou copiar isso. Desça aqui e eu vou colá-lo assim. Ok? Estou amando isso. Este é um design muito agradável e encantador. Agora, há um pouco de enchimento aqui. Lembre-se, estamos usando a seção do meio. Então, o que? Eu vou ir em frente e fazer é clicar em editar nesta seção, ir para avançado e não manter 200 lá na parte inferior. Vamos ficar com 15 ou algo assim. Vou manter isto assim por enquanto. E então vamos visualizar as mudanças e ver o que criamos. Então eu vou rolar para baixo Shopify separados. Estou super feliz por termos que aprender mais botão. Temos o mestre de marketing digital. Muito bem, vamos mostrar isto e depois temos os anúncios do Facebook a dimensioná-lo a mais de 40 horas de material. E então aprendi mais. Mas agora isto é muito, muito, muito perto. Eu não estou cavando isso. Podemos ver que há muito mais espaço acontecendo aqui, então eu vou colocar o para cerca de 50. Vamos fazer um estofamento lá dentro. Então eu vou voltar. Vou entrar aqui também, Avançado. E então vamos fazer um estofamento para 50. Diga, lá vamos nós. E, em seguida, visualize as alterações. Rolar para baixo mais uma vez é um monte de rolagem acontecendo. Está bem, parece muito melhor. Sim, fora do curso. Porque há muito mais branco. Há uma percepção diferente do posicionamento do botão. Mas ainda há muito espaço acontecendo, e estou feliz com isso. Ok? Então é assim que rapidamente criamos a seção de marketing digital monstro porque fizemos isso fora do trabalho duro mais cedo, nós temos o framework para trabalhar nele. Agora eu vou em frente e fazer uma das seções finais, que vai ser a seção Amazônia. Então, muito semelhante, eu vou subir aqui, e eu vou clicar na cópia. Vamos rolar todo o caminho para baixo. Eu vou colar isso para mudar esses textos, e eu vou escrever Mestre Amazon FB A assim. Vai passar para o estilo da seção, mudou a cor e mais uma vez, vai usar as redes mágicas ou mágicas do Google. Eu não vou escrever e Masson Hicks cor assim. E aqui vai copiar isto. Vou voltar, limpar este, colá-lo, bater entrar e olhar para a beleza de uma cor. Então estou muito feliz com isso. Vou ficar com isto, está bem? Estou mesmo a gostar disto. Agora, vamos continuar. Eu só vou ir em frente e puxar outra imagem. Lá estamos nós. Puxe-o aqui e então eu vou clicar e escolher sua imagem. Agora vamos mostrar como funciona a Amazon FDA. Vou inserir isso como mídia. Vamos ter um modelo de negócios completo aqui, o que parece super legal. Podemos ver como ele derrete com o fundo branco e é neste sinal que eu amo. É tão limpo, tão bom. Não, vou fazer um pouco diferente da última vez. Ok, eu estou realmente indo para ir e começar por lidar com este rolando para baixo e eu vou colá-lo em assim, e então eu vou subir, e eu estou indo para copiar o meio como aquele e eu estou copping o um do meio porque lembre-se, ele já tem a margem definida. Só vai economizar um pouco de tempo e esforço fazendo isso. Então eu vou ir em frente e clicar em Colar. Lá vamos nós. Definitivamente estou cavando isso. Então, isto está bonito. Agora eu vou querer mais um pouco de enchimento no meio daqui também. Eu vou para a seção, podemos ver que são 200. Eu quero um pouco de enchimento aqui para nós vamos querer usar ou melhor margem. Desculpe. 8 200 margem superior já utilizada em 200 para a parte inferior. Lá está eu vou removê-lo. Caso contrário, haverá até 200 aqui, por isso serão 200 mais 200, o que é muito. Então lá vamos nós. Design super fácil. Então o que, nós vamos em frente e fazer agora é rolar para cima direito? E eu vou estar lidando com este aqui. E eu vou estar copiando antes de tudo, o do meio porque já tem margem para o topo. E também tem margem para o fundo, certo? Vou descer e colado, que é perfeito. Agora, eu também posso ir em frente e lidar com as bundas e um porque ele em Lee tem a margem aqui disse automaticamente em uma margem inferior para o aprender mais fundo. Então, é apenas inteligente fazer para copiar em vez de colar em uma fileira. Mas ambos funcionam fora do curso. Isto vai ser um pouco mais rápido. Baseado no nosso design, vou colar isto também. E lá vamos nós parecendo lindos, parecendo incríveis. E vamos mudar as coisas. Então eu vou clicar aqui. Vou apagar esta imagem, clicar no sinal positivo e vou adicionar a primeira imagem explicativa. E então vamos mudar os carrapatos e eu vou escrever algo como construir sua própria marca ou vamos simplesmente construir sua marca. Lá vamos nós. Eu acho que é mais limpo no ponto. E há etiquetagem privada como funciona. O que você faz, etcetera, Etcetera. OK, e depois vamos fazer o mesmo com este. Vou remover esta imagem, clicar na imagem e colocar esta aqui e, em seguida, mudar o texto. E eu vou escrever fonte competitiva mais inteligente. Lá vamos nós. E agora vamos rolar para cima. Vou copiar este botão. Copiar. Role para baixo. Vou colá-lo. OK? E isto está bonito. Vamos fazer uma pré-visualização e ver o que criamos. Então eu vou rolar todo o caminho para baixo porque há um monte de rolagem para ser feito. Bela base acontecendo aqui. Temos a seção de marketing digital. Ok, prova social. Está parecendo bom. Está parecendo muito bom. Temos que aprender Mawr, Amazon. FB A Ok, isso está explicando o que é, como funciona. Tem que construir sua própria marca e como superar os concorrentes. Honestamente, pessoal, estou adorando esse design. Honestamente, pessoal, Sou um grande fã disso. Então o que eu quero fazer é novamente mudar um pouco fora do espaço entre ele porque isso é bastante apertado. Enquanto há um pouco mais de espaço percebido no meio é que vamos em frente e colocar um estofamento em torno dele. Agora eu acredito que há um pouco de espaço, sim, sim, o espaço percebido por causa do branco. Então eu estou indo para ir até aqui nós estamos e eu vou clicar na seção, ir para avançar, e eu vou apenas colocar Vamos com 15 padrão que estamos usando 70 antes vamos com 50. Eles iriam. Posso rolar para cima e ver qual bloco e estamos usando. Estamos usando 15 o estofamento aqui. Então faz um monte de sons que queremos usar 50 no estofamento aqui. Está bem, perfeito. Isso é tudo bom e ficando Agora, pessoal, pessoal, eu estou realmente super feliz com este design e notado em que, curto fora de um tempo se nós criamos em Amazing the Sinal. Agora, certo, eu tinha preparado algumas imagens e eu tinha preparado algum texto. Mas realmente, quando se tratava do design, isso foi muito rápido e direto ao ponto. É mais uma coisa que vou querer acrescentar. E se você tem seguido o curso, você vai adorar isso porque é como se você sabe, salvar o saco de guloseima. Agora, lembre-se, estamos falando sobre os diferentes passos quando se trata de começar aqui, você quer aquecê-los. Você quer apresentar o que você tem a oferecer quando eu lhes der o seu melhor conteúdo, é claro. Além disso, você deseja enviá-los com muita frequência para sua lista de e-mail. Então o que eu vou fazer aqui é clicar neste botão. Eu vou me levar para os modelos e eu vou clicar em meus modelos. E você pode apenas lembrar que nós fizemos um modelo de e-mail frequentemente anteriormente. É menor. Então, tudo o que vou fazer é clicar em inserir e depois sim. E agora vamos tirar essas belezas de um projeto que criamos antes. Agora, por algum motivo, quando você importa modelos, eles geralmente puxam a barra lateral com eles. Não sei porquê, mas é fácil de consertar. Basta ir para definir as coisas aqui, e então você pode ver o layout da página está voltando para o padrão. Basta ir para o elementar cheio com, e isso vai mudar sozinho e ir todo o caminho para decidir. Lá vamos nós. Olhe para esta beleza. Estou adorando isso. Vou antever as mudanças. Eu vou rolar todo o caminho para baixo e podemos ver isso. Sim, de fato. Isto está tão bonito. Eu estou amando como ele vai e crê fora deste branco agradável e limpo para o boom. Obtenha os 10 melhores hacks de marketing digital que você pode se inscrever, etc. Agora, isso é tão legal, porque nós realmente os aquecemos com o que temos para oferecer. Muita prova social. Muito conhecimento. Honestamente, um monte de grande conteúdo livre acontecendo lá mesmo com a informação. Direto ao ponto. Agora, as chances começam. Eles já construíram uma relação conosco. O mais provável é confiar em nós. E eles provavelmente vão querer obter nossos 10 melhores hacks de marketing digital ou qualquer outra coisa que temos para oferecer. Então as chances são muito grandes se quisermos que alguém se inscreva na nossa lista de e-mails. Então este foi o nosso começo aqui Page. Espero que tenha tido muita inspiração e conhecimento desta palestra. Agora, lembre-se, com o modelo são infinitas decide há tantas coisas que podemos fazer fora do curso se eu quisesse. Eu poderia mudar essa imagem. Mas estou amando tudo sobre isso agora. Então o que vamos fazer é passar para a próxima palestra. Agora, lembre-se, se você precisa ter sua mente refrescada sobre como ter sua mentalidade para este tipo de páginas , você pode voltar para mais cedo quando estávamos fazendo a apresentação Power Point sobre o que pensar sobre para as diferentes páginas. E aqui nós queríamos realmente aquecer o meu funil eles em. Queríamos oferecer o nosso melhor conteúdo e queríamos entrar na lista de e-mails dela. Alguns caras incríveis estão te vendo na próxima palestra? 4. Design: página de cursos: Olá, meus amigos. E bem-vindo. Agora vamos projetar nossos cursos, Page. Então, agora, nós projetamos e don são home page, certo? Então, as pessoas que visitam o nosso site sabem do que somos. Nós também fizemos são começar aqui página de modo que teremos levado os visitantes para ir de um público frio que chamou visitante e cliente em um cliente mais quente. Porque agora eles sabem o que estamos oferecendo. Sobre o que estamos, etc. Agora vamos passar para o próximo passo, que é mostrar a eles o que realmente temos para oferecer. Quero empurrá-los para o último passo de realmente comprar algo de nós. Certo, então vamos mergulhar nele e começar a projetar nossos cursos. Página. Tudo bem, então nós vamos começar aqui no backend do nosso site, e nós vamos mover para baixo duas páginas e, em seguida, clicar em todas as páginas, e agora nós vamos para cursos e apenas, em seguida, clique em editar, e então nós vai clicar em editar com Elemental. Nós já fizemos isso antes, e então nós vamos descer para definir as coisas aqui, e nós vamos mudar o layout da página de padrão para L A mentor cheio com. Muito bem, meus amigos, deixem a decisão começar. Então o que eu vou querer fazer aqui é porque eles já passaram por tantas coisas . Pagamento domiciliar. Comece aqui, Page. Queremos ir direto ao ponto com Ok, eles querem ver nossos cursos. Então vamos dar-lhes os nossos cursos. Este não é o lugar para colocar em e-mail aberto ou, você sabe, alguma outra oferta que não tem a ver com os cursos. Eles querem ver seus cursos. Então vamos mostrar-lhes os cursos. Há apenas mais uma coisa que nós vamos querer apresentá-los ainda mais por causa do específico, o sinal. E esse sou eu e Jesper pessoalmente. Então o que eu quero fazer aqui é realmente adicionar uma foto minha e Jesper e depois escrever um pequeno texto para a direita. Parece que é uma carta nossa. Certo? Porque queremos dar a eles um relacionamento conosco, um apego emocional, fazê-los se sentirem seguros e dar-lhes um rosto para os criadores fora do curso, este pode ser o empurrão final contra ele para realmente se sentir seguro o suficiente para comprar de nós para realmente querer tornar isso pessoal e, em seguida, ir direto para todas as suas ofertas de curso . Então, a fim de fazer isso e ter certeza que eles vão em frente e usar um 10 lugar, eu vou clicar cuidado no modelo de anúncio. E já usamos modelos de página, certo? Honestamente, é uma honra ter todas essas páginas e escolher uma. Mas também temos blocos diferentes Agora, blocos são muito diferentes seções que podemos adicionar. Podemos editá-los nós mesmos, etc. Agora, o que eu vou procurar aqui é na verdade um quarteirão. Isso é branco, porque eu vou usar um tema branco aqui, e eu quero ter um que tenha uma foto nele. É assim, mas isso não é um testemunho. Imagem maior exatamente como esta, na verdade, então isso é absolutamente perfeito. Podemos adicionar uma foto minha e do Jesper aqui, e então podemos ter a mensagem minha. E só para a direita. Perfeito. Perfeito. Vou em frente e clicar em inserir aqui. Lá vamos nós. Agora. Eu só vou ir em frente e adicionar isso um pouco, então eu vou clicar na foto, e então eu vou remover este e clicar aqui. E eu já tomei a liberdade de enviar um monte de imagens aqui. Agora eu transformei todos os P e G para J pick, e eu também compactei todas as escolhas J ou eles são todos tamanhos de arquivo muito pequenos. Agora, temos feito baseando-se em palestra anterior, Então eu recomendo fortemente que você faça isso para todas as suas páginas e, em seguida, apenas manter a certeza de que seu site está atualizado e tudo mais. Agora, vou em frente e usar esta foto de mim e Jasper e então vou clicar em inserir mídia. Lá vamos nós. Agora é um pouco grande para os meus gostos. Eu vou mudar para o estilo aqui, e eu vou jogar um pouco com o máximo chicoteado, certo? Então, vou torná-lo um pouco menor. Talvez algo assim. Ok, então vamos deixar em 85. Por enquanto, parece bom. Também baixo. Como há provavelmente a primeira foto de sempre, Jesper sem barba. Então eu estou realmente amando essa foto. É muito pessoal Agora nós também vamos adicionar um texto vai ser de mim e apenas queimar. Eu já fiz alguma preparação aqui também, e pré escrito. É preciso para que isso seja mais rápido para nossas palestras e tutoriais. Agora, para você, você pode não ter uma mensagem. Você apenas escreve. Ele pediu para você ir. Ou você pode realmente já ter um take. E isso é perfeito. Basta ir em frente e agarrá-lo e, em seguida, adicioná-lo. Agora, eu também vou ter e escrever como eu quero que as seções pareçam que eu vou querer a seção de negócios. E então eu vou adicionar nesses cursos dois e dois e eles vão ter a seção digital completa . Vai ter uma seção de dois cursos e depois vamos para 333 e três. Certo, então vamos voltar. Vou apenas clicar neste texto. Vou remover tudo isso assim. Então eu vou clicar com o botão direito e colá-lo. Lá vamos nós. Agora vamos clicar em pré-visualização e ver como ele se parece. Tudo bem, então eu realmente acho que está muito bonito. Agora há algumas coisas que eu quero fazer. Primeiro, eu quero fazer isso um pouco menor, e eu também quero tornar isso um pouco mais estreito. E se eu tornar isto mais estreito, também vai parecer mais uma carta. E então, é claro, eu vou querer mudar esses pedaços de texto também. Então eu vou em frente e fazer isso. Então, a fim de tornar tudo um pouco mais estreito, eu vou ir em frente e clicar aqui para editar esta coluna. Então eu vou passar para avançado, e eu vou apenas adicionar um pouco de enchimento. Vamos ligá-los também, todos eles ficam em terceiro lugar lá iria e assim, e então nós começamos a ver como ele se parece. Então, vamos clicar em alterações de visualização de comunicação. Então isso está muito bonito. Eu realmente amo como nós temos um pouco mais estreito para o texto aqui. Ainda vai tornar esta imagem menor. Mas também, eu quero diminuir este espaço no meio daqui. Então, vamos em frente e fazer isso agora eu vou clicar nesta imagem, vou mover o Maxwell para baixo um pouco para 80 lá com porcento. Agora também podemos estar brincando com este. Vou colocar para ah, 100 agora para que possamos brincar com este também. Então, 80, acho que ficaremos um pouco melhor. Talvez até vá com 77 agora. Eu também não gostei tanto do espaço entre aqui. Eu vou voltar para esta coluna, direita, vou ligar estes, e então eu vou remover este espaço no meio removendo o preenchimento esquerdo. Então eu vou fazer isso assim. Polícia zero ali. E agora vamos em frente e verificar a visualização de alterações. Tudo bem, então estou gostando. Isto está a começar a ficar muito bonito. Agora, há mais algumas coisas que eu quero fazer. Agora. Quero que toda esta área de imagem ocupe um pouco mais de espaço. Você pode ver que mesmo que nós torná-lo mais estreito com o estofamento, ele ainda ocupa muito espaço. E eu quero que a imagem ocupe um pouco mais. Por isso, vou voltar para cá e vou arrastar este e conseguir. Não, vamos tentar 53 47. Vamos tentar essa e depois vamos ver a pré-visualização novamente. Tudo bem, isso está muito bonito. Estou começando a ficar super feliz com este design. Parece super pessoal. É como uma carta minha e vamos continuar aqui. Realmente, realmente incrível. Agora, vamos começar a editar esses também. Agora, nosso nome não é Mike Stewart, especialmente porque são duas pessoas. Então, vamos em frente e clicar aqui, e então vamos direto roubar e Jesper, e então também vamos editar onde está a cabeça dele fora de vendas, e vamos direito, ver isso na Robin e Jesper. Tenente d. Agora, como você escreve, C E O's como em CEO plural, mas para CEOs, você realmente quer fazer o CEO grande e o pequeno, mas porque estamos usando letras maiúsculas aqui, Nós estamos vendo o s s s s grande, e realmente não parece tão bom. Vamos passar para a tipografia de estilo e, em seguida, mudamos maiúsculas para padrão. Lá iria parecer muito mais agradável. E então eu também vou querer ir em frente e clicar aqui, e eu quero tornar este itálico. Lá vamos nós. Então parece que assinamos lá e agora vamos antever essas mudanças. Então estou gostando muito disso. Isso é super pessoal e super legal. Sou um grande fã disso, muito feliz com isso. Então vamos mantê-lo assim agora, o que eu vou querer fazer também é colocar um pouco de estofamento em torno destes para comprimir-los ainda mais, porque agora é um completo acima do completo, que eu estou gostando . Mas eu também gostaria que fosse um pouco mais comprimido. Basta dar um olhar mais pessoal e simplesmente ocupar todo este espaço por aqui . Então eu vou voltar aqui e eu vou clicar em editar a seção, vou passar para avançar, e agora podemos ver que nós temos, ah, preenchimento aqui acontecendo, nós temos 100. Subiu 100 na parte inferior. Agora também podemos estar brincando. Digamos que colocamos 50 para a direita e 50 para a esquerda, e então vamos aquecer as mudanças e ver o que conseguimos. Então, como podem ver, estamos tendo um olhar um pouco mais comprimido acontecendo, e eu estou realmente cavando isso para ser honesto, eu acho que isso praticamente se parece com uma carta. Embora eu não esteja gostando do grande espaço dos escritores de topo. Eu vou avançar e você vai mudar os dois primeiros. Digamos 50. Então nós temos algum espaço no fundo aqui também. Talvez até, você sabe, isso é empurrar 40. Vamos com quatro. Dan, aquela pré-visualização da Leslie Comm muda. Tudo bem, então isso para mim é muito, muito, muito melhor. Há algum espaço acontecendo aqui em baixo. Parece ou bem, é uma foto minha e do Jesper e é uma carta da Áustria, certo? E diz, bem-vindos Robin e Jesper apresentando. Ei, é de mim, mas estamos tornando isso pessoal. Estamos felizes em ajudá-lo com todas as suas necessidades comerciais e de marketing digital. Com mais de 2700 comentários avaliados cinco estrelas , disse etcetera. Então, estamos apresentando de novo quem estamos aumentando alguma prova social e apenas tornando isso pessoal como se fosse escrito de nós. E isso é tudo o que vamos fazer quando se trata de adicionar zing extra aqui. Vamos torná-lo pessoal, apresentar-nos a Robin e o Jesper aqui. Estamos oferecendo algumas coisas boas. Muitas pessoas estão gostando das nossas coisas. Aproveite. Esta vai ser a mensagem básica. E agora vamos em frente e tinha se desviado para adicionar o curso é Ok, então para adicionar o curso diz que eu vou começar com um cabeçalho. Certo? Então, se olharmos aqui, eu tenho, tipo, eu estava falando sobre cedo. Eu fiz um pouco de um esboço. Primeiro quero ter um cabeçalho para negócios, e vou adicionar um curso da Shopify um Amazon F B A. E então eu vou fazer um novo cabeçalho para os cursos completos de marketing digital e adicionar o Guia de Marketing Digital Completo e também nossa masterclass de marketing de mídia social porque esses dois cursos enormes então haverá um design fora para isso é também vai ser no sinal de dois, e então nós vamos adicionar em todos os nossos cursos de marketing digital adicionais nos sinais off três. Então vamos começar imediatamente. Agora vamos começar com o rumo. E quando eu pegar este título e eu vou colocá-lo em linha reta aqui, lá vamos nós. E agora vou colocar isto. Agora, vamos deixar para a esquerda por enquanto. E eu vou escrever cursos de negócios. Vou passar para a tipografia de estilo, e vou transformar isto em letras maiúsculas. Está muito bonita. Também vai aumentar o tamanho. Não vamos ficar muito selvagens aqui. Vamos com 40. Acho que eles podem ser muito legais. Lá vamos nós. Eu também vou dar um pouco de estofamento agora porque eu sei que eu vou gostar desse sinal como este, talvez até 70. Não, na verdade, as coisas que vamos com 50 e 50 estão bem. Lá vamos nós. E agora vamos dar-lhe uma cor de fundo. Então é aqui que nós realmente começamos a adicionar um pouco mais fora do nosso estilo. E lembre-se, nosso estilo sempre foi esse tipo de vermelho icônico que temos aqui. Agora, eu também vou adicionar um pouco de preenchimento aqui, então eu vou subir e editar esta seção aqui. Vá para o avanço, e então eu vou adicionar um estofamento de 50. Simplesmente assim. Está muito bonita. Agora, eu também quero ter uma cor de fundo aqui, e é aqui que começamos a nos tornar um pouco mais icônicos e adicionando em nossa cor icônica , esse tipo de vermelho realmente bonito que temos acontecendo. Então eu vou clicar no estilo aqui em cima e, em seguida, fundo Normal clássico. E então nós vamos adicionar essa cor E qual é a chamada? Bem, se você não se lembra do código como alta tendem a não fazer, nós vamos apenas mover isso, cuidado para o menu. Vamos para as cores padrão, para a cor do acento, e então pagamos esse código, certo? É simples assim. E então mudamos de volta clicando aqui, vá para a seção de edição. Vamos voltar à cor onde é estilo normal, cor clássica. Limpe esta pasta no código e lá vamos nós. Isso é muito bom, na verdade, mas eu vou querer mudar essas cores. Vou mudar esta cor clicando aqui. Eu vou para Takes Color e eu vou fazer este branco perfeito. Estou amando isso. E também vou diminuir o tamanho sexual. Vamos mover este para baixo para vamos tentar terceiro, algo assim. E agora vamos apenas visualizar as mudanças e ver o que temos e vamos rolar para baixo e podemos ver que temos cursos de negócios acontecendo. Teria colocado para a esquerda. E agora vamos em frente e adicionar os nossos cursos. muito legais. Estou super feliz com isso agora, a fim de começar a adicionar em nossos cursos, o que podemos fazer é realmente usar um modelo anterior. Lembre-se, já brincamos com nossos cursos antes. Vamos em frente e pegar um modelo para aquele rabo e depois começar a comer isso e depois começar a adicionar em nossos cursos. Certo. Então vamos em frente e começar a adicionar os cursos na próxima palestra, pessoal. Ok. Vejo-te na próxima palestra. Isso vai ser parte para ver lá. 5. Design: página de cursos - Design de colunas: Bem-vindos de volta, pessoal. Vamos em frente e pegar o modelo para nossos cursos e, em seguida, começar a editá-lo. Então o que vamos fazer é realmente ir em frente e vamos salvar este rascunho. Havia “fugas “e eu saberia que era salvo e seguro. Agora vamos clicar aqui em cima e sair para o painel. Vamos a todas as páginas e depois mudaremos para casa e clicamos em editar com L um mentor. E aqui estamos traz-nos de volta memórias, não é? Que vamos rolar todo o caminho até chegarmos a esta seção. Lembra-se? Agora vamos usar isso como nossos modelos básicos. Então, o que? Eu vou ir em frente e fazer É realmente direito Clique aqui em cima e eu vou clicar em salvar modelos perguntados, e eu vou chamar este três cursos chamada. Tim placa, lá vamos nós, e eu vou clicar no cofre. Então, aqui temos isso, juntamente com nossos e-mails abertos que fizemos anteriormente. E eu vou pressionar este aqui, vou para o menu e sair para o painel, e agora nós vamos voltar e estamos de volta. Tudo bem, então vamos rolar para baixo aqui e para baixo aqui, vamos clicar em adicionar simplesmente à direita aqui na parte inferior. Agora vamos para os meus modelos na parte superior, à direita, e depois temos os cursos de três colunas. Modelo. Nós vamos apenas ir em frente e clicar em inserir, e então nós vamos clicar em sim, e perguntar, você sabe, por alguma razão, quando inserirmos, eles vão querer adicionar esse direito barra lateral. Então nós vamos apenas ir para configurações imediatamente aqui, e então nós vamos para o layout da página e colocá-lo para elementar cheio com Tudo certo. Então vamos começar a editar isso agora. A primeira coisa que funciona e eu quero fazer é realmente remover o fundo. Vamos usar um design branco limpo e agradável. Então eu vou clicar aqui para editar a seção Eu vou para o estilo, e então eu vou apenas apagar este fundo para que nós tenhamos este belo defeito branco. Ok? Agora, a próxima coisa que eu vou fazer é realmente lembrar que eu queria que esta fosse uma seção de negócios para cursos de negócios. Então, e eu também tenho apenas dois cursos de negócios aqui, então eu vou em frente e remover este. Então tudo o que vou fazer é clicar aqui em cima e depois clicar em apagar. Então agora só temos dois cursos, e eu também vou ir em frente e remover este cabeçalho. Porque lembre-se, nós definimos esses cursos de negócios aqui, então eu vou clicar com o botão direito e excluir este. Ok, então isso já começou a ficar muito bonito. Agora, o que eu não estou realmente gostando é esse efeito verde, porque eles são tão grandes. Eu não estou realmente cavando isso acontecendo agora. Além disso, temos esse modelo de efeito na seção inicial. Então, o que? Eu vou ir em frente e fazer é realmente clicar nele e na coluna e, em seguida, passar para o estilo e, em seguida, passar o mouse. E então eu vou apenas remover este verde definindo isso todo o caminho para baixo. Então, tem uma passagem completa, significa que não haverá efeito quando eu passar o mouse assim. Lá vamos nós. E isso ainda teria o efeito estourar, o que parece ótimo. Então vamos continuar e manter este agora para lembrar, se eu quiser fazer o mesmo aqui, tudo o que eu preciso fazer é ir em frente e clicar com o botão direito, clicar em copiar, e então entrar aqui e colar estilo. E se foi. Eu amo isso. Se alguma coisa, é realmente ótimo. Ok, então agora vamos querer estilizá-los um pouco se formos em frente. E olhamos para as alterações de pré-visualização agora, apenas uma pré-visualização e, em seguida, rolamos para baixo. Podemos ver. Na verdade, estou amando isso. Podemos ver que temos nossos dois cursos acontecendo aqui. Talvez um pouco excessiva de espaço aqui, e nós vamos remover isso, mas isso está parecendo um pouco jogando, na minha opinião. Bem, na verdade, não é tão ruim um pouco de avião, então vamos em frente e mudar isso um pouco. Vamos voltar e começar removendo este fundo porque estamos em cursos, certo? Não há todos vocês todos os cursos para estar clicando porque eles vão sair do curso é aqui. Lá vamos nós. E o que eu vou querer fazer é realmente adicionar um efeito de sombra a essas caixas. Porque se olharmos agora, podemos ver que eles estão derretendo aqui, que parece bem, mas eu quero que eles ponham mais. Eu quero que eles se destacem e antes que tenhamos o efeito porto. Mas agora vamos adicionar caixas. Então, para fazer isso, tudo que eu preciso fazer é ir em frente e clicar aqui para terminar a coluna. E então eu vou para baixo em estilo para fronteira, e eu vou clicar na caixa de sombreamento. Você só precisa clicar sobre isso e você está automaticamente indo para obter uma certa cor aqui. Isso vai ser a sombra. E vocês podem ver que estamos tendo esse efeito agradável, que também temos no nosso bar pegajoso aqui em cima. Adoro este tipo de efeito de sombra. Então isso torna a coisa toda papa um pouco mais. Então, se eu visualizar essas mudanças, podemos ver que há uma grande diferença entre esses dois, certo? Uma grande diferença. Este se destaca muito mais. E este não tanto. Então eu estou realmente gostando desse tipo de design, e nós vamos continuar com ele. Então eu vou em frente e voltar e você sabe o que fazer. Eu vou pegá-lo e então eu vou colar o estilo e puf ele aparece. Eu amo esse efeito agora. Há um pouco de espaço excessivo aqui em cima, na minha opinião. Então vamos para a seção do editor, passar para o avançado, e podemos ver que temos um monte de estofamento e tudo o que é bom. Mas nós vamos remover o tapinha de cima apenas abaixado. Então, vamos remover os valores do link. E vamos baixar isto para dizer, vamos com 50. Acho que 50 vai ficar muito melhor. Você pode ver que há um pouco menos de espaço acontecendo agora e agora eu também vou querer fazer isso um pouco mais oval porque se formos em frente e olharmos para a pré-visualização, eles são caixas bem grossas, não são? Eu realmente gostaria de alguns menos preenchimento no tamanho e torná-los um pouco fora um mais decidido. Então é isso que vamos fazer. Então o que eu vou seguir em frente e fazer agora é realmente fazer isso um pouco mais de célula ender porque, como podemos ver, ainda há um pouco de preenchimento para o tamanho, o que eu acho que parece legal, mas eu estou só vou mudar um pouco agora. Eu vou em frente. E poderia acabar com isso? Chame-o aqui e então podemos ver que há algumas margens acontecendo, que é muito bom, porque seu espaço entre aqui algum espaço para os sites, tudo. Mas nós vamos lidar com os valores fora do estofamento e nós vamos aumentar o preenchimento direito e esquerdo é dizer, vamos fazer 70. Vamos fazer assim. Lá vamos nós. 70 e eu vou fazer o mesmo. Vou negociar e vou com 70. Eu vou com 70 e, em seguida, vamos bater as alterações de pré-visualização. Então estou muito feliz com isso agora. Claramente, eu vou querer adicionar um pouco mais de tomadas para fazê-las ou até mesmo. Mas, por enquanto, na verdade, vou continuar e adicionar na próxima seção, que vai ser os cursos completos de marketing digital. Então, para fazer isso, é realmente muito simples. Agora, tudo o que eu preciso fazer é clicar aqui em cima e eu vou clicar na cópia porque nós já fizemos todo o trabalho duro Agora eu vou descer, e eu vou colar isso aqui. Podemos ver que estamos recebendo tudo isso de graça porque temos feito esse trabalho e então eu vou escrever cursos completos de marketing digital assim, ok? E então eu também vou ir em frente e subir aqui e eu vou estar lidando com isso. Esta cópia de seção e eu vou descer, e eu vou colá-lo dentro Agora estamos recebendo esses cursos de graça, certo? Mas tudo o que eu preciso fazer agora é realmente mudar esta imagem para a imagem de marketing digital , que , lembre-se, eu já fiz o trabalho de preparação aqui, e eu vou deixar ver Encontre-o. Lá está ele. E eu vou clicar em inserir mídia. Lá está ele. Ok. E então eu vou também inserir a mídia social baixa indo aqui e, em seguida, clique em inserir mídia. E lá vamos nós. É mesmo uma mão assim, não é? E como você pode ver, este está tendo um pouco diferente este científico. Mas isso é porque esta imagem em si tem realmente uma borda para baixo na parte inferior . Aqui e estas imagens não têm essa borda inferior. Agora, por razões estéticas , pelas razões de design, eu realmente vou mudar essa. O último teria uma fronteira aqui também. Mas para este tutorial, eu vou manter este e mostrar-lhe o que isso vai ser parecido como nós continuamos projetando. Agora tudo o que vou precisar fazer é mudar isso de pé. Então, se eu for em frente e clicar aqui, estarei escrevendo uma canção completa do mercado digital. Um, guia. Lá vamos nós. E aqui, eu vou escrever nas redes sociais, Mark tendo classe de monstros. Lá vamos nós. Então eu acho que este está realmente olhando muito bem, ambos olhando muito bonito. Agora, medida que eu avançar e visualizar as mudanças, eu vou querer ter certeza de que este tem muitas tomadas. Este aqui nós podemos ver agora que ele tem três linhas, este tem que remar. Então os botões, Aaron, e também esta imagem não tem a borda inferior, e esta tem. E também é um pouco site entre todos esses cursos. Certo? Então, o que? Eu vou em frente e fazer É realmente aumentar as margens para os cabeçalhos bem aqui. Ok, então com a seção de cabeçalho, eu vou obter mais algumas margens estavam indo para obter mais espaço geral, então eu vou apenas voltar aqui, e então eu vou clicar aqui para editar esta seção, avançar, e agora vamos começar a aumentar as margens. Vamos com talvez 50. Ou, você sabe, nós provavelmente poderíamos enlouquecer um pouco mais. Vamos com 100 só para ver o que parece e rolando para baixo. Podemos ver que há muito mais espaço acontecendo. Há tempo para respirar. Agora isso se torna sua própria seção. Você pode dizer que quando eu mudei para baixo, nós temos cursos de negócios no topo, rolando para baixo e, em seguida, vem a próxima seção. Então isso está realmente olhando muito bom agora, então eu posso sentir que há uma quantidade pouco excessiva de um espaço aqui, mas eu realmente gosto do espaço no meio daqui que leva a uma nova seção. Então o que eu vou fazer é voltar aqui agora temos 100 em ambos. Vou traficá-los e definir o valor das somas do barco para 80. Ou talvez vamos com 70. E agora vamos em frente e visualizar as alterações e rolagem para baixo. Temos o curso de negócios diz e isso está parecendo muito bom. Ok, eu estou agradecendo isso. Vou continuar e fazer o mesmo por este. O marketing digital completo. Vou editar esta seção. Vou avançar. Mas eu disse que a margem para 100 negociações, e então o fundo vai ser 70. E agora vamos ter um valor semelhante aqui. Então, em seguida, eu vou apenas ir em frente e ter certeza de que o texto é igualmente longo e eu também vou estar substituindo esta imagem de um tem que fronteira abaixo dela, e eu vou mostrar a vocês como esta decisão vai parecer caras. Então isso é o que criamos até agora, temos esta maravilhosa introdução aqui na seção de dobra acima. Certo? Esta foto de mim e do Jesper, temos uma carta nossa apresentando quem somos, o que estamos fazendo com que seja mais pessoal. Robin e Jesper CEO disse correndo apenas fragilidade rolando para baixo. Nós criamos nossa primeira seção aqui, que é um muito bom um tema de cor e tudo incluído são tema de cor típica rolagem para baixo. Podemos ver que estes ar, mesmo estes são os primeiros 2 cursos reintroduzindo. Temos a próxima seção vindo aqui, que também terá feito estes até mesmo escreve tudo está realmente olhando muito bom até agora. Agora o que? Vamos em frente e fazê-lo começar a preparar-se para os próximos cursos. Certo? Então tudo o que eu vou fazer aqui é clicar aqui, e eu vou copiar este rolo de seção todo o caminho para baixo. Vou colar isto aqui, e vou chamar isto de marca digital ao ver cursos. Agora vamos adicionar o resto dos nossos cursos. Mas lembrem-se, pessoal, agora não vamos ter todos os cursos completos. Vamos ter todos os vamos chamá-los de cursos axilares. Cursos menores chegando e menores ainda podem ser como 10 horas mais, mas ainda menores do que o completo. Então agora vamos com um projeto com três colunas esta ciência. Vamos mudar um pouco as coisas. Então, sem mais delongas, vamos passar para a terceira parte. Estamos adicionando todos os cursos adicionais com o design de três colunas vendo os próximos caras da palestra 6. Design: página de cursos - Template de colunas: Ei, pessoal, bem-vindos à terceira parte. Vamos mergulhar. Então nós viemos para em nossa página de cursos, certo? Fizemos o acima a seção de dobra não foram criados, os cursos de negócios e também nossos cursos completos de marketing digital. E fizemos isso em duas colunas configuradas para chamar o sinal. Agora o que vamos em frente e fazer é adicionar um par de cursos extras. Agora, este é o esboço básico que eu disse no início. E como podemos ver no começo, estávamos vendo Dob duas colunas. Em vez disso. Então estamos fazendo duas colunas para negócios para completar. Agora vamos passar para fazer três. Ok, então nós vamos ter 123 quatro linhas de três colunas, e então nós vamos terminar tudo com duas linhas fora duas colunas novamente. Então 123 e quatro, vamos em frente e criá-los. Então isso vai ser surpreendentemente rápido e simples porque já fizemos todo o trabalho duro . Então, o que, eu vou ir em frente e fazer é ir em frente e clique aqui para adicionar modelo. Eu vou para os meus modelos e eu estou indo para colocar o modelo de cursos de três colunas e apenas inserido. Francamente, sim. E, claro, vamos apenas ir em frente e ir para configurações e alterar o layout da página para Elemental cheio com. Tudo bem, então aqui está. Está aqui em baixo nos cursos de marketing digital. E então nós temos o bom e velho fundo aqui, o sinal mais antigo e tudo mais. Mas porque temos feito todo o trabalho duro lá, tudo o que precisamos realmente fazer Vamos em frente e clique direito aqui, lidar com isso. Eu vou para baixo para esta seção e apenas colar estilo. Lá vamos nós. Então agora temos um fundo branco. Agora, eu vou fazer o mesmo para as colunas. Então eu estou indo apenas para o botão direito Coupet e, em seguida, clique aqui e eu estou indo para colar estilo e eu estou indo para colar estilo, e então eu estou indo para colar estilo. Lá vamos nós. E depois vou remover este botão. Vou clicar com o botão direito do mouse em deletar assim. E eu também vou remover este cabeçalho porque nós já fizemos o nosso próprio aqui em cima. Vou deletar esse desse jeito. Ok, então vamos apenas dar uma olhada neste design agora e ver o que temos rolando para baixo e podemos ver que isso está realmente parecendo muito, muito agradável. Então esta seria a primeira fila. Agora vamos ter quatro filas dessas três colunas configuradas, certo? Então nós estamos tendo as duas colunas configuradas aqui, e esta é a configuração de três colunas super rápido e super fácil de fazer. Agora vai ser ainda mais fácil, porque tudo o que precisamos fazer é ir em frente e clicar aqui em Copious. Nós vamos lidar com essas informações, sua seção vai para baixo, pay sitting. Então, são dois colados. São três colados e são quatro direitos. E então nós também vamos em frente e nós vamos ter que subir de duas colunas, certo? Então nós vamos lidar nesta seção agora rolar todo o caminho para baixo e nós vamos colá-lo, e nós vamos pagar poupança. Então lá vamos nós. Então agora temos o esboço básico sobre como queríamos olhar, Nós temos 1234 e, em seguida, temos um e dois off também. Então vamos checar isso duas vezes. 123 e quatro fora do três. Direita pode ver os cursos aqui e depois um e dois. Perfeito. Agora tudo o que preciso realmente fazer é ir em frente e mudar isso de pé. Eu só preciso ir em frente e mudar a imagem que eu já pré upload. Eu vou mudar o título, e eu vou mudar a descrição e fora do curso, também mudar os botões que eles realmente vincularam ao curso. Então eu vou fazer isso agora e então eu vou te mostrar o resultado porque nós já sabemos como fazer isso, certo? Tudo bem, meus amigos, eu acabei de adicionar, em todas as informações extras para os cursos, o que significa que eu tenho mudado as fotos, o cabeçalho e a descrição, e então gastar alguns tempo combinando as descrições e combinando os cabeçalhos e tudo para ter certeza de que todos eles se parecem uniformemente com isso. E acredite em mim, isso teria sido terrivelmente chato de assistir, mas felizmente, você já sabe como fazer isso. Então agora vamos ver os resultados. Então aqui está a seção de cursos de marketing digital. Certo. Então aqui temos uma corda aqui é a próxima linha agora notado que isso leva quer um pouco mais. Mas felizmente, apenas adicionando uma linha extra na descrição eles mesmo para fora perfeito isso você pode se safar com isso. Você só quer ter certeza de que tudo é simétrico assim com os fundos, certo? Então, tudo aqui está parecendo muito, muito agradável e limpo. Então eu estou amando esta exibição e como você pode notar o que eu estou rolando para baixo, nunca há três linhas mostradas ao mesmo tempo. Ou você tem um cabelo e, em seguida, você tem a próxima linha, significa que temos 12 linhas sendo exibidas ao mesmo tempo aqui. Mas à medida que se desloca para baixo, esta estrada desaparece. E depois vem o próximo. Então nunca mostramos três filas ao mesmo tempo. Quero ter espaço suficiente para isso. E depois temos os dois aqui e os dois aqui. Então, pessoal, estou super feliz com isso de lado, é só mais uma coisa que eu vou acrescentar. E isso é todo o caminho aqui em baixo, no fundo. Vou em frente e clicar em nosso modelo mais uma vez e eu vou adicionar no e-mail muitas vezes com esta seção menor, e eu vou clicar em Sim, e como sempre, nós vamos para as configurações. Mudamos para layout da página e, em seguida, l um mentor cheio com fora de curso. Se você usar algo como tela, você vai usar câmeras, mas nós vamos mudá-lo de volta, certo? Não vamos usar a barra lateral. Tão perfeito. Aqui temos. Já parece ótimo, e sabemos o que não parece. O que é tão maravilhoso sobre isso é que estamos oferecendo todos os cursos aqui, e então chegamos ao fundo. Com sorte, vamos fazer com que se inscrevam nos nossos cursos, que compram algo e se inscrevam aqui. E se eles estão nervosos sobre comprar um dos cursos aqui, eles vão realmente estar recebendo um dos cursos de graça. Então isso significa que eles têm uma ótima introdução que pode ter um gosto por mais. É apenas uma maneira muito agradável de construir sua lista de e-mail e apresentou seu túmulo de visitantes ou fora de seus produtos. Certo? Então estou muito feliz com isso. Tudo o que eu preciso fazer agora, finalmente, é apenas ir em frente e certificar-se de que os botões aprender mais estão ligados corretamente, certo? Eu quero ter certeza de que eles estão ligados onde eles deveriam e fora do curso sobre as opções de link. Eu quero ter certeza de que eles abrem em uma nova janela super importante. Caso contrário, as pessoas vão desaparecer do seu site e da sua página, e você quer que eles vão para o núcleo diz que no nosso caso é realmente sobre você demanda Então você queria ir para a Uni, mas ainda assim ficar Aqui. Agora, se você estiver vendendo seus produtos em seu próprio site, talvez queira mudar para saber mais agora, por exemplo. Mas para nós, já que estamos tendo nossos cursos e você para mim, eles realmente aprendem por eu acabar na página de destino idiota. Então, é uma maneira de aprender mais, chegar à página de destino, pré-visualizações e vídeo, e então talvez eles vão comprar nosso material. Então, pessoal, ótimo trabalho como notaram. Isso foi super fácil de fazer, exceto mudar as imagens e fazer os cabeçalhos e descrições que levou um tempo. Mas este sinal foi realmente super rápido e super fácil de fazer, porque tudo o que precisávamos fazer era usado para modelar e, em seguida, lidar. Isso compensa o estilo do que tínhamos feito antes. Agora você sabe como usar o mesmo estilo em uma página inteira ou em páginas diferentes. Super rápido, super rápido. Vamos seguir em frente e começar a assinar na próxima página. Vejo vocês na próxima palestra, pessoal. 7. Design: Sobre a página: Muito bem, pessoal, nesta palestra, vamos começar a desenhar a nossa página sobre. Então, vamos começar. Então sabemos que o exercício já com o back-end para o site, vamos para páginas todas as páginas. Em seguida, vamos encontrar a nossa página sobre que criamos antes, então eu vou apenas clicar em editar e, em seguida, adicionou com L um mentor. E como sempre, nós vamos para baixo para configurações nós vamos para Há layout de página e, em seguida, er elemental cheio com incrível. Então vamos começar agora, pessoal, pessoal, na minha opinião, porque fizemos um trabalho tão bom em nossa página inicial e no início dela aqui, paciente até estava falando sobre si mesma e o que você faria em nossa página de cursos? Nós não precisaríamos necessariamente de uma página sobre neste momento porque temos nos apresentado e o que estamos a fazer. Então, bem, no entanto, vou mostrar-lhe como você pode fazer um rápido, mas ainda muito eficaz sobre página. Então o que eu vou ir em frente e fazer é clicar nos modelos aqui e, em seguida, nas páginas que eu vou procurar por AB sobre porque, é claro, vai ser premade templates para sobre páginas, e então nós podemos apenas olhar através, encontrar alguém que parece legal. E eu sou atraído por este porque é um sinal muito simples, então eu vou dar uma olhada. Então é um design muito simples acontecendo, e podemos redirecioná-los para mostrar para outros canais, como um Twitter do YouTube. Nós realmente não você passo faria usar instagram para que pudéssemos adicionar Instagram aqui e depois Facebook, certo? E então há algumas coisas adicionais aqui que podemos editar. Então vamos em frente e usar isso. Vou clicar na inserção. Tudo bem, então aqui estamos nós. Primeiro de tudo, vamos decidir o que realmente queremos usar aqui. Agora temos sobre nós. Temos um bom passado. Eu estou realmente gostando disso e ele tipo de colocar com o nosso tema já e com o nosso tema de cor , certo. Mesmo que isso seja mais laranja, eu realmente gosto. Vou mudar isso. Mas não há nada no design que eu queira mudar aqui. Então, é claro, nós vamos mudar através disso. Não tem o logotipo do Twitter que diz Facebook, certo? Vamos mudar para Instagram. E depois temos a nossa história, que acho muito bonita. Eu vou ir em frente e realmente remover este coração mesmo que nós amamos corações. Isso é adorável. Desculpe o trocadilho. Acho que não se encaixa com o design aqui. Pelo menos não a que tenho em mente. Então eu vou remover esse, e eu vou para baixo, e eu vou realmente ir em frente e remover o vídeo e esta parte também. E também vou remover estes porque não vamos usar no carrossel de imagem . Então isso é chamado de carrossel de imagem. Você pode ver que eles adicionaram em vários aqui, vai haver uma rolagem por se você está realmente visitando a página, eu vou em frente e apenas remover isso. Vou em frente e remover isso também. Então agora você está vendo um sinal bem simples em limpar este sinal, certo? Então vamos começar a partir do par de cima. Agora temos sobre nós, o que eu acho que pode estar lá porque essa é a nossa página sobre, certo? E então nós vamos apenas ir em frente e editar isso leva, eu vou clicar em cuidado e eu vou mudar. Isso leva. Então isso leva bem aqui. Vou editar daqui a pouco. Mas eu vou fazer no entanto seu foco um pouco mais no design. Certo. Então nós temos um Facebook, então isso é realmente ótimo, mas nós não usamos ou temos que Witter. E também diz Facebook aqui por alguma razão. Então, o que? Vou em frente e mudar sexualmente para o Instagram. Se eu clicar nisso, podemos ver isso aqui em cima. Agora, isto é dizer que eu venho caixa que usamos estes antes. Agora o que vou fazer é remover o Twitter assim e vou procurar o Instagram. Lá vamos nós assim e, em seguida, abaixo aqui, eu vou apenas escrever Instagram. Ok, agora, claro que eu quero mudar as cores também porque estamos usando o azul do Facebook aqui, o vermelho do YouTube aqui. Mas isso é algum tipo de cor azulada estranha para o Instagram agora. Instagram É complicado porque eles estão usando Grady e cores significando um monte de diferentes . Mas a cor mais proeminente para o Instagram é o tipo de cor avermelhada ou púrpura que eles têm. Então eu vou em frente e apenas no Google. E aqui, vou procurar o Instagram Hex Caller Red. Lá vamos nós. Então a primeira coisa, normalmente você pode simplesmente ir em frente e copiar este código, mas eu sei que este é o código de cor azul. E novamente, o logotipo do Instagram é um monte de cores são geralmente não vai haver este tipo de problema . Então, vamos descer e verificar isso. Qual é a cor do logotipo do Instagram? Aqui vamos nós. E então temos o hexágono vermelho Violet. Ok, este é o código que eu estou procurando. Então eu vou em frente e pegar essa cópia, e então eu vou voltar. Eu vou entrar, ouvir clicar aqui, passar para o estilo, e primeiro mudar a cor do ícone, certo? E quando eu clicar aqui, limpar este colado e sua ajuda ISS é uma cor realmente agradável e definidor. Estou amando isso. Vou fazer esta cena com concurso. Vou apenas clicar no conteúdo aqui. Podemos ver que ainda tem essa cor azul. Vou limpá-lo. Ponha aí dentro. E lá vamos nós, parecendo muito, muito mais agradável. E então nós vamos adicionar algum texto aqui também. Mas vou fazer isso muitas vezes. O design, primeiro lugar, eu quero pregar o design aqui. E então temos nossa história bem em nossa história, na verdade, realmente como essa parte agora nossa história vai ser sobre como construímos esse negócio, por que estamos fazendo o que estamos fazendo. Queremos fortalecer a conexão emocional. Mas há mais uma coisa que eu quero acrescentar aqui que é super importante, e que é algum tipo de funil. Agora olhe aqui em baixo. Você pode ver que não há nada acontecendo quando eles vêm aqui e eles começam a aprender um pouco sobre aqueles estavam canalizando para outros sites que nós vamos ter certeza de que eles serão enviados com um em uma nova janela, certo, para que não os percamos como visitante em nosso site. Mas o que também queremos fazer quando eles descerem é dar-lhes incentivos para irem para outro lugar . Isto é como a arquitetura oferecer um site. O que acontece quando eles percorrem todo o caminho até o fundo? Ainda temos este menu, mas queremos mandá-los para algum lugar. E qual é o melhor lugar para enviá-los? Essa vai ser a lágrima das estrelas. Para começar aqui é tudo sobre segui-los, aquecê-los depois de quem somos, o que estamos prestes a enviá-los para nossos cursos. Então simplesmente vou aqui com os elementos para os quais vou passar, mas alguns e eu vou colocá-lo lá embaixo. Vamos tornar isto muito simples. Vou centrá-lo. Eu vou escrever. Comece aqui. Agora, este botão e o incentivo ou melhor, o chamado à ação para clicar nele vai fazer muito mais sentido quando eu ler e pregar este texto, certo? Mas vou desenhar tudo agora. E eu ia ouvir o espaço entre o fundo aqui e o texto também. Então, vamos mantê-la pequena à frente. Bem, vamos com médium. Na verdade, sim, parece melhor. Vou passar para o estilo, e depois vou para a tipografia porque quero transformá-la em maiúsculas. Acho que parece muito melhor. Ótima. E então nós vamos para o efeito pairar porque eu amo isso como perfeito nós vamos usar crescer. Então vamos começar esse bom efeito, ok? E então vamos começar a editar esta seção aqui. Então eu vou clicar aqui em cima, avançar para que possamos ver que no fundo há algum estofamento acontecendo, o que faz muito sentido. É assim que temos este olhar bonito. Mas queremos que o botão fique mais perto. Então eu vou apenas ir em frente e brincar com a lista de 15. Acho que 15 parece muito bom. Pelo menos vamos ver. Vamos visualizar as alterações e ver como elas ficam. Então é isso que estamos tendo agora. Vamos rolar para baixo. Temos a nossa história, e depois temos este começo aqui, mas isto é super limpo e super simples. Para ser honesto, tudo o que fizemos foi remover algumas coisas. E agora vamos editar isso. Vou colocar os links aqui. Também podemos ver que eles têm um efeito de sombra pairar. Está muito bonita. E então eu vou ligar isto começa aqui a este começo aqui, Page. Mas antes de tudo, deixe-me esclarecer em alguma descrição para que eu possa mostrar-lhe o que eu li. Por que escrevi e mostrarei como fica quando estiver tudo feito e acabado , será terrivelmente chato de se olhar. Por que escrevi e mostrarei como fica quando estiver tudo feito e acabado Então eu só vou te ver em um segundo. Tudo bem, então é assim que parece e o que temos até agora, eu realmente me encaixei, ponto final. Diz Robin. E só para LTD é uma empresa. Isso começou sua jornada 2016 com uma única pergunta em mente. Como você começa a ganhar dinheiro online do zero? Agora, esta é uma bela introdução maravilhosa, especialmente deixando-os com uma pergunta. Como é que tudo começou? Certo. As pessoas estão aqui na seção sobre os EUA para saber mais sobre nós, então estamos dando a eles a história agora neste modelo, estamos seguindo-os diretamente no Facebook. Tem também lendo que eles podem visitar o Facebook para aprender sobre as últimas tendências em marketing digital Instagram para aprender ou se eles estão apenas interessados em nossa vida cotidiana e, em seguida você para ver onde tudo começou. Isto é o que começamos. Nossa jornada é se eles realmente querem nos conhecer quem somos, que somos. Temos muitos tutoriais no YouTube e também temos o nosso início no YouTube de quando estávamos fazendo vídeos em sueco e tudo mais e trabalhando na empresa. Certo? Então, há muitas coisas boas aqui, e também há muitas provas sociais de quanto e quão grande nós crescemos nesta plataforma. Por exemplo, no YouTube, temos ah, acredito que está lá em 15 milhões de visualizações agora, o que é enorme. E depois tenho de ler a nossa história e descrever como tudo começou, certo? E então eu estou terminando a nota com este site, e o negócio é o resultado disso, e agora nós queremos compartilhá-lo com você. Comece aqui. Então agora você pode não ter lido tudo isso, mas eu estou basicamente dando a eles a história. Como tudo começou, como aprendemos o que funcionou, e quero compartilhar isso que aprendemos claramente que funciona porque já há tanta prova social neste site. É sem sombra de dúvida que este sistema que temos funciona, eles podem aprender mais sobre ele aqui clicando no início. Aqui, Page direita, até agora tudo bem. Agora, a única coisa que eu realmente quero mudar é que eu gostaria de realmente mudar a perspectiva ou que o sinal desta parte, como você pode ver, tudo está girando ou desenhando para a direita como nós fizemos. Só há uma estrada aqui, e é colocada à direita. Faz sentido porque então você não precisa do espaço entre as colunas. Mas parece terrível. Por exemplo, esta parte, na minha opinião. Então o que vou fazer é voltar aqui. Eu vou ir em frente e lidar com isso e clique cuidado e simplesmente colar estilo. E então vamos pré-visualizar as mudanças. Então já está parecendo muito melhor. O que eu quero, no entanto, é um pouco mais de espaço entre estes. Então eu vou em frente e voltar. Vou clicar para chamá-lo aqui, passar para avançado, e então vou definir alguma margem para o elevador. Vamos lidar com isso e vamos definir 10 eu acho que vai ficar bem. Nós também podemos ir em frente e escolher chamá-los aqui fora. Este moveu-se para avançar em um “D”. E então vamos definir 10 para a direita aqui. Ok, então vamos em frente e olhar e visualizar as alterações e ver o que temos rolando para baixo. Ok, então há um pouco mais de espaço no meio daqui, e eu realmente estou gostando do olhar fora disso. Estou super feliz e animada com isso, e está parecendo muito, muito legal. Agora você não precisa ter uma página sobre nós uma página sobre mim, mas pode ser uma boa idéia, especialmente se você realmente não incluiu um monte de informações sobre si mesmo. Se você está indo para um minimalista este sinal em seu site agora, nós realmente temos um monte de informações sobre quem somos, o que estamos sobre etcetera na página inicial para começar aqui e no curso é página. Mas ainda estamos fazendo a página sobre nós, a fim de saber com que rapidez e como simplesmente você pode criar esse tipo fora da página. Certo? Isso foi feito em praticamente nenhum momento, e parece muito, muito bom. Então, o que? Eu vou em frente e fazer agora, pessoal, é que nós vamos mudar e começar esta assinatura. O recurso é a página. O recurso é página é super importante. É aqui que podemos nos divertir muito com nossos links de afiliados, onde podemos dar e trazer muito valor aos nossos visitantes, apenas mostrando a eles o que estamos usando, o que recomendamos e que trabalho. Então vamos para a próxima palestra e passar e começar a assinar. Um recurso é Página. Vejo vocês lá, pessoal. 8. Design: página de recursos: Tudo bem, pessoal. Bem-vinda de volta. Vamos começar a desenhar. Nosso recurso é Page. Você sabe o que fazer. Começamos na parte de trás e para páginas do site. Todas as páginas que vamos para o recurso é que vamos clicar em editar e, em seguida, terminou com elementos estão para baixo. Duas configurações alteram o layout da página para completo com, e lá vamos nós. Honestamente, é quase como se tivéssemos feito isso antes, então vamos começar agora. Para começar corretamente aqui, eu realmente quero mostrar algo interessante. Agora, se você seguir em frente e você clicar em templates aqui, você já saberá que se você quiser usar um determinado bloco, nós temos a seção de blocos aqui. Você pode simplesmente percorrer eles, escolher um bloco, começar a editá-lo, usá-lo, etc. E há blocos fora do Tom para você usar. Mas há outra coisa que você pode fazer que não muitas pessoas, eu acho que realmente utilizam corretamente. E isso é ir para páginas e realmente encontrar uma página aqui. Isso parece muito bom. Pegue esse bloco do colado que você deseja usar e pule o resto. Então, se olharmos para este, por exemplo. Podemos ver que temos um cara muito legal. R Você não vai encontrar isso na seção de bloco, mas este bloco em si é uma parte da página. Então o que poderíamos fazer é que pudéssemos inserir esta página inteira e, em seguida, remover todo o risco que existe e apenas usar este bloco. Então vamos em frente e fazer isso agora mesmo. Vamos clicar em inserir, e aqui estamos agora rolando para baixo. Nós só vamos remover todas essas coisas, uma por uma. Lá está ele. Aquele se foi. Este já se foi. E você sabe, curiosamente, esta é realmente realmente uma página muito legal se você quiser usar. Este é um recurso é página que você poderia conduzir montando qualquer recurso que é que você quer escrever sobre aqui adicionando uma imagem fora dele Aqui, faça o mesmo. Aqui, Aqui, Isto é como este alguns foi feito para o recurso é que eu posso recomendar fortemente este, mas eu quero mostrar-lhe e decidiu que eu realmente gosto e que você pode copiar se você quiser. Você pode fazer seu próprio projeto, mas eu quero que você saiba como fazer isso. Então vamos continuar removendo um casal que não queremos. E lá estamos nós. Certo, então vamos começar a editar. Primeiro de tudo, eu quero mudar isso e então eu vou escrever algo como o recurso é usar algo assim, certo, certo, porque nós só vamos recomendar coisas que usamos e empresas que nós realmente podemos fique para trás. Agora, lembre-se, se você fazer um recurso é pager seu afiliado com algum tipo de empresa. Se essa é uma má empresa e você está recomendando, não vai ficar bem em você. Então, o que fazemos é que apenas recomendamos as empresas que usamos que confiamos e que gostamos. Claro, se eles oferecerem um ótimo serviço, nós vamos recomendá-los. Então eu vou escrever. O recurso é que usamos. E na verdade, eu estou cavando isso, então eu vou deixar isso por agora, e então eu vou mudar esse texto, e eu vou escrever algo como aqui está uma coleção fora. Todo o nosso recurso mais valioso é que vemos uso e calorosamente rec comando. E agora vou fazer algo super importante. E já falamos sobre isso antes, certo? Eu vou fazer isso. Vou clicar aqui. Eu vou apertar Enter para que nós realmente, você vê, ele salte para baixo assim e eu vou escrever aviso de isenção. Alguns links serão links afiliados. Lá vamos nós. E agora o que você deve fazer dependendo de quem você é, qual é a sua relação com seus visitantes, etc. Você poderia realmente estar escrevendo algo extra abaixo com o milho é algo como uso de links afiliados significa ou você poderia até mesmo adicionar em uma página inteira corrida adicional sobre links de afiliados água são e por que você usá-los. Porque quando as pessoas descobrem que links afiliados é realmente quando você o proprietário fora do site, obter um corte para recomendá-lo e que eles geralmente obter um negócio muito melhor por causa disso , então geralmente os visitantes estão muito felizes em estar clicando no link do afiliado. Caso contrário, só soa como pessoas, ou você está recomendando a empresa por um dinheiro rápido. Mas não é disso que se trata. No final você pode explicar o modelo fora, a empresa recebe uma venda, você recebe uma parte e eles conseguem um acordo melhor. Eles saberão que é uma situação de vitória vitória vitória vitória vitória. E geralmente queremos ser realmente abertos que usamos links de afiliados e é realmente uma coisa boa é uma coisa muito, muito boa. OK, mas por enquanto, vamos manter isto simples. Então, em seguida, vamos começar a fazer um projeto, e eu quero mostrar a vocês que tipo de decidir se vamos usar. Vou clicar no mais aqui, e vou usá-lo para chamá-los de design. Então, a maneira que vamos estar fazendo isso é que vamos nos mover para elementos aqui , e eu vou estar usando um lá. Está na imagem à esquerda. Está bem. E eu vou usar um caminho para a direita. Ok, então o que eu vou fazer é realmente colocar um grande estofamento em torno disso. Então o que eu quero dizer com isso é que mesmo que nós temos camada isso em todo o site como este, como o acima da seção de dobra, nós vamos fazer um grande estofamento porque nós queremos ter este design de espada fora da caixa aqui , certo? Então não queremos usar muitas tomadas que não queremos usar para imagens grandes. Então vamos tornar isto muito estreito. E neste tipo de design estreito, vamos usar na imagem fora da empresa. Nós vamos descrever a empresa aqui, e então nós também vamos para ir em frente e adicionar algum texto sobre a empresa e potencialmente o negócio. Assim, as empresas e o recurso é que vamos ser recomendados seria hospedeiro azul. Quero dizer, nós amamos esses caras. Elementar, obviamente, elementar é ótimo. Você não precisa tê-lo, mas é ótimo se você quiser ir com o completo off, falhar para criar vídeos incríveis no Instagram Feed de volta com o qual é torna a vida realmente grande quando você está fazendo Amazon FDA fora do curso você para conhecer e participação de habilidades. Portanto, estas são as ferramentas que estamos usando e podemos recomendar calorosamente. Ok, então o 1º 1 vai ser o hospedeiro azul. Então o que eu vou fazer aqui é que eu vou clicar aqui e eu vou escrever hospedeiros azuis assim. Ok, agora eu vou mudar para elementos, e eu vou adicionar um texto abaixo como este. Lá vamos nós. Certo, então temos hospedeiro azul. Vou clicar aqui, e vou adicionar o logotipo azul do host. E eu já tomei a liberdade de ir em frente e carregar as imagens que transformei em J pic. Eu os comprimi, você sabe o acordo. E se você achar sua biblioteca de mídia assim, isso é porque você está recebendo um monte de fotos quando você está realmente usando um modelo, um modelo de página ou até mesmo um modelo de bloco. Então não surte. Se for assim, você pode simplesmente ir em frente e clicar neles. Use mais se quiser, mas clique neles e, em seguida, exclua permanentemente e eles se foram. Ok, eu vou rolar para baixo, e nós vamos estar usando este aqui. Certo, esse é o logotipo do Blue Host. Vou clicar em inserir mídia para que você possa ver que é realmente grande. Você pode ver que este não é um bom design. Se formos em frente e visualizarmos as mudanças agora e eu rolar para baixo, você pode ver que eu quero dizer, nada muito impressionante, certo? Não estou amando isso agora. Então, o que? Quero dizer, quando estou falando sobre eles mais encaixotados. O sinal é que vou em frente e clicar aqui, certo? Vou editar esta seção. Eu vou para o Advanced, e então eu vou adicionar uma grande quantidade de looks de preenchimento. Vamos começar com 200. Vamos enlouquecer. Vamos com 300 assim. Está bem. E então eu vou lidar com isso porque eu não quero muito enchimento em cima. Nós poderíamos fazer. Talvez com não faça algo de louco, vamos fazer com dois 100 rebatidas no topo por enquanto. E agora vamos visualizar essas alterações rolando aqui para baixo. Podemos ver que há muito espaço na vida. Há muito espaço à direita, e é assim que quero mantê-lo. Para que isto assine. Quero mostrar aos pesquisadores que temos um aspirante direto ao ponto, e quero oferecer-lhes algo certo. Quero oferecer-lhes um acordo ou se não houver acordo como você não precisa usar link de afiliado . Se não houver afiliado, por exemplo, você está apenas oferecendo o link para que eles possam pegá-lo e começar a usá-lo. Isto é tudo sobre trazer valor para os visitantes, certo? Nunca se esqueça que isso é sobre trazer valor. Então o que estou vendo aqui é que essa é uma maneira muito grande que esperamos ser e eu quero mais espaço para o texto. Então eu vou voltar, e eu vou mudar o show de raios aqui. Então vamos fazer algo como, vamos passar para 28. 72. Talvez isso esteja exagerando um pouco. Lister 35 65 e eu vou ver as mudanças e ver o que temos. Então, ainda é muito grande. Na minha opinião, vou voltar para cá e vou descê-lo. Vamos passar para 28. Vou pré-visualizar as mudanças de novo. Tudo bem? Então, na verdade, agora estamos falando um pouco mais, certo? Eu vou continuar e aumentar esse preenchimento ainda mais porque eu realmente quero falar com esse. Então vamos com 400 por enquanto e ver o que conseguimos. Está bem. E então 400 aqui, e então eu vou clicar. Pré-visualizar alterações. Ok, então isso é exatamente o que eu estou procurando. Estou super feliz com isso agora. Há apenas mais uma coisa que eu quero fazer com este aqui, e que é colocá-lo em um livro literal, ok? E a maneira de fazer isso é super simples. Agora o que vamos fazer é começar com esta coluna. Agora, vou clicar aqui para editar a coluna. Vou passar para o estilo, e aqui em baixo, temos o Border King. Agora tudo o que eu preciso fazer é definir o tipo de borda para Saul It Eu vou resolver o tipo de fronteira, e então nós temos o seu fundo vertical e elevador. Se eu clicar em um como este, ele realmente tem uma borda. Você pode ver isso, certo? E então eu vou em frente e eu faço o mesmo. Meu clique na edição desta coluna e eu vou para o estilo e eu vou para a fronteira e eu apenas mudar você muito sólido, e eu clicar em um. Então agora esta está pedindo uma fronteira. Bem, então se eu for em frente e eu puder vir pré-visualizar mudanças, podemos ver que elas estão realmente tendo fronteiras ao redor delas agora. E isto está muito bonito. É só uma coisinha. E isso é que esta linha entre aqui que realmente não parece muito agradável faz porque isso os separa e eu quero que eles estejam em um grande agradável livro. Então o que eu vou seguir em frente e fazer é eu vou voltar aqui e eu vou começar com a edição desta coluna. Vou mudar-me para cá, e depois vou ligar estes valores porque queremos remover as fronteiras certas. Vou clicar neste 20 e passar para esta coluna, e depois vou estilizar a fronteira, e depois vou traficar, e vou remover a esquerda. Vou clicar neste 1 para 0. E agora vamos apenas visualizar essas alterações rolando para baixo. E isto já não está muito mais bonito? Grande, grande fã fora. Está muito feliz com isso agora? O que eu quero fazer em seguida é adicionar um pouco de preenchimento porque eu só acho que está um pouco apertado lá dentro. É muito apertado. Então eu vou em frente e ir para a edição da coluna assim. E agora eu vou passar para avançado aqui, e eu vou sentar um estofamento. E vamos tentar algo como San. Temos que lembrar que estes ar já está assinando agora. Então eu vou fazer o mesmo por esta coluna, certo? Vou com o Paddington e depois clicar nas mudanças anteriores e ver o que estamos conseguindo. Tudo bem. Então, nada muito louco. Eu acho que nós podemos realmente aumentar isso um pouco. Então vamos empurrar o limite um pouco. Nós vamos com 30 indo para fazer a mesma coisa aqui. Vou pressionar este até 30 e depois vamos pré-visualizar as mudanças novamente. Há muita pré-visualização. É assim que o design funciona, sabe? Então isso está começando a parecer mais e mais adorável. Estou cavando isso. Está bem? Muito, muito bom. Então o que eu gostaria de fazer é realmente aumentar o tamanho um pouco aqui. Vou em frente e fazer isso. Você pode ver que não parece muito bom aqui. Certo? E, no entanto, quando vamos aqui, está muito bonito. Então eu vou clicar aqui, e então eu vou apenas ir em frente e aumentar isso para vamos para 29. 30.2. Isso vai ficar bem. E eu também vou entrar aqui e eu vou adicionar um fundo aqui embaixo. E nós vamos escrever algo como tentar agora neste fundo exatamente assim. E claro, eu vou querer estilizar isso. Já fizemos isso tantas vezes antes, certo? Vou transformá-lo em letras maiúsculas como essa. Vou mantê-lo de tamanho pequeno, com certeza. E então eu também vou ir em frente e movê-lo para a animação pairar e pairar e depois crescer assim. Então, vamos visualizar essas mudanças. Então, isto está muito bonito. E a próxima coisa que eu vou querer fazer é realmente remover o espaço entre aqui porque isso é ter muito espaço no meio e eu quero enviar para a imagem. Vamos em frente e fazer essas duas coisas. Vou clicar nesta imagem. Vou centrá-lo assim e também podemos o diminuiro tamanho. Este é ir com médium it. Você pode ver quando perde muita qualidade 9. Design: página de recursos parte 2: E então eu vou seguir em frente e clicar nesta coluna bem aqui. Vou passar para avançado, e temos o estofamento, certo? Vamos vender o estofamento e, em seguida, partir para o elevador. Nós vamos remover isso. Mantenha-o no zero. E agora isto. Visualize as alterações novamente. Tudo bem, então isso está parecendo muito melhor com esse espaço acontecendo aqui. Agora o que eu vou querer tentar a seguir. Como não estamos vendo muito movimento na imagem aqui, o que provavelmente tem a ver com o tamanho da imagem, eu vou começar a brincar com os botões. Então, vamos voltar. Vamos clicar neste botão e tentar centralizá-lo e, em seguida, clicar em pré-visualizar alterações. Certo, agora temos alguns resultados. Podemos ver que este corpo está bem aqui embaixo. Agora, claramente, esta imagem, na minha opinião, é um pouco pequena demais porque até mesmo o botão pequeno é maior. Então eu quero ter isso amontoado. Bom olhar para assinar, mas eu não quero ter esses botões grandes. Então vamos em frente e torná-lo ainda menor e verificar. Então isso está muito bonito, pessoal. Ok, então o botão ainda é um pouco maior, mas por causa da altura, eu estou realmente cavando isso. Isto é mais direto ao ponto. Então tudo o que eu realmente preciso fazer em seguida é ir em frente e clicar nesta seção aqui, e eu vou ir em frente e clicar em copiar, e então eu vou descer aqui e eu vou colá-lo dentro. OK, agora , claro, há algumas coisas que vamos precisar mudar nesta. Vamos avançar, e depois vamos pôr as palmadinhas no topo. Queremos removê-lo assim. Eles iriam. E então para este, este superior quer avançar se quisermos remover o tapinha de baixo. OK, então agora podemos ver que eles estão realmente se conectando. Então, agora, se eu sair e visualizar as alterações e rolar para baixo, podemos ver que elas estão se conectando. E isso está parecendo muito, muito bonito. Eu estou cavando que agora você pode ver que esta linha é realmente muito forte. E isso é porque há duas linhas que estão cortando e cortando por aqui. Então tudo o que precisamos realmente ir em frente e fazer é voltar e, em seguida, clicar em um destes iria para ir com este por enquanto. E então nós vamos clicar na coluna da direita e nós vamos para Style Border, e então nós vamos encontrar a borda superior. Vamos clicar em zero. Vamos fazer o mesmo com essa borda de estilo de borda, e então vamos ficar muito sérios. Então vamos sair e pré-visualizar as alterações. Ok, então já está começando a parecer muito melhor, não é? Então, se formos em frente e olhar para quantos recursos é que vamos usar vai ser 12345 e seis recurso é. E agora temos de o fazer. Então vamos em frente e preparar isso certo? Então o que eu vou fazer é preparar isso um pouco. Vou clicar na edição desta seção e, em seguida, vou remover o preenchimento inferior assim. Está bem, isto está muito bonito. Agora, lembre-se, eu já fui em frente e eu removi a borda superior para estes. Então, agora, quando eu for em frente e eu puder ser essa seção inteira, eu posso simplesmente colá-la aqui e vai funcionar. São três no total quatro, cinco e depois seis. Então vamos em frente e visualizar essas mudanças tão fantásticas, nós adicionamos em todas essas mudanças. Agora tudo o que eu vou fazer é começar a editá-los e depois adicionar as informações que eu quero adicionar e quando eu tiver feito quando eu adicionei as imagens, quando eu li nos cabeçalhos e eu li nas descrições que você já sabe como fazer o certo e, claro, ligado. Mas alguns e tudo mais. Então vou mostrar-lhe os resultados finais. Vemo-nos daqui a um segundo. Tudo bem, pessoal. Então aqui temos os resultados. Acho que já está bonito. Eu tenho sido um trabalho muito simples, mas boa aparência fora escrevendo o cabeçalho e as descrições para todos esses cursos. Agora há mais algumas coisas que eu quero fazer aqui e o 1º 1 sendo que eu quero aumentar o tamanho do cabeçalho e eu também quero aumentar o tamanho da descrição. E então eu quero centralizar esta seção nesta coluna. Você pode ver que o Texas vai aqui, mas este é o botão tentar agora eo logotipo é realmente um pouco acima nesta coluna. Então, uma coisa de cada vez, certo? Então o que vamos seguir em frente e fazer é eu vou começar clicando em Blue Host, ir para a tipografia de estilo, e eu vou estar brincando um pouco com o site. Então vamos tentar algo como, você sabe, ganhar c cinco. Vamos com 25 só ver o que isso parece. Então, parece muito melhor, na minha opinião. Então eu estou cavando 25. Eu só vou direto em um pau com ele. Normalmente eu vou para frente e para trás e tento diferente, mas estou muito feliz com isso. Então eu vou para a descrição aqui, vou mudar para o estilo e depois tipografia, e eu vou estar brincando um pouco com isso também. Então vamos tentar 70 e ver o que acertamos. E eu vou pré-visualizar essas mudanças. Então eu estou cavando esses grandes, grandes momentos. Você pode ver que há muito mais espaço tipo de ser criado aqui também, que eu estou realmente gostando agora. Você também pode notar que, por alguma razão, ainda temos a camada superior fora da fronteira aqui. Então eu vou em frente e cuidar disso agora, também. Então eu vou voltar. Eu vou entrar aqui para esta coluna vai ser estilo fronteira. E por alguma razão, a de cima está ligada. Eu só vou remover isso assim. OK, então este aqui, o tamanho está ótimo. Decisivo. A descrição é ótima. Agora eu quero enviar através destes dois, então eu vou em frente e editar a chamada deles aqui mesmo. Está bem? É nesta coluna e, em seguida, aqui no layout, temos a linha vertical. Certo, então alinhe verticalmente. Vou colocar no meio assim. E agora eu vou ir em frente e visualizar essas mudanças para que você possa ver que isso é colocado no meio assim. E eu estou cavando esse grande momento. Acho que está ótimo. Estou super feliz com isso. Agora, mais uma coisa que eu realmente quero fazer e que é aumentar o preenchimento deste aqui só para dar um pouco mais de espaço ao redor. Ok, então eu vou em frente e voltar, e então eu vou para aqui. Temos o estofamento. Vou aumentar para 40 assim. Quatro dias e Ford. E então, sem dizer que precisamos fazer a mesma coisa neste. Avançado. Vou fazer o Fordice direto, assim mesmo. Visualização anômala dessas alterações. Tudo bem, então isso está parecendo muito, muito legal. Agora, vamos apenas ir em frente e copiar. Cole isto a todos os outros, certo? É super fácil de fazer. Tudo o que vou fazer é começar uma das colunas. Não importa qual deles. Vamos começar com a esquerda. Eu gosto de uma arma Copy, e então eu vou colar estilo e eu vou colar estilo e estilo ritmo. Lá estamos nós. Eu vou pagar estilo, e eu vou acompanhar o estilo também. E agora vamos fazer a mesma coisa para esta coluna. Basta ir em frente e copiar colar estilo colar O estilo tudo certo para o estilo tem sido colando para todos. Agora vamos em frente e fazer o mesmo com os batedores. Eu só vou ir em frente e copiar o cabeçalho aqui, e então eu vou me mudar para cá e apenas colar estilo. E finalmente, vamos fazer isso com a descrição, ok? Só vou copiar. Desça aqui e eu vou pagar os caras do estilo. Não fica mais excitante do que isso, não é? Vais continuar a colar este estilo. E agora vamos em frente e verificar as pré-visualizações. Este é o anterior, e agora estamos tendo uma grande mudança, não é? Então temos mais enchimento entre estes, certo? E também estamos vendo que há que estes centrados no ar O cabeçalho é maior. A descrição é maior. É que parece muito bom, não acha? Eu só acho que parece muito bom e muito limpo. Agora eles têm a capacidade de ir em frente e experimentá-lo. Temos a descrição para isso e tudo. Então, estou muito feliz com este design. No geral, há apenas mais uma coisa que eu quero acrescentar e que é apenas um perfeccionista em mim, e que é que vemos que estes são mais grossos. Então, tudo o que vou fazer é voltar. Vou escolher esta coluna. Eu vou para Style Border e depois o topo quando eu realmente vou fazer um pouco mais grosso. E eu vou fazer o mesmo aqui. Vou clicar aqui, ir ao estilo, clicar em Border, e depois fazer o topo um pouco mais grosso. Visualize essas alterações e verifique a parte superior. Agora vemos que é apenas um pouco mais grosso e se encaixa com o resto fora do design. OK, então este que nós temos de graça este que nós mesmos criamos parece realmente bom. Agora, é assim que você vai em frente e você cria seu recurso é página. , Pessoal, não se esqueçam que têm o Pretty Ling. Então vá e pegue seus links afiliados foram para aqueles que você tem links de afiliados para, e então colocar afiliado Ling em seus lindos links para o qual vai ajudá-lo com s e O e também dar-lhe links rastreáveis e bonitos. Então você coloca esse link no botão aqui, certo? Então eles têm algo para clicar. E se você conseguir se conectar em uma empresa, se você falar com eles e recebe uma oferta especial Fantastic. Muitas empresas lhe darão algo para o seu visitante por ser um afiliado. Então vamos passar para a próxima palestra, e vamos começar a editar e projetar nossa página de contato. Vejo vocês na próxima palestra. 10. Design: página de contato: Tudo bem, pessoal. Então vamos seguir em frente e começar a projetar nossa página final. A página de contato dos EUA. Vamos começar. Então já sabemos o que fazer, certo? Estaremos no back-end do nosso site. Vá as páginas, todas as páginas. Então vamos encontrar a página de contato e clicar em editar Colligan ajudado com Elementary. Isso é o que fizemos antes, lembra? E aqui estamos nós. Então já sabemos que as coisas anteriores que fizemos ainda estarão nesta seção bem ali. Vamos colocar tudo em uma seção e podemos fazer o que quisermos com ela agora. Uma coisa com a página de contato, seja apenas contato, entre em contato comigo, entre em contato conosco, não importa o que chamamos. Uma coisa que é realmente importante sobre isso é que quando as pessoas clicam na página de contato , elas querem entrar em contato com você, certo? Quero dizer, é óbvio que faz sentido, mas meu ponto aqui é que eles querem entrar diretamente no formulário de contato que querem escrever para você. Este não é o lugar para colocar um monte de optins. Um monte de informações extras, etc, etc. Então eu me certifico de que vai manter este super duper simples. Assim como este. Já fizemos todo o trabalho pesado. Temos tudo de bom e arrumado, mas vou te mostrar como você pode adicionar uma bela imagem de fundo para apenas, você sabe, viver um pouco e dar um design um pouco mais agradável. Mas eu quero manter este super simplista este sinal direto ao ponto. Com o formulário de contato em si, acho que é perfeito. Então o que vamos fazer é passar para as configurações e, em seguida, mudar o layout da página. Agora você vai notar que não há barra lateral. No entanto, a seção em si é afetada por essa camada padrão. Você pode ver que a seção não vai até os lados. Certo? Mas se eu mudá-lo de padrão para completo com agora, podemos ver que a seção realmente se move todo o caminho para o site. E não se preocupe com isso. Este código ainda funciona. Se eu clicar aqui, você pode ver que o na forma visual é apenas um pedaço de código. Mas se eu clicar no texto vai ser transferido assim. Então não se preocupe. Se você receber este tipo de avisos de código curto, ele ainda vai funcionar na versão final. Ok, agora o que eu vou fazer é apenas adicionar uma bela imagem de fundo para isso. É tudo o que vou fazer. E eu já tomei a liberdade de encontrar uma imagem de fundo em picaretas um dia que eu gosto. Nós já sabemos como fazer isso, e então eu o compactei. Então ele tem um tamanho agradável e já então tudo o que eu vou fazer é realmente clicar aqui em cima, Ted. É a seção que eu vou para estilo e, em seguida, fundo e, em seguida, clássico e adicionar. Agora, eu vou apenas ir em frente e escolher este pássaro e clicar em inserir mídia, OK, e em seguida, apenas indo para ver como ele se parece, você sabe, com as configurações padrão, eu vou para clicar nas alterações de pré-visualização. Ok, então não é a coisa mais impressionante do mundo, certo? Eles são algumas coisas que eu quero mudar, e isso é realmente fazer este se encaixar um pouco melhor. Isso já está em breve. E depois quero brincar um pouco com as cores. Ok, então vamos em frente e fazer isso agora. Eu vou entrar aqui. Eu vou ser o seu estilo. E depois vamos descer para o tamanho. Vou trocá-lo para cobrir. Lá vamos nós. E agora eu vou apenas vir ver as mudanças para ver o que estamos recebendo. Ok, então eu já acho que isso parece muito melhor, na verdade. Tipo como isso entra na foto de mim e do Jesper e nesta forma aqui . Agora, o que eu não estou gostando sobre isso, no entanto, são as cores muito fortes acontecendo aqui, então eu não sou um grande fã disso. Então o que vou fazer é derreter um pouco, certo? Muito do campo está fora de curso. Além disso, são cor vermelha agradável que temos vindo a usar também Branco. Nós temos usado um monte de branco, e isso é meio que quebrar o branco um pouco por causa do muito forte, cinza, azul ish tema acontecendo. Então o que eu vou fazer é voltar. Eles vão ser o seu estilo, e então eu vou para a cobertura de fundo. Ok? Então eu vou para a sobreposição de fundo, vou estar no normal, e então eu vou clicar no clássico aqui e adicionar uma cor, certo? Vou adicionar uma cor muito fora do branco só para derreter um pouco mais com todo o resto do branco. Por exemplo, o branco nos formulários, o branco no nosso menu, até mesmo um pouco de alargar uma imagem. É uma imagem em preto e branco. Então eu vou mudar o frio aqui. Eu vou clicar em Branco assim, e você já pode ver como ele derrete. Certo? Então era assim antes. Veja como ele é apenas se destaca muito, que poderia ser bom, mas não para este design. E quanto mais uma oportunidade eu dou, mais simplesmente desaparece em segundo plano. Então, estou mesmo a gostar disto. Então vamos visualizar essas mudanças, e lá vamos nós. Agora estou amando isso. Então isso literalmente torna uma imagem de fundo, que é exatamente o que eu estou procurando. É só uma imagem de fundo. Os alunos se destacam de qualquer forma. A parte importante é a forma. Certo. Ok, então é isso. Pessoal, este é o projeto. Super rápido, super fácil. Quero dizer, é tudo o que precisamos, toda a escritura. Waas foi para escolher Sabei, agarrando imagem de fundo agradável e, em seguida, colocar uma sobreposição branca para torná-lo mais para o fundo. E é isso. Então você vai notar que você pode fazer um design a partir do zero como fizemos para a página inicial para a página inicial aqui, etc. Você também pode usar modelos, e ele mudou eles, como você gostaria que fossem apenas usados para modelar diretamente. E você pode fazer algo tão simples como colocar uma imagem de fundo mesmo quando você está usando o editor Gutenberg. Ok, então há um monte de coisas boas aqui, um monte de maneiras de fazer isso. Mas o ponto de nome é, agora você sabe como projetar e como projetar. A sério, sério? Bem, ok, então é isso para o projeto fora. As páginas não iam passar pelo blog porque um bloco seria um sangue. Nós vamos nos concentrar no conteúdo lá, então nós não vamos estar passando para projetar então pessoal, agora você deve ter uma boa compreensão sobre o design em si, certo? E se você tiver alguma dúvida, vai, vai, é claro, estar no Q e A. Basta lembrar de ser criativo, usou os modelos e usar o que você aprendeu e, em seguida, tomar suas próprias decisões e ter Um monte de diversão. Esta assinatura é divertida, pessoal. Agora, antes de passarmos para a próxima seção, vamos passar para a próxima palestra. Vamos falar sobre o que pensar agora, quando tivermos desenhado estas páginas. E há algumas coisas que eu acho que você realmente deve saber sobre isso super importante saber agora que nós projetamos isso e o que pensar para o futuro, quando você tiver feito o projeto em si e como você seguir em frente a partir daqui. Então vejam na próxima palestra, pessoal. 11. Depois de criar design: Tudo bem, pessoal. Então você fez o desenho fora de suas páginas. Primeiro, tudo ótimo trabalho, trabalho incrível fazendo isso até aqui e criando seu próprio design. Agora a questão, claro, é o que eu faço a seguir? Bem, há mais conteúdo chegando, mas eu queria falar sobre algumas coisas com você que vão ser super importantes . E a primeira coisa que quero falar é continuar otimizando. Agora, pessoal, a primeira coisa que fizemos na seção de otimização foi otimizar nossa página inicial. Certo? Então o https Roman e jesper dot com que é a nossa página inicial. Ele é otimizado, mas o que nós também precisamos fazer é ir em frente e executar o Ping dum, também. O tempo de atividade, seja o que for que você optar por usar para acelerar, testar seu site e executar esse teste de otimização na página inicial aqui nas outras páginas como os cursos pagos e, claro, o resto dos pacientes bem eles sobre o recurso é contatá-lo disse etcetera. Agora todas essas páginas são individuais, então vamos precisar fazer o teste de velocidade nelas para ter certeza de que não há nada lá que seja muito grande. Isso ocupando muito espaço, por exemplo, quando você usa um determinado modelo dentro de L. Um mentor, às vezes essas imagens podem ser muito, muito grandes. Então, você pode querer ir em frente e compactar essas imagens para garantir que seu site está carregando mais rápido. Mas ainda assim, queremos ter certeza de que continuamos otimizando cada página que estamos fazendo. E sempre que você estiver fazendo atualizações, certifique-se de que tudo está bem agora. Em seguida, também é o mesmo em todas as páginas que criamos para garantir que estamos adaptando-o para a experiência de usuário e tablet e interface de usuário. Fizemos isso pela Robin e só um ponto com. Essa é a nossa página inicial. Mas nós não fizemos isso com iniciar cursos de ouvido sobre o recurso é entrar em contato com essas páginas, então queremos ir em frente e fazer isso. Pergunte bem, certo. Apenas certifique-se de que tudo está bom, que é sensato onde as coisas são colocadas. Lembre-se da zona do polegar e de tudo, por isso certifique-se de que sempre que estiver a fazer numa página, certifique-se de que está sempre adaptada para tablets e dispositivos móveis. Dê-lhe um bom UX e você eu experiência porque isso faz uma enorme diferença. Agora lembre-se que a forma como o nosso site parecia no início era algo parecido com isso. E então falamos sobre a experiência do usuário, e a projetamos de forma diferente, a fim de torná-la mais agradável para o celular e olhar para a diferença. Quero dizer, é como noite e dia. Nós mudamos a coisa, primeiro lugar com o menu. Então ele tem uma experiência de usuário muito maior porque ele não está cobrindo uma parte tão grande da tela sem motivo. E então nós cuidamos do design onde as palavras estavam apenas se juntando e sendo muito apertadas, certo? Portanto, certifique-se de que estamos sempre focados na experiência do usuário e na interface do usuário para o celular e tablet que estamos feitos de projetar para o desktop. Agora, a próxima coisa que eu quero falar é para motor de busca otimizado seu site. E não entre em pânico porque você ainda não passou por essa seção. A não ser que você tenha pulado a seção, o que é bom, mas não esperamos que você saiba sobre isso ainda. Agora, em uma próxima seção nós vamos estar falando sobre S E direita motor de busca otimização . Então, o que você vai aprender lá sobre palavras-chave, pesquisa de palavras-chave e como utilizá-las corretamente em cabeçalhos direitos em sua postagem em partes diferentes de suas páginas, etc. Pegue essa informação. Pegue todas essas coisas que você aprenderá lá e aplique-as nas páginas que acabamos criar. Certo? Você quer ir em frente e motor de busca otimizado as páginas que acabamos de criar e projetar Agora a próxima coisa que eu quero que você fique de olho em é as taxas de rejeição. Neste momento, a taxa de rejeição é basicamente quando alguém vai para o seu site e, em seguida, sai do site tão rapidamente perguntado, eles imploraram. Isso é conhecido como limites. E geralmente esta cena nos diz que há algo errado. Talvez não tenham conseguido o que procuravam. Talvez algo esteja quebrado no site, mas você quer ficar de olho nisso, e se você vai para o back-end do seu site para baixo, ele incita porque você tem seguido desde a seção plug in. Saberá que instalamos a visão dos monstros. Instalamos o Google Analytics e tudo mais. Então está tudo pronto e vamos para relatórios aqui, você vai ver algo que é conhecido, perguntou a taxa de rejeição direita. E uma taxa média de rejeição será de 40 a 55%. Isso é geralmente conhecido como uma taxa média de rejeição. Qualquer coisa menor que isso vai ser muito, muito bom. Mas, dependendo do tipo de site que você está executando, você pode tê-lo um pouco mais alto também. Mas o quê? Você está principalmente procurando por nossas mudanças. Então, por exemplo, se você notar que uma determinada página tem uma taxa de rejeição super alta e não faz sentido por que você pode querer conferir isso. Então, por exemplo, se você tem uma determinada página de produto, você sabe, é o que esta é uma taxa de rejeição realmente alta. Você quer entrar e ver se há algo aqui que não está funcionando. Isso é algo aqui que está quebrado? Isso é muitas vezes eu desligá-los. De alguma forma. É só um grande sinal de aviso, e só vai sugerir melhorias. Agora, se você rolar até aqui, você vai ter algo que diz aqui atrás. Ver posts completos e páginas relatório agora se eu clicar aqui vai nos levar diretamente para o nosso Google analytics. E a grande coisa com isso é que podemos ver exatamente que tipo de taxa de rejeição temos em que páginas. Então, se rolarmos para baixo, poderíamos ver que o primeiro 1 é apenas tem o compartilhamento de barra. Esta é a nossa página inicial, certo? Porque este é apenas Robin e desesperado que vêm com nada extra tude. Podemos ir para a direita do que podemos ver. Nossa taxa de rejeição para esta página é de 79,84 por cento para esta data, o que é enorme. E também faz sentido porque estamos construindo o local, mas ainda está vivo. Vamos esperar que isto seja melhor no próximo tempo. Agora, se nós rolarmos para baixo, podemos ver a taxa de rejeição para a página de cursos para o início Aqui, página sobre página de sangue , etc, etc. E você quer ficar de olho nesta hora extra para ter certeza que hey, usado para algum paciente especial como uma alta taxa de rejeição do que qualquer outro, por exemplo, e algumas páginas Oh, só vai fazer mais sentido ter alta sua taxa de rejeição na direita. Então, por exemplo, se você tem alguma página de download certa, eles apenas entram, eles pegam o download e eles vão embora vai fazer sentido que o segurança será alto do céu . Então apenas tenha isso em mente que o percentual ajustou 40% a 55% que geralmente é bastante médio e, ah, boa taxa de rejeição. Isso não se aplica a todas as páginas. Tente entender que tipo de página estou tendo e não faz sentido que as pessoas saiam rapidamente. Por exemplo, ele produtos página, você não quer ter uma alta taxa de rejeição em tudo. Ok, e então, finalmente, eu só quero dizer que os caras atualizem livremente. Sempre que você estiver adicionando, por exemplo, em um novo produto ou uma nova atualização ou apenas algum uso em sua empresa, não tenha medo de entrar e realmente colocar isso na frente do seu site porque elementary é um arrastão e cair para o seu super rápido. É super fácil. Você começa a ver a visualização quando você está editando, então não tenha medo de fazer atualizações e alterar seu design ao longo do tempo, porque isso é muito divertido agora, você pode fazer um tipo de design disse isso. Então esqueça e siga em frente com sua vida. Você sabe, se você quiser apenas focar no negócio, mas não tenha medo de manter a assinatura porque é tão simples. Não leva tempo. E isso pode ter um enorme impacto em seus visitantes em seus clientes, etc., etc. Então eu só quero dizer, um trabalho incrível chegando até aqui. Vamos passar para a próxima seção e começar a aprender sobre woo comers. Certo, vendo a próxima palestra, pessoal.