Como fazer um site no Wordpress — construtor de páginas Elementor

1. Introdução: Ei, o que se passa, pessoal? Meu nome é Darrell. E neste vídeo, eu vou mostrar-lhe como fazer este site bonito WordPress passo a passo. Agora, a grande parte sobre este tutorial e que você não precisa ter qualquer tipo de experiência ou qualquer conhecimento de codificação, porque tudo neste tutorial vai ser arrastar e soltar. Agora, se você é um proprietário de uma pequena empresa que procura fazer um site para o seu negócio, apenas a pessoa média olhando para aprender a torná-lo foi como pela primeira vez neste tutorial é para você. E deixe-me dar a todos um tour rápido por este site e mostrar a vocês como este construtor paga funciona. Então esta aqui é a nossa página de revestimento atual. Vamos ver, você quer ir em frente e apenas mudar o título do seu site ou algo parecido com o seu negócio. Agora também podemos mudar a posição do nosso texto. Podemos mudar a cor que podemos mudar. A fonte que você pode ser é personalizável como você quiser com seus sites. Então este tutorial eu vou mostrar a vocês como você pode fazer isso agora também, para aqueles de vocês que gostam daqueles fundos de vídeo muito bonitos. Vou mostrar-te onde podes arranjar vídeos grátis para o teu website. Você pode incorporar isso em seu próprio site. E também uma característica muito legal é o efeito de grade. Então, você quer ter uma página de destino bonito efeito de grão neste tutorial, Vou mostrar-lhe como você pode fazer isso? É realmente muito simples, e tudo é visual, então você sempre pode ver o que está fazendo. Então, por exemplo, aqui, minha segunda cor quer fazer algo como cor Borgonha, e então eu quero ir em frente e fazer outra mudança. Eu quero mudar o ângulo de sua Nós também pode focar a nossa localização toda uma cor ou a outra cor ou ambos. Então, neste tutorial, vou mostrar-lhe como você pode fazer isso. Agora, vamos em frente e verificar o resto do site. Então, a primeira coisa que vamos fazer é projetar nossa home page, e eu vou mostrar a vocês como você pode adicionar uma imagem ao seu fundo bem aqui junto com colocar texto. E também vou mostrar-te como podes adicioná-lo. Mas perca o seu site, e esses botões podem ser vinculados em qualquer lugar do seu site. Então, por exemplo, você clica no meu botão de contato aqui, ele vai levá-lo para uma página de contato conosco, e eu vou mostrar a você como projetar e criar este belo contato. Essa seção bem aqui. Então, voltando para a nossa página inicial que eu tenho certeza que você todos como adicionar em um menu para o seu site juntamente com um logotipo. E se vocês não têm um logotipo, não se preocupem com isso. Neste tutorial sobre o show você onde você pode obter um logotipo e eles iam criar esta seção aqui e fazer alterações nas seções são muito simples. É apenas uma questão de simplesmente clicar nele e mudá-lo para o que quiser. Podemos colocar algo como são incríveis ou somos legais. E, claro, todas as mudanças aqui estão vivas. Então, depois de criarmos esta seção, vamos continuar e criar esta seção aqui, que são sinopses, e você pode alterá-los para qualquer cor. Você pode alterá-los para qualquer estilo, qualquer fonte ou qualquer posição. E então aqui, vou mostrar como você pode adicionar essas imagens aqui. E se você notar aqui, temos esse efeito de grade de estilo único. Então eu vou mostrar a vocês como você pode incorporar isso em seu site e você pode arrastar e soltar totalmente essas imagens aqui, por exemplo. Digamos que você queira ir e ter duas filas disso. Vá em frente. Basta clicar nesta linha duplicada e simplesmente ir em frente e nos arrastar até aqui. Nós nos arrastamos até aqui, então é tão simples fazer um site. Então, depois disso, eu vou mostrar a todos como incorporar esta seção de paralaxe aqui mesmo nós temos uma seção com texto com uma simples chamada à ação. Você tem uma imagem. Temos o efeito de tela dividida. Mostre-me. Mostrar como você pode fazer isso em seus próprios sites. E então nós temos isso novamente aqui onde você tem alguns textos e uma simples chamada à ação novamente com efeitos de tela dividida. E então aqui mesmo temos nossa seção de depoimentos e você pode colocar todas as imagens que você gostaria bem aqui. As pessoas podem ir em frente e percorrer isso e dar uma olhada neles. E por último, temos o nosso rodapé. Então aqui temos nossa seção de menu maneira Não Instagram você não tem instagram. Isso será sincronizado automaticamente com o seu site. Então, sempre que você fizer uma foto no Instagram, ela aparecerá aqui em seus sites. E aqui temos nossos ícones de mídia social e todos eles estavam ligados às suas várias plataformas de mídia social. Então aqui temos Facebook, Twitter, Instagram e Pinterest. E também temos esta pequena seção aqui. Como ouvir nossa história. E aqui você pode ir em frente e apenas falar sobre o seu negócio ou seus sites. E você sabe disso como começamos ou é isso que fazemos. Está subindo por aqui, e a próxima seção que vamos fazer é a página sobre nós. Então eu vou mostrar a vocês como você pode criar sua própria página sobre nós e aqui você pode ver que temos alguns textos com um botão de chamada para ação. Bem aqui. Temos esses balcões bem aqui. Então eu vou te mostrar como você pode projetar isso. Você pode mudá-lo para qualquer cor, qualquer fonte e ele viu que você gostaria e novamente aqui foram consistentes com a nossa cor. Então mostrar-lhe como você pode adicionar esses contadores de números aqui e novamente aqui mesmo Nós temos o efeito de paralaxe com algum contador de números. Então temos sites completos clientes xícaras de café. Claro, você pode mudar isso para qualquer coisa que você gostaria e aqui temos mais alguns ícones para mostrar mais ao tribunal para os sites. E aqui você pode apresentar sua equipe. Então eu vou mostrar a vocês como você pode apresentar sua equipe com este efeito de imagem de célula de grade. Bem aqui. Então nós temos que conhecer a equipe, você pode responder algumas mensagens e, em seguida, bem aqui você vai em frente e falar sobre os membros da sua equipe . E então aqui temos uma seção de depoimento, e novamente temos nosso rodapé. Agora também, mais uma coisa. Isso aqui no fundo, certo. Se eu clicar sobre isso, ele vai me trazer para o topo do site toda vez. Agora, nós também temos uma página de contato exclusivo para que já mostrou a você e isso vai realmente ir direto para o seu e-mail. Então, se alguém lhe enviar uma pergunta. Eles podem ir em frente e colocar seus nomes ou e-mail sua mensagem e eles podem ir em frente e enviar uma mensagem e ela irá diretamente para sua caixa de entrada. Agora, também, para aqueles de vocês que querem criar um blawg, eu vou mostrar a vocês como você pode incorporar um blogueiro também em seu site. Outra característica muito legal e incrível sobre este Blawg que podemos realmente ir em frente e mudar essas ondas bem aqui. Então esta página irmão tem algo chamado divisor de forma e é muito legal quando é muito divertido. Então, por exemplo, bem aqui, digamos que você queira ir em frente e mudar as ondas aqui. Então, na página inferior aqui você pode mudar isso para qualquer coisa que você gostaria de mudar , como um ziguezague. Você pode mudá-lo para como uma inclinação. Você pode mudá-los para todos os tipos de coisas realmente legais, e então você pode ir em frente e mudar a altura do seu. Você deseja adicioná-los ao seu site. É muito simples de fazer, e então, novamente, nós poderíamos apenas ir em frente e mudar a cor para qualquer coisa que gostaria aqui e marcar aqui em baixo. Temos a nossa secção do bloco e vamos para aqui. Temos o divisor de forma também. Então é uma espécie de olhar legal aqui. Então eu basicamente coloquei nuvens bem aqui no fundo. Então vamos em frente e vamos para a nossa seção de blawg. Agora clique neste bloco e nosso blogueiro vai parecer tão incrível e tão profissional. Então é assim que seu post de bloqueio será parecido. E vocês podem ver que está lindo. Parece incrível. Parece muito profissional. Então, neste tutorial sobre o meu show, você como você pode criar este blawg. Agora, este foi na verdade um layout, e você vai realmente obter isso gratuitamente neste tutorial. Então não vai ser como se você tivesse que desenhá-lo a partir do zero. Isso já vai ser feito por você. E, claro, por último, quero falar sobre os malandros pré feitos. Então, mais tarde neste tutorial, vai estar falando sobre como você pode realmente apenas obter um projetado de outra pessoa carregado e tudo será feito em seu site. Então, é muito difícil projetar um site sozinho. Mas uma vez que você aprender a usar o bowler página e, em seguida, a partir daí você pode ir em frente. E você conhece algumas dessas demissões. Eles vão ser layouts gratuitos dadas a você neste tutorial que vai realmente ajudá-lo com a concepção de seus sites. Ok, minhas glândulas rolam para cima. Então, se vocês querem fazer um site bonito, isso é muito móvel, responsivo, super amigável para STL. Continue assistindo. Porque neste tutorial, vou mostrar-lhe como fazê-lo, passo a passo. 2. HOSting + de WORDPRESs +: como fazê-lo passo a passo. Então a primeira coisa que vamos fazer é obter o nosso domínio e hospedagem no meu link. Luxi fornecer a todos com um desconto de 60% em sua hospedagem. Depois disso, vamos instalar o WordPress. Depois disso, vamos instalar um tema WordPress e última coisa, vamos criar o site mais incrível de sempre. Agora, há um link na descrição deste vídeo. Ele vai levá-lo a um site chamado Psych Round e você está prestes a uma página que se parece exatamente com esta aqui. Agora, quando você chegar a este site, tudo que você tem a fazer é clicar em, inscrever-se. Ok, então nós temos três plantas, então nós temos a inicialização. Temos o crescimento grande e o “geek”. Agora eu recomendo o crescer grande porque com crescer grande opção, você começa sites ilimitados em vez de apenas um único site. É uma grande diferença. E você também receberá este 60% de descontos em sua hospedagem. Então você chega a esta página. Tudo que você tem que fazer é fazer o pedido agora, então vá em frente e digite seu novo nome do site, então eu vou fazer o meu famoso. Eu amo Kylo Ren e vou prosseguir. Tudo bem, está disponível. Legal. Se o seu domínio não estiver disponível, ele lhe dará erros de comparação. E você sabe que não está disponível. Vá em frente e escolha outra coisa. Então aqui mesmo, vai colocar o seu e-mail e, em seguida, bem aqui, você pode colocar sua senha, confirmar sua senha novamente. Você vai colocar seu primeiro nome, seu sobrenome, seu sobrenome, e você sabe, você pode preencher sua empresa e toda essa informação. Está acontecendo aqui embaixo. Vá em frente e dê a eles seu número de cartão e seu número de segurança social. Eu só estou brincando. Você não dá a eles o seu social, apenas o número do seu cartão de crédito. E então aqui, você pode, você sabe, colocar seu nome etc. Não, para esta informação aqui, o ponto final. Você sabe, eu recomendo fazer apenas os 12 meses porque com 12 meses, lembre-se, você sempre recebe um dinheiro de 30 dias de volta. Então vamos apenas dizer, por exemplo, este tutorial é uma droga e você é como, você sabe o que não deu certo para mim? Pelo menos você tem a confiança de saber que você recebe uma garantia de devolução do dinheiro de 30 dias. Então eu recomendaria os 12 meses agora para os serviços extras. Eu realmente meio que recomendo estes em outros tutoriais. Eu não tenho, mas na verdade, Romek alterar a privacidade domínio e um ciclo no scanner site é realmente uma opção muito legal por US $20 por ano. Para que alguém verifique seu site diariamente, notifique se ele já foi hackeado. Eu recomendaria isso. Então, agora a privacidade do domínio está basicamente escondendo suas informações pessoais se alguém tentar pesquisar você, então se você tiver essas verificações, eles não serão capazes de revistar você. No entanto, aqui o desmarcado será público para a Internet. Então, vou verificar os dois. E depois de sentires toda esta informação aqui, podes sempre ir pagar. Agora, agora, eu realmente tenho um contador, esses caras, porque eles realmente têm um desempenho melhor do que oito outras empresas de hospedagem para as quais eu tinha um vídeo. Então esses caras são provavelmente sua melhor opção para hospedagem, porque eu realmente testei-os e eles saíram em primeiro lugar em quase todos os testes. Bastante incrível. Bonita, muito incrível. Então aqui na minha ida para assinar. E vocês estavam prestes a uma página que se parece com esta aqui. Então, parabéns. Você chegou até aqui. Você provavelmente está. Mas a partir de agora, você tem um domínio. Você tem o seu site, o que é muito, muito legal. Então você trouxe o pagamento para ficar assim aqui. Agora que chegarmos a esta página, tudo o que tens de fazer é ir às minhas contas. Agora que temos nosso domínio, vamos instalar o WordPress, que é basicamente o que usamos para projetar nossos sites. Como o pão e a manteiga de tudo. Ele meio que cria tudo para nós. Então aqui eu vou para ir para ver painel bem aqui como vou dizer, você tem certeza que você só vai apenas clicar em? Prosseguir? Você nunca olha para o que eles se há uma imprensa de aviso de segurança. Ok. Basta fazer isso, você sabe. Então, de qualquer forma, você chega a esta página agora mesmo, bem atrás. Vocês já podem ver que temos um WordPress aqui. Então, vai clicar no WordPress. Ok. E os rapazes também se lembram, se alguma vez tiver dúvidas, se algo não funcionar ou algo acontecer. Eles têm uma equipe de apoio, e esses caras são muito legais. Você pode ligar para eles 24 horas por dia e eles são super úteis. Então eu não sinto que você está tipo, oh, meu Deus, eu estraguei tudo. E você conhece esses tutoriais? Não, eles têm, ah, ah, toda a equipe de suporte, e eles têm chat ao vivo grátis. Quero dizer, eles estão sempre lá para te ajudar e te apoiar. Então é muito, muito legal. Agora, aqui, vou instalar agora. E onde os caras da imprensa é provavelmente agora a plataforma mais popular na Internet, você sabe, além do PHP. Porque você não tem que ter nenhum conhecimento de codificação ou qualquer coisa assim. É tão incrível. O que? O que? Wordpress propício. Na invenção, é incrível. Então, aqui mesmo. Quero dizer, clique aqui e vá em frente e encontre seu domínio. Agora, você provavelmente só tem um domínio. Se há 80 deles, então você provavelmente não sei, mas há um pouco de você aqui. Agora, aqui mesmo. Certifique-se de que não há nada lá. Ok. Certifique-se de que não há nada aqui. Ok? Também vamos instalar o teu website Dash, o que quer que tenhas posto aqui, que não é o que queres. Então dê o seu lado do nome. Então vamos colocar Darrell Wilson e depois tutoriais do WordPress, para começar. E aqui mesmo, vá em frente e coloque seu nome de usuário de administrador. Lembrem-se, vocês podem nos mudar a qualquer momento, então não sintam que estão presos como se fosse algum tipo de contrato. Sabe, você pode mudá-lo quando quiser. Então eu vou colocar Patty louco. É o meu cão. Então ela é a chefe, você sabe, Patty Wack. E depois a minha senha. Vou em frente e copiar isso. Então você sabe, uma vez eu realmente deixei isso para cima e alguém entrou no meu site e deixou tudo. Então, uh, sim, então certifique-se que os caras, você sabe, você sempre tem sua senha e certifique-se que é sempre confidencial. Ok, agora, aqui mesmo. Vou colocar meu endereço de e-mail, sinta-se à vontade para me enviar um e-mail a qualquer momento, e então aqui vai dizer escolha tema. Não se preocupe com isso. Aqui onde diz instalar também para a linguagem. Vocês falam línguas diferentes. Hum, sim, ele vai selecionar um de, hum, Inglês é geralmente padrão, mas você sabe, ir e colocar o que ele quiser. Então, sob tema para instalar, não precisamos colocar nenhum porque vamos instalar outro tema que eu vou recomendar. E, em seguida, aqui, clique em instalar. Tudo bem. Diz 3 a 4 minutos, mas tenho que ser honesto é provavelmente 3 a 4 minutos, mas tenho que ser honesto é provavelmente 10 segundos. Eles sempre dizem, tipo, 3 a 5 minutos. Sim, nem sequer foi um minuto. Isso foi provavelmente 101%. Bem, provavelmente foi menos de, tipo, 30 segundos. Certo, então aqui temos sua garota administrativa, e isso é basicamente o que você faz para entrar em seus sites. Então vai clicar nisso? Não. Pessoal, se isto vos levar a uma página onde parece muito bizarro e não está correcto, vão em frente e contactem o terreno. Porque às vezes o wordpress leva tempo para se propagar. Às vezes pode demorar uma hora. Às vezes pode ser um exemplo que eu vou demorar algumas horas, mas geralmente é instantâneo. Mas tem havido casos raros em que você clica sobre ele e leva você dedo do pé como uma página aleatória como e como, não há nada lá, mas você deve trazer para uma página. Parece assim mesmo aqui. Então parabéns, pessoal. Vocês instalaram com sucesso o WordPress. Estou muito orgulhosa de vocês estarem indo bem agora. E se vocês quiserem olhar para seus sites e ver como é e é meio confira, vocês vão até aqui visitar o site. E lá vai você. Agora, isso está usando um tema diferente. É chamado como se eu acho que está chamando 27 ou 26. Eu não sei. Eles que eu não conheço. Eles fazem um monte de temas WordPress. Eu tento. Eu tento o meu melhor para acompanhar isso, mas , hum , sim, simplesmente não funciona. Então aqui embaixo do painel. Agora, vamos em frente e olhar para a nossa lista aqui. Então fizemos nosso domínio e hospedagem. Parabéns. Temos agressão. WordPress feito. Parabéns. Agora nós estamos realmente indo para instalar o nosso tema wordpress. Então, antes de instalar a equipe WordPress, Eu quero ir em frente e familiarizar parede com algumas dessas configurações aqui. Então, a menos que lado direito aqui sob usuários, eu quero ir para o seu perfil 3. PARTE 3: Agora, se você quiser mudar como o seu, você sabe o seu esquema de cores, então você vai tipo, você sabe, um pouco personalizável com suas configurações e também vai mudar sua senha e seu e-mail. É aqui que você vai fazer isso. Então aqui você pode ver que você tem um e-mail para que você possa ir em frente e colocar como seu e-mail diferente se você quiser mudar no futuro. E também, se você quiser alterar sua senha, basta clicar em gerar senha e, em seguida, você pode sempre colocar em sua própria senha e, em seguida, basta clicar em atualizar e, em seguida, aqui mesmo. Então, sim, é semana armou para ela, mas não vou atualizar por enquanto, então vou deixar em branco. Mas eu gosto desse esquema de cores, então vou atualizá-lo. Agora, mais uma coisa que eu quero que você faça é ir para as configurações e descer para os links Perma. Agora eu quero mudar isso aqui para postar o nome. Agora, a razão pela qual você faz isso é porque geralmente quando você vai a um site como Amazon ou Apple e você vai para a página da loja. Aqui diz Apple Dot com Dash Shop, certo? Não Amazon ou Apple Dot com Dash 10 para, você sabe, toda essa bobagem louca. E isso é realmente bom para fins STL para que as pessoas possam realmente encontrar seu site mais fácil . Então, descendo aqui, clique em salvar as alterações. Ok, Agora eu vou em frente, instalar o nosso tema WordPress. Então, aqui mesmo em sua aparência, vá para temas. E para aqueles de vocês que são marcados para a imprensa e não têm idéia do que um tema é basicamente como ele funciona é o seu site é uma espécie de estrutura. Então, todos estes são temas diferentes. Você pode dizer que há diferentes tipos de temas e é basicamente a estrutura dele, e realmente não pode ser mudado. Mas a coisa que vamos usar, podemos mudá-la. Então aqui, sob popular, nós realmente podemos ser pequenos Encontre o nosso tema. Acho que tudo realmente aparece é o número um. Mas o tema que vamos usar chama-se Ocean WP. Então, aqui mesmo, Ocean WP Agora você também pode encontrá-lo apenas indo para equipes de busca e digitando em Ocean WP e bem aqui e clique em detalhes e visualização, e vocês podem ver que ele tem 53 classificações de 5 estrelas agora. Eu nunca, jamais teria vocês. Isso é tudo um tema ruim. Agora, isso parece ruim, certo? Mas não se preocupe. Vamos fazer com que pareça muito, muito legal. Isto é como uma péssima prévia, mas não se preocupe. Isto é como uma péssima prévia, Vai ficar realmente incrível. Então, aqui mesmo, clique em instalar. Tudo bem. É insultante, não basta clicar. Ativar. Incrível. Agora, mais uma coisa. Vai recomendar bem aqui. Diz que esta equipa recomenda o seguinte plugue chamado Ocean Extra. Agora, aqui mesmo. Clique em, comece a instalar o plug in. Então, aqui mesmo. Clique em instalar. Ok, então o plugue foi instalado com sucesso. Então, aqui mesmo, é clicar em retornar ao painel. Agora, pessoal, vocês têm que ter certeza de que o plugue está instalado. Então, se isso não aparecer para você, vá em frente e encontre-o. Vem com o tema. Agora, para aqueles de vocês que não têm idéia de quais plugins foram o que acabamos de fazer. Então aqui, sob plugins, clicamos em plugins de sal. Então, estes estão basicamente a ligar nenhum tipo. A melhor maneira que eu posso usar para descrever plugins é basicamente APS. Assim como os iPhones têm aplicativos como, você sabe, eBay Chase ou algum tipo de aplicativo que você usa ou concurso. Isto é exactamente a mesma coisa. Então, aqui mesmo, em Adicionar Novo vocês vão ver que existem centenas, milhares de plugins, e estes basicamente dão ao seu site recursos adicionais como, por exemplo, que alguns aqui dá-lhe a capacidade de vender online. Este dá a capacidade de ter a sua pesquisa no site melhor e realmente ter tutoriais sobre ambos os plugins. Então, mais tarde, quando vocês estiverem no ar, vocês sabem melhor do que eu com o WordPress. Vocês sempre podem ir a esses tutoriais, e vocês sempre podem dar uma olhada nele, e eles são muito, muito úteis. Então isso é basicamente o que são os plugins. Em poucas palavras. Eles são basicamente apenas APS. Então, por exemplo, se alguém tentar entrar em qualquer momento aqui, ele irá bloqueá-los. Então isso é apenas um resumo rápido do que, hum, plugins são. Então, se você quiser visitar seu site agora, eu acho que eu estou aqui. Vá visitar sites e vocês podem ver. Parece absolutamente terrível. Não parece nada bom. Então vamos em frente para fazer parecer muito, muito legal. Agora vamos atacar outra tomada e isto chama-se Elements ou Paige Miller. É um novo plug in, na verdade, ele saiu sobre Onley há um ano, e tem sido apenas como a coisa número um para WordPress agora. É realmente incrível o que esta página Lorcan faz. Então estão digitando um mentor? Não. Você pode querer se certificar de que você instala este aqui. Os elementos são pagáveis. Ou agora olhe para ele como 100.000 instalações ativas com classificações muito, muito positivas. E estes são todos, tipo, jogos de terceiros. Então as pessoas gostam tanto que fizeram modelos para ele. Eles fizeram todo tipo de widgets e adições, mas eu não vou passar por todos eles porque eu posso passar dias falando sobre isso. Então aqui, sob Al Mansur Paige Miller, você quer clicar em instalar agora? Na verdade, é realmente incrível. O construtor de páginas é muito fácil de usar, e é só que é É tão fácil para iniciantes e é uma espécie de mudança como fazemos sites hoje. Então vai acontecer aqui. Você pode ver L. Um mentor foi ativado. Então vamos misturar e páginas agora. Você sabe, nós precisamos fazer algumas páginas para nossos sites. Então, aqui embaixo das páginas, vá para todas as páginas. Então não temos páginas, nem páginas encontradas. Então, aqui mesmo, clique em, adicione novo. Agora vamos e fazer uma home page aqui mesmo home page e, em seguida, clique em Publish aqui , todos os direitos e, em seguida, eu estou clique em mais um. Então vamos para a página aqui. É como o método de atalho aqui. Vê isto? Além disso sabia que você poderia fazer postagem como Blawg Post. Ou como outro usuário. Falaremos um pouco sobre isso mais tarde. Então eu ouvi você sobre nós e depois mais uma necessidade de entrar em contato com a página, certo? Então, aqui embaixo da página, venha para o momento mais quente. Então aqui, entre em contato conosco e vá para publicar. Tudo bem, então basicamente fizemos as páginas agora, então fizemos a página inicial que fizemos a página sobre nós e uma página de contato conosco e bem aqui no link Perma, você pode ver que isso é como, você sabe elementary dot com traço, entre em contato conosco. Então não é toda essa bobagem que somos coisas de número. Então é basicamente por isso que fizemos o nome do post em vez disso. Então, novamente, se você quiser ir em frente e mudar seu site, você vai até aqui, ir para visitar o site, mas realmente quer criar o menu primeiro antes de enlouquecermos e fazer todo o resto. Então, aqui mesmo sob a aparência, vamos até os menus. Tudo bem, então vá em frente e lhe dê um menu. Um nome agora eu sempre faço o menu um. Sabe, não importa muito qual é o nome do seu menu. Ninguém realmente vai vê-lo, mas você Então aqui vamos nós para criar o menu agora, bem aqui embaixo das páginas. Quero que cliquem em todos vocês. Basta clicar em todas as páginas. Então, há duas páginas iniciais e eu vou explicar por que temos que páginas iniciais. Então aqui diz, link personalizado. Eu quero ir em frente e excluir esta página agora no futuro se você quiser liderar uma página, é assim que você vai fazer isso fora do seu menu. Então, aqui mesmo, eu estou clicando nesta seta, rolar para baixo e ir para remover. Então agora tudo o que eles têm é sobre nós, o contato conosco Andy home page, e você pode tipo de reorganizar estes em qualquer ordem. Então, em uma casa sobre entrar em contato conosco e aqui mesmo no menu salvar. Agora, se você quiser menu suspenso, digamos, por exemplo, você passa por exemplo, o mouse sobre ele e ele mostra outra página. Tudo o que fazer é arrastar esta página ou qualquer outra página assim. E isso vai te dar um tempo e você e eu vamos explicar o que é isso agora. Então, aqui mesmo, vou visitar sites. Agora o menu não está lá porque nós realmente precisamos configurá-lo. Então aqui, eu quero que vocês cliquem em Personalizar. Agora este é um personalizador de temas. Isso tem muito a ver com as configurações gerais do tema, como o menu, a topografia e outras configurações como essa. Então, aqui mesmo sob os menus que se tornam menus, vá para Menu um. E então aqui há quatro lugares diferentes onde você pode colocar seu menu o que é na verdade três. Lá está o topo, o principal no rodapé. Então, certo, se você clicar no rodapé, você vai ver que seu Ah, eu sinto muito. O topo. Você vai ver que seu menu aparece aqui em cima. Agora, se você quiser aparecer como aqui, você pode clicar em principal. Então veja, o menu está aqui, e se eu tirar isso, essa parte de cima desaparecerá. E também no rodapé, que é a parte inferior do site. Lá vai você. Para a casa sobre nós no contato conosco. Agora, se eu pairar em casa, você vai ver sobre nós. Apareça. Então a razão pela qual isso está acontecendo é porque eu arrastei sobre nós para baixo do lar. Então, se você quer uma gota nele e você gosta disso, é assim que você consegue. Ok, então aqui vamos nós para trás agora, há também uma coisa mais importante que precisamos definir. Precisamos de uma casa paga. Então, quando seus visitantes chegam ao seu site, quais páginas você quer que eles venham primeiro para provavelmente sua página inicial, certo? Então aqui mesmo sob a primeira página estática, eu quero clicar sobre isso, ir para uma página estática e selecionar a primeira página como sua home page e ir para salvar e publicar . Então, agora, se alguém visitar seu site, ele vai realmente visitar a página inicial primeiro. Então, clicando em X, você pode ver que eu tenho minha home page e eu clicar em meu contato conosco. Claro, não há nada. É porque não o projetamos. Então vamos em frente e fazer isso agora mesmo. Então, por que você não vai para a sua página inicial bem aqui e depois vai para a página de edição? Então, há algumas coisas que precisamos realmente mudar nesta página aqui. Então eu acho que a rolagem para baixo aqui e você vai ver configurações Ocean WP agora, basicamente, o que é isso é as configurações para o tema. Então aqui, sob layout de conteúdo, eu quero que você clique sobre isso e vá para 100% completo e a razão pela qual estamos fazendo isso é para o caso de você estar se perguntando. Eu vou em frente e te mostrar por que ir para colar. Então aqui está uma página inicial atual, mas eu meio que quero me livrar dessa grande parte. E quero me livrar de tudo isso. E eu só quero ter uma folha de papel em branco, espécie de. Então podemos apenas projetar o site. Então aqui, eu quero fazer 100% completo com agora para a barra lateral bem aqui. Vocês podem ir em frente e deixar esse padrão e, em seguida, para margens. Quero desativar isso. E as margens são, na verdade, estas pequenas tapinhas brancas bem aqui. Isso é uma mentira. Não, nós também não queremos isso. Então aqui, você clica em Desativar agora também para o cabeçalho. Então, para a seção de cabeçalho bem aqui, eu quero ir em frente e desabilitar isso aqui e realmente quero exibir o cabeçalho. Podemos exibir o cabeçalho e, em seguida, para a navegação principal. Quer clicar sobre isso e eu quero selecionar o menu que criamos. Então, basicamente, eu estou dizendo que eu quero que nosso menu apareça nesta primeira página aqui e, em seguida, também para o título. Eu quero ir em frente e desativar isso porque aqui eu não quero esta casa aqui. Sabe, não precisamos disso. É feio. Não é necessário. Então eu vou em frente e dizer, você sabe o que? Você está aposentado. Sabe, você se foi. Você está demitido, sabia? Então vamos em frente e nos livrar disso ali mesmo. E outra coisa é a nossa seção de rodapé. Agora vamos falar um pouco sobre rodapés e widgets e tudo mais depois. Então, por agora, eu vou apenas ir em frente e deixar este padrão porque nós vamos voltar para o qual é um pouco mais tarde. Vou explicar o que estão em detalhes um pouco mais tarde, mas agora, eu quero que você clique em atualizações. Ok? E agora podemos ir à frente da página. Hora de ir e atualizar esta página. E você deveria se parecer com isso aqui. Vai ficar assim. Vai parecer, sabe, sabe, mas não se preocupe, porque é basicamente ah, riscar de papel. Então aqui, clique em qualquer um com L.A mentor 4. PARTE 4: Tudo bem, estamos aqui. Parabéns, pessoal. Estamos progredindo. Nós estamos fazendo isso. Nós estamos fazendo isso. Então temos esta seção bem aqui. Diz “adicionando nova seção”. Agora, eu quero que vocês um pouco, tipo, familiarizem-se com facilidade. Então isso é como um widgets de texto, A. Mas em um vídeo, um divisor, um ícone como o Google Maps, caixa de imagem, todo esse ar apenas basicamente pequenos módulos. E você basicamente apenas arrasta tudo isso até qualquer lugar que você quiser, e basicamente apenas coloca lá. Então é basicamente assim que esta página Miller funciona, ou tudo é totalmente Dragon Drop bem aqui. Então, aqui mesmo. Clique em, adicione uma nova seção e eu quero selecionar uma aqui. Então você vê sua seção bem aqui. Agora, antes de fazermos qualquer coisa, eu quero clicar aqui. Agora você se sente menos lado aqui. Temos este layout. Então, basicamente, eu quero dizer, olha, eu quero ir em frente e esticar esta seção. Eu queria 100% então eu queria cobrir toda a página e também para o conteúdo com eu quero torná-lo cheio com e para a altura. Quero que se encaixe na tela. Então agora vocês podem ver que nós temos essa página de destino como esta. Podemos ter aquela grande página de aterrissagem para que possamos ter, como, você sabe, a imagem no fundo. Podemos decorar um pouco. Agora, há um link na descrição deste vídeo, que lhe dará acesso a algumas imagens. Agora, a imagem que eu uso para este mesmo tutorial exato eu não posso dar a você esta mesma imagem exata porque na verdade é propriedade de uma empresa. Então eu não posso redistribuir. Mas eu coloquei um monte de substitutos nesse mais completo, então não se preocupe. E também, se vocês precisam ir obter imagens realmente legais, eu recomendo ir para un splash dot com. Esses caras têm imagens incríveis. Tão famoso procurado, como o céu noturno. Ou você pode colocar como espaço. E essas são todas, como, imagens bonitas em HD. É como um Instagram, mas para mas parafotógrafos super profissionais, não é para uma pessoa comum. fotógrafos super profissionais, não Como se as pessoas não fizessem upload de fotos que não são boas. Eles só tiram fotos muito, muito , sabe, , sabe, muito boas. Então eu realmente tenho alguns na minha pasta e o link na descrição. Então eu acho que eu uso alguns outros. Ok, então aqui e clique nisso, ou eu vou voltar aqui agora, sob o estilo, nós temos o tipo de fundo. Então isso é para uma imagem. Isto aqui é para o grande efeito, que falará um pouco mais tarde. E isto é para o vídeo. Então, dependendo de qual você quer, você pode usar qualquer um deles. Mas eu quero ser muito básico e apenas ir para o clássico. E vamos dizer que você quer uma cor diferente para que você possa ter, tipo, uma cor diferente, você sabe, bem aqui. E lembre-se disso, provavelmente. Aqui é para onde o Texas vai. Mas eu vou fazer isso um pouco. Mas você sabe, eu não quero cor, sabe? Eu não quero, não quero, só quero uma foto. As fotos são sempre fáceis. Menos fotos. Então eu entreguei-me a biblioteca. Vou clicar em selecionar arquivos e você vai fazer o upload do arquivo. Então eu acho que o meu estava na minha área de trabalho. Foi para L. Um mentor, e posso usá-los assim aqui. Ok, então eu vou ir em frente e usar isso aqui e ir para inserir mídia. Tudo bem? Agora faz. Olhe um pouco furtivo. Parece meio louco. Você está tipo, Whoa, isso não parece tão bom. Então, aqui mesmo sob nossa posição, deixe como padrão para os anexos. Eu vou e saio como padrão. Mas o principal que você realmente queria cuidar é o tamanho, e eu quero cobrir. Agora, vocês podem ver que as imagens bem ali. E parece muito melhor do que aquele pequeno espaço que tínhamos antes, certo, certo, assim por diante. E há também um monte de outros recursos legais que você pode ter, como, Ah, sobreposição de fundo. Então, se você quiser adicionar como uma sobreposição a isso, você pode ir em frente e adicionar um excessivamente Mas por agora, eu não vou chegar muito longe nessas configurações porque vamos falar sobre todas essas configurações um pouco mais tarde. Eu só quero que todos vocês se familiarizem com a página Buller e ter certeza de que vocês entendem . Então ela faz isso muitos desses círculos quadrados aqui em cima. Não clique nisso. E isso trará a opção destes aqui. Por isso dá-te a todos um pouco, sabes, os aparelhos e tudo o resto. Bem aqui no editor de texto dela, vou pegar isso e arrastá-lo aqui. Agora dou as boas-vindas à revolução, mas vocês podem colocar o que quiserem. Sabem, agora vocês já sabem que é o seu site, sabem? Então eu vou colocar algo como, bem-vindo a você sabe, eu quero fazer isso e ver Bem-vindo à revolução e vocês para referência futura. Não sei porquê, mas um web design. Todos capitalizem a primeira letra de cada palavra. É só o jeito que as coisas acontecem. Parece muito limpo. E a maioria das pessoas lá fora tendem a fazer isso. Por isso, dou as boas-vindas à revolução e ao estilo. Quero entrar e centralizar isso agora. Vocês não conseguem ver muito bem. Então eu quero mudar a cor. Então aqui na nossa cor do texto. Quero colocar a topografia branca agora. Então é aqui que você pode mudar a fonte. Você pode mudar tudo sobre isso. Então, o tamanho que vocês podem fazer vai maior ou você pode fazê-lo ficar menor. Então aqui eu acredito. Em torno de 35 hóspedes 32 32 é bom. Agora, para a família, eu coloquei Italiana. Mas pessoal, este construtor de páginas tem fontes ilimitadas. E a grande parte sobre isso é que com outros temas e outros rolos de página, você tem que instalar como as fontes fáceis do Google e você tem que inserir código. É uma dor total. É a pequena dor na bunda, mas isso é muito mais fácil. Então eu fiz, Italiana. Tudo bem, agora não sai muito bem, então talvez você queira mudar o seu ou, você sabe, mas na verdade, o peso realmente faria uma grande diferença. Então aqui o peso é como a ousadia, então eu vou em frente e colocar 300. Ok, isso não foi muito. Então este aumento para 600. Agora você pode ver que está saindo um pouco mais claro, e eu posso até ir mais Aiken, ir 700 então eu posso 800 órgão para dizer que eu queria ousado, mas apenas deixe em 800 bem aqui. Agora, para a transformação. Podemos ter tudo em maiúsculas, então eu prefiro tê-lo em maiúsculas porque eu acho que parece melhor. Mas você pode realmente fazer minúsculas ou capitalizar ou o que quiser fazer. Ele agora capitaliza, na verdade, o que eu recomendo, porque isso é exatamente o que as pessoas apaixonadas fazem. Eu sei que no mundo da gramática, não é correto. Mas é isso que as pessoas fazem aqui. Então, sim, qualquer maneira, então, para o estilo é, bem, você pode mudá-lo para normal, itálico ou oblíquo. Então, se você quiser itálico para itálico, ou você pode ir em frente e apenas deixá-lo como normal agora para o espaçamento de letras, eu sei que algumas empresas fazem isso como eu acho que Loreal que empresa shampoo eram. Se você o espaçamento para ver como as letras tipo de espaço fora assim, você pode fazer isso ou você pode torná-lo muito, muito, muito pequeno. Mas isso é ridículo. Ninguém faria isso, mas talvez algo assim e aqui mesmo contém a altura da linha. Agora vou explicar o que a Casa Branca é um pouco melhor. Isto é meio difícil de lhe dar um exemplo de uma boa altura de linha, mas basicamente, é apenas a linha. É como este espaço. Mas depois de ter tido outro texano, entende do que estou falando? Um pouco mais. Alguns acreditam nisso como, uh, deixar em um por enquanto. Ok, então eu quero ir em frente e adicionar na próxima seção. Então, bem aqui? Na verdade, não , são os outros sites. Duráveis e tutorial. Deixe-me ir a essa. Só para mostrar a vocês, eles também se vocês precisarem de ajuda ou usarem o recurso é ir ao meu site Darrell Wilson Dot com. Vocês podem ter um monte de graça. O recurso é que eu tenho um monte de brindes semelhantes. Tenho todo o tipo de coisas legais. Agora eu quero que vocês entendam o que eu fiz. Então aqui temos um texto, eu tenho um cabeçalho. Eu adicionei um subjacente e, em seguida, dois botões. É isso. Foi tudo o que fiz. Voltando para cá e quero deixar que esteja despedido. Ninguém se foi. Isso tinha desaparecido. Tudo bem. Então, clicando nestes pequenos ícones aqui. Então, bem aqui, eu vou para a direção, e eu colocaria isso bem aqui. Aquela pequena linha está bem ali. Vou largar isso aí mesmo. Agora ele aparece bem aqui. Então, aqui mesmo. Coloquei Elemental porque essa é a página que estamos usando. L um mentor. Vá em frente e centralize isso. Tudo bem. Agora, para o estilo, temos texto, cor e topografia. Então aqui, clique em branco e, em seguida, topografia. Acho que o usei era como se o monstro fosse algo assim. Eu não tinha certeza de qual eu usava. Então aqui, sob a família, bem aqui. Acho que foi como os meses que usam este aqui. Não, você sabe, eu uso postura aberta, areia aberta. É como se fosse a mais preferida. Então, cidades abertas aqui e então eu quero mudar isso para talvez, tipo, você sabe, 300 fazer um pouco mais fino porque uma vez que eu torná-lo maior, ele vai ficar melhor agora para este tamanho bem aqui. Eu poderia mudá-lo para algo como 105% como isso. Ok, eu vejo a altura da linha bem ali. Então basicamente a linha alta está basicamente dizendo, olha, eu quero essa altura entre as linhas, então é como monopolizar as linhas de certa forma, isso é o que a altura da linha está fazendo. Então, voltando para cá, você tem que me seguir. Mas bem aqui na altura da linha, você pode ver como ele meio que dizer, olha, eu quero tanto espaço para mim. Isso é basicamente o que é a altura da linha. Então, em poucas palavras, isso é basicamente o que a vida e ela é. Então eu ouço um mas L um mentor. Agora, para este estilo eu quero realmente fazer estes um pouco. Eu quero meio que espaço tudo aqui. Você não quer aquele grande espaço ali. Então 5.1. E para a transformação, vou fazer algo maiúsculo. E então, para o estilo, vá em frente. Deixe isso como padrão. Agora, pessoal, também, mais uma coisa quando você está projetando seu site, você pode querer fechar isso aqui mesmo. Isso vai mostrar-te como é. E então isso é o tipo de como você sabe, é quase a mesma coisa. É só dar um exemplo extra de como seria. Então o espaçamento das letras, eu acho que parece bom. Agora, aqui no meu outro site aqui, você pode ver que eu tenho esta pequena linha bem aqui. Então isso é basicamente uma divisória. Por isso, aqui mesmo, debaixo destas engenhocas, vou à Divisor e vou simplesmente levar isto. Apenas arrastá-lo para baixo. Agora, todo o propósito de um divisor, pessoal, é realmente dar espaço entre tudo. É para isso que serve. Mas você pode usá-lo como decoração, sabe? Então aqui estou um clique no centro. Eu mudaria a cor para Branco. E quero que vocês vejam alguma coisa. Aumente o peso. Eu vou fazer isso muitas vezes. Bem aqui. Preciso de oito. Agora. Tudo o que estou fazendo isso só para mostrar o que é. Por isso, aqui mesmo, quero que vejam isto. Como se ele estivesse desaparecendo, sabe, veja isso. Mas se eu o tiver à esquerda vai desaparecer para a esquerda e depois para os direitos. Você pode meio que desaparecer assim, mas eu realmente quero mantê-lo no centro, e eu quero apenas tê-lo. Talvez algo assim aqui. Ok. E depois o peso. Isso é demais. Sabe, talvez algo um pouco mais fino. Três é bom. Ok, agora você pode realmente fazer, tipo, pontilhado. Você pode fazer, tipo, todo tipo de pequenas decorações diferentes e tudo mais. Não para o tempo avançado. Caras. Não se preocupe com tudo isso. Vamos cobrir isso um pouco mais tarde. Essa história A Bem, eu sei que há muito para cobrir esta página, Miller, Miller, mas passos de bebê. Então também, vocês podem fazer, tipo, tipo, a maneira de lacuna suficiente para a lacuna bem aqui. Este é basicamente o único propósito do divisor. Então basicamente divisórias dizendo: “ Olha, Olha, eu quero tanto espaço entre tudo. Então, aumentando ou diminuindo, isso é que você pode realmente, um, você sabe, colocar isso onde você quiser. Então eu ia fazer, tipo, dois. E mais tarde neste tutorial, vamos falar mais sobre margens, que é basicamente, como, como você pode realmente empurrá-lo contra outros lugares onde você pode, você sabe, colocá-lo em qualquer lugar que você quiser. Então, basicamente, a margem é como dizer de onde você quer começar. Então, se eu colocar como menos 10 vai ser um pouco mais perto. Mas se eu fizer mais 10 vai ser, tipo, mais longe. Mas neste caso, aqui, deixe em menos 10. Mas vamos falar mais sobre margens e tapinhas, rapazes, não se preocupem. Eu não quero pular em nenhuma das opções de massa ainda. Então, em seguida, temos isso para abotoar bem aqui. Então, temos dois botões bem aqui. Agora vamos em frente. Agora, aqueles em “Não caras “, quero ser muito direto com vocês, design é tudo. Sabe, eu vi muitos outros tutoriais onde eles ensinam muitos sites, mas eles não parecem bons. Sabem, pessoal, que serve um site? Se não parecer bom, você precisa torná-lo incrível. E o que alguém vem à sua página, eles precisam saber do que é o seu site em dois segundos ou eles vão embora. Porque se alguém vier a um site feio, não entende, eles vão embora, certo, não é? Então você quer ter certeza de que seu site chega ao ponto muito rápido. Muito claro. Então eles entendem sobre você e seu site. Então, bem aqui embaixo dessas duas coisas agora quer ir para colunas. Arrastaram isto e vamos pôr isto abaixo desta coisa aqui. Então o que? Colunas são basicamente é apenas mais seções. Basicamente, é apenas mais seção, então isso é realmente tudo o que é. Então eu tenho duas seções aqui. Agora, se você quiser adicionar mais, você clicar nesta coisinha e ir para Plus ele vai adicionar três seções, mas eu quero ir e apenas deixá-lo só quero que eu só quero botões. E se você quiser comer toda essa linha, você clica no pequeno X aqui, e isso realmente excluirá toda a linha. Ok, mas eu vou em frente e pegar essas colunas, arrastá-lo para fora e colocá-lo bem ali. E então nós vamos clicar nesses botões e ir para Butts in. Vocês provavelmente já estão entendendo isso, sabe? Certo? Coloque bem ali. Agora vou clicar nisto de novo. Na verdade, não , não, podemos duplicar essa fila, mas sim, senhor. Bem aqui. Clique sobre isso e clique sobre este pouco estas duas pequenas coisas bem aqui. Aqui diz Duplicar coluna. Clique nisso. Então agora temos que fazer Agora este, vamos em frente e liderá-lo. Incrível. Agora, há muitas boas razões pelas quais você quer escolher uma rosa. Porque às vezes você está fazendo um monte de coisas e só quer duplicar. Sabe, você já tem a fonte, como aqui nós fizemos a raposa e tudo mais. Sabe, você pode querer fazer isso de novo, outra parte do seu site. Então você pode simplesmente ir em frente e duplicar a rosa agora para este botão bem aqui. Eu quero ir em frente e colocá-lo para os direitos. Então você vê aqui ele está bem ali agora para o tipo bem aqui que você pode, mas é como informação. Mas há apenas a cor. Então estes eram apenas, tipo, tipo, como para iniciantes. Se você realmente não sabe o que dizer, basicamente, o perigo é vermelho. Você sabe, sucesso é um sucesso, Greenoe porque eu acho que o dinheiro, você sabe, eu acho que quem tem mais dinheiro hoje em dia é isso que está com a pessoa bem sucedida está tão aqui. Vou começar agora para o link. Então o link é basicamente, se eles clicarem nisso, para onde você quer que eles vão? Bem, vamos fazer isso um pouco mais tarde. Mas, por exemplo, você coloca como w w dot Darrell Wilson dot com. E se clicarem neste botão aqui, vão ao meu site Darrell Wilson Dot com. Nós vamos realmente ter que colocar você tem que colocar https https e então isso. Ok. E quando clicarem nisto, vão levá-los ao Darrell Wilson Dot com. Ok, então nós vamos e vamos deixar isso assim por agora e depois para o ícone. Quer um ícone aqui? Então você quer uma Nikon? Podemos ir em frente e colocar Sim, podemos encontrar alguns legais e ver o que temos. Temos a maçã. Temos maçã? Isso é realmente muito legal. E você pode realmente fazer como as posições. Você vai tê-lo antes, depois. E então você poderia fazer espaçamento de ícones também, mas isso parece muito feio. Acho que nenhum site faz isso. Então, bem, provavelmente, uns cinco ou algo assim. Algo centrado no estilo Nuffer. Então temos este pairar bem aqui. E os caras iam se deparar com esse pairar e todas as opções que valem essas coisas eram basicamente como, se você pairasse sobre algo, o que você quer que seus visitantes vejam agora? Eu vou ir em frente e usar a opção hover neste porque todos os modelos realmente têm isso. Então, se você vai gostar de qualquer um desses outros modelos aqui, todos eles têm o recurso de pairar. Então, mesmo o fundo aqui, se alguém passar o mouse sobre ele, você pode alterar as configurações. Se alguém pairar, é com você. Por isso, aqui debaixo destes, debaixo do botão, aqui mesmo. Vou clicar no botão agora em estilo aqui. Sou um clique na topografia. Lembrem-se, estamos apenas mudando o botão real agora, mas na verdade eu meio que deixei o padrão. Você sabe, você pode dar fontes diferentes como esta para abrir areias, ok? E então o peso Você sempre pode mudar os pesos para o que quiser. 500. E essas opções caras também são repetitivos. Então, no curso do sartorial, eu não vou aprofundar isso novamente porque nós meio que já cobrimos tudo isso. Você sabe, nós conversamos para colocar isso Nós, você sabe, nós conversamos sobre o título e todas as outras coisas, então eu não vou gostar quando eu cobrir uma coisa que eu não vou, você sabe, cobrir tudo de novo porque isso seria apenas repetitivo. E estamos apenas a desperdiçar o tempo um do outro. Você sabe? Você já vai se comportar. Tudo isso, você sabe, polegares para baixo, sabe? Então aqui temos o nosso normal e depois temos um pairar. Então, a opção de passar o mouse significa que se alguém paira sobre o seu o que você quer que ele faça? Então, basicamente, você pode decidir se alguém paira sobre, os leilões vão mudar. Então aqui temos a cor do texto. Vou colocar brancos. Já é branco. Clique aqui e agora também temos cor de fundo, então eu gosto desta cor aqui. Então agora vocês podem ver que é esta cor. Mas agora temos a opção de pairar. Vê isto aqui? Então agora diz que a cor do texto é cor de fundo branco é este azul? Mas se eu clicar em pairar aqui, podemos mudar isso. Então agora eu vou colocar preto e eu vou colocar vermelho realmente para ver onde está o vermelho? Nearness Red. Ok, então agora se eu passar o mouse sobre o botão Iniciar, vai mudar assim. Então vai ser de, você sabe, você sabe, como isso é e isso é basicamente o que o pairar é e também contém a animação, que é muito, muito legal. Então, basicamente, quando alguém visita o site pela primeira vez, vai ficar como, uma pequena animação muito legal. Então, isso é apenas para o efeito de pairar sobre o efeito, no entanto. Então você vê, eu estou sobre sobre ele agora mesmo. Eu posso mudar para, tipo, puxar psiquiatra, ver como é meio que fazer a animação ou pop in fazer isso. Mas lembre-se, isso é só para pairar. Portanto, se você fizer isso, você deseja certificar-se de que está fazendo isso para a configuração correta. Agora eu não sei qual deles você iria querer, mas aqui no normal. E então, novamente, nós podemos mudar a, você sabe, a animação para ele também. Então, eu só estou avisando que quando vocês fazem isso, vocês precisam realmente configurá-lo para a opção de pairar. Não. Na verdade, acho que o leilão é só para os botões quando você paira sobre também . Mas na verdade está em todos os módulos, então isso é basicamente se alguém pairar sobre ele. Lá vai você. Ok. Então, a próxima coisa que vamos em frente e fazer é como o com bem aqui. Então temos o sólido e o normal. Sempre que você quiser colocar agora, nós também podemos fazer raio de fronteira, e quanto mais difícil você for, o corredor que ele fica. Então aqui. Eu gosto de 30. Você sabe, 50. Você sabe, nós temos isso assim, e então você sai como um botão mais redondo. Certo, agora, sombra da caixa. Toda a gente adora sombras. Então caixa eu era basicamente como uma sombra ao redor da caixa, então aqui temos esse borrão. Agora, se você vir o botão bem aqui, você vai ver este pequeno tipo escuro de, uh, você pode realmente mudar a cor para ajudá-lo a ver um pouco melhor. Mas agora você vê como há um pouco verde por aí. Tem um azul. É como um roxo. Você vê como é meio brilhante. Isso é realmente o que uma sombra de caixa é. Então, se você quiser um chuveiro box no seu botão, fique à vontade para fazer isso. E, claro, você pode alterar essas configurações. Você poderia ter uma horizontal que provavelmente não faria sentido. Grande mudança, a propagação do seu para algo assim aqui. Então você vê como é meio que brilhante. Então isso é basicamente o que uma sombra de caixa é, e você pode mudar o borrão para outra coisa que você quer. Ok. Mas eu não quero uma sombra negra. Não, eu gosto de sombras em torno de outros módulos, mas não ligado. Mas já que você sabe, eu não acho que é bom e isso também é como o preenchimento de texto. Então tapinhas são basicamente espaço, mas espaço. Eu não quero fazer isso neste exemplo, porque não vai ser claro o suficiente. Por isso, neste momento vou dizer, sabes que mais? Estou farto desta secção, sabes? Então, subindo até aqui. Agora clique neste botão aqui. Agora tudo o que eles querem fazer aqui é que eu vou em frente e mudar o sul do preto. Então eu quero a cor de fundo como preto. Alguns como esse é e coloca como uma recepção no início deste ano aqui, vamos colocar o botão bem aqui. Vamos em frente e colocar Welcome. Ok. E então, é claro, temos o nosso ícone. Você pode mudar isso para todas essas configurações como quiser, ok? E depois falamos um pouco sobre margem e Patty um pouco mais tarde. Como podemos colocar esse tipo de, você sabe, poderíamos colocá-lo em qualquer lugar que quisermos, basicamente, mas eu não quero fazer isso agora, então falaremos mais sobre isso um pouco mais tarde. Mas vamos encolher isso aqui. E lá vai você. Temos a nossa página inicial. Página inicial bonita. Então eu tenho Bem-vindo à Revolução. C l um mentor. Nós temos este divisor, e nós adicionamos dois botões. Então, parabéns, pessoal. Você sabe, isso foi na verdade 5. Parte 5 de Part PARTE 5: Muito fácil, certo? Isto foi. É bastante auto-explicativo. Você sabe, é apenas o sempre de aprender a usá-lo. Então, para aqueles que assistem aos parabéns, outras pessoas gostam de assistir formalmente. Eu não sei. Já está fazendo. É, não é. É muito, muito fácil. Então, se você quiser fazer alterações no site aqui, clique em seguro. Está bem. E, em seguida, aqui mesmo, clique neste X e vá para ver a página. E lá vai você. Temos a nossa linda página inicial bem ali. Super simples de fazer. E, claro, Presidente, coloque esse link ali. Então, querido Wilson Dot com, se eu clicar no botão Iniciar, vai me levar aos meus sites. Darrell Wilson Dot com. Então este é o meu site não se acalma. Então, de novo, você só vai em frente e colocar qualquer link ali. Mas provavelmente vamos acabar colocando nossas outras páginas como nossa página de contato pr sobre nós, porque geralmente quando eles vêm ao nosso site, você quer que eles vão para a sua página de contato conosco. OK, então agora vamos em frente e continuar fazendo este site. Então, aqui mesmo, clique em editar com elemental ou e nós vamos continuar indo para baixo seção por, seção caras em Eu quero que você tipo de entender o que nós vamos fazer. Então, aqui mesmo. Eu quero olhar para esta seção. Então, basicamente, esta é uma seção de duas colunas com texto, texto e texto. Então é uma coluna com três modelos de texto nele. É isso. Bem aqui em uma nova seção, mas precisa de você aqui e bem aqui. Tenho o editor de texto. Vou colocar isso aqui, e vou colocar outra coisa lá, como se não soubesse o que quero, que coloquei. Tenho o maior problema com cinco mensagens, então prenda a mente dele. O descanso é meu. O descanso é meu. Agora, para este estilo aqui, eu apenas fiz estilo, e eu colocá-lo para a direita, e então eu coloquei a cor como branco. Ok, agora eu sei que você não pode ver. É porque vamos mudar este fundo para preto aqui. Então, aqui sob esta seção e vá para o nosso estilo. E agora para o tipo de fundo e clique no clássico e podemos mudar a cor para preto. E agora podemos ver isso. Agora também podemos fazer o grande em vigor. Então eu vou realmente mostrar a vocês qual é o grande efeito agora. Então, o efeito verde aqui. Se eu clicar nele, podemos mudar essas duas cores diferentes. Então, por exemplo, aqui eu tenho cor. E eu posso mudar este verão como verde e então nossa cor secundária mudar a localização e caras, você pode fazer isso para cada módulo. Então é ilimitado em sua criatividade. Então, no entanto, criar criativo você é. Eu não sou o melhor web designer Eu realmente não sou, você sabe, e as outras pessoas são, tipo, muito melhores do que eu. Você sabe, se eles têm sites criativos e idéias criativas. Então é basicamente assim que você faria o grande efeito. Então eu vou fazer você só vai em frente e deixar como clássico aqui. Vou fazer um preto sólido agora. Ok, então eu clico aqui, que é o módulo de texto. Eu vou para o estilo, mudei a topografia para algo como, você sabe, eu acho que você é areia aberta. Então, as areias abertas e, em seguida, aqui. Vou ir em frente e dizer, você sabe, eu queria um pouco maior. Talvez possamos tê-lo no Ah, veja, veja, nós não temos complementos ter isso. Ah, bom. Isso é bom. 2039 Honestidade. 20. 20. Lá vai você. 25 25 2020 20. Sim, eu sou perfeccionista é muito irritante. Então isso aqui é como as configurações de novo, pessoal. Tão aberto, Sands. Nós podemos ir e deixar isso agora eu quero ir em frente em outro. Então eu quero ir em frente em um título bem aqui, bem abaixo disso. E eu quero mudar os alinhamentos para escrever, então quero isso aqui e bem aqui. Vou digitar quatro marcas. Ok, então novamente ao estilo. Agora, também use aqui diz link. Então, se alguém pode realmente vir a um site e eles podem clicar sobre isso, ele irá ligá-los para onde você quiser e tags html porque eu não vou entrar em tags html muito porque isso é sobre S CEO. Mas isso é basicamente para fins sdo. E eu tenho um vídeo em freelancer juntos, CEO do Incidente, mas eu não vou me meter muito em tags HTML. Eles realmente não são, é necessário porque para iniciantes, você é praticamente nunca vai entender o que é porque ele fez muito com HTML. Então não é muito importante para nós, mas aqui mesmo clique no estilo e vá para a cor do texto e vá para brancos geralmente como os títulos de tudo ou de cada um. E então, como o conteúdo como H dois h três. É apenas para fins STL como, você sabe, como otimização de motores de busca e coisas assim. Então nós estamos aqui e mudamos para algo assim, ele abre a tenda de novo, ok? E então nós podemos mudar, como o tamanho do dedo do pé como um Vamos fazer, como 30 e 30 anos. Bom. Agora há também o que nós vamos fazer é realmente ir em frente e apenas duplicar toda esta linha porque nós realmente não precisamos fazer isso duas vezes. Então aqui você pode ver neste lado direito que temos uma caixa vazia. Basicamente, vamos duplicar tudo e depois, sabes, fazê-lo a partir de, uh, apenas duplicado, porque não há razão para fazermos do zero, sabes? Então, lá vai você. Não clique nisso e vá para o editor de texto e vá em frente e coloque isso para os direitos e depois mude isso para brancos. E então também, vamos em frente e colocar isso como extremidades abertas. Está bem? Tudo bem. Legal. Então nós temos uma seção aqui e vamos em frente e apenas duplicar esta linha e, em seguida, apenas adicionado a esta seção aqui. Eu não me apetece fazer tudo isso de novo com o com a fonte e tudo é muito trabalho. Então aqui com duplicado agora, eu vou arrastar isso. Faça isso, ligue para ele aqui, e eu vou apagar esse aqui. Está bem? Agora, a razão pela qual parece isso é porque lembre-se, as configurações ainda estão no lado direito. Vendido. Precisa fazer é clicar neste pequeno clique no texto aqui, Agora no editor de estilo para ir ao estilo, e então eu quero que ele no lado esquerdo. Ok, então aqui mesmo. Mesma coisa. O alinhamento aqui para o cabeçalho é realmente bem aqui. E então esta seção aqui novamente, estilo lado esquerdo. E você não quer mudar isso. Você sabe que não queremos que o mesmo texto será como medo de mercados. E então vamos fazer como, hum, Wordpress é divertido. Isso é muito disso. Faça um trabalho legal. Sim, não faz nenhum sentido. Por isso aqui, por baixo disto, quero mudar isto para o estilo. E eu quero mudar a cor. Quero mudar algo assim aqui. Então você vê o que eu fiz aqui. Então, como eu tenho essas cores correspondentes e parece muito legal. Pessoal, algumas dicas para muitos de vocês. Quando estiver criando sites e aprendendo a fazer isso, tente manter suas cores consistentes. Você não quer minhas 89 cores no seu site. Vai parecer brega ter 2 a 3 cores. Vocês podem ver que tenho preto branco nisto. Isso é feio, mas tudo bem, mas eu tenho, tipo, porque é preto e azul. Parece bom, certo? E é consistente. Então eu quero manter esses carros consistência porque eu gosto de ensinar as pessoas a fazer realmente bons sites. Não Uggla. Isso não é nenhum cara. Então aqui está a seção. Então esta seção aqui controla toda essa área. Você vê este pouco desta vez bem aqui. Então aqui, sob estilo. Clique nisso e vá para Peço desculpa. Vá para avançado. Agora você vê isso aqui, que diz vincular valores juntos. Quero que desprenda isso. Então agora vamos para as coisas mais avançadas. Então a margem de margem é basicamente dizer palavra. Quero que isto comece. Não quero começar a partir das 10. O que? Quero começar do negativo 10. Negativo. 10 seria a direção oposta. Então, novamente, vamos clicar sobre isso novamente. Isso é muito irritante. Então, aqui mesmo nas cabras para 10 negativos. Eu sinto muito. Tempo negativo. Não, não, 110. Então agora você vê como isso está realmente começando um pouco mais alto do que deveria, e como resultado, ele está realmente empurrando para cima na página. Então aqui de novo, eu posso ir para Vamos fazer, uh, qual é o marginal para menos 50? Esperança, desculpe. Você tem que fazer o menos. E então 50 foi demais. Demasiado. Então vocês vão ver como está empurrando para cima na foto? Assim como está no meu site? CMA está empurrando para cima aqui, então é como se não deveríamos estar, mas é uma espécie de design. Então foi exatamente assim que eu alcancei esse projeto bem ali. Então eu basicamente coloquei algumas, hum, como alguma margem. Então eu também quero mostrar a vocês o que é tapar porque bater é basicamente espaço. Então, quanto espaço você quer aqui? Bem, digamos que eu quero 10 pixels acima. Então você tem 10 pixels acima Vamos dizer que eu quero 50. Basicamente dizendo que quero espaço aqui. Quero 50 pixels de espaço para o topo. Agora, você poderia fazer isso pelos direitos. Você pode fazer isso para a parte inferior e para a esquerda. Mas a questão é que não temos nada. Teríamos tapinhas o suficiente aqui. Nós realmente não precisamos adicionar mais, então eu só quero ir em frente e focar mais na margem. Eu também. Fiz T menos 50. Oh, não, para nós. Lá vamos nós. OK, menos 50. E lá vai você. Então agora é assim que eu alcanço esse tipo de design contraditório. Então, aqui mesmo , estou seguro. Tudo bem, então vamos em frente e continuar. Agora quero que entendam o que fiz aqui. Então aqui, eu adicionei basicamente apenas um am, uma seção para texto para texto. E depois adicionei uma divisória. Foi tudo o que fiz. E então eu fiz um papel de três colunas com ícones, então eu vou mostrar a vocês que é agora. Então, aqui mesmo no clique neste clique em uma nova seção neste aqui. Sabe, vou em frente e colocar a taxa de imposto aqui. Então aqui, sob o editor de texto, e eu vou fazer Nós somos incríveis. Não quero ficar em maiúsculas. Então nós somos incríveis e estilo. Eu quero ir e colocar no centro e eu quero mudanças para preto e então novamente no sentido aberto . Oh, o errado. Abrir envios. E então, é claro, podemos mudar o tamanho de algo. Sabe o que mudou? Um maior ou algo assim ou o que ele quiser. Vou só colocar 20 ou 20 dois. Está bem. No caminho. Vai servir, uns 300. Meio que isso. Olha, você sabe, é simples, é fácil. Acho que é isso que a Apple usa. Então lembre-se, falamos sobre estofamento. Isto é realmente o que Maurin vai usar para que vocês possam ver bem aqui. Isto está muito perto disto aqui. Eu não quero isso. Eu não quero que isso feche, sabe? Então aqui eu clico sobre isso que está controlando toda esta seção e ir para avançado agora para esta seção aqui não vai clicar sobre isso porque se você clicar em valores de link juntos, juntos, ele não faz para todos eles. E eu realmente não quero isso. Vê como está indo para todos eles? Não, eu não quero isso. Então clique sobre isso e diga, Olha, eu quero dar talvez, você sabe, 50 pixels, você sabe, 50 pixels ou vamos fazer 100. Então você vê como isso é meio que empurrando o espaço porque nós não queremos ter tudo agrupado. Assim como, bem aqui, vocês podem ver que eu adicionei espaço bem aqui. Então eu quero espaço suficiente para introduzir a nova seção. Então, sem estar tudo agrupado e , barulhento, então tudo o que eles fizeram foi basicamente adicionar algum espaço. Ok, agora eu quero ir em frente e adicionar outro texto aqui. Então eu clique sobre isso o cabeçalho, e depois arrastá-lo para lá e novamente colocar isso no centro e nunca colocar re trazer algo especial. E no centro disso, bem aqui para o estilo, eu vou mudar para preto e então, você sabe, provavelmente areia aberta novamente. Abra o ego deles. Anne, use seu telescópio. Que tipo de letra é essa? Nunca vi isso com qualquer usuário que nomeie uma fonte e notícias. Seu telescópio está louco. Tudo bem, então 300 bem ali. Vou em frente e fazer isso, tipo, talvez maiúsculas e fazer um pouco maior, certo? E a última coisa que quero fazer é ir em frente e colocar este próximo dividido aqui. Então, problemas divisórias bem ali. Lembre-se, isso é só dar uma olhada, você sabe, então eu quero ir em frente e colocar no centro e depois reduzir isso, ok? E então a lacuna, eu só me importo com a lacuna. Eu só quero fechar isso porque eu este parece bom para introduzir uma nova seção, sabe? Então é basicamente por isso que eu tenho isso. Então temos esta seção bem aqui. Então, aqui mesmo. Você pode ver que nós temos esta seção e nós temos esses três pequenos botões. Então eu quero ir em frente e adicionado em uma nova seção. Então aqui e clique em adicionar uma nova seção. Clique nesses três e vocês podem ver que temos essas três pequenas bolhas, certo? Ouvir clicar sobre isso. Agora temos outros diferentes. Há, sabe, há caixas de imagem. Há caixas de ícones são todo tipo de coisa, pessoal. Além disso, eles têm uma versão pro nisso. Então, a versão pro basicamente dá acesso a mawr desses módulos. Mas falaremos mais sobre isso depois desta seção aqui. Então, basicamente, neste site bem aqui, hum, eu realmente vou ir em frente e mostrar a vocês alguns desses recursos profissionais apenas para dar a vocês um exemplo de que eles oferecem uma versão profissional. Sabe, há um link na descrição. Vocês podem comprar a versão pro, se quiserem. Você não precisa, mas você tem um monte de mais ícone para obter muito mais widgets e você também obter muito mais do Lance pré feito, então esta empresa realmente lhe dá muito mais layouts. Isso é se você comprar sua sonda e esta pontuação alta apenas um pouco lento. Tudo bem, está funcionando. Está carregada. Está quase pronto. Ok, então aqui vocês podem ver que eu tenho os elementos profissionais bem aqui. Então eles basicamente te dão, tipo, slide, como aqueles cheios de controles deslizantes. Eles lhe dão tabelas de preços de flip box e share, mas envia uma contagem regressiva. Então, por exemplo, como um flip-boxes basicamente como dizer, se você, você sabe, você paira sobre, ele vira. Então isso é basicamente um dos recursos profissionais, mas não precisamos. Eu vou falar sobre todos os recursos pro um pouco mais tarde neste tutorial. Então, se vocês decidirem comprar a versão pro, eu acho que é como 100 ou para o ano inteiro e você tem como apoio e tudo mais, é muito incrível. Para que os recursos profissionais você obtém os procedimentos e você recebe o suporte. Então é como uma vitória, e se vocês comprarem, eu faço uma pequena comissão e, você sabe, você sabe, isso me ajuda a continuar fazendo esses tutoriais de graça, porque ele está lá há muito tempo Tutoriais, sabe, certo, como há muito tempo morreu, sabe, mas está tudo bem. Então aqui, eu vou clicar no ícone, e ele vai arrastá-lo aqui mesmo. Isso é meio feio, sabe? Isso é meio feio, Mas se todos gostarem de um ícone normal sem texto ou qualquer outra coisa, é o que vão fazer. Mas eu não os quero. Sabe, eu quero uma mensagem. Eu quero um pouco de sabor para tudo o que você sabe. Então, hum, descendo aqui, você tem a caixa de ícones e a caixa de imagem. Então a caixa de ícones de um com o texto e o outro é a caixa de imagem onde basicamente , você pode colocar sua própria foto e, em vez disso, digamos que você é um cara bonito ou sua linda garota. Você pode se apresentar assim, sabe, Tiffany, e então você pode falar sobre sua posição ou algo assim. Mas vou em frente e usar esses ícones por enquanto. Certo, isso foi só dar um exemplo deles. Então aqui tem este é o título. Não, pessoal, eu sei que desapareceu, mas vocês sempre podem clicar na pessoal, eu sei que desapareceu, mas vocês sempre podem clicar naduplicata ou sair da sua seção, e isso vai emfrente e fazer com que seja outra. duplicata ou sair da sua seção, e isso vai em E então, é claro, você pode arrastar e soltar, mas eu vou fechar isso aqui mesmo. Vocês também podem fazer como, mais, você sabe, adicionar outra seção. Mas então eu vou fechar isso de novo, e então vamos em frente e fazer isso de novo. Então, estou perto disso. 6. PARTE 6 de casa PARTE 3: Tudo bem. E então, é claro, ia clicar no ícone ou não, desculpe, seção adicionada. E vamos clicar nestes três. E eu simplesmente vou para a caixa de ícones e então, você sabe, agora podemos apenas ir em frente, duplicar isso para, você sabe, você não tem que fazer todo aquele trabalho duro de novo. Esse é outro. É outro atalho. Que jeito de fazer assim. Mas lembrem-se, vocês sabem, vocês podem ter do jeito que quiserem, então vamos falar sobre essas configurações. Então aqui temos a visão que podemos ter, como um empilhado que podemos ter emoldurado. E então aqui, você pode escolher o tipo de ícone. Então você sabe, como você quiser, você sabe, porque estes são muito auto-explicativos, sabe? Então, se você quiser quadrar ou circular isso, nós vamos fazê-lo. Eles tornaram isso tão incrivelmente fácil. Então, o que? Bem-vindo ao Elemental. E então aqui temos a composição. Você pode tê-lo para a direita, para a esquerda ou para o centro. E então, é claro, você também pode ter esse link. Então, se algo clicar nisso, para onde você quer que eles vão. Bem, é isso que nós vamos. Você vai colocar o site bem ali. Você também pode ter opções de link aqui. Como Adam Não cair ou abrir uma nova janela. Agora, isso é realmente uma boa idéia. Então, basicamente, se eles clicarem nisso, ele vai abrir uma nova janela em seu navegador e vai trazê-los para aquele site porque você pode não querer que eles saiam do seu site. Então abrir em uma nova janela é realmente muito bom. Agora, Adam, nada de seguir de novo. Isso é para fins de fuga. Usto cara, você pode não saber mais sobre isso, mas nada de caras caindo em poucas palavras, é basicamente dizer ao Google para não indexar esses links. Isso é basicamente o que é. Mas eu não vou para Tosto. Então, uh, sim, então abra uma janela se você quiser. E lá vai você. Ok, então aqui temos estilo e temos cor primária, que é você pode colocar em sua cor primária, e então você também tem essas cores secundárias para que você possa colocar algo azul, que é o fundo geralmente quer Deixe claro. Quero dizer, isso é tipo muita cor, então eu penso o quê? Oh, isso é tão feio. Temos que mudar isso. Você tem que mudar isso. Eles vão colorir é branco poderia sair assim. Ok? E podemos adicionar espaçamento a isso. Lembre-se, você quer que ele está virado ou você pode adicionar tamanho, torná-lo um pouco como isso é OK, e então o preenchimento também. Se você quiser adicionar preenchimento a isso, você pode ir em frente e reduzir o preenchimento ou você pode adicionar mais patty. Lembrem-se, tapar é espaço. Certo, só um aviso. E, claro, você pode girar isso para quem você quiser a fronteira. Você pode, você sabe, adicionar mais fronteira com, se você quiser. Nós vamos. É basicamente só dar a fronteira mais com isso, basicamente, tudo o que você está fazendo aqui. E então, é claro, você poderia fazer como Border Radius também. Então isso é basicamente em poucas palavras. Agora posso pairar. Lembre-se, alguém passa o mouse sobre isso o que você queria fazer, para que você possa alterá-lo com base na animação do pairar. Então, se alguém paira sobre ele com suas bocas, você pode basicamente fazer todas essas opções de novo. Então, bem aqui eu tenho, tipo, saltar dentro Então de alguma forma foi sobre ele você pode ver a animação. E de novo, bem aqui. Assim, e também para conteúdo, você pode alterar o espaçamento do conteúdo. Você pode alterar a cor e a topografia. Lembre-se, o título é para esta seção aqui, esta seção azul e, em seguida, a descrição é para esta seção aqui, porque eu não vou colocar muito em topografia novamente. Porque novamente, lembre-se, nós já conversamos sobre tudo isso. Então eu vou abrir o Sands bem aqui e apenas colocá-lo lá e então, hum, para o caminho, tipo hum, para o caminho, , 300 e então eu vou em frente e mudar a descrição aqui mesmo. Vou fazer uma topografia preta. Vou fazer areias abertas. Lembrem-se, rapazes, quando estiverem abertas essas opções, talvez queiram clicar nisso, e isso meio que, tipo , tira vocês das opções. Por isso, certifica-te de que não estás preso. Então, basicamente, uma vez que você faz tudo isso, lembre-se, você não precisa fazer todo esse trabalho duro de novo. Você sabe, você pode simplesmente ir em frente e deletar estes ou apenas, você sabe, duplicar isso aqui e, em seguida, excluir estes aqui mesmo. Sabe, é que não há razão para você fazer tudo de novo, certo? Porque, ei, você sabe, você tem esse papel e, você sabe que é basicamente isso. Certo? Então, vai passar por aqui. Agora temos estas três imagens bem aqui. Agora, nesta seção, vou mostrar a vocês como incorporar essas imagens. Então vocês baixaram minha pasta? Se receberem algumas imagens, podem usá-las. Então, aqui mesmo, clique em, adicione uma nova seção. Eu sou um clique sobre estes três aqui e aqui, tirar imagem e arrastá-lo para lá. Ok, então aqui mesmo. Vou apagar isto porque esta é a imagem deles, e quero adicionar a minha. Então aqui nós clicamos no upload de arquivos, selecionamos arquivos, e eu vou em frente e encontrar este aqui. Ok? E vá para inserir mídia. Tudo bem, legal. Temos o meu livro, Darrell Wilson Dot com. Eu só estou brincando. Não é isso que eu não escrevo livros. Eu não, eu não sei. Aqui vamos para a imagem e fazemos de novo. Ok, então faça upload de arquivos e, em seguida, re aqui vai colocar em um pequeno e legal iPhone zombar. Eu fiz. E novamente, aqui mesmo no meu vá em frente e clique neste número. Estes trazem os módulos e então eu vou Teoh a imagem novamente. Exclua esse clique sobre isso e, em seguida, vá para o upload de arquivos e, em seguida, simplesmente feliz agarrou o último aqui. Este aqui, Inserir mídia. Ok, então nós temos essas três imagens, mas nós precisamos basicamente grade. É, você sabe, não parece bom assim. Quero dizer, parece bem, mas esse não é o propósito. Eu quero mostrar a vocês como ter esse efeito de estilo de grade, então, mas clicando aqui, clique sobre isso vai se lembrar desta sessão aqui, essas três pequenas essas três pequenas coisas aqui que está editando toda essa seção Bem aqui. Então, se você quer basicamente ter este pouco você sabe, este efeito bem aqui, você tem que ir clicar sobre isso e ir para o máximo com aqui mesmo. Lembre-se, eu quero isso cheio com seção, e é bem simples. Tudo o que precisa fazer é dizer que eu não quero nenhuma lacuna. Então, sob a coluna Gap. Você poderia ter, tipo, estreito. Você pode ter, tipo, um pequeno ou algo assim, mas eu quero dizer, olha, eu não tenho nenhuma diferença entre estes. Então, agora, quando eu encolho isso, vocês podem ver que ele tem aquele belo efeito de grade Sal bem ali. Então é assim que você consegue o efeito de estilo de grade, sabe? E bem aqui, você adivinhou que pode ver que parece o mesmo. Exatamente. Bem aqui. Então, e também meio que pulando à frente. Olhando para isto, vocês não conseguem entender que isto é uma linha de duas colunas. Então, uma coluna, duas colunas. Esta é uma imagem com um texto, um texto, um subjacente mais textos e um botão. Ok, agora, pessoal, mais uma coisa. Eu quero que vocês assistam todo este mundo porque eles vão ser um monte de perguntas que eu tenho. Recebo muitas perguntas e pessoas como você para fazer isso. É. E eles não assistem todo o tutorial sobre o meu irmão. Está neste tutorial. Só temos que assistir. Ok, então vamos sair e fazer a próxima seção, que é a seção Parallax. Então aqui e clique nisso e eu vou em frente e colocar um texto bem aqui. Então, bem aqui, vou adicionar uma nova seção aqui, e eu ia selecionar esta aqui. Agora eu quero ir e selecionar um título, então eu vou colocar algo como nenhuma experiência necessária. E eu também vou apresentá-los a algo chamado Divisor de Formas, que é um recurso muito, muito legal, assim como eu falei na seção do blog onde você pode ter esses Arkin diferentes, Tudo. Podemos fazer isso com qualquer seção que quisermos. Então aqui estou um clique sobre isso aqui para centralizar e sob estilo. Vou mudar isto para algo como branco. Agora você não pode ver que ele não tem um fundo. Então, aqui para dar um fundo. Alguns clique sobre esta pequena seção azul e sob o conteúdo com eu quero dizer que isso é ou cheio com. Agora também podemos fazer uma seção esticada. Então vamos fazer seção esticada em vez disso. E então também para o estilo, eu vou clicar sobre isso aqui e adicionei uma imagem. Agora, novamente, pessoal, vocês podem adicionar um vídeo. Você pode adicioná-lo no efeito verde, e eu vou te mostrar como adicionar os vídeos agora mesmo. Então vocês podem ir para o YouTube Dot com agora. Então vão para o YouTube Dot com e então vocês podem procurar algo como quatro imagens de cenários K. Então, quatro imagens de cenário K. Então vocês veem todos esses vídeos aqui. Então eu só gosto do céu noturno de quatro K, então quatro K céu noturno e todos vocês a fazer é simplesmente copiar e colar esses links aqui . E estes vão realmente dar-lhe a capacidade de tê-los em seu passado. E não vai levar o áudio. Então eu vou clicar na cópia e depois vou até aqui. Eu sinto muito. Por aqui. Agora, para esta seção, vamos deixar isso muito rápido e apenas dar-lhe um exemplo. Então eu estou adicionando um fundo de vídeo e eu vou ir em frente e colar o link bem ali. Então, lá você pode ver o vídeo começando a ser reproduzido. Agora precisamos de mais espaço. Mas antes de fazer isso, quero terminar esta seção. Então eu clico sobre isso aqui e eu poderia adicionar em um divisor. Então aqui, senhora, para o lutador e eu sou um colocar este centrado. E de novo, como fizemos antes. Eu vou em frente e, como, você sabe, você sabe, reduziu o com bem aqui e, em seguida, colocar a cor branca do dedo do pé. Sabe, ganhamos um pouco mais. Ah, um pouco mais para E então, você sabe, nós podemos reduzir a lacuna. Nós não queremos muito espaço agora para a experiência não necessária. Eu vou, você sabe, editar isso um pouco. Quero que o dedo abra o Sands. Ok. Outra coisa que eu vou fazer nesta seção bem aqui sob o adiantamento é ir em frente e adicionar um pouco de enchimento a ela. Então talvez, tipo, hum, eu não faço, tipo 50 ou assim, apenas assim. Ou veja aqui. Vamos em frente em 50. Então, basicamente, apenas adicionando espaço aqui, e eu também vou fazer este texto Ah, um pouco maior, porque é meio pequeno para um texto de cabeçalho. Não é necessária experiência. Agora eu vou em frente e Adam, só mais um texto aqui. Então, editor de texto, vamos colocá-lo logo abaixo disso. E, claro, vocês podem ir em frente e mudar a cor para isso e tudo o resto. Então ele vai fazer isso aqui, talvez torná-lo um pouco maior e então fazer algumas dezenas abertas. Certo, então neste ponto, vocês estão entendendo como o construtor de páginas funciona. É bem simples. É bonito, você sabe, Zz, certo? Eu disse a vocês que vai ser muito, muito fácil. Então, bem aqui embaixo do ônibus. Vou em frente e arrastar isso para baixo e eu sou o centro disso. Agora, tudo que eles vão fazer é simplesmente mudar isso para algo como, você sabe, texto cor branca. Mas talvez você queira adicionar isso a esta cor como esta para tipo de dar aquele olhar e novamente se vocês quiserem adicionar preenchimento a esta linha inteira então basicamente aqui eu adicionei tapinhas com este título aqui, apenas com este seção. Mas talvez você queira ir em frente e adicionar e tapar toda a linha Então aqui, meu bom avanço e eu vou apenas ir em frente e colocar zero. Agora vou mostrar a vocês como adicionar estofamento a toda a estrada. Então eu clico nesta seção aqui, que está controlando toda a linha. Vá para avançar e simplesmente digite isso aqui e você adivinhe admite, adicionando mais. Mais uma vez, você acha que sair de novo mais do que isso. Então, você sabe, 100 para dar algo que se parece com isso bem ali. Ok, agora também fale sobre o divisor em forma, o que é muito, muito legal. Assim, o divisor de formas irá realmente adicionar em alguns gráficos ou animações, e ele vai realmente funcionar para vídeo e para imagens. Então isso é realmente muito legal. Então, aqui mesmo, sob o divisor de forma, vamos clicar sobre isso. E esta parte superior está controlando o topo. Então aqui nós temos, tipo, montanhas para que vocês possam ver como é como se estivesse dando ao topo essas pequenas animações e vocês podem fazer nuvens. Ou vocês podem. Sabe, isso ou algo assim? Isso é realmente muito legal, você sabe, talvez devêssemos ter as nuvens para o topo, para o fundo. Você sabe, isso é meio legal. Aqui você pode mudar a altura de sua, você sabe, e então também podemos virar, é que podemos inverter sua maneira oposta. Vocês podem mudar todas as configurações aqui como essas também são para, tipo, o imposto no link e tudo mais. Vocês podem mudar todas as configurações aqui como essas também são para, tipo, Então eu não vou me meter muito em, como cor do link. É basicamente como a cor do link, mas para a forma dividida aqui, digamos, por exemplo, eu quero ir em frente e fazer a parte inferior também. Então, o fundo bem aqui quando eu iria em frente e dar-lhe as nuvens também. Então agora nós temos esse efeito muito legal aqui e você sabe, nós podemos mudar o alto. É que podemos virar, é que podemos inverter. Podemos fazer todo tipo de coisas muito legais. Então é isso que a forma se divide, pessoal. E é para cada seção, então rolando para cima como se não parecesse bem aqui. Mas, hum, você provavelmente está olhando para qualquer seção, mas, hum, veja, eu posso usá-lo aqui mesmo sob o divisor de forma de estilo e ver se você pode adicioná-lo ao topo Bem aqui. Temos que mudar a capa dos bloqueadores. Realmente não ficaria bem e não há lugar para isso aqui, então meio que não daria certo. Então, sim, não tem para onde ir. Então eu vou usá-lo novamente. Outro exemplo. Mas este aqui é um bom exemplo de como você pode usá-lo. Eu acho que também eu usá-lo na minha seção de bloqueio e também aqui. Use-o. Então eu adicionei um divisor de forma diferente. Mas para esta seção, eu só uso nuvem, e isso é tipo de combinação legal. Você conhece o vídeo com a nuvem. É único. É legal. Então agora isso é um exemplo do divisor de formas. E também, se você não quiser isso, você pode ter os efeitos de paralaxe e lembre-se de alcançar o efeito de paralaxe, você simplesmente precisa ir para o clássico, colocar nesta imagem aqui e colocá-lo como contido e corrigido. Então, novamente, lembre-se, anexos fixos e, em seguida, tamanho quer ir em frente e colocar tampa? Ok, então agora podemos ter exatamente a mesma imagem. Isso é efeito porque isso é realmente bonito. É um estilo realmente incrível, como você não poderia fazer isso com outra coisa livre. Eu prometo a você que eu estive em torno do WordPress por um longo tempo. É por isso que eu sou o melhor instrutor em você, para mim e também escala share. Então vocês também podem fazer como um grande efeito também. Mas você sabe, grandes efeitos. É bom em tudo, você sabe. Mas eu, pessoalmente, gosto dos fundos de vídeo ou eu gosto do de sobre a imagem. Agora, uma coisa sobre a qual eu quero falar é que os fundos de vídeo geralmente não funcionarão em dispositivos IOS . 7. Recursos da PARTE 7: Muito bem, muito rápido. Eu quero ir e apresentá-lo todos através de alguns sites que oferecem recurso gratuito é para o seu site. Agora, este é um chamado de vídeo dot nets, e isso vai realmente oferecer-lhe filmagens de vídeo grátis. E se você pesquisar nos sites como eu acabei de digitar no céu, você pode ir em frente e ver todos os vídeos que eles oferecem, e estes são todos gratuitos para download. E estes serão realmente bons fundos de vídeo. Você também pode usar o YouTube e, você sabe, digitar, como quatro fundos de cenário K ou quatro K espaço ou quatro nuvens K ou qualquer outra coisa. E você também pode usá-los como fundo de vídeo também. Agora, outro bom recurso é unspool ash e novamente, estas são fotos profissionais de fotógrafos como. Eles não são alguma imagem instagram estes ar muito alta resolução, muito profissional, e eles são ótimos para sites. Portanto, certifique-se de verificar as cinzas unspool, por exemplo, aqui mesmo no tipo de algo como terra, e eles lhe dão todos os tipos de imagens diferentes como esta aqui seria um bom fundo bem aqui. Isso é muito legal. Ok, então certifique-se de verificar para fora em Splash agora que outro realmente legal é escolha livre Agora, escolha livre tem um monte de simulações legais. Eles têmícones longos e legais, ícones longos e legais, por exemplo, no tipo de marca aqui, é uma lista de mídia de todos esses aqui. Agora, estes são os livres. Estes aqui em cima são como um anúncio. Então eles são meio complicados. Quem está tão bem aqui? Você pode ver que há tudo isso como um tipo diferente de simulação, e você pode tipo de pegar um aqui e baixá-lo. E você pode realmente ir para Fiverr dot com, que é outro site. E você tem que fazer photoshop seu logotipo em seu ou algo que você já viu como aqueles cartões de visita com essas coisas na Internet onde você vê assim, como iPhones e casa como o nome da empresa. Isso é exatamente o que eles fazem aqui. Então você vai para Fiverr, fazer uma foto de alguém comprar por apenas cinco dólares. Se você não sabe como fazer isso, e então você pode ter o seu logotipo ou o que quer em uma simulação, que vai olhar realmente profissional em seu site, então eu recomendo fazer isso agora. Por último, eu quero ir em frente e recomendar o macaco de fotos. Agora, Pic Monkey é a melhor alternativa para a loja de fotos. É muito fácil editar coisas, então vou te mostrar um exemplo agora. Então eu vou em frente e editar esta foto aqui, e este é um serviço gratuito. Você tem que pagar por isso. Tudo é de graça. Então aqui pode ir para esta seção de texto e eu estou indo para um texto. Então vamos dizer que você quer apenas adicionar um texto aqui vai colocar algo como se eles são Wilson Dot com e é isso. E então tudo que você precisa fazer é ir para as exportações e então você pode ir em frente e salvá-lo como se estivesse tudo bem. Então, é uma alternativa muito boa para a loja de fotos. É realmente fácil. E eles têm um monte de outras coisas legais, não apenas mensagens de texto. Eles têm um monte de animações legais que você pode adicionar duas imagens que fazem parecer realmente profissional. Portanto, não se esqueça de verificar pic macaco dot com. Ok, então agora vamos em frente e voltar para o tutorial 8. Parte 8: Então vamos fazer a próxima seção aqui. Então eu vou ir em frente e fazer anúncio em sua seção, clique no mar aqui mesmo. Agora, eu mencionei muito rapidamente. Eu não quero sair do tópico, mas eu não mencionei o fato de que você não pode usar esses vídeos no dispositivo móvel é agora uma boa maneira de contrariar que é realmente desativado esta seção no celular. Então, digamos, por exemplo, usar esta seção no celular usando um vídeo aqui, e isso meio que é uma droga porque as pessoas não podem As pessoas não podem visitá-la em, você sabe, em seu telefone. Quero dizer, eles não podem ver o vídeo. Você pode realmente desativar todo esse plano de fundo se você optar por ter isso sob as configurações avançadas. Então, sob as configurações avançadas em Responsive, você pode realmente ocultar isso no tablet e no dispositivo móvel. Então isso significa que eu não ficaria estranho para os usuários do iPhone porque eles, você sabe, eles não podem ver vídeo. Você sabe, eu não sei em tablets, mas eu sei em determinados dispositivos IOS que o vídeo não é reproduzido. Então é exatamente para isso que a visibilidade serve. Então é isso que significa esconder no tablet e também esconder no celular. Ok. Tudo bem. Então vamos em frente e continuar. Então, estamos indo muito bem até agora. Pessoal, vocês têm uma sensação boa. Sabe, pegue uma bebida. Pegue uma cerveja. O que quer que vocês façam. Agora vou mostrar a vocês como fazer a próxima seção, que é essa seção aqui. O efeito de tela dividida agora realmente tem as imagens na minha pasta novamente. Então, novamente, sinta-se livre para baixá-los a qualquer momento. Então, aqui mesmo. Vou colocar este editor de texto aqui. E eu estava indo para algo como, nós somos incríveis, você sabe, eu quero um minúsculo. Então nós somos incríveis e sob o estilo, eu quero centralizar isso e eu quero texto para ser preto. E, claro, podemos ir em frente e mudar como a topografia de estilo bem aqui. Vá para arquibancadas abertas. Você sabe, etc. Porque se algo acontecer com o construtor de páginas como algo não funcionar, feche-o e reinicie-o. Às vezes, no mundo do wordpress, às vezes coisas muito estranhas acontecem e eu não sei porquê, mas é só o jeito que acontece, sabe? E eu gostaria que você soubesse de tudo. Sabe, em um mundo perfeito, tudo era perfeito. Mas, às vezes, há apenas muito estranho há apenas coisas fechadas e apenas reabri-lo. Então eu peguei o texto do título aqui, e então vá em frente e centralize isso aqui mesmo. Vou colocar re trazer algo especial. Você está sendo algo especial? E nós ouvimos Oh, vá em frente E apenas, você sabe, colocar uma cor preta preta e mudar isso para algo como Areias Abertas, e depois espera. Vou fazer algo como 300, o que é legal. E então eu posso ir em frente e adicionar uma pequena divisória bem aqui. Dê um pouco de decoração. Você sabe, dar um pouco de design e tudo mais. Sabe, eu realmente gosto das divisórias japonesas. Eu sinto muito. A divisão gosta, mas os divisórias também são muito legais porque eles apenas adicionam muito. Sabe, eles realmente acrescentam muito. Agora, uma coisa eu quero salientar que se vocês querem realmente empurrar isso um pouco mais alto, você vai para avançado e você pode realmente fazer menos 10 para a margem. Então basicamente dizendo que eu quero que isso comece um pouco difícil. Isso deveria ver que eu estava um pouco mais perto agora, então isso é algo que você pode fazer também. Ok, em. Na verdade, vamos em frente e fazer é vamos adicionar mais um pouco de texto. Eles vão adicionar um botão. Então ouvimo-lo em mais algumas mensagens. Vou seguir em frente e centralizar isto e depois vou em frente e adicionar um botão. Agora, este botão aqui, eu enviei bem ali. Eu realmente fiz, como um fundo transparente. Então, para a cor de fundo, eu apenas coloquei, como, como, como transparente. E, em seguida, para a cor do texto ajustado preto inteligente três contra. Ele só disse, clique em mim bem ali. E para o tipo de borda. Eu fiz sólido, e eu dei uma cor. Então foi assim que consegui aquele outro olhar bem ali. Então, nesta outra página aqui, você pode ver que eu tenho isso aqui, então eu basicamente coloquei a borda bem ali. Então, basicamente, você sabe, como eu consegui. E agora para o com. E ele disse isso com porque ainda não temos um com. Então você quer dizer, tipo, você sabe, para cinco ou alguns assim são para um, você sabe, se você quer ficar realmente magro. E então eu alcancei o círculo dando-lhe um raio de 50. Então aqui, você pode ver que eu tenho um fundo transparente e parece muito legal. E temos uma caixa para ele, se você quiser. Você sabe, se você quer ficar tudo, você sabe, legal. Você sabe? Viu como eu era como aquela sombra? Você tem algum tipo de bagunça com isso. Se você quiser, eu vou em frente e colocar um pouco, você sabe, ele funciona. Às vezes funciona. Às vezes parece bem legal. Por isso, aqui mesmo, vou clicar nisto. E eu acho que eu preciso realmente dar a esta seção inteira aqui um fundo. Então, nesta seção aqui, eu realmente não tenho um passado. E no meu outro, meu outro meu outro site de demonstração. Você pode ver aqui que eu tenho este fundo bem aqui para que vocês possam ir em frente e ir para a pasta. Se vocês escolherem usá-lo ou não, e vocês podem realmente ir em frente e baixá-lo. Mas aqui, clique nesta seção aqui e vá para o estilo e vá para o clássico e vá em frente e adicione uma imagem tão alta, lasciva , e eu quero ir em frente e adicionar essa imagem de fundo bem ali. Então eu acho que o que eu adicionei foi que este aqui, veja qual eu adicionei, eu acho que foi este. Vamos descobrir. Bem, eu não vou carregar o barco, então realmente não vai importar. Então, vou fazer o upload do outro arquivo. Então aqui, faça upload de arquivos. Ela era o arquivo, e então vá em frente. Foi este? Esqueci-me de fazer as duas coisas. Ok, então eu enviei as imagens bem aqui. E, claro, você pode clicar neles para vê-lo aqui mesmo. Então, aqui mesmo. Vou fazer o upload deste aqui. Tudo bem, agora, esta seção aqui, agora, pessoal, esta seção é um pouco mais complicada, e eu vou explicar por que eu faço isso da maneira que eu faço isso. Então, basicamente, para dispositivos móveis, para otimização móvel para funcionar corretamente. Se você adicionar a imagem assim, pode sair errado. Pode parecer errado, mas para esclarecer uma boa maneira de superar isso. Na verdade, é apenas colocado em um pequeno módulo normal bem aqui. Eu não tenho nada lá e depois adiciono as verificações de antecedentes. Agora, eu sei que isso soa um pouco estranho, mas eu usei o Page Builder, e é isso que faz funcionar para dispositivos móveis. Então, basicamente adicionado, Eu módulo aqui, mas eu não estou colocando nada no módulo. Só quero a imagem por trás dela. Então aqui, eu sou um ir para o tipo de fundo, dar para a imagem e simplesmente selecionar uma imagem como essa. E aqui mesmo nas cabras para cobrir. E lá vai você. Então agora eu tenho a minha imagem bem ali. Agora, eu também posso adicionar o meu outro bem ali. Então eu usei o outro está neste tutorial. Então vá em frente e carregue o outro que eu tinha visto aqui. Vocês vão colocar as imagens que quiserem? Além disso, eu gostaria de recomendar em questão especial este 10 não, na verdade, Eu uso o outro aqui, então nós usamos que podemos usar ambos Podemos usar qualquer um ou abrir que um. E eu não carrego estes dois aqui porque eles também são para a próxima parte. Eu também incluí estes nos tutoriais. Bem, pessoal, então só, vocês sabem, só para vocês se vocês precisarem deles porque eu sei que é meio difícil começar tudo. Então eu ouvi que adicionou essa imagem bem ali. Agora eu quero realmente esticar toda esta seção aqui. Então esta seção aqui e clique em editar seção vai esticar esta seção e torná-lo cheio com e eu não quero quaisquer lacunas de coluna. Então, aqui mesmo em uma lacuna de chamadas, eu não vou fazer nenhuma lacuna. Vocês podem ver que esta seção na verdade é... é muito próxima, e parece muito boa. Agora, novamente, podemos sempre ir em frente e, você sabe, ele esticou a seção ainda mais indo para a nossa seção avançada. E agora podemos realmente fazer estofamento enfraquecer, fazer margem. Podemos fazer todo o tipo de coisas. Então aqui eu faria algo como 50 estofamento. Agora é só se vocês quiserem condensar lá dentro. Você vê isso? Porque agora eu estou basicamente dizendo que eu quero adicionar 50 tapinhas bem aqui. 50 tapinhas aqui, dependendo aqui e 50 palmadas bem aqui. Ok, então isso é apenas um exemplo se vocês quiserem fazer isso. Mas para esta seção aqui, eu sou um ir em frente e aumentar o preenchimento bem aqui. E como resultado, vocês podem ver que vai esticar a imagem também. Agora, você pode fazer isso para ambos os lados. Vai funcionar para ambos os lados. Então é basicamente assim que eu alcanço essa seção assim. Então, novamente, esta seção não parece bem assim. Mas se eu adicionar 75 estofamento agora, vocês podem ver que parece um pouco melhor. E enquanto temos o efeito de tela dividida aqui, eu fiz exatamente a mesma coisa aqui, exceto que eu adicionei mais margem, você sabe, mais preenchimento aqui. Então é basicamente como conseguiu isso e eu fiz o texto maior. Então é basicamente por isso que parece um pouco menor aqui. Então, se eu fizer isso maior, parecia exatamente o mesmo. Então você traz algo especial quando vocês podem ver que está empurrando a outra foto para baixo . Então aqui está a sensação de Progra. Vá e fique um pouco maior. Demasiado grande. Faça algo assim. E então, é claro, podemos adicionar mais preenchimento ou mais espaço. Mas vocês entenderam a ideia. Então é exatamente assim que eu alcanço o efeito de tela dividida ali mesmo. E você pode ver que não há não há como não há nenhum mod como se não houvesse nada lá porque eu não queria eu só queria isso para o fundo. Eu não queria o módulo, mas eu só estou usando para o fundo. Então agora eu vou mostrar a vocês a outra maneira, que é a maneira errada, só para esclarecer, é, ah, ah, que esta é a maneira correta de fazer isso porque eu usei esse particular antes e corri em erros. Já está aqui. Eu estou atrás, Teoh, na verdade, apenas faça isso. Eu posso realmente simplesmente ir em frente e duplicar toda esta linha. Eu sei que sim, eu vou duplicar. Por que não? Não. Uma maneira. Chicotes errados. Ok, eu vou fazer uma nova seção então em sua seção e eu vou começar do zero porque eu quero mostrar a vocês a maneira alternativa, que é basicamente o caminho errado. Então aqui vamos nós para as mensagens. E então, é claro, eu vou colocar algo como, uh, maneira que são incríveis e estilo, e então eu apenas ir e deixar isso e então ir em frente e adicionar na cabeça e vocês não têm que me seguir se vocês escolherem não fazer isso. Mas eu só estou mostrando a vocês como alcançar o efeito de tela dividida usando criatividade. E então eu vou em frente e colocar algo como, uh, você sabe, vamos fazer preto ou algo assim. Veja, vamos estilo. Vamos fazer preto para abrir Sands e então vamos torná-lo um pouco maior. Você não consegue ver o quão rápido estou fazendo essa página. Quero dizer, uma vez que vocês entendam o básico, então vocês podem fazer páginas como tão rápido. Quero dizer, eu posso fazer um site em , segundos, e eu quero dizer, tipo, tipo, sem desrespeito aos Web designers, mas, mas, hum, para pequenos problemas como este, onde pressiona definido recomendado. Mas é claro, você sabe, isso é construído a partir do PHP. Então sempre precisaremos de web designers e desenvolvedores, sabe? Então aqui vai para o editor de texto novamente, e eu vou em frente e arrastar isso para baixo e então, você sabe, estilo e centro. É e eu estou saindo do botão muito rápido. Então aqui, saindo de bundas para dentro e o Simon ia sair e deixar a bunda do botão. Quero dizer, tipo, preto. Sabe, alguma coisa? Algo apenas estilo simples com algo como cor do texto. Lá vai você. Certo, então temos uma seção bem aqui. Agora, vou em frente e adicionar a imagem. Agora, esta é a maneira alternativa, que eu não recomendo. Então, imagem bem aqui. E então vocês podem ir em frente e colocar algo assim. E então, é claro, a seção bem aqui eu tenho que fazer. Nós sabíamos completo com e lembrar. Sem lacuna. Ok, então esta é a maneira alternativa. E então, é claro, aqui eu vou sair e um pouco de enchimento e outra coisa antes de fazermos isso é eu vou adicionar uma imagem de fundo ao distrito aqui. Então, aqui mesmo, clique aqui e vá para o estilo. E eu posso adicionar uma imagem de fundo. Agora vocês também podem lembrar adicionado como um Grady e sim, agora basicamente para onde quiserem Mas aqui, vamos em frente e adicionar algo assim aqui e então fazer este tamanho capa. E lá vai você. Temos uma decoração. Vocês sempre podem, sabe, fazer como padrão. Vocês têm uma posição para, tipo, tipo você sabe, tê-lo da maneira que você quiser que ele mostre. Então eu vou embora assim por enquanto e vou para o lugar seguro agora, bem aqui. Vou fazer este monitor aqui e clicar no tablet. Então, isso é o que parece para usuários de tablets. Então parece muito legal, mas isso vai rolar para baixo bem aqui. E vocês notaram bem aqui. As imagens cortadas. Agora, a razão pela qual isso é, porque basicamente, ele está assumindo Ley o tamanho da imagem. Então, sea imagem não for se otimizada corretamente, vai parecer que não é uma boa maneira de prevenir. Isto é fazendo assim. Então, desta forma aqui é basicamente, você sabe, você pode ver como as imagens sendo forçadas no fundo. Agora, esta coisinha aqui não vai aparecer, você sabe, em cima. Mas não se preocupe com isso. Mas essa maneira que eu mostrei a vocês pela primeira vez é a maneira correta, porque ele otimiza melhor, e força toda a imagem como um plano de fundo. Então, aqui mesmo, vou mudar de volta para desktop. Agora, eu vou em frente e apenas apagar este módulo bem aqui. Então, vou apagar isto. Não quero isto aqui. Então essa coisa para ir em frente e apenas dizer que você sabe o quê? Você está aposentado. Vou em frente e fechar isto. Agora eu vou ir em frente e adicionar e ir bem aqui. Não vou colocar nada lá atrás. E eu ia em frente e adicionar em um estilo e acrescentou, Me desculpe bem aqui sob esta seção, eu estou indo para fora em segundo plano para ele. Então, esta seção estilo clássico imagem. , Pessoal, isto é por conta do Lee. Se você quiser que este efeito de tela put alcance corretamente, ok, então se você não quiser a tela dos efeitos de tela dividida, você não precisa fazê-lo. Mas essa é apenas uma maneira alternativa de fazer isso. Então eu vou ir em frente e dizer isso e então vamos em frente e ver como isso parece no tablet e vocês podem ver Agora ele fica muito melhor no tablet e vamos entrar em otimização móvel um pouco mais tarde neste editorial e caras, que é muito, muito importante porque agora o Google classifica seu site em mawr otimização móvel. Obrigado. Seus desktops estão aqui. Você pode ver que parece um pouco engraçado. Agora há algumas coisas que podemos mudar, mas eu provavelmente recomendaria, você sabe, até mesmo desabilitar certas seções. Mas falaremos mais sobre otimização um pouco mais tarde. Então volte para o site agora mesmo. É meio engraçado porque ainda não otimizamos para celular, então parece um pouco estranho. Então não se preocupe muito com isso, porque vamos falar tudo sobre otimização móvel um pouco mais tarde neste tutorial . Ok, então vamos em frente e continuar. Então, basicamente, nós alcançamos o efeito de tela dividida aqui e lembre-se, se você quiser um branco nele, mas você pode fazê-lo da mesma maneira que fizemos nesta seção. Mas vamos apenas ir em frente e ir adicionado nesta pequena seção aqui. Então, esta seção aqui, então, o que aconteceu? Clientes felizes. E nós temos esta pequena seção legal de depoimentos bem aqui. Então aqui minhas cabras para adicionar uma nova seção. Clique nisso. E então eu vou em frente e adicionar um cabeçalho. Então bem aqui, eu vou colocar isso aqui no centro e quero colocar algo como 1000 clientes felizes e para o estilo, eu vou em frente e você sabe, você pode deixar como ah, Bem, deixe-o como preto por agora e depois para a seção avançada, eu quero ir e adicionar um pouco de preenchimento para o topo. Então vamos, Nats, 50. Vamos dar um pouco de espaço aqui. E aqui para o estilo. Vou colocar meu famoso Areias Abertas. E então, é claro, vamos colocar isso, você sabe, assim Neste ponto, caras, você provavelmente está se familiarizando com todas essas opções porque é Muito fácil, certo? É um preenchimento de página muito, muito fácil de aprender e tudo mais. Desculpe, aqui, colocar centrado e reduzir o com alguns como este. Agora, a razão pela qual isso é tão distante por causa desta seção aqui que colocamos estofamento, lembra se colocamos muito estofamento no fundo? Então eu vou clicar aqui e dizer, eu não quero nenhum estofamento no fundo. Então, agora, como resultado, está muito mais perto. Ok? E novamente aqui, podemos ir em frente e clicar em adicionar em sua seção, e eu vou em frente no carrossel. Então esse é um novo módulo que ainda não usamos. Desculpe. Aqui temos o carrossel de imagem. Temos também a galeria de imagens, mas eu quero ir em frente e usar o carrossel de imagem. Então aqui, coloque isso e depois adicione algumas imagens. Então, você sabe, eu posso adicionar tantas imagens se eu quiser ver, então eu carrego arquivos, selecionar arquivos, e caras, Todas as imagens também estão na pasta, então eu Não os tenho aqui, mas eles vão estar no chão que vocês têm. Então, não foi um grande e usa por enquanto. Eu já tenho aqueles Alguém ir em frente e vamos em frente e fazer Estes estavam aqui, então eu vou adicionar em todos esses, então eu tenho os repetitivos. Então aqui vamos criar uma nova galeria. Você também pode dar essas legendas, mas isso é com você. Então você poderia colocar, como o nosso negócio ou nossa base, e então nós aqui vamos para inserir galeria, e então como resultado, você adivinhe Venha ver que as imagens vão mostrar. Agora eu recomendo o uso de imagens PNG. Então os caras de imagens PNG têm um fundo transparente. Então, como resultado, eles não têm esse fundo porque você realmente não quer isso para, como, esta seção C destes, eles não têm fundo, então eles se misturam muito facilmente. Então você quer ir em frente, certifique-se de que você usa essas imagens PNG. Por isso, estou a dar-te isto por enquanto. Mas, novamente, lembre-se, é quando você tem o seu próprio. Você quer um fundo PNG transparente porque essa é a maneira correta de fazê-lo. 9. Foucher parte 9: Estas são apenas, você sabe, elas são apenas qualquer imagem, você sabe, eu estou usando apenas para apenas para fins de Detroit. Então aqui você pode mudar, como o tamanho da imagem que você pode fazer, como um tamanho diferente deles. Você pode decidir mais para mostrar. Então você quer mais destes para mostrar que você pode ir em frente e fazer isso. Você também pode fazer como esticar imagem para que você possa tipo de, como, esticá-lo através. E você sabe, você quiser projetá-lo. Essa coisa é tão personalizável. Há de milhõesdeopções que vocês podem fazer. Vocês podem fazer, tipo, médio, algo médio, grande, sabe, slides ainda maiores para mostrar que você pode ter Likas. Muitos é como, eu acho que, como você pode mostrar como muitos como 10 ou algo que eles mostram muito. Então, uh, aqui você pode fazer como Dot para que vocês possam fazer apenas coisas normais. Então estamos aqui. Você pode ver o na parte inferior, bem aqui. Nós temos pontos, e então todos também, você pode ter flechas. Então, nos lados bem aqui. Agora você tem flechas. E, claro, você pode adicionar uma legenda ao título e você tem algo mais como aqui. Você pode ver que eu tenho os títulos para as imagens. Você pode adicioná-los também. Ou você pode colocar a legenda que é basicamente o número de nossa base. Então você pode adicionar isso também. Também há opções adicionais. Você sabe, você pode passar por isso. Estes são bastante auto-explicativos, como, você sabe, a velocidade disso. Basicamente, a velocidade automática 2000 é basicamente M s. Então é basicamente como 2000 M s, que é basicamente dois segundos. Então é basicamente assim que funciona. Você quer um loop infinito, você pode ter uma velocidade de animação, você pode ir da direita para a esquerda, etc. Vocês provavelmente podem entender isso e entender. E também para o estilo, vocês podem fazer o tamanho aero. Então aqui você pode realmente mudar a cor também. Então aqui temos a , flecha, bem aqui e digamos, eu quero um preto, você sabe, eu quero um preto. Lá vai você. E podemos torná-lo maior assim. Agora, isso realmente funciona um pouco melhor você sabe, esta seção realmente parece um pouco melhor Agora, uma maneira melhor de fazer isso seria esticar toda a seção. Então bem aqui, clique sobre isso e nós podemos, você sabe, mudá-lo para algo como, Veja, bem aqui nós podemos fazer este trecho todo o caminho, e então nós podemos, como, nenhuma lacuna ou algo ou cheio com. Mas isso é só, você sabe, isso é o que você quer ser único e louco, sabe? Mas, ah, eu não recomendaria isso. Quero dizer, eu faria se você estiver usando imagens transparentes, mas isso é apenas um exemplo de, você sabe, coisas que você pode fazer com isso porque é muito personalizável. Você sabe, essas coisas de depoimento realmente personalizáveis, e eu só quero apresentá-lo a ele. Então esse é um exemplo do carrossel de imagem e maneiras que você pode mostrar depoimentos. Você pode mostrar todo tipo de coisas muito, muito legais. Então eu ia fazer uma caixa ou algo assim, sabe, e depois seguir em frente. E eu não gosto de obter legendas. Isso é muito bom. Ok, então eu vou dizer isso agora. Vamos em frente e fazer uma seção importante que é a seção de rodapé bem aqui. Então aqui, depois disso, queremos ir e colocar todas essas coisas aqui. Então, esses são basicamente widgets, e eu vou falar sobre isso agora, então vamos em frente e ver a página, e isso está indo Olhe para o nosso lindo site até agora, então nosso site está parecendo muito bom. Agora há algumas coisas que poderíamos melhorar. Então aqui podemos provavelmente adicionar mais um estofamento. Então aqui podemos adicionar mais espaço aqui, talvez até o topo na parte inferior para fazer um pouco melhor aqui. Nós provavelmente podemos adicionar mais preenchimento no meio. Então você teria que ir fazer este aqui e Adam bater nele vai para baixo aqui. Tudo parece muito bem aqui. Lembre-se de como podemos esticar um pouco mais. Então eu quero que vocês visualizem e olhem para o seu site para entender os caras do design porque não importa o quão incrivelmente baratos seus produtos são. o seu site para entender os caras do design porque não Se alguém vem a um site e parece terrível, eles vão dizer, sabe o que mais? Eu não me importo com o que esse cara vende. Estou indo embora, sabe, eles vão deixar seu site e você não quer isso. Você não quer perder vendas por causa das páginas de destino. E há tantos tutoriais na Internet com página de revestimento e tudo mais. Mas isso vai falar sobre a seção de rodapé bem aqui. Então, aqui mesmo no vai para o nosso primeiro vamos para editar a página e certifique-se de que temos o nosso rodapé habilitado. Então aqui vou para o rodapé e bem aqui. Ativar rodapé qual área? Sim e, em seguida, exibir a área de direitos autorais. Basta ir e clicar em ativar agora mesmo. Ok, então vamos em frente e ver a página novamente. Então agora nós habilitamos isso. Então agora nós o habilitamos. E aqui ainda não há nada. Mas vamos em frente e clicar no personalizador de temas, e vamos em frente e adicionar algo ao fundo. Então plugins também coordenar com widgets como eu falei sobre plugins anteriores são basicamente APS para o seu site, então você pode ter como, um aplicativo instagram. Você pode ter um aplicativo do Facebook. Você pode ter Ah, Facebook como caixa. Você vai ter um feed no Twitter que você pode ter. Há widgets ilimitados lá fora, e é muito difícil cobrir todos aqueles em um tutorial. Mas eu só quero expô-lo a basicamente como funciona. Então aqui temos, como nossos widgets de rodapé e que temos testemunhado bem aqui. Então, aqui mesmo, clique em widgets. Agora você vê, Art diz rodapé um pé ou dois pés 3 44 Então estes correspondem ao pé Furio ou um pé ou dois para 23 e quatro ou quatro. Não, pessoal, vou ser honesto. Tive alguns problemas com isso da primeira vez. Mas depois, tipo, tipo, tipo, você sabe, mexendo e redefinindo coisas assim. Funcionou bem. Então, aqui vamos para adicionar um widget. E isso é sobre eu falar de mim, o que é aqui ou como você sabe sobre mim. Vejo você aqui. Vamos em frente e colocar algo como um desconhecido e adicionamos um pouco de social para realmente saber o que podemos fazer. Vamos ver. Isso é bom, na verdade. Então aqui vocês podem ver que nós temos a foto agora. E você sabe que temos o direito aqui. Você tem como você pode fazer upload de sua própria imagem aqui. Então agora não estou usando uma imagem, mas vou fazer upload de uma imagem agora mesmo, fazer upload de arquivos, escolher o arquivo, e vou selecionar uma imagem que eu também gostei. Ah, como esse cara. Ele está se divertindo, sabe, você o selecionou. Tudo bem, então eu vou colocar para mim como Darrell Wilson, tudo bem, e então aqui para o tipo social vai sair. Isso é como em branco. E então, é claro, vocês podem adicionar em seu próprio social seus próprios links. Então, basicamente, como sua página de fãs ou o que quer que você esteja usando, você pode ir e colocar seu link para seu perfil lá, e as pessoas podem ir em frente e, você sabe, segmentá-lo e falar sobre isso. E também, pessoal, não se preocupem com as cores. Tudo o resto há na verdade uma seção separada onde nós vamos mudar tudo isso, ok, mas eu estou apenas expondo você para basicamente widgets e tudo o resto então voltar aqui , e também pessoal, se você tiver um problema com seu tema ou algo não estiver funcionando com seu tema, sinta-se à vontade para entrar em contato com o site Ocean WPS. O link também está na descrição que também irá fornecer-lhe suporte gratuito no wordpress dot org é muito legal, certo? Tudo bem. Desculpe. Aqui vamos nós para fora de widgets. Agora, eu também vou adicionar para ver o que aconteceu aqui eu tinha nos ícones das redes sociais. Então também há como uma caixa como Facebook. Há cintilação, há instagram, todo tipo de coisas muito legais. Então, instagram agora você precisa ir em frente e colocar em seu nome de usuário. Então você coloca seu nome de usuário aqui, essas imagens aparecerão. E é claro, vocês podem sabe, há estilos diferentes de que é como se houvesse todos os tipos de, como, maneiras diferentes que você pode, você sabe, tê-lo Então eu estou realmente usando um da Adidas agora. Então vocês, vocês podem colocar o seu nome de usuário ou o seu hash tag ali e ele vai sair bem . Então aqui você tem o Instagram. Mas você nos seguiria no Instagram em vez de um pouco mais oficial, sabe? no Instagram em vez de um pouco mais oficial, E então, vocês sabem, vocês podem realmente passar por todas essas configurações como essas são exatamente como você sabe como você quer projetá-lo como ordem por popularidade, etc. Portanto, há muitas maneiras de você se tornar personalizável e decidir quais você quer em seu site. Então isso é basicamente como você basicamente entrelaçar seu instagram em seu site. Muito, muito fixe. E tudo é feito automaticamente. Então é... é incrível. É simplesmente incrível. Então aqui vamos voltar. E agora vamos em frente e adicionar o que podemos fazer o seguir-nos. Faremos os ícones das redes sociais aqui mesmo. Então vamos fazer isso. Vou colocar este aqui. Então, em um widgets, e então eu vou sair e encontrar ícones de mídia social. Eles estão aqui em algum lugar que eu passei para adivinhar seus ícones sociais. Massa. Tudo bem, então ícones sociais aqui e você sabe, para as dimensões vão fazer algo como tamanho de fonte de 20 pixels. Eles te dão, tipo, um recomendado, tipo 18 etc. Então aqui você vai em frente e colocar em seu ícone de mídia social, os olhos. Mas novamente, lembre-se que eu sou apenas, sabe, você sabe, você vai colocar sua rede e tudo mais. Ok? Então eu me certifico de não colocar isso porque isso não é nada. Então essas dimensões realmente muito grandes. Então vocês podem ter que deixar passar por algumas dessas e eu verifico ele e, você sabe, colocar as dimensões que você quer. Você também pode ter, como, transições diferentes como você pode ter ele pode flutuar dentro Ou, você sabe, você quiser que ele pareça, você pode fazer como um branco você mesmo. Você pode colocar as dimensões, vocês podem passar por isso, e é bastante auto-explicativo em tudo isso, sabe? Então eu vou ir em frente e dizer, OK, você sabe, você também pode gostar de escuro ou você pode ter como um t um colorido, mas vamos em frente e mudar todas essas cores um pouco mais tarde. Então, isso é apenas se você escolher ter como esse cara, então sinta-se livre para ver essas opções e verificá-lo, e isso é o que eu quero fazer é o menu personalizado. Então vamos apenas dizer que muitas pessoas ainda usam. Não, eu não, eu realmente não sei. Mas muitas pessoas usam menus personalizados porque todas as suas páginas aparecem lá. Mas eu falei com os clientes, e eles estavam dizendo que eles realmente vão para o final da página para encontrar a página. E eu disse, realmente, você ainda usa essas coisas como louco, você sabe, tipo, tipo, o que você faz o que você é estúpido? Você sabe, como se você fosse louco. Estamos ouvindo, assim como nossas páginas são páginas. E, novamente, vocês podem mudar a fonte e tudo mais. Mas eu não quero entrar em fontes e tudo mais. Sabe, isso pode durar dias. Então lá vai vocês, pessoal. Criamos um rodapé bem sucedido aqui. Então vamos salvar e publicar e voltar para trás. Então, parabéns, pessoal. E nós basicamente terminamos a primeira página. A primeira página foi bem simples. Até agora, vocês provavelmente têm cerca de 60 a 70% de compreensão de como esta página irmão funciona. Mas uma área muito grande que precisamos cobrir é provavelmente, você sabe, alguns dos recursos profissionais que precisamos para cobrir a otimização móvel e outras coisas. Agora, aqui podemos ir em frente e mudar esta parte de baixo aqui. Então, pé ou fundo bem aqui. Vocês também podem mudar esta seção inferior aqui. Então você pode colocar assim. Eu fui feito por direitos autorais qualquer coisa. E você poderia colocar como um feito a pescoço projetado por Darrell Wilson, projetado por Darrell Wilson. E então, é claro, vocês podem mudar, como a cor de fundo para o seu vocês podem, você sabe, fazer todas essas coisas. Mas eu vou passar por essas opções porque é apenas repetitivo e ataques de cor . Sabe, é bastante auto-explicativo. Você também pode fazer preenchimento. Então, se você quiser adicionar preenchimento a isso, você pode adicionar isso. E espero que vocês entendam o que é isso. Então, por exemplo, se eu adicionei mais aqui vai empurrar isso para cima. Lembra-te, tal como fizemos antes, Patty. Está bem. Vocês entenderam isso? Parabéns. Tudo bem. E, em seguida, também a área do widget rodapé, Esta seção aqui. Então podemos ir em frente e mudar isso. Na verdade, não, eu não recomendo fazer uma página. Eu não sei por que eles têm a opção, mas basicamente isso será substituído por uma página. Eu não usaria isso. Eu sou. Agora sou contra o seu pessoal. Lembre-se, quando você está no mundo do WordPress, às vezes coisas estranhas acontecem e apenas, você sabe, as coisas apenas dão opções que realmente não fazem sentido, especialmente para Joost. Você sabe que plug e dá-lhe um monte de opções estranhas, mas você sabe, eles ainda têm que oferecer-lhes só porque é exatamente o que acontece. Então aqui você pode mudar a cor de fundo. Isso é algo que você gostaria ou seu esquema de cores. E, em seguida, também a cor do texto. Bem aqui Ele tem sido como branco, e então os links colorir as cores da borda, tudo o resto etc. Ok, é basicamente assim que vocês mudam, como todas as cores e animações, tudo o resto. Então, para cores de borda, nós também podemos fazer algo como, você sabe, brancos etc. Ok, então é basicamente assim que vocês, vocês podem mudar essa seção? Essa é também a topografia. Então esta seção aqui vai realmente mudar as fontes e tudo o resto para diferentes seções aqui. Então, como para o pé ou menu, vocês podem mudar como a fonte, o tamanho da fonte. Hum, você sabe, há tanta personalização aqui, é uma loucura. É por isso que eu usei este tema porque, ah, muitas outras coisas não têm isso você tem que instalar plugins. Você tem que, você sabe, fazer como os picos de codificação p apenas para atravessá-lo. Mas a seção de topografia aqui irá controlar, como as cores que irá controlar a fonte, o tamanho de tudo. Ok, então certifique-se de verificar a parte de uma seção para, como, como, o pé ou áreas, porque é basicamente assim que você vai estilizar sua fonte e tudo mais. Ok, X, e nós vamos para o topo. E agora vamos em frente e fazer a página sobre nós. 10. Sombra de texto parte 10: Ei, pessoal. Então eu vou apresentar a todos vocês um novo recurso que acabou de sair chamado de texto Sombra. Agora, este é o meu cabeçalho atual bem aqui. E você sabe, você pode mudar como a fonte. Você pode mudar tudo isso, mas os elementos lançaram um novo recurso que lhe dá a capacidade de ter uma sombra tecnológica. Então aqui no fundo, bem aqui, vemos sombra tecnológica. Estou com um clique em Sim. Agora você vai ver que tem esse tipo de sombra por trás. E você pode mudar o borrão. Você pode mudar a cor. Você pode mudar todos os tipos de coisas realmente legais para dar essa ilusão que você sabe, é enfatizar os personagens. Agora há toneladas de maneiras diferentes de vocês usarem isso. E acho que o melhor que temos aqui é assistir a um dos novos vídeos que a Elements Air lançou. Então este é o exemplo atual que eles estão usando. E é tudo sobre criatividade, pessoal. Então vocês podem usar isso como sua página de destino atual e esses caras estão basicamente dando idéias sobre estilos diferentes. Então aqui eles têm esse tipo de bonitinho, você sabe, manchete. tipo de bonitinho, você sabe, você sabe, E então aqui nós temos isso, tipo, tipo, tipo, tipo, como eu quero dizer que levou uma coisa dramática. Mas há muitas maneiras diferentes de usar esse borrão para enfatizar sua página principal e, você sabe, também enfatizar citações e apenas fazer parecer mais profissional. E a grande parte sobre um caras que ele vem livre com elemental ou assim eu recomendo usá-lo novamente. É uma nova atualização de recursos. Então é basicamente na maioria dos modelos aqui. Então certifique-se de verificar esse recurso, porque, porque, quero dizer, ele só parece muito limpo. Quero dizer, esta é apenas uma bela sombra de ataque. Ok, então vamos em frente agora e voltar para o tutorial. 11. Recursos de PRO da parte 11: Ah, sombra tecnológica bem ali. Ok, então vamos em frente agora e voltar para o tutorial. Tudo bem, pessoal. Antes de passarmos para a próxima página da próxima seção, quero que vocês façam uma pausa. Você sabe, vá e faça uma pausa. E eu quero ir em frente e mostrar todos os recursos profissionais e o que este jogador Pace tem como seu potencial total. Agora, isso aqui é um controle deslizante bem aqui. É um controle deslizante completo e tem um monte de opções realmente legal. já Vocêsjáestavam familiarizados com muitos dos outros módulos. Vou mostrar-te este módulo e mostrar-te-ei o que é. E, pessoal, isso é basicamente muito parecido com muitos dos outros recursos que temos usado. Então este aqui é o controle deslizante bem aqui, e eu coloco tipo, acredite, você sabe, você pode colocar qualquer coisa e há todos os tipos de recursos realmente legais que você pode ter. Como o efeito de queimaduras do Ken. Você pode ter uma sobreposição de fundo, Então, se você quiser uma cor de sobreposição diferente, você pode ir em frente e apenas adicioná-lo e ali e tem um monte de opções de controle deslizante diferentes . Então aqui você pode mudar a velocidade dele. A reprodução automática, a transição. Você pode fazer com que ele se desvaneça. Em vez de ter um slide. Você pode alterar a velocidade de transição. Você pode realmente decidir onde você quer que o texto entre quando ele entra. Então aqui mesmo, em vez de ter que vir para cima, você pode fazê-lo descer. Você pode ficar com ele. Ampliar. Há tantos recursos e coisas incríveis sobre a versão pro em. Também para o estilo aqui você pode mudar tudo da mesma coisa. Você vai ter como vertical horizontal. Você pode colocar em qualquer lugar que você quiser. Então eu só quero ir em frente e apontar que o recurso pro incluirá isso completo com controle deslizante, e é muito, muito legal. Você sabe, você pode ver o que eles são tipo de zoom em. Temos aquele efeito de queimadura do Ken ali, e parece muito bom. Então isso é algo que vocês querem. Isso também está incluído na versão pro, e é claro, aqui. Eu tenho dois controles deslizantes. Então você pode ser criativo. Você sabe, você não tem que ter como é um completo com um. Você pode até ter, tipo, uma seção quatro aqui. E as pessoas podem tipo, você sabe, você sabe, rolar para dentro e ver como, oh, você sabe, isso foi isso. O que é isto? E você poderia estar falando de coisas diferentes. E também aqui está uma outra característica. Agora eu vou seguir em frente e mostrar todos os recursos profissionais aqui. Então, no lado esquerdo, bem aqui, você vê os elementos pro. Agora este aqui é um widget post. Então, basicamente, digamos que você está fazendo um menu ou algo que seja profissional. Sinto muito que a região post aqui é realmente útil, porque você pode falar sobre menus aqui. Você é como um jantar de bife. Você pode dar uma descrição sobre o jantar de bife ou outra coisa, e é isso que você economiza uma tonelada de tempo em vez de tentar descobrir. Como faço isso? Você sabe, os elementos pro são realmente incríveis e também vem com um formulário de contato e como este contato de caras porque ele se integra muito bem com a Paige Miller. Agora eu vou estar falando sobre outro formulário de contato um pouco mais tarde, mas seu formulário de contato eu vou ser honesto, é um pouco melhor porque você pode decorá-lo. Você pode ficar muito personalizável. Você pode mudar tudo. Você pode alterar a cor que contém as mensagens que contém a posição. Você pode mudar qualquer coisa da mesma forma que fizemos com os outros módulos. Você pode fazer exatamente a mesma coisa com isso, então eu recomendo a ficar tão bem e também recurso muito legal que esses caras têm é essas caixas flip. Então, se vocês gostarem desse recurso aqui, eles têm algumas caixas. E pessoal, eu sei que isso parece muito básico, mas você pode ser tão personalizável com essas coisas. Você pode continuar fazendo, como todos os tipos de coisas diferentes e tentativa e erro e trabalhando do seu lado para descobrir como você pode incorporar o's em seu site porque eu vou ser muito honesto, você sabe, o pro elementos. Eles sempre adicionam muito mais coisas, sabe? Mas eu fiz este tutorial, talvez cerca seis meses atrás. Na verdade, é o melhor tutorial sobre você para mim. Tenho mais de 1000 críticas positivas. Mas eu nem incluí os elementos profissionais, você sabe, e eu não tinha esses recursos nem estavam disponíveis naquela época. Então, o construtor de páginas percorreu um longo caminho. É que esses caras têm realmente ofuscado. E é por isso que quero apresentar os recursos profissionais. Porque quando fiz isso com Tora em você, comigo, não havia nenhum desses que trabalhavam mesmo ano. E esses caras consistentemente adicionam coisas, você sabe, eles sempre adicionam um monte de coisas novas como esta aqui é a tabela de preços deles. Então vocês querem ter uma tabela de preços aqui? Vocês podem fazer isso porque o recurso pro também se integrará bem com o comércio. Então vocês podem, tipo, ter, ter, tipo, um pouco como uma associação dourada, associação Silver e tudo mais. E eu também tenho tutoriais, caras sobre associações e comércio e todos os tipos de outros tutoriais legais. Então, não se esqueçam de verificar o meu canal se vocês já se interessaram inscrições ou qualquer outra coisa com, tipo, reservas ou algo assim. Tenho tantos tutoriais sobre praticamente tudo, e aqui temos uma contagem regressiva, temporizador. Tenho tantos tutoriais sobre praticamente tudo, e aqui temos uma contagem regressiva, Então, aqui mesmo. Eu peguei a contagem decrescente bem aqui. E é isso. Você quer ter, tipo, um filme saindo ou algo assim? Quer colocar no seu site? Sabe, esta pode ser toda a sua página de destino. Você pode apenas dizer, você sabe, nós estamos chegando em breve sobre isso e assim dias. Então aqui temos os dias, temos as horas com os minutos e vocês podem personalizar isso para qualquer coisa que quiserem . Sabe, aqui podemos mudar esse dedo do pé, como na fila ou em um bloco. Podemos tirar dias de folga. Poderíamos tirar horas. Só temos minutos ou segundos. Ou você pode apenas fazer sua própria etiqueta personalizada. Sabe, você pode decidir o que quer aqui. Então, aqui mesmo. Só temos minutos e segundos. Mas podemos ter outra coisa. Como você pode colocar aqui como se eu não sei em que anos, você sabe, talvez você esteja fazendo alguma Guerra nas Estrelas, sabe? Promoção ou algo assim. Eu não sei. As pessoas lá fora fazem todo tipo de coisas estranhas para que você possa tê-lo, sabe? Você sabe, falar sobre o que você quiser e outro muito legal. Um deles é o recurso de login. Então, se você tem um fórum para o qual eu também tenho um tutorial, é um tutorial livre. Então todas as minhas patrulhas estão livres. Nunca cobrei por muitos tutoriais. Então isso aqui é como um formulário de login para que as pessoas possam ir em frente e entrar no seu site , e então eles podem gostar, postar em algo. Ou eles podem deixar um comentário sobre um ano seu Você sabe, seus cartazes de bloco como esse. É aqui que você pode integrar o formulário de contato. E, claro, tudo é totalmente personalizável, então você sempre pode personalizá-lo ao seu gosto. E para aqueles que são como, você sabe, CSS, CSS, você sabe, desenvolvedores como esse, vocês podem inserir seu próprio CSS aqui. Então, talvez você queira ir em frente e na linha deste centro ou ele quer ir em frente e dar uma chance ao longo do tempo como essa para vocês desenvolvedores lá fora. Você também tem a capacidade de adicionar CSS personalizado a isso. Portanto, não é apenas para iniciantes completos. É também para pessoas que são, você sabe, desenvolvedores e querem ir além e adicionar algumas coisas extras ou o que você quiser adicionar . E esta seção do convés aqui é Oh, não é nada. Mas também quero mostrar a vocês que eu acho que eu tinha os botões de compartilhar, que são muito legais. Então vamos dizer que você quer ir em frente e ter pessoas, como compartilhar suas coisas. Você continua. Pegue isso e talvez eu arraste aqui. E agora as pessoas podem ir em frente e compartilhar seus sites no Lincoln. Eles podem compartilhar no Twitter. Eles podem compartilhá-lo no Google e também no Facebook. Então, este ano, ícones também são um recurso muito, muito legal. E novamente, eu também quero falar sobre o modelo. Desculpe. Aqui temos este modelo, certo. Por isso, vou arrastar isto para baixo. Agora, talvez você queira realmente duplicar sua página em algum lugar, ou você quer, você sabe, fazer alguma coisa, ou você tem todas as suas páginas aqui. Então, se eu clicar na página inicial aqui, adivinhe o que as páginas inteiras só vai criar ali de novo. Assim como criamos a primeira página. Tudo está lá. Então não precisamos fazer todo esse trabalho duro de novo, sabe? Então é por isso que eu recomendo fazer o modelo de home page aqui mesmo. Porque economizou muito tempo, certo? Digo, isso é com você, no entanto. É realmente com você e sua decisão sobre isso, mas é apenas mais um feed pro que eles têm. Eu acho que é muito legal para mim pessoalmente, embora eu provavelmente não usaria isso. Eu provavelmente iria apenas ir em frente e salvar a página e exportações. E falaremos mais sobre isso um pouco mais tarde quando falarmos sobre os recursos profissionais e caras olharem para o preço aqui. Então você também recebe todos esses modelos e eu vou falar mais sobre Temple. É um pouco mais tarde, mas eles incluem todos esses modelos gratuitos para você. Então eles estão basicamente lá, sites pré-projetados, e eles fazem tudo com um clique em um botão. Eles criam tudo e caras, esses caras estão sempre adicionando novos widgets como toda semana. Esses caras tinham tanta coisa para seus recursos profissionais porque vocês são novos na comunidade e eles realmente querem brilhar. Então eu recomendo obter o recurso pro e os caras honestamente olhar para esses preços aqui. O que é $49 para o ano inteiro? Quanto vale isso para você? Sabe, quando você está fazendo um site, pessoal, você nunca quer cortar os cantos. Sabe, o site é uma representação sua. Ele mostra quem você é, então eu recomendo obter a versão pro. Claro, se você não precisa ter esses recursos, eu não os compraria. Sabe, eu só estou dizendo, se você está olhando para expandir seu site e você quer um monte desses recursos profissionais, eu quero dizer 50 dólares para o ano inteiro, como você tem que ser grande o suficiente para obtê-lo porque lembre-se, Pessoal, vocês também recebem um ano de suporte e atualizações. Então, se alguma vez tiveres um problema com algo ou algo não funcionar, podes podes perguntar a estes tipos e eu ajudo-te. Agora eu recomendo provavelmente. Quer dizer , depende. Sabe, se vocês estão apenas procurando, tipo, tipo, um ou dois sites, eu conseguiria um dos negócios. Mas para aquelas pessoas que querem começar uma carreira nisso e você quer desenvolver suas habilidades , eu recomendo o ilimitado porque pense nisso você tem um ano de atualizações ilimitadas, você sabe, e isso é realmente durante todo o ano, pessoal. Então você pode sempre tipo, você sabe, daqui a três meses você pode enviá-los e eles vão te ajudar imediatamente, sabe? E honestamente, pessoal, vocês estão trabalhando em sites. Vocês não querem cortar os cantos e não querem ficar frustrados porque eu garanto que para aqueles que assistem a isso, vão ter problemas e vão fazer comentários. Seu cabelo Oh, isso não está funcionando. Bem, devo dizer, pessoal, se vocês , têm o seu apoio profissional, esses caras para ajudá-los em uma questão de, sabe, algumas horas. Então eu recomendo obtê-lo. Você não só obtém o suporte, você obtém todos esses recursos profissionais e você também obtém os modelos e lembre-se, como esses caras têm em breve coisas que esses caras estão sempre trazendo novos widgets pro para tipo de ajudar vocês aumentar o seu design e a sua imaginação. Então eu recomendo obter a versão pro. Mas novamente, se você não quiser, você sabe, você pode apenas levar para os recursos básicos porque eles ainda funcionam, você sabe. E para um construtor de páginas grátis, é provavelmente a melhor Paige Miller livre que eu já vi. Você sabe, eu estou no WordPress por 56 anos, e o recurso pro é simplesmente nada menos que incrível. Ok, então é basicamente sobre isso que eu quero falar. No que diz respeito aos recursos pro, vamos falar mais sobre os modelos, porque novamente, você obtém modelos profissionais com os recursos pro também. Então, o que isso faz sentido modelos pro com pro, eu acho. Eu não quero a coluna que você tem, uh, novas, sabe? Então aqui mesmo sob o modelo de anúncio aqui, geralmente com a versão gratuita, você só está limitado a talvez como metade destes. Mas com a versão pro, você tem acesso a todos eles e a esses caras de sites redesenhados da AARP. Então, basicamente, tudo já está feito. Então, vou dar a vocês um exemplo disso agora, então vamos em frente e dizer, bem, vamos fazer isso. Vamos fazer uma nova página. Vou em frente e fechar isto. Vou fazer uma nova página. Vou mostrar-vos um exemplo rápido dos modelos. Mas novamente, eu não vou muito longe em profundidade porque eu vou falar mais sobre isso um pouco mais tarde . Mas está fazendo uma página. Pessoal, é tão rápido. Então aqui vai para a página mais. Agora vou criar uma página, certo? E você está pensando, você sabe, leva muito tempo para fazer uma página, sabe? Então isso vai para demo pro e ir para editar com L um mentor, tudo bem. E eu vou clicar nesse modelo aqui e, em seguida, a partir daqui, você pode simplesmente clicar em qualquer um desses e ele vai apenas importar a coisa toda. E então seu site já está pronto. Então lá vai você. Simplesmente assim. E então bem aqui, basta clicar em inserir, e então tudo está feito. Então isso é basicamente o que um pro O que um modelo é. Então isso realmente beneficia seu site agora? Claro, parece assim porque, lembre-se, lembre-se, espero que saiba o porquê. Porque não definimos a página. Temos dedo do pé. Temos que tirar o cabeçalho e a parte do teatro, mas só para, você sabe, propósitos de troll. Falaremos mais sobre isso mais tarde, e você tem um site inteiro pronto para você, não importa de segundos, sabe? Então eu recomendo. É muito, muito legal. E, você sabe, se você está olhando para fazer um site muito, muito rápido, você sabe, eu iria eu eu definitivamente olhar para os recursos profissionais. E os modelos são: Vocês foram incríveis. Sabe, não se trata de trabalhar mais. É sobre trabalhar de forma mais inteligente, certo? Você quer que você quer fazer um site é o mais rápido possível. E com os recursos profissionais, você está dando esse acesso. Então, de novo, eu vou fazer isso aqui mesmo. Você sabe, eu vou em frente. E foi tanto que deixámos mostrar-te mais uma. Acho que este aqui é um profissional. Eu vou fazer. Vamos ver aqui. Faremos outro cupom de página de destino. Um imóvel para agentes imobiliários, hein? Turismo. Uh, bem, vá em frente. Não sei o que está neste aqui. Esta é uma fotografia. Então lá vai você. Você sabe que é isso. Você sabe que tem todo esse layout. Olha, esse alguém, alguém basicamente já fez um site para você e, como, você sabe, alinhando página para você em segundo lugar. Então é realmente incrível o que os elementos pro conduzem. Ok, então eu espero que isso tenha sido útil. Tenho ligações para o profissional. , Os recursos profissionais na descrição,vocês compram e fazem uma pequena comissão. Então eu fico, tipo, talvez, tipo, eu não gosto de 10% ou algo assim, mas os caras de recursos profissionais são realmente incríveis. E novamente, se você tiver problemas com seus sites ou algo não estiver funcionando, esses caras vão te ajudar. Ok, então vamos falar mais sobre o profissional, colocar um pouco mais tarde e também gosto de otimização de tudo. Mas isso vai voltar para o tutorial e falar sobre você sabe o quê? Vamos continuar fazendo o site. Sabem, vocês já estão indo muito bem, muito bem, e se vocês estivessem aqui, parabéns. Porque muitas pessoas não querem passar a hora duas horas para basicamente dar-lhes uma carreira em casa. Uma nova troca, certo? Mas passarão cinco anos na faculdade e não aprenderão nada. Você sabe, como eu, você sabe, então vamos em frente. Voltar ao tutorial 12. Parte 12sobre nossa página 1: voltar ao tutorial. Certo, pessoal, bem-vindos de volta. Então, nesta seção, vamos fazer a página sobre nós. Agora, nós também vamos fazer outras coisas como nós vamos fazer o menu transparente. Eu também vou mostrar onde você pode obter um logotipo. Então eu também vou ir um pouco mais sobre a seção do menu ou como editar isso e obter essa transparência ou como você quiser. Então eu vou em frente e falar sobre todas essas coisas aqui e bem, como essas divisórias de forma. E agora eu tenho esses contadores de números aqui e de novo indo para baixo bem aqui. Eu vou falar sobre como eu fiz esta grande imagem bem aqui com o “Conhecer a equipe”. E, claro, esta seção de depoimentos. Então vocês já são como vocês? Provavelmente, você sabe, familiarizado com o construtor de páginas. Pessoal, estamos aprendendo. Então eu vou realmente ir um pouco mais rápido nesta seção porque eu quero tipo de forçar seu cérebro a entender, como, como nós conseguimos isso Agora, olhando para eles, eu acho que eu entendo. Cabeçalho de texto subjacente intromete agora. Esta é uma linha de duas colunas. Ok, então vamos em frente agora e passar por isso. Espero que se lembrem do cenário. Então, se vocês não se lembram das configurações que você precisa para ir para esta página agora novamente para a seção principal, você vai ter 100% completo com. Então vamos em frente e fazer isso aqui mesmo. Então vou em frente e mostrar a vocês de novo. E você não precisa fazer isso para cada página que você criar. Então, novamente, bem aqui, layouts de conteúdo, 100% cheio com e depois aqui, desabilite a margem. E então para a seção de cabeçalho bem aqui, vá em frente e mostre a vocês novamente. Desativámo-lo aqui, e ativámo-lo. E temos o nosso cardápio aqui. Então desativado padrão e, em seguida, menu aqui. Padrão desativado. E depois o menu um. E então aqui temos nosso título que vai em frente e desativado porque nós não queremos aquela outra seção bem ali, você sabe, em, em, você sabe, como em toda a sua página. Não parece bom, sabe, não é realmente necessário. Nós não podemos fazer o nosso próprio e depois, claro, é só isso. Então o que você fez com que você clicar em atualizar ou publicar ou o que quer que você vai fazer, e então ir em frente e vai para ver página agora? Sim. Posso ver. Basicamente, é uma página vazia agora, então você pode ver que todas as coisas no meio sumiram. Ok, então aqui, clique em editar sem mentor, e eu vou ir em frente e projetar esta seção bem aqui. Então esta parte aqui e depois falamos sobre o menu no logotipo, e então vamos passar para a seção de blocos. Então vamos em frente e começar. Então aqui, eu vou em frente e pegar isso aqui e bater nele, e eu vou em frente e colocar isso no meio. Vou falar sobre nós, pessoal. Lembre-se, eu vou ir um pouco mais rápido aqui porque eu quero que você entenda como eu fiz isso. E eu não quero ter que, você sabe, te dar tempo para tipo, “Oh, como nós fazemos isso? Eu meio que quero pressioná-lo um pouco para ter certeza que você meio que entende como eu consegui tudo isso. Certo, então aqui, clique nisso. Vou esticar o menu com o qual faço um tolo e aqui posso adicionar um fundo a ele. Então estamos aqui sob a seção de edição. Eu vou ao estilo e vou ao fundo e vou ao clássico. E eu vou simplesmente ir em frente e colocar uma imagem bem ali. Então, colocando algo assim e depois lembre-se como conseguimos isso antes de fazer este estilo, ele faria a capa. Agora, vocês também podem fazer o efeito de paralaxe fazendo a seção fixa que fará dela uma paralaxe se quiserem. Mas só pelo sexo, não vou fazer isso. E eu quero adicionar estofamento. Então aqui, clique neste módulo dentro. Clique sobre isso e Emma Goats também. A seção avançada e vai para talvez 50 50. Alguns assim, ou como você quer que ele seja como 100 por mais grande que você quer sua seção aqui e depois bem aqui. É claro que queremos ir em frente e mudar este título aqui mesmo. É muito pequeno, você sabe, é muito pequeno, é muito pequeno, então eu vou em frente e colocar este branco e, em seguida, aqui para fazer algo como abrir Sands. Estamos fazendo sons abertos por um tempo. E então, claro, eu vou em frente e colocar algo como um tamanho um pouco maior. E então, você sabe, uma boa idéia é espaçar isso, você sabe, espaçamento fora do cabeçalho, certo? Há sempre uma boa estratégia porque só parece limpo. Parece muito, muito bom. E eu vou fazer maiúsculas. Então isso é muito legal aqui. Sabe, isso é muito bom sobre o nosso, tipo, ótimo. Aí está. É bem simples. É bastante auto-explicativo. Ok, então vamos em frente e passar para a próxima seção. Então aqui, vou adicionar uma nova seção. Agora, olhando para este cara de novo, quero que você entenda a linha de duas colunas. Adicionamos essas barras, texto, texto, sublinhado botão de texto. Ok, então vamos em frente, fazer isso muito rápido. Está bem aqui. Vou colocar esses dois aqui, e clicar nisso. Então, tínhamos mensagens. Então o que? Por aqui. Tínhamos cabeçalho. Depois recebemos outra mensagem. Então tivemos Não, sinto muito por termos o Sublinhado. Então aqui nós tínhamos a seção subjacente. Então tivemos o sublinhado. E então nós também tínhamos o botão bem aqui. O botão. Então, bem ali. E é claro, pessoal, parece muito estranho. Aposto que estás a pensar, como é que isto parece assim? Sabe, é muito diferente. Tudo isso realmente é apenas espaçamento e conteúdo, fonte e cor. Você sabe, isso é realmente tudo o que é. Você sabe, parece que é muito, mas realmente não é tão bem aqui. Vou em frente e dizer: “ Quer saber?” Hum, eu quero ir e dar o espaço acolchoado bem aqui. Ou margem. Você sabe, é isso, também. Está muito perto do topo. Então eu faço algo como, uh, você parece 10 ou 30 você sabe, e então nós ouvimos, mas algo como, hum, nós gostaríamos de algo como, nós somos incríveis ou algo assim. Desculpe por aqui. Nós somos incríveis. E então aqui, coloque algo como nossos serviços ou o que você quiser colocar. E então eu quero sair de moda. Isso é talvez eu mude para preto Ok, então a família vai fazer areias abertas, e então espera vai fazer 300. Ok. E nesta seção, bem aqui, eu quero ir em frente e reduzir essa lacuna. Algo assim para fazer parecer Mikelic elegante, você sabe, fazer parecer criativo. Então faça isso um pouco maior para isso é um pouco pequeno demais para mim, ok? E então ouvimos que você pode colocar algo como nossos serviços ou algo assim. E então aqui, você pode ir em frente e dizer, como, você sabe, eu quero ir em frente com um botão preto bem aqui. E também vou falar mais sobre, como, layout pré-feito e tudo mais um pouco mais tarde e modelos como você pode basicamente obter isso para salvar, e vai ser muito fácil. Agora, esta estrada aqui, eu quero ir em frente e clicar sobre isso. Agora, eu quero enfatizar esta seção, e eu quero isso cheio, e eu não quero nenhuma lacuna porque nós vamos ter uma foto bem aqui. Certo? Então eu não quero ir em frente e quaisquer lacunas, essa seção e depois aqui, eu vou em frente e colocar em apenas um módulo regular, qualquer coisa. Eu vou ir em frente e me livrar de tudo isso, e eu vou apenas ir em frente e adicionar um fundo para este fundo de estilo, imagem clássica. E então, Paula, vamos sair neste aqui e de novo. Pessoal, lembrem-se, vocês precisam se esconder. Ok, então agora está coberto assim. E nós sempre podemos fazer tudo isso maior fazendo o, hum, você sabe, nós podemos clicar sobre isso aqui, e nós vamos em frente e dizer, você sabe o que? Precisamos de mais. Preciso de mais estofamento ou algo lá em cima ou, você sabe, você sabe, onde quer que seja. Então, aqui mesmo. Você parece assim, mas eu não quero que eu não quero alcançar esse olhar. Então provavelmente acabamos usando este modelo aqui. E este aqui, podemos fazer algo como estofamento, então ou fazemos margem. Eu sinto muito. Nós vamos fazer margem fazer como 100. E lá vai você. Então agora temos essa seção saindo um pouco melhor, certo? Então, se você quiser adicionar mais a ele, você pode ir em frente e colocar mais margem para ele ou você pode saber, uh, personalizá-lo como quiser, você pode dar a esta seção mais topo, você sabe. Por exemplo, você, como 200 vai torná-lo ainda maior. Então, você sabe, depende de como você quer. Nós realmente cobrimos isso antes do na pré outra seção. Sinto muito na em uma tela dividida efeitos. Então eu vou fazer muito nisso. Há maneiras diferentes de você. Você pode editá-lo e coisas assim. Então eu vou em frente, deixe assim. Ok. Agora, é claro, isso não parece tão bom quanto isso porque este Texas um pouco maior, e eu acho que aqui, nós realmente alinhamos essas coisas com o centro bem aqui. Então, esta seção aqui, você sabe, nós poderíamos realmente alinhar tudo no centro e fazer com que parecesse um pouco mais a demo ali. Ou você pode até mesmo colocá-lo para o lado direito. Você sabe, talvez até mesmo para o lado direito provavelmente seria um pouco melhor, mas realmente depende de como você quer construir seu site. Sabe, você pode ter tudo desse lado, mas eu ia em frente e deixar assim por enquanto, ok? E eu vou seguir em frente e passar para a próxima seção, que é esta seção bem aqui. Agora, esta seção aqui é basicamente a mesma coisa. É exatamente a mesma coisa. Então eu vou em frente e dizer, você sabe o que? Eu vou em frente. Copie esta linha toda. Sabe, não quero fazer o trabalho duro de novo. Não, por que deveríamos? Porque, você sabe, nós não precisamos fazer tudo isso de novo, e eu vou apresentar os balcões de bar também. Então esta seção aqui, clique sobre isso. Oh, não. Na verdade, clicamos aqui e dedicamos toda essa fila, certo? E então, é claro, podemos ir em frente e pesar. Você sabe, nós podemos ir em frente e pegar esta seção e talvez acalmar tudo ao redor. Veja aqui. Vá em frente e troque por aqui e lá vamos nós. OK, e depois aqui mesmo. Vou em frente e dizer, você sabe, eu quero um módulo aqui. Sabe, eu quero ir em frente e clicar nisso. Excluir isso e eu também quero ir em frente e deixar o fundo? Não, eu deletei por acidente. Então, para ter isso de volta que eu queria fazer aqui é apenas, você sabe, coluna duplicada. E aí vai você. Então eu vou ir em frente e acabar com tudo isso agora e depois vamos em frente. Basta colocar o módulo do contador de barras bem ali. Então, há muitas maneiras diferentes de vocês, sabe, vocês, sabe, como eu cometi o erro de lá depois de fazer isso. Mas, hum, você sabe, é de qualquer maneira que funciona, você sabe, você pode apagar tudo, ou você pode simplesmente, você sabe, colocá-lo fora de qualquer linha. Há tantas maneiras diferentes. Então eu procuraria os balcões de bar bem aqui. Você é o bar Progress. Agora, vou ir em frente e dizer, quer saber? Eu não quero ter que continuar arrastando isso, e eu vou e duplicar assim, talvez para fazer isso aqui, ok? E assim como os outros módulos. Então aqui temos a minha habilidade. Você coloca algo como o nosso são como s e então dá um por cento. E então, você sabe, fazer como nossas taxas de sucesso e, em seguida, para o estilo ou nós pegamos o tipo aqui mesmo. Agora o tipo é como uma cor pré-fabricada, então não é realmente necessário. Mas se você escolher tê-lo, você pode fazer isso agora para o estilo novamente, eu vou ir em frente e dizer, você sabe, eu quero este preto a cor de fundo que eu queria Você sabe que aquele azul que nós temos no texto da linha final eu vou sair. É branco e o título, que é esta seção aqui. Você pode mudar isso algo como preto. E então, você sabe que você pode mudar suas areias abertas também. Agora, uma boa idéia se vocês estão fazendo isso é em vez de realmente, você sabe, fazer tudo isso do zero novamente. Você pode simplesmente ir em frente e talvez excluir isso e então apenas ir em frente e apenas duplicar o que você já fez, você sabe, em vez de realmente ter que fazer todo o trabalho duro novamente. Então devo dizer, quer saber? Eu vou duplicar estes aqui e depois daqui, você pode ir em frente e você sabe, você sabe , você já tem as fontes, a cor e tudo mais. Então mude o título, sabe, para o que vocês quiserem. Então isso é basicamente esta seção aqui. Agora, vamos em frente e ir para a próxima seção. Oh, também os contadores de números, Vamos em frente e adicionou alguns contadores de números também. Então, aqui mesmo. Quero os contadores do Adamson. Então eu vou ir em frente e realmente clicar sobre isso aqui e trazer a seção de coluna aqui e apenas arrastá-lo logo abaixo disso e bem aqui eu estou um clique sobre isso e eu vou em frente e encontrar o número. Contagem os contadores de números. Onde vocês estão? Nós temos os depoimentos, guias de acordeão porque há muitos outros módulos, você sabe, então sinta-se livre quando vocês ficam um pouco mais confortáveis com a página para meio que passar por todos eles. Mas os balcões ar aqui e de novo. Então aqui tem o número inicial. Então vocês podem, tipo, começar em um certo número. Sabe, você poderia começar como um número como 50 e depois fazer você ir para o número 100. Se você quiser. Você tem um número de prefixo Também os assuntos número também. E vocês também podem cumprir o tempo. Então, se você fizer 4000 m s, isso é basicamente quatro segundos. Certo, então lembre-se, é hora de “M”. Então você quer colocar para o tempo M, ok? E você pode fazer como um separador 1000, que é como a vírgula 4000 bem aqui. E você gosta de xícaras de café. E então para o estilo, eu vou fazer algo como preto e, claro, mudar algo como “Areias Abertas”. E então, novamente, nós podemos ir e apenas duplicar esta linha em vez de fazer, tipo, você sabe, cinco ou seis cinco ou seis acima. Você sabe, Rose só vai, você sabe, lá vai você. E então, é claro, vocês podem, você sabe, mudar qualquer outra coisa. E, claro, você pode ver que parece muito bom. Então também, você pode querer adicionar, tipo, uma sombra diferente para este fundo. Você sabe, adicionar a sombra vai realmente ajudar. Então, bem aqui sob os estilos, temos o Grady em vigor. Então aqui eu posso clicar em, tipo, uma cor. Talvez eu goste da cor disso. Acho que gostei de um branco e basicamente adicionei um azul escuro. Tenho certeza que sinto muito. Light Blues Deixe-me mostrar-lhe como ele fez isso. Então eu meio que fiz, tipo , , ir de branco. Simplesmente desvanece-se daí e tudo mais. Foi basicamente reduzido a localização no ângulo bem aqui. Assim que ver bem aqui também pode reduzir o ângulo. Diga-me, você quer 50? Vamos ver como consigo fazer isto aqui. Eu provavelmente deveria trocar. Ele está por aí. Eu deveria fazer de azul claro a branco. Ok. E então a partir daí você pode fazer como nossa localização. Você gosta de um ângulo. Veja como eu poderia fazer isso funcionar. Lá vamos nós. Lá vai você. Então vocês podem ver que eu basicamente fiz a página. Meio que isso. Tipo de imersão no azul. Você vê isso? E você sabe, você sempre pode aumentar a localização para fazê-lo subir ou descer. Então foi assim que eu basicamente alcancei esse efeito desta cor aqui. Tipo, você sabe, bem aqui. Tipo, como desaparecer e depois desaparecer Ok, então é apenas, você sabe, meio que mexer com sua falta com as configurações. Vocês vão conseguir. Sabe, tenho certeza que vocês vão conseguir tudo isso. Tenho certeza que vocês são bastante fluentes com isso. Então, certo, aqui vamos nós. Para adicionar uma nova seção, clique sobre isso, e eu vou ir em frente e adicionar um texto de cabeçalho para que ele vai colocar algo como nenhuma experiência necessária. Tudo, Senador, isso aqui. E eu vou em frente e adicionar um pouco de estofamento para isso. Oops. Então, sob a seção avançada aqui, eu vou adicionar um pouco de preenchimento, então talvez, como um nós podemos adicionar apenas quando tivermos alguma margem. Na verdade, acho que os Martins melhor alinhados uns 100. E então, é claro, vamos em frente e adicionar um fundo a isso. Então, clicando nesta seção aqui a seção azul, Eu sou um trecho esta seção ir para cheio com estilo. E lembrem-se, pessoal, vocês vão fazer vídeos de fundo. Você pode ter Grady INTs você pode ter o clássico vai ir em frente para fora uma imagem bem aqui e basta inserir o efeito de paralaxe. Então, novamente, lembre-se de colocar toda a imagem lá em cima. Metade das cabras, Teoh são do nosso tamanho e vão para a cobertura. E então novamente, se você quiser o efeito de paralaxe e ir para fixo e voilá, nós temos esse belo efeito de paralaxe bem ali em nosso site. Tudo bem, então aqui em mudanças algo como, Bem, você é branco. Sabe, faremos o que é bom branco, e então aumentaremos o tamanho. Teríamos sentido aberto de que estamos fazendo areias abertas. Recomendo que abram Sands, Roboto ou Lato. Esses são todos muito bons. Nenhuma experiência é necessária. E eu vou em frente e respondo a uma divisória bem aqui. É um pouco longe demais. Você sabe por que ele está fazendo isso é porque nós adicionamos muita margem no fundo. Certo, então aqui vamos para avançado, tiramos isso e vamos para zero. Então não quero espaço se vocês não notarem em todos os meus tutoriais. Pessoal, eu nunca sou guiado. Sabe, eu não sou como um daqueles caras que, tipo, tipo, ensaiam e tudo mais. Só sei como funciona. E eu só mostro do zero, sabe? Eu sei o que fazer. Então eu não sou. Eu não estou em um, você sabe, eu nunca faria isso. Nunca gostei de um roteiro como esse. Essas pessoas são loucas. Então, bem ali, vocês podem ver que temos essa seção que aparece bem ali. Parece muito bom. Agora, vamos em frente e adicionar um contador aqui, então vamos em frente e clicar nisso. Então temos quatro contadores. Então vocês sabem como fazer isso? Vamos pegar essa coluna, que é bem aqui. Basta arrastá-lo para baixo, e então podemos ir em frente e duplicar este papel como aquele para ter quatro. Ok. E então eu ia simplesmente clicar sobre isso e dragão, esses contadores de números assim. Ok? Ou posso duplicar esta fila, mas vou distraí-lo. Eu quero arrastá-lo, você sabe, eu quero mudar isso. Estou cansado de fazer tudo da mesma maneira, sabe? Então contadores numéricos. Certo, contadores de números. Ok. E como consegui esse efeito? Bem ali. Como obtive esse efeito? Você sabe como eu consegui isso? Eu não quero Oh, eu não quero, você sabe 13. Parte 13 sobre nossa página: contadores de números. Certo, contadores de números. Ok. E como consegui esse efeito? Bem ali. Como obtive esse efeito? Sabe como consegui isso? Eu não quero Oh, eu não quero, você sabe, estragar tudo para você. Mas esse é o divisor de forma. Ok, então basicamente a forma de outro para esta seção, eu basicamente apenas adicioná-lo ao topo na parte inferior. Ok? E lembre-se, para o divisor de forma, você vai ter que fazê-lo controlar esta seção azul bem aqui. Então barbear dividido aqui. A seção de cima. Você pode adicionar o que quiser. Ok, então você sabe, você pode fazer algumas nuvens altas, e claro, você pode mudar a cor dele. Mas, sabem, pessoal, mantenham isso consistente, sabem, não sejam brega. Sabe, você sempre quer, tipo, talvez, três cores, Max em seu site. Você não quer mais cores do que isso. Porque se fica mais do que isso, parece feio. E as pessoas são como, você sabe , este site, parece meio brega, e não parece bom na seção inferior. Estou adicionando nuvens novamente, e isso parece muito legal. Exceto por esta seção aqui. Mas vocês não sabem como consertar isso agora. Você deveria, mas pode aumentar o preenchimento aqui ou neste módulo ou neste módulo. Você deveria, Realmente não importa qual módulo você adicionar preenchimento, mas aqui e clique sobre isso. Vá para avançado. Podemos adicionar preenchimento para a parte inferior, que é mais espaço. Mas vou deixar vocês fazerem isso. Sabe, acho que vocês sabem como adicionar estofamento agora e adicionar mais espaço, e você pode empurrá-lo e coisas assim. Então eu vou deixá-lo agora mesmo para o número legal de novo. Pessoal, vocês provavelmente querem algo como um tipo de letra branca. Sabe, parecia um pouco melhor. Então a topografia novamente, você pode mudar. Isto é para o número e também para o título. Vá em frente e mude para o que quiser. Então por que, provavelmente é bloco bem aqui, porque eu provavelmente tenho que empurrar essas coisas para baixo para que eu possa ir e em alguma margem bem aqui para a seção inferior bem aqui, assim, para dar um pouco mais de espaço ou pode adicionar nosso pode adicionar preenchimento. Então, aqui mesmo. Oh, clique nisso. Na verdade, isso vai funcionar assim Você pode fazer como isso é ou você pode adicionar preenchimento para o fundo em vez disso. Você sabe, é realmente depende se você quer margem ou tapinha. Eles quase funcionaram da mesma forma, mas eles meio que não. Eles são muito diferentes, mas eles meio que funcionam o mesmo em alguns aspectos. Ok, então isso é basicamente esta seção bem aqui. Então voltei para cá. Nós temos estes três aqui, e estes são basicamente os blurbs. Tudo bem, aqui vamos nós para o Adam. Sua seção inseriu três linhas. Tudo bem, então temos 12 e 3 agora, eu realmente inseri a caixa Icahn. Ok. Então, novamente, caixa de ícone aqui e a caixa de ícones. Tudo bem. Então eu posso clicar em um aqui, e, você sabe, você pode fazer empilhado ou quadro. E então, é claro, você poderia fazer, tipo, círculo ou quadrado. Você pode, você sabe, você pode mudar o ícone aqui, então coloque-os como se fosse agora também para que a composição fique melhor assim. Também foi assim que eu fiz. E vocês podem realmente conseguir caras que podem ser personalizáveis, como podem pensar, sabe? Então, por exemplo, bem aqui, digamos, por exemplo, eu não quero usar este. Vou te dar um exemplo melhor. Vou remover esta coluna. E, hum, você sabe, na verdade, eu vou continuar e apenas duplicar isso aqui e vamos ver o que mais eu posso fazer aqui. Vou em frente e colocar esta imagem aqui. Isto é um truque bem aqui. Então, a caixa de imagem, eu vou apenas ir em frente e colocá-lo como uma caixa de imagem, e eu vou apagar este aqui mesmo. Agora, eu sei que parece que você realmente não pode fazer muito com isso, mas você pode realmente transformar isso em algum tipo de perfil. Então, aqui mesmo, clique nas pistas, coloque esse cara aqui, e você provavelmente está pensando que não parece bom, mas o que você faz? Isto? E você tem uma imagem maior bem aqui, você sabe, porque nós podemos realmente aumentar o tamanho da imagem bem ali. E agora que tipo de perfil parece, certo? Parece o perfil de uma pessoa, então só meio que usando sua criatividade aqui. Como, por exemplo, podemos fazer algo como eu vou fazer algo como, uh, uh, vamos ver aqui, Seuin durável Seria como, eu não sei, eu não sei, CEO ou o que quer que seja O que quer que as pessoas coloquem nos dias de hoje, sabe? E então esse cara ajuda as pessoas com tutoriais do WordPress. E então você poderia falar sobre sua empresa e nossa empresa vai falhar ou o que quer que seja um sucesso porque nós somos incríveis. Então, é basicamente apenas tipo de usar estes e qualquer tipo de maneira de obter os resultados que você quer. Não há uma maneira certa ou errada de usar esses módulos. Então eu quero que você entenda que, você sabe, só porque ele diz que é um modelo de imagem não significa que você tem que tê-lo como este é um perfil bem aqui, você sabe, e para nenhum outro Nós os usamos, nós os usamos não o propósito para o qual eles são usados. Mas é tudo sobre criatividade. Então, de qualquer maneira que você possa imaginar para usá-los, usá-los, você sabe, e aqui mesmo adicionou um perfil. Talvez eu possa adicionar aqui e adicionar como um efeito de tela dividida a ele. Você sabe, como um perfil de tela dividida. Talvez você e seu parceiro, você sabe, é tudo sobre criatividade e apenas usar sua imaginação para obter os resultados que você quer, porque não há maneira certa ou errada de criar um site. Pessoal, isso realmente não é. E então, é claro, aqui você pode colocar algo como o seu link no perfil, você sabe, como até mesmo você pode dizer, tipo, tipo, clique sobre isso para ir ao meu LinkedIn ou algo assim assim. Sabe, que você puder, eu penso. E também temos que encontrar a equipe aqui, e eu tenho essas quatro fotos. Então aqui vamos em frente e vamos adicionar uma nova seção. Clique sobre isso e eu estou atrás aqui para cabeçalho. Vou colocar alguns, tipo, conhecer a equipe. Vou colocar um estilo central, vá em frente e abra o Sands. Você está aqui para decorar isso e, em seguida, um preto e então talvez esperanças e eles podem estar bem aqui. Vamos fazer algo como um peso de 300 vai aumentar os sinais. E eu quero um pouco de estofamento entre isso eu não quero. Eu não quero fechar você sabe, então bem, fazer algo assim bem aqui. E então, na verdade para o fundo vai colocar zero. Porque espero que saibas porque vamos adicionar uma linha aqui. E se tivermos estofamento aqui, vai empurrar a linha para longe. Então, clique humano sobre isso, vá para o divisor e arraste-o para baixo. Ok, Então eu vou em frente e centro que reduzir o com, aumentar o peso, e, em seguida, ir em frente e reduzir a lacuna e mudanças. Carter Black fica muito melhor com preto, certo? Tudo bem. Temos que nos encontrar com a seção de equipe aqui. Agora, eu quero adicionar essas quatro fotos. Então, quando eu clicar sobre isso aqui e adicionar em Oh, eu posso clicar sobre isso. Adicione uma nova seção aqui e clique em quatro fotos. Ok, agora, esta seção aqui, você simplesmente vai arrastar imagens aqui. Então vamos em frente e colocar as imagens desse cara e também caras na pasta. Tenho fotos diferentes para você, então vou usar essa, mas fique à vontade para usar sua empresa ou quem quiser ou, sabe, seu irmão, sua irmã ou quem quiser fazer. Então aqui nós colocamos isso e, em seguida, novamente, colocar isso e aquilo e você sabe que eu também posso ir em frente e apenas duplicar isso em vez de desperdiçar todo esse tempo. Então essa é outra forma de usarem a corda duplicada. Ok, agora, para esta seção bem aqui, eu estou um clique nesta estrada aqui e novamente. Estou cheio de porque estou basicamente dizendo que quero que esta sala fique cheia aqui , sabe? Então, clicando sobre isso aqui, clicando seção trechos e cheio com e lembre-se , eu não quero quaisquer lacunas, então eu não tenho lacunas. E como resultado, temos esse grande efeito ali para que você possa ter sua equipe lá. Você pode ter todo tipo de coisas realmente legais, e vocês podem meio que mexer com isso, você sabe, como, bem, eu não caberia na tela ou, você sabe, Homens altos. Você sabe, a altura média, Talvez você possa tipo de aumentar o tamanho do seu, mas isso é se você escolher, ou você pode fazer como, você sabe, se você quiser, como um uma tela cheia que você sabe que você pode fazer, tipo, caber na tela, mas eu não faria isso. Eu vou deixar este padrão e, hum, você sabe, isso é basicamente isso é bastante auto-explicativo. Se quiserem uma legenda aqui, ponham como um Darrell Wilson aqui. Se quiserem uma legenda aqui, Harold Wilson. E então eu ouvi que você pode colocar como seu outro parceiro ou outra coisa, e vocês sempre podem mudar o tipo. A queda em tudo ou o que você pode fazer é ir em frente e dizer, quer saber? Podemos simplesmente ir em frente e adicionar em um editor de texto, logo abaixo disso, e então podemos falar sobre nossa pessoa. E então digamos, por exemplo, que temos a versão pro. Temos os ícones das redes sociais como falamos. Eu não tenho eles aqui, mas eu gostaria de ter, você sabe, porque nós podemos adicionar os ícones de mídia social abaixo Nats fazer parecer realmente profissional e muito limpo, mas nós não temos isso. Então isso é lamentável. Mas se você tem a versão pro, você pode adicionar ícones sociais da parte inferior direita aqui. , Basicamente, foi assim que consegui esta secção aqui. Você quer uma seção como essa para o grande efeito? É assim que se consegue essa secção. Ok. E a última seção que vamos fazer é esta seção aqui. , Pessoal, isto é muito fácil. Isto é muito fácil para vocês. Agora é isso sendo competitividade. Então, vamos clicar sobre isso aqui e ir para nossos modelos bem aqui. E usamos depoimentos, Depoimentos. Então aqui você pode falar sobre sua empresa sobre o conteúdo aqui mesmo. Então esta seção aqui corresponde ao conteúdo e, em seguida, para a imagem. Eu sou um deletar isso e apenas colocar esse cara bem aqui. Esse cara é o cara principal. Hoje, ele entra em um você sabe, e então bem aqui, você pode colocar algo como, você sabe, o nome da sua empresa. Então eles são o velho Wilson. E então o trabalho só faz, tipo, WordPress cara reprimido, cara. E então bem aqui, poderíamos fazer como alinhamentos. Você continha alinhamentos com o que vocês gostariam. E também, daqui em diante, o estilo, você pode mudar a cor do conteúdo para algo mais como preto e, em seguida, para topografia. Areias abertas. Sabe, as pessoas adoram essa fonte. Eu não sei o que é, mas é apenas a fonte mais popular, então eu não sei por que, mas as pessoas, as pessoas realmente adoram, sabe? E aqui podemos mudar, como o tamanho, você sabe, tudo o resto. Talvez a altura da linha maiúscula. Sabe, podemos mudar o espaçamento da linha. Algumas empresas fazem isso, você sabe, eu não sei muito disso. Isso é demais, você sabe, eu não sei. Temos que tonificar lá em baixo. Isso é demais. Algo assim. Isso é um pouco melhor. E, em seguida, para a imagem, você pode alterá-la para o nome. Então é tão personalizável, sabe, e eu não posso passar por todas as opções porque o nome corresponde a Darrell Wilson. O trabalho corresponde ao WordPress. Cara. E este material aqui corresponde apenas à fonte e topografia. Então, você sabe, basta passar se você quiser, e agora está tudo bem. Então ouvi você clicar nisso. Oh, pessoal, coisa antiga. Não se esqueça de proteger. Por favor, não. Não se esqueça de salvar. Eu tive pessoas comentando ou como Hey, Darryl, eu estava construindo meu site e então eu não cliquei em segurança, e eu estou tipo, bem, eu realmente sinto muito. Sabes, lamento o que aconteceu, mas sabes o que queres, envio-te um vale-presente de 5 dólares da Starbucks ou algo assim . Então, quero dizer, essa é a coisa do Lincoln, certo? Então, voltando para cá, nós o completamos. Agora eu quero falar com vocês sobre o cabeçalho bem aqui. Então isso aqui parece muito bom, certo? E nosso site não parece muito bom. Nosso site continua abrindo essa aba. Nosso site tem isso aqui, então precisamos ir em frente e corrigir esta seção. Então vá em frente e salve essas coisas e vamos em frente e vamos para o nosso ... Não podemos lhe dar a página. E então aqui vamos personalizar. Então precisamos de mudanças. Opções no personalizador de temas. Tudo bem, então está carregando meu personalizador de temas, e lá vamos nós. Então agora, vou mostrar a vocês como fazer isso transparente, e não vou passar por tudo isso aqui e explicar o que são. Só para que entendam, não precisam me seguir até aqui, mas vocês podem ver, entender e entender o conceito geral, então a identidade do site bem aqui. Então, por exemplo, como o seu site ponto com colocou lá em cima. Mas eu vou substituir isso agora por um logotipo, então não importa o que eu coloquei lá. Eu só não vou ter este ano porque eu prefiro ter o meu logotipo lá. Então, Então, você conhece essa mensagem, e eu vou mostrar a vocês para obter o logotipo em apenas um segundo. E também para o ícone do site. Então, de novo, bem aqui no topo. Esquerda, bem aqui. Veja, nós temos esses pequenos ícones. Sempre que alguém visita seu site, você vai em frente e colocá-lo lá sempre que quiser. Então ele abriu isto aqui. E agora você pode ver aqui no navegador que isso aparecerá sempre que alguém visitar meu site. Então eu vou dar um site para vocês conseguirem uma firma local. É muito fixe. E a seguir aqui são os nossos menus. Então temos muitos locais novamente. Nós conversamos sobre isso. Então nós temos o topo são nós temos o principal e nós temos o rodapé. Então, basicamente colocamos isso e também para celular, o que é opcional. Você pode decidir colocá-lo lá, mas é só que vai ser um menu de hambúrgueres para o celular. Então eu não vou fazer isso. Mas eu vou cobrir a otimização móvel na próxima seção, então certifique-se de ficar por perto porque isso é extremamente importante. Volte aqui. Temos os widgets. Falamos sobre os widgets aqui na parte inferior da página. Então, novamente, bem aqui, nós temos nossos widgets voltando aqui, a estática da página novamente. Você sempre quer definir sua home page para, uh, bem aqui, como suas home pages estáticas. Este e também seus posts, páginas, o que você quiser e vamos falar sobre o blog um pouco. Está acontecendo aqui embaixo. Temos as opções gerais. Então, muitos desses realmente não se aplicam a nós porque nós realmente usamos nosso próprio construtor de páginas. E nós realmente não usamos o construtor de páginas deles, então, como resultado, muitos desses aqui não são realmente necessários. Mas há alguns, como rolagem para o topo, como este, vai nos parar e esperar o fundo. Você pode ir em frente e se trocar. É ele. Só um ícone aqui. Podemos mudá-lo para outra coisa que gostaríamos. Ok. Então você pode, você sabe, se divertir com eles e mudar o que quiser. Como a área de texto de entrada. Não. Sim. Este é um campo de, tipo, o fundo do caminho bem aqui. Então você só vai passar por isso e personalizá-los e decidir como você quer . Mas eu não vou me meter muito em tudo isso aqui, porque, ah, ah, muitos desses caras não estão se aplicando a nós porque sabemos que não usam a Paige Miller deles. Use um mentor. E tipo, para, tipo, o estilo de layout. Veja, nós realmente não precisamos mexer com nada disso porque nós realmente tivemos o plug in fazer tudo isso por conta própria, então nós não precisamos mexer com nenhuma configuração geral qualquer que seja. Certo, então voltei aqui topografia de novo. Nós realmente não precisamos usar isso muito porque nós estamos usando o nosso próprio bem aqui. Como se não precisássemos, basicamente, , fazer como nosso corpo como uma fonte. Mas, quero dizer, realmente é realmente útil se vocês decidirem usar a página deles abaixo e tudo mais, mas nós não estamos, então eu não vou realmente usá-lo. E sim, concedido só se aplica a algo como o menu onde as teias gostam do topo bem aqui. Mas nós vamos substituir isso agora, então realmente não importa. No entanto, isso realmente importa para o menu. Então eu quero ter certeza de que vocês não pulem isso. Então sinta-se no topo bem aqui em cima. Você pode ver que nosso menu vai mudar, então ele só se aplica ao menu e ao menu de rodapé também. Ok, se você quiser ir em frente e mudar algumas dessas configurações bem aqui para o menu, é aqui que você vai fazer isso. E eu recomendo fazer algo como, hum para que até você gosta de capitalizar. E estamos a o abrir oSands. Vamos lá. Vamos mantê-lo aberto, Sandra. Aqui, não faça algo como Bem, faça, tipo, você sabe, assim. Parece bem legal. E eu acho que para esta seção, provavelmente é isso. Então eu vou salvar e publicar e voltar aqui. Volte novamente e aqui vamos para o topo agora são o topo. Estamos mesmo substituídos? Então aquele era o outro bar bem aqui. Então nós realmente não precisamos do topo são tão sobre esta seção. Nós realmente não vamos usá-lo para muito, porque nós realmente desativá-lo, então nós não precisamos do topo também. Ok, então eu vou voltar e ouvimos sob o cabeçalho. Certo, aqui temos, tipo, tipo, nosso general, nosso cardápio, nosso logotipo etc. Então seu logotipo, você vai colocar bem aqui. Agora, pessoal, vocês vão ter que ir para Fiverr dot com. E eu quero realmente falar sobre, tipo, boas pessoas e nenhum bom vendedor e tudo mais para que você possa digitar algo como logotipo. Agora, há também um link na descrição. Ele vai levá-lo para a web. Sinto muito, fibra ponto com. Se vocês comprarem algo que eu acho que faço, acho que sou pago como o trânsito. Nem sei como nunca gostei do Goto como o meu programa de Filadélfia. Mas aqui, vocês admitem ter fabricantes de logótipos bem legais aqui. Então eu vou fazer um logotipo de negócios e você pode obter um logotipo por apenas cinco dólares. E os caras não querem cortar os cantos com o seu logotipo. Sabes, o teu logótipo é uma representação tua. É o que as pessoas vêem quando falam com você. Então essas pessoas aqui vão fazer logotipo muito legal para começar em torno de US $5. Como esse cara aqui. $5 cada. Outros caras aqui assim têm uns 25 anos. Você sabe, você não tem que usá-los. Você pode usar alguém por cinco dólares. Meu logotipo foi feito por US $5 então esses caras vão fornecer-lhe alguns logotipo muito, muito legal. Certo, então vá em frente e pegue de um desses caras. E assim que acabarem com isso, vocês podem realmente voltar ao seu site e inseri-lo. Então, aqui mesmo sob o logotipo. Eu vou colocar isso por agora, ângulo para selecionar, e então eu quero que você, tipo, tipo de dizer Oh, bem, que parte? Ou tipo, você sabe quanto do logotipo. Então eu só vou, tipo, selecionar esta pequena garrafa bem aqui, você sabe, apenas para fins totais, pessoal. Então aí está. Há dinheiro, logotipo, e novamente, pessoal, vocês querem ter certeza que é p e G. Ok, então este logotipo que eu tenho aqui meus sites, este é um arquivo PNG, e o que isso significa é que não tem fundos brancos como este. Aqui está uma imagem de J. Pig. Então, como resultado, ele tem, ah, fundo. Você não quer um traseiro bem ali. Ok, então, na verdade, eu vou apenas ir em frente e remover isso. Isso parece horrível, Goes So eu estou apenas dando um exemplo do que você gostaria para o seu logotipo. Eu acho que os tamanhos gerais em torno , você sabe, 50 pixels por 50 pixels. Então você quer ir em frente e usar isso também. E você também pode mudar o tamanho de, tipo, o logotipo em tudo aqui é Bem, ok, então vá para esses sites, pegue seu logotipo por cinco dólares e então volte aqui e você pode ir em frente e faça o upload aqui mesmo. Ok? E você tem, tipo, o menu bem aqui, e você pode gostar do centro. É que você pode fazer à esquerda. Sabe, muitos desses caras de configurações são muito auto-explicativos, como a cor do link. Sabe, eles realmente acham que são os mais importantes. Essa é a cor real do seu menu aqui. Ok. E este aqui é o seu menu secundário. Então, isto aqui sobre nós é o seu menu secundário. Portanto, lembre-se, nós nunca fazer personalização é para seus sites. Você quer ter certeza de que este é o menu secundário, então isso é apenas para que você saiba o que é. Ok, então eu vou colocar branco bem aqui e a razão pela qual eu estou fazendo porque eu realmente vou adicionar um fundo transparente. Então temos que salvar Voltar aqui mesmo. E isso é como seu menu social. Você pode ir em frente e habilitar um menu social na parte superior. Então você quer ir em frente e dar-lhe um menu social? Você pode fazer isso. Mas eu não vou ir em frente e ter isso. Não, obrigado. Voltando aqui para o seu menu móvel também, e eu vou entrar em otimização móvel na próxima seção para que vocês vão entender isso um pouco melhor, mas isso é basicamente decorar seu menu no celular. Ok. Tudo bem. Então você vai direto para o General, e eu vejo o estilo bem aqui, para que possamos estilizar este menu de maneiras diferentes. Então, por exemplo, aqui estou adicionando um fundo transparente. Muitos S e C. É transparente, ou você pode ter menu superior também uma tela cheia ou centro ou meio ou o que você quer fazer . Então estes são o exemplo dos cabeçalhos personalizados como basicamente onde você gosta, fazer seu próprio cabeçalho pequeno e você pode fazer como você sabe, você basicamente fazer à frente em uma página e você pode selecionar a direita lá, mas é realmente não é necessário. Você sabe, o transparente usado provavelmente quer suas melhores opções aqui. Então ouvimos o meu clique nesta pequena borda inferior do cabeçalho e, em seguida, isso se livra disso. Não, pessoal, lembrem-se, podem ter um menu normal como este. A maioria dos sites tem isso assim, sabe? Então isso é como o padrão agora, a razão pela qual eu transferi o Texas sábio porque, lembre-se, eu adicionei em um transparente desculpe, um texto branco. Mas novamente, você pode mudar a cor de fundo para acomodar isso, você sabe, que você possa ver um pouco, mas eu ainda quero o fundo transparente. Eu não quero nenhum dos que eu não quero ver nada aqui. Ok. Tudo bem. Então eu vou em frente e salvar isso aqui e agora eu vou ir em frente, e você também pode mudar o alto do menu para que você possa torná-lo maior ou menor. Mas eu acho que tudo é como 74 foi bom. Agora mova-se para cá e vá para o logo. E eu vou em frente e adicionar um local bem aqui. Estou adicionando esses moradores aqui. Alguém vá em frente e coloque isso para dar um pouco mais de Você sabe, uma idéia disso assim. Aí está, meu logotipo. E você também pode fazer como uma leitura. Sem logótipo se ele quiser. Você sabe, o que você quiser. Então e também, você pode mudar como a altura dele. O máximo com Na verdade, eu provavelmente deveria remover esse. Isso é você colocar isso em 500 para ir em frente e ler para aquele. OK, então aí está. Aí estão meus caras locais. E novamente, se precisarem de ajuda, certeza que vão para a fibra. Vocês ganham um logotipo por cinco dólares. Vocês usarem o meu link, eu ganho uns uns 10 centavos. É realmente muito legal. 14. UPDATE recurso de vídeo da parte 14: e sense. Realmente? É muito fixe. Vocês são bem-vindos de volta. Então, na verdade, vou apresentar a todos vocês outra atualização de recursos. Então sente-se e relaxe. Agora, esta atualização de recurso novamente acabou de sair. Então, aqui mesmo. Veja, eu tenho essas imagens bem aqui. Agora, se você quer ser capaz de ter pessoas clicando em sua foto e ter uma imagem como essa aparecer , eu vou te mostrar como fazer isso. Na verdade, você pode realmente ir em frente e mudar todas as cores quando eles realmente clicar sobre ele. Então, por exemplo, aqui você pode ter todos os tipos de cores de fundo realmente legais se alguém decidir clicar em sua imagem e isso é realmente uma espécie de massa seu esquema. Então vá em frente e clique em uma imagem, ou vocês podem apenas ir em frente e me assistir. E quando ele diz que ligado a apenas ir para o arquivo de mídia e agora esta caixa de luz recurso vai aparecer, e então nós basta clicar em Sim. Agora, há também outro recurso global aqui em configurações globais que terá todas as suas imagens têm isso. Então abre uma caixa de luz ou abre todos os links de imagem que terão uma caixa de luz aparecer agora para obter esse recurso novamente. Lembre-se, você tem que tê-lo ligado ao arquivo de mídia. Então o que isso significa é que o recurso global está basicamente dizendo para qualquer imagem em seu site que está ligada a um arquivo de mídia, ele abrirá uma caixa de luz desta cor aqui. Então configurações globais, lightbox e, por exemplo, colocar este aqui. Então, basicamente, se eu clicar em qualquer uma dessas imagens aqui, ele sempre vai ter essa pequena luz legal. E isso também funciona para o módulo de galeria. Então isso vai, você sabe, se você quiser que as pessoas percorra suas imagens, você pode ir em frente e usar o módulo da galeria também, e isso basicamente será exibido. Todas as imagens foram você sabe, eles podem clicar nele. Então é este modelo aqui que tem a galeria de imagens e novamente eles podem percorrer e rolar todas as imagens, todas as imagens que você coloca dentro da galeria. Isso vai funcionar também. Ok, então é um recurso muito legal que eles adicionaram, e eles acabaram de lançá-lo. Então, se vocês estão assistindo isso hoje, parabéns, vocês estão à frente do jogo. Portanto, certifique-se de verificar as futuras atualizações. E também você não quer, se você não quiser, como todas as imagens em seus sites. Você sabe, se você quiser um global, você pode ir em frente e desativar o recurso global para configurações globais e desativar isso e então vocês podem apenas tê-lo para cada imagem específica. Então lembre-se, você tem que ir para esta seção aqui e fazer através de cada imagem. No entanto, se você quiser isso em todo o seu site, você não precisa passar por todas as suas imagens. Você pode ir até aqui para configurações globais. Lightbox habilite isso, e voila! Ele funcionará automaticamente em todos os links para um arquivo de imagem. Ok, então certifique-se de verificar isso. Caras. Agora vamos em frente e voltar para o tutorial. 15. Blog da parte 15!: para o tutorial. Tudo bem, pessoal. Então, nesta seção, vou mostrar a todos como fazer um lindo blawg. Agora, dependendo do que você quer fazer, vou mostrar-lhe duas maneiras diferentes. Agora. Um é a auto-estrada, e também o outro é o caminho pro. E eu tenho certeza que vocês dois só porque você quer mudar de idéia, o futuro upgrade para o pro ou você quer dizer o livre. Então, esta é a versão gratuita aqui. E você só vai ficar, tipo, tipo, um pequeno poste de bloqueio bem aqui. E, você sabe, seu sangue ficará lindo e ficará muito, muito legal. Seu bloco post Cool porque nós estamos indo para usar elemental ou para realmente projetar são posts bloco reais . Vocês decidiram usar a versão pro? Poderia parecer algo assim aqui onde você pode ir em frente e decorá-lo. Então, aqui mesmo. Você pode ver que nesta parte superior aqui eu tenho esses cartões e você pode mudar o fundo e tudo nesta seção aqui. Você pode mudar a fonte, a cor, o ler mais, o link que você pode ser muito personalizável com esta versão aqui. Ok, então esta é a versão pro bem aqui. Então, novamente , são as mesmas coisas que não incluem esta parte de cima aqui. Dependendo do que ela quer, vou mostrar as duas versões, e então você pode ser o chefe do seu próprio site e decidir o que quer. Então, novamente, versão pro. E estes são os layouts de versão gratuita aqui. Então vamos em frente e fazer a versão gratuita. Então, aqui vamos para mais novo e vamos para a página. Agora eu vou fazer algo como a versão gratuita do blawg post. Agora, para a barra lateral, eu vou apenas ir em frente e deixar a barra lateral para os direitos porque você pode querer barras laterais. Vou falar sobre isso daqui a pouco. Eu vou dizer, Bem, Bem, as margens que o cabeçalho desabilitou ativaram. E depois o menu um. E depois para o título aqui. Vou em frente, habilite-o. E então o que você realmente quer dar o nome a esse blawg? Bem, eu vou fazer algo como o melhor registro de sempre, e então ir em frente e colocar publicar. Então eu vou para ver a página. Agora precisamos atribuir esta página como nossa página blawg. Ok, então para fazer isso, precisamos ir para personalizar tudo bem, e então aqui mesmo sob a primeira página estática. Você deseja definir a página de publicação como a página livre ou qualquer que seja a página que você criou. Então esta é a versão gratuita do blawg post. Então eu vou salvar, e então seu posto de bloqueio aparecerá bem aqui. Então voltamos aqui e também para a seção do bloco aqui. Você pode alterar as entradas do seu blog sobre entradas de bloco aqui mesmo. Você pode colocar sua barra lateral para a esquerda. Você pode, você sabe, tirar a sobreposição da imagem. Agora, em apenas um segundo, eu vou mostrar a vocês como fazer postagens de bloqueio. Então não entre em pânico. Não se preocupe. Vocês têm o estilo do blog, então podem ver que precisamos. Agora é uma espécie de grade como esta. Você pode mudar todo tipo de coisas. Você pode ter, tipo, três grandes colunas agora, também aqui. O posicionamento do elemento que você pode ter, como o título abaixo do conteúdo para que você possa ver agora o conteúdo aparece acima dos títulos. Você pode arrastá-los e soltá-los assim. É um recurso blawg muito incrível que eles adicionaram. Mas eu quero sair e me de livrardetodos os meta como o autor da data As categorias. Não quero que nada disso apareça no ritmo do bloco aqui. Então algo parece que vocês podem dificar o trecho Mawr, que é basicamente mais personagens. Então, em vez de basicamente 19 carruagens e agora está mostrando 42 palavras ok, então você pode tipo de reduzir isso é Mas agora vamos em frente e fazer o blawg post real. Então eu vou voltar aqui e clicar no X então esta é a página real do blawg, ok? E, em seguida, aqui mesmo no ir para mais novo e ir para postar. Então post não página, então esta é a página que estamos criando agora novamente aqui para o layout de conteúdo. Eu vou usar um layout do elemental ou então eu preciso ter certeza de que estes estão todos nas configurações que eu preciso deles em. Então eu ouço cabeçalho Provavelmente sobre isso algumas vezes já. Sim, sim, aprendendo. Está bem. E eu vou publicar. Certo, vou editar com um mentor e tudo o que vou fazer. Pessoal, é simplesmente ir em frente e adicionar um modelo aqui. Vou usar o modelo de postagem de bloco. Vocês têm muito mais no site, então não se esqueçam de conferir esses layouts. Desculpe. Aqui vamos nós. Bloqueie o lançamento do Post. Eu não tive duas ou três vezes gosto de estilos. E novamente, você pode apenas fazer mudanças aqui. Então você pode se sentir como seus sites, seu site, blawg vai se inclinar, sempre Bullough. E então vocês podem ir em frente e apenas, vocês sabem, mudar o conteúdo aqui, fazer o que quiserem, porque tudo já está feito. Ok, então foi basicamente assim que fizemos isso. Então, aqui vamos nós para o seguro. Agora, mais uma coisa que quero fazer é ver esta página aqui. Então esta é a página real aqui que este é o post real. Agora precisamos ter certeza de que precisamos mudar algumas configurações, como aqui temos essas coisas no fundo bem aqui. Queremos entrar e mudar tudo isso. Então, aqui sob personaliza Ir para clicar sobre isso. Agora precisamos realmente ir para o personalizador real onde fala sobre o post blawg real . Então não só o estreet eu vou o post real. Então este é o único post aqui e tudo bem aqui. Vocês podem ver agora eu meio que recomendo apenas me livrar de, tipo, principalmente de tudo aqui porque nós não estamos realmente usando nenhuma das coisas deles aqui. Não estamos usando nada. Então estamos usando uma versão de mentores disso. Então nós realmente não somos, hum, você sabe, nós realmente não precisamos de nenhuma dessas coisas, você sabe? Tudo bem, então está acontecendo aqui agora. Tudo o que nos resta é apenas a seção de comentários ali. Eu acho que o conteúdo vai realmente se livrar de todo o nosso conteúdo. Você não quer fazer isso. Isso não é bom. Você quer ir em frente e ter certeza de que você tem conteúdo e apenas comentários talvez uma caixa de autor para você sabe, você pode ter caixas de autor. Bem, porque com a página elementar abaixo, pessoal, não precisamos dessas outras configurações que o tema nos dá porque não é necessário porque estamos usando mentores l A. Ah, construtor de página para projetar o nosso próprio. Então nós realmente não precisamos de nada disso quando eu fiz isso. Ok, então aqui vamos nós. Teoh, clique em X. Agora, vamos em frente e voltar para a nossa página. Eu tenho que fechar isso. Desculpe por isso. Tudo bem, então vamos em frente e ir para a nossa página de postagem. Então aqui vamos nós para a nossa página, duas páginas. Então fizemos a versão gratuita. Tudo bem, então eu cliquei nisso, e então nós fizemos. Esta é a página que estamos criando. Então esta é a página real e clique em seu Ele vai levá-los para esta página aqui mesmo. E enquanto temos esta bela postagem loira, está bem, agora, mais uma coisa. Se você quiser adicionar uma imagem em destaque a este, você quer clicar sobre isso aqui e vai editar post e você quer entrar e sair em uma imagem em destaque. Então ele está indo para baixo aqui, o clique inferior no conjunto de imagem em destaque, e isso basicamente permitirá que você coloque uma imagem em destaque bem ali, exceto isso. E eles vão atualizar. Está bem. Agora, em vez de ir para o Post, eu quero ir para páginas e eu quero ir e ver essa página. Eu fiz isso. Então, o posto de três quarteirões. Então este é o membro da página real, aquela página que estamos criando, e então Voila. Temos esta secção bem aqui. Agora, este pessoal da seção da barra lateral é chamado de seção Widget. E basicamente, o que isso é Bem, é para um monte de coisas, você sabe, vocês podem adicionar um monte de coisas lá, então clique em widgets bem aqui. E também você vai para aparência e widgets. - Legal. Aqui diz barra lateral. Então aqui temos todas essas caixinhas bem aqui. Você pode colocar como o sobre mim. Lembre-se de como decoramos o rodapé. A mesma maneira exata que você decorar o rodapé é a mesma maneira exata que você iria decorar a barra lateral. Você não pode gostar de uma caixa como Facebook. Você pode adicionar uma assinatura como subscrever a minha newsletter. Eu tenho um tutorial sobre isso também, pessoal. Por isso, certifique-se de verificar o meu editorial. É um recurso livre. Tire o máximo proveito disso. Poderia te ensinar tudo sobre chimpanzé masculino e como usar, tipo, mesmo em marketing todas essas coisas sem custo extra, sem custo adicional . É tudo de graça. Então eu vou fechar as seções e então, você sabe, ícones sociais. Você pode adicionar ícones sociais aqui algo. E, novamente, vocês podem adultos. Você tem um vídeo? Você pode todo tipo de coisas muito legais para seus caras da barra lateral. Então isso é basicamente o que a barra lateral é. E é assim que é fácil decorar sua barra lateral. Porque, você sabe, quando você vai para uma página bloqueada que estava tendo uma barra lateral e coisas assim, bem, isso é exatamente o que é. Então eu basicamente tudo o que eles fizeram foi procurar posts recentes, ícones sociais e categorias Agora para categoria. Agora, para estas coisas, estas podem aparecer. Eu não sei, porque você tem que definir a dimensão para isso. É muito difícil para mim, você sabe, que plug em como funciona, pessoal, porque eu usei milhares de plug in. Então, cada tomada tem seu próprio jeito, e eles têm sua própria atitude, então você meio que tem que se ajustar a isso. Então eu vou realmente ir para o meu painel e ver essa página agora. Está bem. Lembrem-se, fizemos da fuga a página de bloqueio livre. Então, o bloco livre post versão Eu estou indo para ver a página e bulla e novamente aqui. Temos as postagens recentes. Temos a barra de busca, siga-nos. Eu provavelmente preciso adicionar no pouco os pequenos símbolos abstratos para fazer os seguintes ícones aparecerem. E então temos categorias. Lembre-se, Você também pode categorizar a publicação do bloco também. E se eu clicar aqui, lá vamos nós. Temos uma linda página blawg. Ok, então foi basicamente o que fizemos ali mesmo. Está bem, pessoal. Então agora que eu mostrei a vocês como fazer a versão gratuita, eu vou seguir em frente agora e mostrar a todos como fazer a versão pro. Ok, então aqui vamos nós para a cama com L.A mentor. Na verdade, eu tenho um sob o deste servidor. Este é, tipo, um pouco mais rápido. Este é um terreno. Este é realmente muito melhor. Então eu vou em frente e vou para a minha página bem aqui. Então vocês provavelmente estão um pouco familiarizados com os caras do construtor de páginas, então eu não quero ir muito básico e além porque vocês provavelmente entendem como fazer muitas dessas coisas. Então eu vou para a cama com elemental ou e assim como você fez a página inicial, a página sobre nós, você vai fazer a mesma coisa aqui. OK? Mas quero mostrar-vos como desenhei esta secção. Ok, então esta seção aqui é na verdade um divisor de forma e outro muito legal. Então, se você quiser ter esse olhar aqui, basicamente tudo o que eles fizeram foi eu clicar neste pequeno ícone de cima. Eu disse isso para esticar completamente com agora para o estilo. Na verdade, eu disse isso como um divisor de forma. E então a parte de baixo, eu dei-lhe as escovas de onda bem aqui. Ok, então foi assim que eu meio que projetei isso. E membros vocês podem, tipo, você sabe, mudá-lo. Vocês podem mudar as peles, todo tipo de coisas muito legais. Ok, alguém faça. Ondas era um pincel de maneiras. Agora, como eu consegui essa seção aqui? Bem, o que realmente foi considerado uma imagem tem sua imagem bem aqui. Então, de novo, bem aqui. Quero que vejam isto. Esta seção aqui e caras essa mesma imagem está na pasta. Ok, então aqui para esta seção azul, eu simplesmente fiz uma seção esticada um completo com estilo de seção normal. O tipo de fundo é clássico, e eu coloquei esta imagem aqui. Está bem. Basicamente, tudo o que fiz foi colocar uma imagem. Eu estiquei todo o caminho através do módulo de texto, e então eu coloquei um módulo divisor. Agora, um recurso muito legal que eu quero dar a todos vocês é Como eu me misturei? Perfeitamente. Então, isto é uma imagem. Mas isso não é assim. Como é que eu me misturei? Perfeitamente Bem, eu vou te dar um site agora que vai mostrar como realmente obter o código de cor de qualquer imagem que você quiser. Ok, então vamos até aqui, eu tenho que pesquisar e ele vai para, hum H T m l Culler Coats, códigos de cor de e-mail ás. Então é isso que eu ouço Não se preocupem, pessoal. O link também é uma descrição, por isso é html traço cor traço treinador ponto Info. Agora, aqui mesmo. Eu vou escolher o arquivo, e eu vou selecionar o elementar. Tenho muitos vídeos. Você sabe, principalmente este aqui. Então, bem aqui. Tenho o portfólio da casa. Não, vamos mostrar a imagem. Estou com um clique sobre isso aqui. Vê isso? Eu cliquei nisso. Me dá o código de cor. Incrível que isso seja incrível. Então vamos em frente e voltar para a nossa página real. Agora, esta seção aqui para este divisor de forma na parte inferior, eu vou realmente colocar o código lá, mas ele já está lá, mas eu vou mudar a cor de propósito. Então forma divisor fundo. Eu sou uma mudança. Muda desta cor. Tudo bem? Agora, o mesmo código de cor que esses caras me deram, eles estão dizendo que este é o código dessa cor. Então também vai fazer é simplesmente pegar isso e colá-lo lá e voilá. Mistura-se perfeitamente. Ok, então eu vou em frente e deixar esta seção. Isto é como uma secção antiga. Agora eu vou ir em frente e adicionar o recurso pro. Está bem? Então, o recurso pro é a seção de postagem bem aqui. Então vamos em frente e encontrá-lo. Está na seção profissional. Oh, na verdade está em outro site bem aqui, então eu vou continuar e salvá-lo, e eu vou em frente e adicioná-lo agora mesmo. Já estou de volta. Então eu só instalei a versão pro do elemental ou assim aqui. Tenho a secção dos correios. Agora. Eu vou pegar isso aqui e simplesmente arrastá-lo para esta seção inferior bem aqui. Então agora eu acho que posso ver. Eu tenho essa seção aqui e tudo o que eles fizeram foi eu basicamente colocar um estofamento bem aqui. Então, dê-lhe. Dê a imagem do espaço e tudo. Ok, então eu fiz 12121 20 e nesta seção aqui, eu deixei tudo em branco. E então esta seção novamente, eu sou um vazio. Agora, como eu consegui essa conquista? Então, basicamente, o que eu fiz foi pegar isso aqui, e eu reduzi a margem. Na verdade, eu fiz negativo. Então, vamos clicar aqui e fazer negativo, talvez 90. E eu acho que posso ver que eu tenho as imagens meio que empurrando para cima bem ali para dar aquele belo design. Então foi exatamente assim que consegui isso bem ali. Ok, então todo o seu post vai aparecer ali e novamente. Vocês podem ir em frente e pegar esse módulo aqui e vocês podem decorá-lo. Você sabe, você pode apenas fazer como contos clássicos de cartas, que é como um novo recurso. Então, está muito limpo. É muito profissional. , Você sabe, você pode mudar o tamanho da imagem que vocês podem tipo de passar por essas configurações. Agora que vocês estão familiarizados com a forma como este construtor de páginas funciona, vocês sabem, vocês podem passar por todas essas configurações porque, hum, você sabe, coluna Gap Road Gap. Isto é bastante auto-explicativo, sabe, mudança, alinhamento, o carro do raio da fronteira. Você sabe que pode mudar isso assim. Há tanta coisa que você pode personalizar com os recursos profissionais. É simplesmente incrível. Sabe, você pode ter assim, sabe, e só parece, sabe, parece muito legal, mesmo que não pareça que não é como deveria ser. Mas você sabe, parece bom, então não importa como não há maneira certa ou errada de fazer isso. Você sabe, você também pode ter, como uma imagem, pairar sobre o efeito. Você começa como um grande efeito você pode fazer como a imagem, o fundo de cor, o imposto, a posição do lote também. É só viver. Esse cara está no que vocês podem fazer para ser personalizáveis com isso. Ok, então, você sabe, passar por isso, verificar todos eles. Eu não quero ter que passar e passar por topografia antiga. Vocês entenderam o que é isso agora? Está bem. Mas foi assim que consegui esse olhar. E é lindo. Você sabe? É um olhar muito limpo, você sabe, com isso, tipo, é como um confronto de parede para que vocês possam ver que é uma espécie de choque. E eu tive mais, você sabe, mais aqui para talvez como se pudéssemos ter, tipo, 11 e 30. Vou ver o que 50. E então, se eu for e reduzir isso, você vai ver como esse tipo de empurrar para cima e parece um efeito de tela dividida bem ali. Ok, então foi basicamente assim que eu fiz esta seção. Tudo bem, vamos para a próxima seção. 16. QUa parte 16!: Tudo bem, vamos continuar e passar para a próxima seção já. Pessoal, bem-vindos ao nosso primeiro teste. Agora, eu tenho essas duas imagens bem aqui. É um design muito bonito, e eu era muito legal o núcleo. Mas como eu fiz isso? Sabe, como eu fiz essas duas imagens colidirem? E, você sabe, se você quiser usar seus sites, eu tenho certeza que você quer um pouco de bagunça, e eu vou te mostrar como eu fiz isso e como você pode incorporá-lo em seu site. Então, aqui vamos nós para a cama com L.A mentor, e eu também vou falar sobre questões responsivas também. Então, basicamente, tudo o que ouvia caras foi que eu tenho duas colunas. Eu tenho uma coluna, e eu tenho que Collins. Certo. Então tudo o que realmente fez foi ter uma coluna bem aqui para vir aqui. E este aqui? Esta coluna eu tenho cheio sem lacuna, e eu apenas esticar a seção. Ok, então isso é basicamente você sabe o quê? É uma seção gigante, mas com duas colunas. Agora, para esta coluna aqui, eu decidi pegar as colunas aqui e colocá-la nesta seção bem aqui. Então, como resultado, eu tenho duas imagens. Então eu tenho um, e eu tenho que fazer. Agora, por padrão, vai ser algo assim. Bem aqui. Parece com isto. Certo? Então, se eu pegar as colunas aqui e arrastá-las para lá e então eu colocar duas imagens, blá , blá, blá, está indo algo assim. Então, como eu alcanço esta seção foi nesta seção bem aqui. Eu coloquei como cheio com, e eu realmente não adicionar qualquer preenchimento, mas eu adicionei tão margem. Então, a margem vai fazer algo assim ali mesmo. Vamos dar-lhe algum espaço. Então, adicionando alguma margem, eu basicamente estou centralizando isso bem ali. Eu não poderia ir tão longe quanto 90. Ok, agora, para esta coluna bem aqui, eu meio que quero mover esta coluna ao redor. Então eu fui para a seção avançada agora para o topo bem aqui. Vou colocar 100 agora para o lado esquerdo. Eu quero ir em frente e fazer menos um negativo 180 e voilá. Temos essa seção de confronto agora. Se você olhar para ele, é lindo. Parece ótimo. Agora há uma nota que eu quero fazer aqui, pessoal, esta seção aqui vai ter problemas responsivos. Então você quer ter certeza de que você vá em frente e desabilite isso para os tablets e também para o celular, porque, por padrão, não parece bom. Então, como você pode evitar que isso fique mal nos usuários móveis? Você pode apenas ir em frente e apenas desativar esta seção inteira. Ok, Então, indo para a seção avançada sob o Responsive, você pode ir para se esconder em tablets e ocultar em dispositivos móveis, mas ele aparecerá para usuários de desktop. Então, novamente, bem aqui, você vai em frente e visitá-lo em um dispositivo móvel e cair. Ele se foi. Ok, então essa é uma alternativa rápida de como vocês podem fazer essa página parecer realmente boa junto com problemas responsivos para corrigi-la. Vai rolar pelo resto disso para que o cara não apareça. Então, novamente, não se preocupe com a seção de dois meses, porque novamente nós desativamos. Isso está nos comprimidos. Agora, se você quiser ver como ele realmente parece, você pode clicar sobre isso e então ele está indo para baixo. Você pode ver que se foi que os danos desapareceram, então será totalmente responsivo e tudo o resto. Ok, então é basicamente isso. Foi assim que eu fiz. Vocês já gostaram deste teste? Vamos em frente e voltar para o Torah vai falar sobre todas as coisas legais. 17. Parte 17: Tudo bem, pessoal. Bem-vindo à seção de otimização móvel. Então aqui vamos falar tudo sobre otimização móvel, otimização tablets, estratégias para usar e apenas coisas para tomar cuidado. Então, aqui mesmo, clique em editar com L.A mentor. Tudo bem, então nós temos esta seção aqui agora para ver como você sabe, para ver como ele fica no celular. Você quer clicar neste computador aqui e ir para o tablet, Então vá em frente e role para baixo. E se tudo parecer bem para seus sites, fique à vontade para deixá-lo. Se não acontecer, então vá em frente e mude. Agora. Uma coisa que eu quero ver é esta seção aqui. Sabe, eu realmente não quero essa seção. Então, aqui mesmo nesta seção aqui, eu estou indo para avançado, Ir para Responsive, e eu quero desativar isso em tablet e celular. A razão é porque eu realmente não me importo se as pessoas lá fora CDs em celular ou tablet. Você sabe, eu não quero que esta seção seja exibida para usuários móveis. Você já foi para como skype dot com ou outro site no celular? E parece completamente diferente do seu site de desktop real. É exatamente o que estamos fazendo aqui. Então aqui nós clicamos no seguro. Então eu não quero que isso apareça. Então vá e role para baixo. Isto parece bastante decente, na verdade. Sabe, estou surpreso. Normalmente há muito mais trabalho, mas vamos em frente. Como ele se parece no celular. Eu garanto que seu celular vai funcionar, você sabe, ele sempre funciona no celular, então ele vai ficar bem aqui. Então isso não faz sentido, sabe? Bem-vindo à revolução. É, é muito alto, sabe? E isso realmente não faz sentido. Além disso, isso está meio fora de controle, então vai para avançado, e eu quero ir em uma margem superior de talvez, tipo, tipo, 100 nosso nariz para 50. Lá vai você. Parece muito melhor, certo? Então agora você pode ver que esta seção é empurrada para baixo e talvez este botão aqui precisa ser alinhado bem aqui. Então eu acho que isso parece um pouco melhor do que parece também. E também para o outro botão aqui que está escondido atrás dele. Agora há algumas coisas que podemos fazer. Podemos desativar as bundas ou podemos, você sabe, você sabe, empurrar isso para baixo Mawr para que ele apareça. Mas eu acho que eu vou ir em frente e desativar este botão porque eu não quero dar ao usuário muitos botões em seu telefone porque eles são muito maiores e você pode não ver o que é tão sob responsivo bem aqui, eu vou e Diga, você sabe, nós vamos escondê-lo. Então, agora o usuário só pode ver o início. E honestamente, esta é uma idéia muito mais limpa do que ter dois botões que são como se sobrepor um ao outro. Certo, então aqui de novo, talvez você queira ir em frente e senar este texto. Então, você concorrente. É o aqui, mesma coisa. Mas vá em frente e no centro. É porque lembre-se, o usuário não pode. O usuário não pode realmente entender nossos sites. Quero dizer, eu tenho certeza que ele olha de um computador, é como, Oh, eu entendo o estilo. Mas se ele vir assim aqui, tudo é treinado para a frente. Isto está limpo. Isto é muito fácil. Então, vou salvá-lo assim. Agora, novamente, você pode fazer a mesma coisa para esta seção inferior bem aqui. Então, lixando aqui em baixo. Tudo parece bem para vocês? Eu acho que sim. Lembre-se, esta seção está desativada em Tab e Mo. Espero elemental foram realmente reduzir o remendo onde eles fazem branco outs porque para o tema divvy, é realmente branco para fora. Então você pode entender se ele está desativado ou não. Aqui vamos nós, bem aqui. Esta seção aqui é muito grande. Então vamos reduzir o tamanho dele. Não é necessária experiência. E então, novamente aqui, podemos ir em frente e dizer, você sabe, isso é realmente isso é realmente realmente nós fazemos o texto um pouco menor ou vamos centrá-lo e então vamos em frente e realmente saber o que podemos fazer aqui. Há muitas maneiras diferentes de resolvermos isso, mas, hum, hum, eu acho que para esta seção aqui temos um marginal superior algo como 50 50 50 50 50 que não vai funcionar. Ok, então eu acho que basicamente, parece que é melhor assim. Mas lembre-se, fundos de vídeo não serão reproduzidos em nenhum dispositivo IOS, então certifique-se de que você tenha que adicionar em um plano de fundo diferente a isso. Certo, então se vocês se lembram, os usuários móveis não conseguem ver tudo isso. Ok, então eu estou apenas lembrando todos vocês que isso não funciona de outra maneira que vocês provavelmente podem apenas corrigir esta seção é apenas apenas desativá-lo, você sabe, porque esta seção bem aqui lembrar, os usuários que são móveis não pode ver vídeo. Então isso vai desativá-lo. Sabe, é muito bagunçado. E só estou a dizer, sabes que mais? Quero um site simples. Esse é o pequeno. Seu site está no celular melhor, porque as pessoas vão ter que rolar muito em seu telefone. Sabe, de uma área de trabalho, parece muito diferente, certo? Mas para um telefone, eles têm que continuar estudando. Escolaridade está crescendo que você sabe o que os sites muito longo é muito grande. Eu estou indo embora. Sabe, vou sair deste lado. É muito grande. O que está acontecendo aqui embaixo? Então temos esta seção bem aqui. Temos que trazer algo especial, e temos essas duas coisas bem aqui. Lembra mais cedo como tínhamos isso como pano de fundo? Nós adicionamos apenas um pequeno, hum, módulo para basicamente deixar as pessoas verem o celular de fundo. Então, sinto muito pelos desktops. Então esta seção aqui precisa de algum trabalho, certo? Nós temos esta seção e realmente não parece um agora. Um segundo. Eu quero falar sobre isso. Vocês provavelmente viram que vocês provavelmente não entendem. Foi esta seção aqui em Responsive, que é as colunas inversas. Então eu clico em sentido inverso, Calmed ali mesmo vai colocar esta foto em cima e esta foto em cima disso. Agora, por padrão, ele vem assim. E eu estou muito feliz que o construtor de páginas introduziu isso porque este era realmente um grande problema para um monte de outros construtores de páginas. Porque no celular, não importa o que você fizesse, seria assim. Tinha sido uma droga, sabe? Então, bem aqui, eu diria, sabe, eu me lembro. Eu sou um reverso estes. E aqui nós podemos realmente colocar algum texto e fazer um pouco maior. Então bem aqui, vamos ver, você quer adicionar um pouco, você sabe, nós podemos apenas fazer isso um pouco maior. Podemos ir e dizer, hum, você pode mudar a altura bem aqui. Então a altura, altura mínima, podemos aumentar a altura. Vês? Aqui, as casas são para a direção bem aqui. Queremos ir em frente e aumentar o tamanho do título. Então, de novo, vamos a isto. E o que é isso? Alguma margem, tipo 100. Lá vai você. Então podemos fazer assim ou de outra forma. boa maneira é que vocês podem reduzir a apenas se livrar desta seção completamente dizendo, você sabe o que? Não quero uma foto aqui. Então, em avançado, eu vou para responsivo e dizer, eu não quero isso em Eu não quero mostrar isso, mas isso é se você decidir ter a morte. Então, se você gosta disso, olhe , você sabe, fique à vontade para tê-lo. Se não, vocês podem apenas desativar, isso é e, em seguida, como resultado, você só tem esta seção e então, você sabe, talvez você poderia se livrar de sua. Isso realmente depende porque você vai ter que basicamente Vá até aqui e aumente a margem para fazer parecer um pouco decente, sabe? Então vocês podem fazer isso assim ou vocês podem ir em frente e desativar essa seção todos juntos. Tudo bem, está indo bem. Tudo parece muito bom. Tudo bem. Vamos nos lembrar. Essa seção foi desabilitada no celular, então não se preocupe com essa seção. Às vezes, essas seções, literalmente magras são muito difíceis. Teoh aparecer no celular, então é melhor só para se livrar. É porque é só que não é necessário. Sabe, não funciona, nem sequer toca. Nem sequer lhes toca o telemóvel ou o vídeo no telemóvel. Então, como você pode ver agora, essa seção agora essa seção de vídeo se foi. Portanto, esta é uma prévia perfeita do que seus clientes verão. Tão simples, fácil, perfeito. Parece muito bom, certo? Excepto o logótipo. Mas não se preocupe. Esse logotipo realmente encolhe quando você realmente entra nele. Não vai aparecer do mesmo tamanho. Então ele está fazendo isso porque esse é o logotipo do tamanho em nossa mídia. Ok, então vamos e vamos para outra página que vai para Dashboard e vamos em frente e ir para outra página. Vamos ver se você consegue encontrar algo realmente peludo muito, muito ruim que nós realmente precisamos trabalhar. Garanto que nesta página teremos que mudar alguma coisa, sabe? Então vamos para a cama com L um mentor. E eu olho para aqui e vou para o tablet. Agora, eu realmente não otimizo esta seção em tudo para tablets, mas olhando para ela. Oh, esta seção bem aqui. Então esta seção aqui , tem esse ar. Então, agrupar juntos como resultado, ou terá que remover esta seção inteira, ou teremos que torná-los muito, muito pequenos. Agora, meu conselho pessoal é apenas se livrar desta seção porque, honestamente, é para ele se juntar. Sabe, não vai funcionar para usuários móveis. Então aqui, vamos para a responsiva e escondemos isso bem ali. Ok, eu vou para o seguro. Tudo bem, isso continua caindo. Agora, esta seção aqui. Então, novamente, esta seção aqui não aparecerá em usuários móveis. Mas eu não tenho realmente boa estratégia que eu quero mostrar tudo o que eu realmente usei no passado para outro tutorial. Então, basicamente, , essa seção não funciona, certo? Digamos que você realmente quer essa seção. Então vá em frente e apenas duplique esta seção. Vamos ver como fazemos isso aqui. Tudo bem, então vou te dizer o que eu vou em frente e fazer o ir na área de trabalho. Agora, esta é uma estratégia muito legal. Então, aqui mesmo, eu vou em frente e duplicar isso. Tudo bem? Agora, esta secção aqui, vou para a frente fora do fundo, está bem? E eu meio que quero que vocês entendam a lógica por trás disso. Ok, então vamos apenas dizer, por exemplo, que este é um fundo de vídeo, ok? E isso não vai jogar. Então, aqui, eu vou dar a vocês. Ah, hum, eu vou fazer como este ano. Não é necessária experiência. Isto é móvel. E depois aqui mesmo. Mas isto é um computador. Certo, então o que vocês podem fazer é que se vocês tiverem um fundo de vídeo e não estiver funcionando , vocês podem desabilitar essa seção para o computador. E você pode desativar esta seção para usuários de tablets e dispositivos móveis. Está bem , deixa-me dar-te uma melhor compreensão. Ok, então aqui mesmo. Isto é para o computador. Isso é para o celular Agora, isso é ótimo para fundos de vídeo. Lembre-se, se este é um fundo de vídeo, que isso não aparecerá. Então você basicamente quer acomodar isso para usuários móveis, Então tente entender a lógica aqui. Sei que isto pode ser confuso, mas vou ter de vos mostrar de qualquer maneira porque quero ter a certeza de que se tiverem um website, está a funcionar correctamente. Então aqui, isto é para o computador. E então isso é para o celular. Então eu quero realmente desabilitar esta seção aqui para o computador. Oh, eu sinto muito. Esta seção aqui é avançada, responsiva, e eu quero ir em frente. E não, eu quero ficar com este aqui para o computador. Ok, então a lógica é, pessoal, esta seção não será mostrada em tablets ou usuários móveis. OK, então não vai mostrar agora para esta seção. Eu quero ir em frente e dizer, você sabe o que? Oh, a seção azul de novo. Desculpe, avançado, responsivo e ocultar na área de trabalho. Então a lógica aqui, pessoal, é que se você tem uma seção aqui que você quer mostrar no computador e, em seguida, uma no tablet basicamente, esta seção aqui vai jogar em computadores. Esta seção aqui vai jogar no celular. Mas as pessoas em computadores não verão isso. E as pessoas no celular não verão esta seção. E esta é a melhor ideia. Se você tem uma seção de fundo de vídeo, você precisará fazer outra seção para Ok, Então vamos ver se eu dou a vocês um exemplo do celular e eu vou descer. Vejo que diz que isto é móvel. Então você vê a outra parte onde o computador desapareceu. Então, basicamente, a parte com o computador se foi. Então esta é a melhor alternativa. Se você está tentando ter o plano de fundo, vamos em frente e corrigir essa seção bem ali. Isso parece muito feio, sabe? Não, eu só uso para o ah. Só mostrou como parecia em tablets. Vês? Bem aqui. O tablet parece OK, mas, hum, para o celular vai precisar mudar isso aqui mesmo do Mobile. Queria ter a certeza de que isto está escondido. Então, novamente, vocês se lembrarem se vocês fizerem isso maior assim, lembrem-se, esse é o pós-efeito. Então, bem aqui, aquela outra parte do computador tinha desaparecido. Está bem, mas se abrires isto vai aparecer, está bem? Então, certifique-se de não ser enganado que você está tipo, oh, oh, eu pensei que ele estava desativado, é desativado. Esta parte é esta capaz que eles não vão aparecer. Só esta parte vai. Então aqui, vamos centralizar isso e vamos em frente e fazer o tamanho do sexo maior. Isto é móvel. E lá vai você. Sabe, você pode mudar. Podemos mudar essas coisas, mas acho que está tudo bem. Sabe, acho que está tudo bem. Está acontecendo aqui embaixo. Estes estão todos bem. Conheça a equipe. Isto parece tudo bem. Agora, esta seção aqui, você pode não precisar de tudo isso. Você sabe, você pode não precisar de tudo isso, então você provavelmente pode apenas desativado. Você provavelmente pode apenas tabela esta seção. Sabe, eu não acho que ele realmente precisava, mas se você quiser ter isso, você pode ir em frente e provavelmente se livrar deles no no ah, nesta seção bem aqui. Agora, o problema com esses caras é que vocês não podem realmente excluir as fotos aqui . Então, como resultado, você vai ter que basicamente Bem, você sabe, você não pode. Desculpe. Então, para estas imagens aqui, vocês podem ir em frente e deixá-las todas. Então, digamos, por exemplo, que você só quer este, e você não precisa desses. Então, 12 e 3, você não precisa deles só vai clicar neste aqui. Avançar. E, novamente, responsivo. E depois esconde-te na altura do, uh, esconde-te no tablet e no telemóvel. Certo, entendemos isso. Desculpe, pessoal. Meio tarde. Então, se eu for lá ou algo assim, é tipo, são, tipo, quatro da manhã aqui. Então, novamente, responsivo para ir em frente e tirar esses fora. Mas é como minha agenda, sabe, sabe, minhas agendas realmente atrasadas. Desculpe. Aqui. Responsivo para ver habilidades. Certo, então vamos dar uma olhada no celular. Você é um dispositivo móvel. Tudo bem, agora você pode ver que as outras imagens sumiram, e nós temos essa aqui. E se nós rolarmos para cima aqui, você vê o que diz que isso é móvel e o outro parceiro diz que este computador desapareceu, então essa é uma idéia muito boa. Agora, esta seção aqui, você sabe, é meio que não funciona. Sabem, vocês podem ver isso no Mobile. Simplesmente não faz sentido, sabe, não faz nenhum sentido. Então talvez aqui possamos ir em frente e consertar essa parte. Talvez você possa realmente usar a opção inversa. Acho que eles têm aqui as colunas inversas que podem funcionar. Então agora essas seções em cima e esses ar em baixo. Mas você realmente precisa desta seção? Você realmente precisa dele aqui? Provavelmente não. Você sabe, você provavelmente não precisa desses contadores de números também, porque eu quero dizer, isso depende. Isso realmente depende do que você realmente quer que seus clientes vejam. Eu desativaria esses aqui. Então lembre-se de dizer, Bem, o módulo, clique neste aqui, avançado e novamente, responsivo. E livre-se desses. OK, mas se você quiser ir para a coluna inteira, você tem que clicar nesta seção aqui, avançado, responsivo, responsivo, e isso irá desativá-lo para essa seção. Que eles estão bem. Então, Então, isso é muito feio. Poof. Doof tem que imaginar. Alguém veio ao seu site e viu que vai gostar do quê? Você estava bêbado quando fez este site, você sabe. Então precisamos ter certeza de que isso é, você sabe, é totalmente otimizado. Então vai mudar o tamanho e lá vai você. Então isso parece um pouco melhor. Podemos fazer o peso. Oh não, do jeito que vamos mudar. 300 foi perfeito. E lá vai você. Isso é muito limpo. Isso é muito limpo sobre nós página No Abouts e, em seguida, bla bala. Está bem, está a cair. Qualquer outra coisa número. Esta seção não aparecerá, então ignore isso. que Esperoquemudem isso. Eu realmente quero, você sabe, porque é realmente irritante porque se eu realmente ver, é, ele desaparece. Mas se eu abrir essa parte, ela aparece de novo. Você sabe, eles deveriam ter, tipo, ótimo, você sabe, certo, ótimo. Também certifique-se de escrever elemental Hey, pessoal, você sabe, certifique-se de ralar para fora. Então, quando você está fazendo otimização móvel, você pode não saber melhor. E pessoal, isso é tão importante porque o Google acabou de lançar uma enorme atualização e agora eles classificam sites com base em quão bem seu site é otimizado para dispositivos móveis. Portanto, é extremamente importante porque se você decidir fazer o site e você não otimizá-lo para caras móveis. Você vai. Seu site só não vai olhar como porcaria. Mas também não será encontrado. Então esta seção dos caras da Torah é muito, muito importante. Não ignore nenhuma otimização. Muitas pessoas fazem. Muitas, muitas pessoas fazem, e isso pode destruir seus sites. Realmente pode, porque, você sabe, sites são classificados com base em sua, hum, sua otimização. Então, ele vai ver a página. Então isso foi bem simples, pessoal. Sabe, parece muito, muito bom agora. E vocês voltem. Nada foi mudado. Sabe, nada mudou no computador. Então, foi em Lee para os usuários móveis e os usuários de tablet também. Ok, então espero que esta seção tenha sido muito útil. Pessoal novamente, Você sabe, você sempre quer ter certeza é otimizado para celular. É muito importante, sabe. Vá para todas as páginas. Vá para o seu posto de bloqueio, vá para qualquer lugar com o seu telefone. Você abre seu telefone agora e vai ao site e diz: “ Isso parece bom? Você sabe? Isto é aceitável? As pessoas gostarão e você tem, sabe, algum julgamento decente para que possa tomar essas próprias decisões. Ok, vamos em frente e vamos para a última seção. Vamos falar sobre a página Fale conosco e falaremos sobre pensamentos de encerramento e vídeos futuros. 18. FORMULÁRIO de contato parte 18: vamos agora criar nossa página de contato nos EUA e a grande parte sobre esta página de contato. Vai ser lindo. Vai ser incrível. E todos os e-mails vão direto para sua caixa de entrada, e eu vou realmente mostrar-lhe enquanto prova que é quando alguém envia uma mensagem. Ele irá diretamente para sua caixa de entrada. Ok, então vamos em frente agora e criar a mesma página de contato conosco, o SNC. Há um vídeo de fundo tocando. É uma página criativa muito elegante, e eu acho que seus visitantes vão 11. Ok, então vamos em frente agora e criá-lo. Então eu olho para aqui e ir para Plus fazer e ir para Página e nós estamos indo para criar esta página Fale conosco aqui, entre em contato conosco Página e novamente aqui para os layouts de conteúdo. Verifique se você tem as mesmas configurações exatas. Por isso, margens predefinidas. Cabeçalho desativado habilitou o menu um e no título desativado. E aí vai você. Tudo bem. Então vá em frente e publique estes entre em contato conosco página escrever e editar com L.A mentor, e vocês podem realmente ir para como YouTube em muitos vídeos. E não se preocupem, vou mostrar para vocês que podem ter muitos desses, como, vídeos bonitos como este, onde eles apenas tocam. E a grande parte é que o áudio não será reproduzido em segundo plano. Então isso é uma grande vantagem, porque isso é realmente irritante. Você sabe, quando você vai a um site e como, você sabe, música começa a tocar como você já esteve na CNN ou algo assim onde eles começam a tocar esses anúncios e você está procurando por isso tentando para fechá-lo. Você não pode encontrar isso na idéia. É como se vocês fossem tão irritantes, sabe, está tudo bem. Então, de qualquer forma, por isso aqui. Quero dizer, fazer a direção, e eu vou fazer algo como nos contatar e responder que o estilo deles faz abrir esta topografia branca , Sands. Agora temos que ter o fundo bem aqui para vê-lo. Sabe, não podemos ver o que está acontecendo aqui. Então, novamente, esta seção esticou a seção cheia de estilo, indo cozinhar, imagem clássica para adicionar um fundo, e eu vou em frente e selecionar, uh, basta selecionar qualquer um. Este aqui. Está bem. E então ouvimos o tamanho. Estou a fazer cobertura, está bem? Ou podemos fazer qualquer está contido. - Não. - Sim. Cobertura cobre a direita. - Sim. Tudo bem. Então, aqui mesmo. Eu quero ir e adicionar um pouco. Você tinha um pouco de estofamento, sabe? Então aqui, eu gostaria de ter uns 100? Alguns. Como se isso estivesse bem aqui. Vou em frente e fazer isso um pouco maior. Então tamanho Lovett maior, entre em contato conosco. E então eu acho que o que realmente funciona é o 300 no espaçamento entre linhas. Sabe, parece que parece profissional. Eu sei que parece muito bom assim. Então eu recomendo fazer isso assim. Agora, o excesso que vamos fazer é esta seção bem aqui. Então a base que fez o contato conosco, e nós vamos em frente, fazer esta seção bem aqui. Então, basicamente, o que eu fiz foi fazer uma linha de uma coluna, e eu meio que destruí o estofamento aqui, e eu introduzi um fundo de vídeo na parte de trás. Então vamos fazer isso. Está bem aqui. Uma seção e aqui eu faria algo como, uh, tipo, tipo, não seja tímido. Não seja tímido. Contacte isto, mas aquilo no centro. Tudo bem, então está no centro agora. Eu estou um clique sobre isso aqui e ir para esticar uma seção, e eu quero ir e fazer este tolo com. Agora eu quero entrar. Isso é e dando um tapinha para isso eu vou adicionar um pouco de preenchimento de certifique-se de desvincular isso aqui, então só quer 200 para a direita e depois 200 para a esquerda. Certo, vou explicar por que faço isso daqui a pouco. Também aqui para isso. Estes, você sabe, esta seção aqui, o título real. Eu quero ir em frente e adicionar um pouco de estofamento para um pouco de tudo, você sabe, porque tudo um pouco perto demais. Então nós vamos entrar em 10 10 10 e isso basicamente apenas tipo de tipo de dar espaço em torno de tudo. E então nesta seção aqui, eu quero ir em frente e ir para a seção avançada bem aqui. E eu realmente quero ir em frente e adicionar um pouco de preenchimento e margem. Então, eu tenho um duplo clique em ambos, e eu vou colocar 40. E o que vai colocar 40 aqui? e também para o estofamento eu vou fazer 40 40 e então também a esquerda vai fazer alguma coisa. 40. Então, basicamente, agora vocês podem ver que o que eu fiz é que eu estou basicamente colocando espaço por aqui, aqui, então é basicamente para onde o vídeo vai ser. OK, então o que vocês têm uma visão melhor do que vocês vão entender. Então vamos em frente e continuar projetando esta pequena seção. Então meu vá em frente e coloque isso preto e, você sabe, vamos ser que ela usou a nova sombra de texto. Sabe, acho que isso acabou de sair. Então é muito legal que esses caras tenham apresentado isso, especialmente. Você tem, tipo, um esquema de duas cores. Sabem, vocês podem ser todos criativos. Vocês podem fazer o borrão não sair muito bem, causar problemas às luzes. Você pode ver o golpe bem ali. Não sai muito bem em fundos brancos, mas como na minha página inicial é incrível, sabe? Então isso é voltar ao básico, você sabe, areias abertas, areias abertas, e então eu sou um ir em frente, aumentar o tamanho aqui como os 300 Eu gosto da transformação de maiúsculas como isso é ok, Então. Aqui vamos em frente e adicionamos um divisor. Vocês vão ser como, sim, divisor, divisor, Darryl, como se vocês entendessem. Nós amamos isso, sabe? Mas as divisórias. Caras incríveis. Ele realmente só adiciona um monte de tribunal para seus sites. Parece muito legal. - Preto. E agora bem aqui. Indo respondido. Um módulo de texto. Eu acho que você quer chamá-los de widgets ou módulos? Eu realmente não sei. Estão todos lá fora, sabe. Depende muito, sabe? Depende do seu passado, sabe? Então, esta seção aqui, pessoal, pessoal, podemos usar o formulário de contato profissional. E se você tiver o formulário de contato profissional, vai parecer algo assim aqui. Então, vou dar um exemplo. Agora, na verdade, vou mostrar-te. Ah, versão gratuita. Portanto, não se preocupem se vocês não entendem como usar a versão pro, mas com o recurso pro, você obtém, você obtém o formulário de contato. Então, como, bem aqui, você pode ver nos elementos pro. Isso é ah, formulário de contato vai estar bem ali. Então, formem. Então, por exemplo, se eu apagar isso aqui. E então eu pego o, um onde ele está? Os formulários arrastam-no. Você pode ter um formulário de contato. Lá vai ele como se fosse e vocês viessem talvez passassem por tudo isso e projetassem. É que você pode fazer como ação real após botões. Há todos os tipos de cenários muito legais e os profissionais que vocês podem fazer, como a lacuna de estrada. Você pode mudar como o espaçamento. Há um monte de coisas que vocês podem mudar nos recursos profissionais. Então, se vocês foram interessantes, a versão pro, eu recomendo para obtê-lo porque você pode decorar tudo isso e você pode continuar adicionando coisas novas, como, você sabe, certo aqui você quer ter, como, um número de telefone ou você quer adicionar como um endereço. Você pode ir em frente e responder bem ali e então dizer, tipo, tipo, você sabe, isso vai ser fraquejar mudanças para tipo, um endereço ou algo assim ou o que você quiser. Então você pode ver que há um novo bar de ah bem aqui. Tudo bem, isso é com a versão pro. Agora eu vou realmente mostrar-lhe a versão gratuita também. Mas antes de fazer isso, vamos ao YouTube. Vamos para o YouTube e fazer algo como, hum, quatro mil com vento. Então eu faço 4K com ventos, andorinhas ou algo assim. Vocês poderiam fazer um cenário de 4K só para Kate, e vocês terão um monte desses vídeos. Há toneladas deles lá fora, então vá em frente e pegue um, e eu vou pegar esse, sabe, esse aqui? Vá em frente e copie isso. Eu estou aqui. Agora, vou clicar nesta seção aqui, que é a seção de edição. Vá para o estilo e vá para o fundo do vídeo e simplesmente vá em frente e pague estatísticas ali mesmo. E eu posso não aparecer imediatamente, mas vocês conseguem, vocês sabem, o vocês sabem, ponto geral uma ideia. Então eu não quero basicamente aparecer aqui. Quer dizer, sinto muito. Eu não quero que esta seção seja como escondida. Então, nesta seção aqui, precisamos adicionar um fundo branco, você sabe, adicionando um fundo branco, ele realmente nos dará a aparência de ter um formulário de contato que não faz parte do plano de fundo. então vocês podem ver agora diz que eu fora do fundo branco nesta coluna específica. Agora temos este formulário de contato muito legal e elegante e caras que eu luto para. A modelo é ... Sinto muito. Um dos modelos é o modernismo em todos os meus tutoriais. Sabe, que serve um site? Se não é bonito e criativo, qualquer um pode fazer um site feio. Mas caras ter um site bonito é o que faz as pessoas ficarem. E por em seu site, não importa o que você mesmo poderia estar dando carros gratuitos em seu site. Mas se parece meio que me engana e parece meio sombrio, mas não gosto que este tipo decida feio, vou-me embora. Você sabe, isso é realmente o que é. Então lembre-se que o site é uma representação de você. Então vamos em frente agora e salvar isso. E se vocês escolherem ter a versão de contato pro, eu recomendo que o link não é uma descrição. Vocês podem ir em frente e comprá-lo. É quase uma loucura não conseguir, porque é como 50 dólares por todo o ano. Mas eu só ganharia o ilimitado por $200 para o ano inteiro, porque eu quero dizer, quanto dinheiro você gastou em, tipo, você sabe, cerveja ou tipo, comida de lixo, Ou tipo, café Starbucks. Sabe, você provavelmente gastou, tipo, você sabe, $2030 por dia em nada que você realmente precisa, certo? Então, uh, você sabe, ter algo que é um investimento é realmente muito melhor. Então vamos para o painel aqui, e vamos para plugins e ir para adicionar novo. Agora, esta é a alternativa livre. Então vamos digitar formas ninja. Inter formulário é realmente muito bom contato para, você sabe, eu usei um monte de usado para recomendar formulário de contato sete, mas eu tenho que ser honesto. Eu não sei o que vai acontecer com eles como eles apenas destruíram sua própria tomada como eu costumava recomendar. Eu mesmo adorei e eu e meus desenvolvedores estávamos tipo, “ Ei, mano, como se a conduta não estivesse funcionando. E eu: “ O que há de errado com isso agora? Como sempre um problema, sabe? Então eu recomendo inter formulários agora, então há um formas de perigo. E se vocês notarem no lado esquerdo bem aqui, vocês verão formas ninja. Então eu fui até aqui para o painel, e você pode basicamente criar seu próprio formulário. Então aqui, eles te dão um básico, hum, eles basicamente já te dão um formulário. Então aqui você tem mensagem de e-mail nome e, em seguida, envia. Agora, estes Asterix vermelhos significam que estes são necessários. Agora, digamos que você quer ir em frente e adicionar algo no clique no pequeno símbolo mais, e você pode basicamente arrastar e soltar qualquer coisa que quiser. Então você quer uma cidade com o primeiro nome? É só arrastá-lo para lá. Você quer os produtos que você quer a quantidade. Você simplesmente iria em frente e arrastar e soltar tudo aqui. Agora este construtor de página Sinto muito, este formulário de contato, ele poderia fazer muito. Pessoal , pode fazer muito, então não quero passar muito tempo falando sobre isso. Terei um tutorial sobre mais formulários de contato, mas vocês provavelmente já podem entender que é apenas uma coisa de dragão. Então eu realmente não quero entrar muito nisso porque, você sabe, vocês já são pessoas inteligentes. Se você chegou até aqui, então eu vou em frente e voltar. Então, quando sairmos e fecharmos isto aqui, e eu só preciso de um código curto, então este aqui é o casaco curto. Ok, então código curto. Então vamos em frente agora e vamos para o nosso primeiro. Na verdade, vamos mudar o endereço de e-mail que temos no arquivo. Então, o endereço de e-mail que isso vai para nós precisamos realmente corrigir isso. Então, queremos ter certeza de que está nos direitos. Vai para o e-mail correto. Então, precisamos ir para um WordPress nossa seção de usuário, e mudar isso. Vamos descer para nossas configurações e ir para geral e novamente certificar-se de que este e-mail é o que ele vai, também. Então eu vou ir em frente, colocá-lo para este aqui, e basicamente as formas ninja corresponderão a ele. E enviará e-mails baseados em tudo o que você tem aqui. Ok, então lembre-se que isso aqui é o que você precisa. Ok, então vamos em frente e voltar para a nossa página quando formos para todas as páginas e eu vou para a página de contato e vamos para ver. Tudo bem. E agora vocês vão ver que o vídeo vai provar? Lindo. Isso é lindo. Tenho que ser honesta. Agora, esta parte superior provavelmente não é boa aparência. Então você pode querer encontrar uma boa imagem? Não, porque estes são apenas para dois propósitos. Então, não construa exatamente o mesmo site. Imagens usuais vão para e splash dot com e tudo mais. Então eu vou entrar e inserir isso. Então, aqui mesmo, pegue este título, nós vamos colocá-lo bem ali. Eu quero liderar essas coisas. Vá em frente e cole isso e vá para o centro de linha. Agora eu vou salvar, tudo bem, tudo bem, e eu vou em frente e ir para ver a página e voilà. Temos um belo formulário de contato com este belo tipo de vídeo. Apenas meio que apenas entra, certo? Tipo, isso parece incrível, certo? Esse é um belo formulário de contato. Então aqui vamos nós, como Darrell Wilson, e depois, uh, e-mail. Eu só vou fazer como, capaz ponto com. E isso seria como, como você não, isso pode vir esta cor porque essa é a cor que usamos. Agora você pode mudá-lo no preto ou você pode mudar o itálico. Mas não posso garantir que isso mude a corrente lutada e tudo porque nunca tentei isso. Então eu realmente não sei se isso vai funcionar. Eu não sei se eles são muito de Paige Miller vai realmente mudar as fontes para outro plug in. Isso seria realmente muito legal. Isso seria incrível. Então vocês podem ver bem aqui. Hum, você sabe, e também a pessoa que enviou o e-mail vai receber uma confirmação para o seu. Ok, então, uh, eles meio que são notificados, e você também é notificado. Então vamos em frente agora e verificar o meu e-mail. Então eu estou clicando no meu e-mail e voilá. Então você vê aqui novas mensagens de Darrell Wilson. Howdy. E isso é do meu site bem aqui. Está bem. Então lembre-se, se também às vezes em casos raros, ele irá para spam. Se ele for para spam, entre em contato com sua empresa de hospedagem e descubra por que muitas vezes é porque quando as pessoas enviam esses formulários de contato, eles podem simplesmente enviar algo muito rápido. Você sabe, eles podem acabar como uma mensagem e o plug e reconhecê-lo como spam. Então meu tempo acabou, como Darrell. E então, você sabe, às vezes quando as mensagens foram muito rápidas e como se fosse algo assim, às vezes em casos raros, ele vai para spam. Então, se isso acontecer novamente, certifique-se de verificar sua palestra para escrever empresas de hospedagem. O que, você vai consertar isso? Mas muito disso provavelmente tem a ver com a tomada. Vamos verificar. E sim pode ver agora ele não aparece porque ele só veio de um e-mail realmente bizarro e, você sabe, ver apareceu seu fã para este porque quem escreveu para mim. Ela é como, Oh, você sabe, ninguém faz isso. Então, se você conseguir um resultado como se fôssemos urina contra Bam, ele deveria ter verificado. OK, pessoal. Então este é o fim da página Contact US. Muito fácil, muito auto-explicativo. Novamente, recomendo obter a seção profissional real, você sabe, na verdade, muito, muito rapidamente. Vamos lá. Estamos indo em uma missão agora. Vamos descobrir se isso vai realmente levar a cor e o forint. Vamos descobrir isso. Sabe, eu não quero deixar isso. Eu sou um perfeito. É meio engraçado. Como se eu estivesse fazendo aquele tutorial como fazer isso. E eu: “ Como fizemos isso? Mas eu nunca tentei isso. Eu nunca vi. Se não importa, construtor de página pode realmente atingir as fontes para outra página ou para outro plug in, vamos descobrir agora. Então eu fiz isso e vamos torná-lo mais magro. Está ficando um pouco mais magro para descobrir. Lá vamos nós. Agora vamos descobrir. Ou pode mudar a cor do momento da verdade. Vamos descobrir. E isso não acontece. Então só muda o cara da cor. Então, se você quiser que as mudanças de cor, mude a cor, mas não vai mudar a fonte. Tudo o resto, bem, mas ainda é um formulário de contato incrível. Muito bonita, muito profissional. Ok, então é sobre isso para esta seção de contato. Vamos em frente e ir para a próxima seção 19. Parte 19 e importando e de exportação: Ei, pessoal. Por isso, nesta pequena secção, vou mostrar-vos como podem exportar. Layout como você pode importar Layout como você pode salvar seções de pesquisa e você pode colocá-los em duas partes diferentes do seu site. Talvez você queira manter seu site semelhante e você queira salvar algum trabalho e exportá-lo para uma página diferente. Vou te mostrar como fazer tudo isso agora, então vou começar adicionando modelos. Agora, estes são todos modelos que vêm com L.A mentor. Agora existem alguns profissionais, e você terá que obter a versão pro Teoh receber esses. Agora, o link para a versão pro também está na descrição. Mas eu vou seguir em frente e clicar nesta firma de advocacia bem aqui como uma página inicial. Agora, aqui, vou mudar este título para Darrell Wilson, Darrell Wilson Dot com. Agora há alguns outros recursos sobre os quais quero falar, então digamos, por exemplo, que você queira apenas esta seção aqui. Você só quer essa grande seção aqui. Então, a fim de fazer isso tudo precisa fazer é clicar neste ícone salvar aqui e colocar algo como a seção de imagem do cabeçalho e ir para o seguro. Agora você pode ir em frente e exportar isso para outros sites. Você pode colocá-lo em uma parte diferente de outra parte do seu site ou o que quer que seja. Agora, digamos que você queira ir em frente e dizer toda a sua página. Então eu mostrei a vocês como salvar seções aqui. Agora, vou mostrar-te como podes salvar a página inteira. Bem aqui, no canto inferior esquerdo, você vê esta pequena pasta aqui? Clique sobre isso e vá para salvar Template. Vou colocar a página de Direito do Darrell Wilson e não clicar em segurança. Ok, então eu tenho esses dois segundos bem aqui. Agora, aqui mesmo. Você vê o nosso ditado, exportação. Agora vamos dizer que você quer ir em frente e pegar essa mesma página exata e exportá-la para talvez um site diferente. Então aqui e clique em exportações e clique em deixar. E agora você pode ver isso aqui no canto inferior esquerdo. Tenho um arquivo do Jason. Ok, então basicamente todas as coisas que eu coloquei estão nesse arquivo bem aqui. Então não vá em frente e mostre a todos como você pode carregá-lo em diferentes sites ou o que quer que seja. Além disso, olha, nós temos a seção de imagem de cabeçalho, que é a seção superior. Eu tenho a página inteira e então eu realmente tenho um layout. Então eu tenho três modelos diferentes aqui, e eu vou mostrar a vocês como você pode colocá-lo em diferentes partes do seu site. Então ele vai fazer uma nova página, então isso é Vá em frente, faça uma página totalmente nova. Então aqui vamos nós ao meu painel. Eu não vou dizer isso agora ir para mais novo e ir para Page. Então aqui mesmo nos layouts do fazer e eu ir em frente e definir esta seção aqui, então 100% completo com o padrão desabilitado novamente. Você tem que me seguir até aqui. Eu só estou basicamente mostrando a todos como você pode exportar e importar layouts. Então aqui, clique em editar com L.A mentor. Então eu vou primeiro mostrar a todos como você pode usar os que salvamos na biblioteca e eu vou mostrar a vocês todo este canto inferior esquerdo bem aqui sobre como você pode realmente importar isso para outro domínio de site ou partes diferentes do seu site. Então, aqui, clique em um modelo. Agora estamos aqui sob meus modelos. Você vai ver seção de imagem cabeçalho inserir e voila! Agora temos Darrell Wilson Dot com. Você adivinha e vê que só levou a parte do cabeçalho bem ali. Então não há razão para você querer fazer todo o trabalho duro de novo. Então esse é um atalho muito bom caminho a percorrer. Então, vou cancelar isso. E agora eu vou ir em frente e sair de modelos, meus modelos e clique em Darrell Wilson Law Page e clique em Inserir. Então agora você vê Joe Wilson Dot com e, em vez disso, traz os caras da página inteira, então você não precisa sentar lá e, você sabe, projetar todos os sites novamente do zero. Você pode ir em frente e usar o sistema de layout, o que é incrível. Quero dizer, é tão incrível quão rápido você pode fazer sites e como é fácil. Agora ele vai falar sobre este aqui mesmo no que exportamos escreve. Talvez você queira pegar isso e colocá-lo em um domínio diferente ou você quer colocar em um site diferente , certo? Você pode tipo de, como, fazer sites pré-fabricados. E, na verdade, as empresas realmente têm estruturas de negócios em tempo integral onde eles apenas fazem layouts e os vendem para desenvolvedores. E essas pessoas as usam em sites de clientes. Então clique no raio X aqui e vá para o painel. Agora, aqui sob Elemental. Ou vá para a minha biblioteca agora mesmo aqui na parte superior, vá para importar modelos. Em seguida, clique em navegar aqui. E tudo o que você precisa fazer é encontrar o modelo. Então era o arquivo Dot Jason. Então, vou atracar o Jason. E aí está. Então acho que foi este. É um dos dois. Acho que é só jogar. Este aqui está? Tão bom. Abra e vá para importar agora E Walla Agora temos a página aqui para que você possa ver publicado aqui. Estes outros são como duplicatas uma vez que eu fiz, então ele mostra toda a sua biblioteca. Mas estes têm os mesmos títulos porque isso é basicamente o que importamos e exportamos em nosso site. Ok, então este é o que temos aqui. Agora, novamente, você pode exportá-lo. Você pode fazer o que quiser, você pode. E com elementar ou assim tudo o que precisa fazer é ir em frente. Fazendo uma página. E Daryl não era lei página aqui foi feita um minuto atrás, então você pode ir em frente e importar isso. Então aqui, páginas da New LA Page. E então, novamente, ele vai mudar algumas dessas seções bem aqui. Então 100% cheio com padrões, cabeçalho, blá, blá, blá. Toda essa bobagem. Mesmas coisas, certo? Publicado e com L.A mentor. Estavam aqui fora de modelos. Se eu for para os meus modelos aqui, você pode ver que eu tenho que fazer. Então este é o correto aqui. Esta é a mais recente. E se eu for inserir, ele vai aparecer aqui mesmo no meu site. Voilá. Então lembre-se, é assim que você pode exportá-lo aqui e então você iria importá-lo para a biblioteca em outro domínio que tem l. Um mentor. E então você pode ir em frente e apenas usar isso em qualquer domínio ou qualquer outro site. Ok, então isso é basicamente uma rápida análise dos modelos. É incrível o que esta página vai Ercan fazer isso. Ele economiza muito tempo, e eu recomendo para obter a versão pro, porque então você pode tirar proveito de todas as suas demissões pré-feitas que eles criaram. Certo, então é só isso. Caras para esta seção, com os layouts pré-fabricados e todo o resto vai ter certeza de verificar, anunciar e lembrar, pessoal, é tudo sobre trabalhar, não trabalhar mais duro trabalhando de forma mais inteligente. 20. Parte 20: Tudo bem, pessoal. Bem, parabéns. Vocês chegaram ao final deste tutorial. Quero ir e dizer parabéns. Vocês aprenderam uma habilidade incrivelmente valiosa que é tendência e nunca vai ficar um pouco, você sabe. Agora eu quero realmente dar a vocês mais recursos é e coisas diferentes que vocês podem usar para promover sua carreira ou conhecimento com WordPress e fazer sites. Agora, meu pessoal do canal do YouTube fornece um monte de informações gratuitas e valiosas como você quer usar, você sabe, programas de associação que você quer vender online ou você quer vender no Facebook. Você quer aprender marketing no Facebook? Eu forneço todos esses cursos gratuitos no meu canal do YouTube, por exemplo. Bem aqui. Eu rever algumas empresas de hospedagem web aqui e falar sobre qualquer site de comércio e aqui, falar sobre um site imobiliário com WordPress. Então eu falo sobre tudo, pessoal. Então, se vocês têm perguntas, nós vamos fazer coisas também como, você sabe como fazer um fórum. Como é que o email marketing como o melhor que você sabe, livre e comércio WordPress temas ou o tema da TV ou tudo isso? Comércio, pessoal, todo o recurso é nosso aqui, então não se esqueçam de verificar o meu canal. Há muito conhecimento que vocês podem obter com isso porque eu revisto tudo vocês sabem, YouTube, publicidade, publicidade, Google analytics, qualquer coisa que vocês possam pensar. Falo sobre o meu canal. Então eu sou um grande promotor WordPress. Eu gosto de promover todas as coisas com WordPress porque é incrível. É o maior avanço tecnológico que provavelmente já tivemos na história. Então eu quero ir em frente e compartilhar vocês com todos esses vídeos. Certifique-se de que vocês podem continuar suas habilidades aprendidas CEO s, aprender Web design. Seja o que for que queiras aprender, devias ver o meu canal. Também não se esqueça de verificar o meu site aqui mesmo. Vá para a minha loira. Eu também tenho alguns postes de bloco. Vocês também podem subscrever o meu boletim informativo. Eu dou um monte de coisas grátis, como plugins. Eu dei um monte de layouts, um monte de coisas realmente legais, para ter certeza de verificar o meu bloco e também por você para ser cursos, pessoal. Então este curso realmente será ensinado em você para mim também. E outra vez. Quero que saibam que meus caras honestos, meu conteúdo é muito. É de alta qualidade. Você sabe, todas as minhas aulas aqui são 4.5 estrelas ou melhor, porque eu quero ser muito minucioso. Quero saber que não quero que as pessoas vejam os meus vídeos e sintam que não aprenderam nada, porque eu estava lá onde assisti vídeos e Você sabe, eu assisti esse vídeo, mas aprendi qualquer coisa. Sabe, há muita gente lá fora que faz isso, e não sou eu. Isso não é quem eu sou. Quero ajudar os meus telespectadores. Quero ajudar-vos a ter sucesso nas vossas carreiras ou o que quer que estejam a tentar aprender. Além disso, minha página do Facebook Sinta-se livre para ir para a minha página do Facebook. Rapazes vão em frente e tipo, vai me dar um comentário avaliado para me dizer o que vocês pensaram sobre isso. Porque você sabe o seu feedback. Isso realmente me ajuda. Porque eles pagam milhões de dólares por feedback e eu estou pedindo que vocês forneçam de graça. Então, novamente você adivinhar e ir para a minha página do Facebook. Envie-me uma mensagem e eu tento receber todas as minhas mensagens. Eu posso, mas , sabe, é muito difícil chegar a todas as mensagens. Você sabe, eu recebo, tipo, 5200 e-mails por dia e apenas respondendo a tudo isso é que é muito. É muito para, uh é muito para fazer isso, você sabe, realmente é. Veio ver o meu canal? Pessoal, não se esqueçam de conferir meus cursos do YouTube. Eu também sou uma parte de habilidades e vá em frente e me veja no Facebook com um cara. Então parabéns por seus sites. Realmente? Se você chegou tão longe sozinho na parte de trás, a maioria das pessoas não teria muita gente não quer investir tempo para aprender um roubo tão valioso isso me deixa louco e tipo, cara, estou te ensinando como elogios para começar seu próprio negócio em questão de três horas, mas sim sentar-se lá e passar horas em fóruns ou algo assim, tentando aprender algo que você pode ser ensinado aqui de graça. Ok, então novamente, pessoal, parabéns por seus sites. Certifique-se de subscrever o meu canal no YouTube e verei todos vocês no próximo tutorial.