O guia prático sobre como criar um site Wordpress com o Divi

1. Parte 1: Uma pequena introdução ao Pim, Wordpress e Divi: Olá, bem-vindo ao discurso sobre a maneira fácil de criar um site WordPress para sua empresa Hoje, não vou apresentar, mas apresentarei um convidado muito especial que lhe contará tudo sobre, sim, o que é o WordPress, por que você precisará de um site e todas as ferramentas necessárias para criar você mesmo um incrível site WordPress, da maneira mais fácil. E esse convidado é muito especial. Ele é muito bom amigo meu. Na verdade, ele é um ex-snowboarder profissional. Ele fez isso por oito anos, mas agora mudou completamente e é um especialista absoluto em como você cria sites WordPress com DV Ele mesmo construiu mais de 150 sites já tem uma agência de sucesso, trabalhou em muitas outras agências e publicou seu primeiro site antes mesmo de o WordPress existir. Ele já trabalha nisso há 20 anos. Esse cara sabe suas coisas. Estou muito feliz em apresentá-lo. P. Aqui está ele. Oi, Mark. E aí? Oi. Então, P, ouvindo você, o que abordaremos neste curso. Bem, basicamente, o que vou ensinar a vocês é por que você precisa de um site em primeiro lugar como empreendedor ou freelancer. Se você precisa de um site, quais são as opções? Qual é a melhor forma de criar um site? Todas as ferramentas e truques de que você precisa para colocar seu site em funcionamento, criá-lo você mesmo e gerar seu próprio sucesso. Parece incrível. Bem, vamos abordar isso rapidamente. Quer dizer, eu vou estar fora do curso por enquanto. Mas, pegue o caminho, cara. Vamos embora. 2. Por que um (novo)?: Tudo bem, então por que você quer ter um site? Um site pode lhe dar muitas coisas. Ele pode lhe dar um selo que pode lhe dar leads. Você pode ensinar pessoas, você pode inspirar pessoas. Em todos os casos, é uma forma de alcançar as pessoas. Acredito que se você não tem um site, seu negócio não existe. Portanto, não importa se você está começando empreendedor, dono de uma pequena empresa ou tem uma empresa de médio porte ou o que quer que seja. Acredito que você precisará um site ou pelo menos ele pode ajudá-lo a alcançar seus objetivos. Mas vamos falar um pouco antes de começarmos a construir as coisas. Que tipo de sites existem e qual é o ajuste certo para você e para seu negócio onde, se seus objetivos, qual é o site que você precisa criar? O tipo de sites que estão por aí é que você tem, claro, comércio eletrônico onde você pode vender produtos ou produtos de outras pessoas. Seus cursos online lá fora, portfólios online. Os sites sobre os quais falaremos principalmente são sites que são mais parecidos portfólios on-line, como seu guarda de negócios on-line, onde você pode mostrar a outras pessoas seu acompanhamento ou superfícies. E, basicamente, as pessoas podem conhecer que você entra na empresa e vêem você. O que você realizou para outras pessoas, o que você pode realizar por elas, por que elas precisam de você. Mas também uma boa maneira de gerar leads ou talvez fechar alguns negócios ou vender algumas superfícies. Então, há muitas coisas que você pode fazer. Vou mostrar a vocês todas as coisas mais importantes sobre isso. Explique exatamente como você pode fazer isso. Antes de fazermos isso. Quero convidar seu desafio para você pensar sobre o que eu quero tirar deste site? Então, para que eu preciso disso? Algumas pessoas podem ser realmente necessárias para obter mais vendas. E algumas pessoas são mais como uma coisa híbrida em que você está fechando o deuce of line conversando com as pessoas e ganhando, ganhando peso morto aos seus clientes. Mas depois de conversar com seus clientes, eles querem ver em seu site como conformação e também ganhar alguma confiança sobre sua história que você compartilhou com eles. Para ver como, ok, o que é exatamente que você realizou ou o que é exatamente que você está oferecendo? E eles querem mergulhar nisso um pouco mais e se envolver com você e sua marca. Provavelmente será mais da última parte. Vamos falar um pouco sobre todas essas outras coisas com comércio eletrônico para lhe enviar um pouco na direção se você quiser ir lá. Mas a base do seu site será um portfólio online para o seu negócio. E vou te mostrar exatamente como você pode fazer isso. 3. Quem você vai criar seu site?: Tudo bem. Agora você sabe, você realmente precisa de um site. Mas você sabe também quem você vai construir este site para ele? Na minha opinião, é muito importante criar sempre um site para seu público-alvo, para seu cliente. Claro, no site será sobre você, sua empresa e suas superfícies. Mas você realmente vai criá-lo para fora das pessoas. Então, as pessoas realmente ressoam com isso. Há uma grande chance de você já ter uma pequena empresa ou empresa de médio porte. Talvez você esteja apenas começando. Para o propósito deste vídeo, decidimos que vamos mostrar um exemplo da vida real para uma agência de mídia social. E digamos que o público-alvo seja donos de pequenas empresas. Eles querem gerar mais negócios por meio de mídias sociais ou ter mais conhecimento da marca ou outros objetivos que possam alcançar. Para o propósito deste curso, o site será sobre a agência de mídia social. Você poderia preencher o espaço em branco para qualquer xerife sua empresa, você tem quatro. E implica isso para sua própria empresa. 4. Comparando criadores de sites: por que o Wordpress?: Vamos falar um pouco sobre qual dose usar para o seu novo site. Eu adoro sites do WordPress, mas tentei quase todas as ferramentas por aí porque especialmente em descobrir o que funciona e por quê. Então deixe-me dizer-lhe tudo o bem, o mau ou o feio. Existem muitas soluções. Lá. Foram alguns prós e alguns contras e gostaria de ir com eles para você. Mas primeiro, alguns dados de todos os sites que estão por aí no mundo. O que são muitos, é claro, sujos 7% de todos os sites por aí, nosso próprio WordPress, ainda mais, 60% de todos os sistemas CMS, existem sistemas de gerenciamento de conteúdo que são basicamente sites que você pode gerenciar o conteúdo sem adicionar nenhum código. Portanto, há uma interface, há alguma área onde você pode preencher um dy dt ou fazer upload de uma foto sem codificação, eles realmente site que é chamado de sistema CMS. 60% de todos os sistemas CMS são usados pelo WordPress. Então, por que isso? Bem, o WordPress é um sistema de código aberto. O que basicamente é a maior vantagem e desvantagem ao mesmo tempo, porque o código aberto significa que todos podem trabalhar nisso. Todos podem criar um tema WordPress ou um plug-in se você souber como fazê-lo. Claro. Existem muitas opções por aí. Portanto, também é bastante inovador e inovador em um ritmo tão rápido. Também há muitas opções ruins por aí também. Mas, felizmente para você, quase disse todos eles e vou compartilhar as coisas boas com você. Vamos primeiro falar um pouco sobre outras opções que estão por aí com os prós e os contras. Existem diferentes maneiras de criar um site. Claro, sempre há o caminho em que você pode codificar tudo sozinho. Então, se você quiser aprender a usar PHP, JavaScript, HTML, CSS, essas são todas as linguagens de Deus usadas para construir sites. Felizmente para pessoas como você e eu, existem muitas maneiras de usar algum tipo de software que basicamente escreve o código para você. Se você usa um construtor de páginas e algo como Shopify, WordPress, muitas das outras opções por aí. Há uma grande chance de que, se você carregar uma imagem através deste software, o software está escrevendo um pedaço de código com HTML e os outros idiomas e apenas explicou que está tornando a imagem realmente um par. Então você não precisa escrever milhares de linhas de cabras. Mas o programa está fazendo isso por você. Ao longo dos anos, essas interfaces se tornam muito mais fáceis de usar e também muito mais atraentes. Portanto, é muito mais divertido criar sites dessa forma e também muito mais eficiente. E há algumas vantagens e desvantagens entre as diferentes ferramentas e não vê-las como boas ou ruins. Vou explicar o que prefiro e por que prefiro. Mas acredito que todas essas ferramentas estão lá por um motivo ou pelo motivo de alguém. Muitas pessoas podem ser descobertas uma opção chamada de semanas, que é um construtor de páginas do faça você mesmo. É muito fácil de usar. Tem a interface. Mas uma desvantagem pode ser, na minha opinião, é que é muito limitante. Se você estiver começando. Você não quer investir muito tempo e quer fazer algo rapidamente. Existe uma opção que você pode usar com semanas. O que eu não gosto tanto em semanas é que é muito limitando seus julgamentos que você pode escolher. Mas se você quiser mudar o tema, isso não é possível. Portanto, não lhe dá liberdade criativa. E isso é o que eu procurei em uma ferramenta que eu posso criar algo que ressoa comigo e essa é minha própria expressão de como eu queria mostrá-la. Não quero ter nenhuma limitação no meu design ou funcionalidades. Portanto, não gosto de opções como semanas ou qualquer outro construtor de páginas realmente fácil de usar assim. E também, essas coisas podem ser muito caras. Então, se você está um pouco mais e talvez no e-commerce ou tem páginas de vendas. Há um termo para uma página da Web onde você pode vender certas coisas se quiser ter funcionalidades como, por exemplo, como um botão Curtir no Facebook, você paga cinco anos por mês você paga cinco anos por mês Shopify use um botão Curtir do Facebook se você quiser ter uma funcionalidade de mapas. Se você está pagando uma taxa por isso também. Então, todas as funcionalidades se somam muito rapidamente. Então, talvez pareça muito barato e barato usar ao longo do tempo. Pode ser muito caro para algo que você não pode facilmente mudar para outro tema, não pode mudar o design. E é muito limitado em funções. Portanto, talvez seja bom se você estiver começando, mas se você está procurando algo mais em finanças ou talvez um pouco mais profissional. Depois, há um lugar para o WordPress, por exemplo. Uma coisa que gostaríamos de mencionar é que, se você e-commerce ou quer vender produtos físicos, ou talvez vender produtos digitais, bem como algo que você possa explorar é Shopify. Shopify é a maior plataforma vendendo coisas online. Então, definitivamente, confira isso. Além disso, o que você pode verificar se você planeja ter muito estoque e muitos tipos diferentes de produtos. Você pode olhar para o meu Santo, Santo 2. Para ser específico. Isso é mais para empresas maiores que têm muitos produtos para vender. Então, digamos que você tenha 1000 produtos ou mais. E você quer abrir um TO real e loja de varejo ou algo assim. Você pode começar com o WordPress com algo como WooCommerce até talvez como 1000 produtos. Mas se você superou que as pessoas estão usando com mais frequência e mais inventário de estoque em fontes. Peça de software. O que é meu Santo? Mas você realmente precisa ter desenvolvedores profissionais em sua equipe ou contratá-los para criar seu site. Porque haverá muita codificação envolvida. Então, só para saber para você as opções disponíveis, você pode abrir uma loja online da Shopify muito rapidamente. Mas você paga por todos os recursos de todos os aplicativos que precisa usar. Se você está procurando um site normal ou ainda se quiser ter um site de comércio eletrônico também, WordPress é o recomendado para me comprar mais sobre isso um pouco mais tarde no treinamento. Se você realmente quiser fazer uma comparação. Existem mais algumas ferramentas por aí. Por exemplo, Squarespace, Drupal e Squarespace, na verdade muito legal, mas ainda não lhe dão a liberdade tanto quanto você conseguiria com WordPress e Drupal e miopia e são um um pouco desatualizado. Eles não são mais suportados e , portanto, não são uma boa opção no meu Albion. Tudo bem, vamos falar sobre por que eu amo o WordPress. O Wordpress é de código aberto e, portanto, oferece muitas opções para escolher o fundo. Existem mais de 50 mil plugins que você pode usar para seus sites. Então, esses são basicamente aplicativos que você usa Plugins e você pode carregá-los. Alguns deles são de graça, alguns deles por quem você paga alguma coisa, alguns deles você pode, eles muito por isso. Mas esses são pedaços de software que você pode enviar para o seu site. Basicamente, qual é a sua necessidade de algumas coisas quando você inicia seu site WordPress, porque é mais um método faça você mesmo. E eu gosto de compará-lo com criadores de páginas faça você mesmo, como semanas. Algo assim, talvez seja como se você estivesse encontrando um emprego como funcionário em uma empresa. Pode ser muito limitante. Pode ter o lugar dele para algumas pessoas. Mas você sabe exatamente o que você ganha. E é isso. Com o WordPress é mais como ser freelancer ou dono de uma pequena empresa. Você precisa descobrir um monte de mais coisas você mesmo. E vem com muito mais responsabilidades, mas lhe dá muita liberdade. E se você fizer isso certo, muito mais benefícios. Com isso dito, armas com alguns riscos. Riscos e é um pouco mais demorado, mas acho que vale a pena colocar no ar para descobrir tudo. 5. Comparando os criadores de temas no Wordpress por que Divi?: Então, para o seu novo site, vamos construí-lo com o WordPress. Com o WordPress, você precisa de algumas coisas. A primeira coisa que você vai precisar é um nome de domínio e hospedagem na web. Mas mais sobre isso mais tarde em um novo vídeo. Depois de ter seu nome de domínio e configuração de hospedagem na web, você terá o WordPress instalado. O que você vai precisar é de um feed do WordPress. Você pode, é claro, web design superior ou desenvolvedor web para criar seu feed personalizado. Mas isso pode ser muito caro e pode levar muito tempo para construir. Felizmente, existem muitas boas soluções nos dias de hoje. Para criar um site você mesmo com um construtor de páginas ou pés WordPress, e ele também pode fazer isso. Existem algumas opções, na verdade, existem muitas opções, mas há algumas boas sobre as quais podemos discutir. E talvez você tenha ouvido falar de alguns deles talvez não sejam. De qualquer forma, as opções que vamos descobrir um pouco. E o primeiro será o WordPress. Mais distante, há um construtor de páginas dentro incorporado ao F0. Até onde eu sei, você não pode usar esse construtor Alpha em nenhum outro tema. O que outros construtores de páginas podem fazer às vezes. Mas dentro da equipe, você pode criar um site com o construtor de páginas você mesmo. O que um construtor de páginas não é. Interface de arrastar e soltar, um software de dragão onde você pode criar um site e todos os elementos você mesmo. O que eu não gosto tanto no DFL, um tema WordPress é que ele vem com tantas opções e, portanto, é muito demorado para mim criar sites assim. São ótimas opções se você quiser ter muitas opções e muitas configurações e funcionalidades. Mas isso pode ser bastante avassalador. E não acho que seja a maneira mais eficiente de criar um site bonito você mesmo. Então a próxima opção que eles gostariam de falar com você é Elementor. Construtor de páginas Elementor. Você pode criar sites WordPress bastante fáceis e rápidos e pode ser uma ótima alternativa para DC é apenas outra opção, é realmente fácil de usar. Eles estão fazendo um ótimo trabalho. Há alguns prós, contras e diferenças em relação ao Diffie, mas pode ser uma ótima opção para, então há mais três opções que gostaria de mencionar antes. Vamos falar sobre a opção que usaremos. As outras opções estão um pouco mais desatualizadas, mas você ainda vê muitos sites por aí usando esses criadores de páginas. Então essa é a padaria WP. Wp significa WordPress, construtor de WP ou compositor oficial. Essas três opções são um pouco limitadas. Construtores de páginas, na minha opinião, é muito fácil usar arrastar e soltar para criar um site você mesmo, mas eles são um pouco limitados e um pouco desatualizados, então não é tão divertido usar eles, vem com algumas opções. Portanto, muitos sites são construídos com eles, mas definitivamente não lhe dá tanta liberdade em termos de design. O que eu gosto tanto em coisas como um pai Elementor ou DV, a coisa que vamos usar. Por exemplo, se você quiser ter uma sombra de caixa atrás de uma imagem, essa não é uma funcionalidade padrão. Isso exigirá alguma codificação com CSS, por exemplo, para fazer com que a sombra apareça atrás da imagem. Para mim, não torna muito fácil de usar criar sites bonitos. Gosto de ter a liberdade e os designs que faço a partir de um site. Para minha profissão, preciso usar todas essas ferramentas porque também mudo sites de outras pessoas que usam as outras ferramentas. Também construímos temas personalizados nós mesmos. Se precisarmos construir um pouco mais no site da Fanta. Mas, como 90% do tempo em que estamos construindo novos sites, estamos escolhendo para os dois d Phi. Dy. Dy é um construtor de páginas ou, na minha opinião, é na verdade um construtor de temas WordPress porque faz um pouco mais do que apenas construir praias. Na verdade, é usado para criar sites inteiros criados pela Elegant Themes. E é uma maneira muito fácil e divertida de criar sites. É uma interface muito fácil de usar, então as ferramentas de software são muito fáceis de usar. A propósito, eles têm uma ótima documentação, que você não deve precisar depois de assistir a esses vídeos porque nós colocamos isso apenas para as coisas mais importantes para você. Mas eles estão saindo com novas funcionalidades quase todas as semanas. Eles fazem isso de tal forma que, uma vez que você está acostumado a usar essas ferramentas, você pode usar os mesmos métodos em todas as funcionalidades. Ele vem com módulos como módulos de texto, módulos de imagem, mapas, etc. E uma vez que você conhece as funcionalidades básicas, como configurar esses módulos você mesmo quando eles saem com novas funcionalidades e será super fácil para você usar esse mesmo conhecimento e maneiras que você hábita e diz. Então, basicamente, todos os módulos sempre funcionam da mesma maneira. Uma vez que você entenda alguns básicos, você entenderá que todos eles estavam mortos. Isso exigirá algum tempo para aprender talvez um ou dois dias ou árvore se você estiver acostumado a construtores de páginas da criação de sites em um passado, como Visual Composer ou um Vada. E agora você está mudando para a derrota. É uma maneira diferente de pensar. Isso exigirá um pouco de tempo e de novo, dará um pouco de atrito. Mas uma vez que você supere isso, tenho certeza de que você vai adorar Divi tanto quanto eu e se divertirá muito usando isso. Tudo bem, é por isso que eu amo tanto o dv. Nós cobrimos muitas coisas. Em primeiro lugar, por que você precisa de um site em primeiro lugar? Quais são todas as opções lá fora e quais ferramentas você usará para criar seu site incrível. Mal posso esperar para começar a criar um site e mostrar exatamente como fazê-lo. Portanto, não vamos esperar mais e mergulhar fundo, a menos que construa um site. 6. Parte 2: como configurar seu site do Wordpress: Tudo bem, então os próximos vídeos que vou te ensinar a configurar todos os conceitos básicos. Vamos passar por configurações mais antigas é muito importante ter todas as configurações corretamente. Quanto à preparação de começar a construir as páginas da Web, precisamos alterar algumas configurações no software, instalar alguns plugins como aplicativos e, em seguida, podemos começar a construir depois. Mas agora, passamos por todas as configurações. 7. Decidir sobre seu nome de domínio: Tudo bem, vamos configurar alguns conceitos básicos antes de podermos realmente começar a construir o site. Vamos precisar de duas coisas. Número um, vamos registrar um nome de domínio e também precisamos ter uma bagagem de hospedagem na web. Então, vamos começar com o primeiro, registro de nome de domínio. Você precisará ter um nome de domínio. Esta é a palavra que você digita no seu navegador da Internet que o direcionará para o seu site. Por exemplo, se você digitar www dot, meu pequeno website.com mostrará o site. Depois, meu pequeno website.com é o seu nome de domínio. Então, talvez você já tenha um nome de domínio em mente. Talvez você já seja apenas um. De qualquer forma, há algumas dicas que vou dar a você para comprar seu nome de domínio. Não foi o número um, tente evitar números em nomes de domínio. Se possível. Não dizendo que ele não pode funcionar com números em seu nome de domínio, não é uma prática recomendada porque você sempre precisa explicar como escrever o nome de domínio. Por exemplo, se o nome da sua empresa for 711, Como você soletra isso? É 711.com? É como V E N número um? O número um que vem de qualquer maneira, você entende. Já está ficando complicado. Explicando isso para você no vídeo dele. Se possível, tente evitar números. O número dois, se possível, tentou evitar abreviações. Por exemplo, abreviação pode ser. Por exemplo, faça você mesmo DIY. Se você quiser registrar um nome de domínio, faça você mesmo. Tutorials.com, recomendo um nome de domínio um pouco mais longo em vez de usar abreviações. Isso é melhor para fins de SEO e também mais fácil para os mecanismos de busca entenderem, mas também é mais fácil de usar. Embora eu referisse nomes de domínio mais curtos é melhor usar um nome de domínio um pouco mais longo em vez de usar cada domínio de desvios árvore de números de dica, tentei evitar traços, se possível. Então traços são as pequenas listras entre as palavras. Às vezes, as pessoas tentavam usar traços quando o nome de domínio já foi reivindicado por outra pessoa que eles querem usar. Se você quiser ter um nome de domínio como meu pequeno osso, por exemplo. E você colocou os dois traços entre o meu fim mais tarde e ósseo. Além disso, como o primeiro passo, difícil explicar às pessoas como soletrar o nome de domínio. Você quer ter nomes de domínio fáceis de lembrar e fáceis de soletrar. Portanto, se possível, sempre tentei pagar traços estavam mortos. Se houver um motivo muito forte pelo qual você deseja usar uma marca de palavra-chave específica ou algo assim. E o nome de domínio preferido já está iniciado, então você pode querer considerar usar um traço ou uma faixa. Mas talvez você possa criar algum fenômeno, sinônimos, fenômenos. Talvez você possa criar alguns fenômenos para isso. Ok, eu expliquei um pouco o que não fazer com nomes de domínio. Então, o que você deve fazer? O nome de domínio deve ser fácil de lembrar, fácil de soletrar e faz sentido e enquanto eles estão conectados. Portanto, se você estiver usando palavras diferentes combinadas em um nome de domínio, ainda deve ser fácil de ler. Por exemplo, se você estiver usando nomes de domínio que existem várias palavras próximas umas das outras, como meu pequeno osso com o exemplo. Então sempre tente evitar usar firewalls ao lado de duas vogais e consoantes ao lado de consoantes. Então, se terminar com um e, não comece o novo prêmio com um E porque é muito difícil de ler para pessoas que existem duas palavras diferentes. Meu pequeno, é fácil de ler, mas meu iate diz, por exemplo, é um pouco mais difícil de ler porque vai parecer uma palavra em suma, chorou para tornar esse o domínio, faz sentido que é fácil de ler. A Internet está ficando um pouco mais antiga agora, WordPress existe há 17 anos neste momento. Então, mais e mais nomes de domínio são tomados. Infelizmente, na verdade, algumas pessoas veem isso como imóveis digitais e tentaram limpar esses domínios para vendê-lo. Muitos nomes de domínio são usados, mas não todos eles. Basicamente, todos os nomes de domínio.com, nomes de domínio com 3456 letras já são Dagan. Portanto, é difícil descobrir se você quer iniciar um site sobre execução, provavelmente running.com será usado. Talvez se você usar outra extensão como a frase final do nome de domínio, como Dr. Nell para Holanda ou pontos para a Espanha, por exemplo. Então é mais provável que ele ainda exista. Mas ainda assim a maioria dos bens, nomes de domínio curtos já estão tomados. O que fazer neste caso, tentei torná-lo um pouco mais longo combinando palavras. Talvez ele seja um novo site para sua revista de corrida e running.com já está tirado. Em seguida, tente usar algo como executar Magazine.com ou revista D running que se foi. Quais são as melhores extensões para seu nome de domínio? Como eu disse, a extensão é a última parte do seu nome de domínio. Então isso pode ser como.com.del, b0 para a Bélgica, etc Os mais usados internacionalmente são.com nomes de domínio.com. Se você quiser ter um site com foco internacional, eu sempre prefiro encontrar um nome de domínio..com. Se for realmente difícil ou impossível encontrar uma doação ponto-com e um nome de domínio. Também é possível usar algo organização.net ou ponto. Org.net é muito bom. Se the.com já estiver tomado, então é um bom plano B. Mas se você tiver a opção, sempre vá para a opção.com. Se você está mais focado localmente, como eu fazendo mais negócios na Holanda, eu gosto de ter um nome de domínio dot nl porque é para empresas holandesas. Mais propensos a ranquear nos mecanismos de busca do Google localmente se você usar um nome de domínio local. Então, se eu tiver meu site dot e L vai ficar mais alto no Google delta nl. Se eu estiver indo para o Google as mesmas palavras no Google.com, o que é mais focado internacionalmente é mais provável do que meu site vai ficar mais baixo. É mais focado no marketing local basicamente. Mas se você é mais foco internacional tentei ter um nome de domínio internacional. Outra coisa que você pode considerar sobre extensões. Eles são mais extensão. Portanto, a última parte do nome de domínio saindo para públicos específicos ou ramificações específicas. Então, coisas que você verá como o DOD eco ou uma loja ou o que quer que seja. Há um debate ou discussão sobre se é bom ou não. Acho que na camisa de longo prazo e as extensões decolarão. Por exemplo, acho que mais e mais pessoas se acostumarão a usar nomes de domínio com a loja Doug. Se você gosta de e-commerce ou tem uma loja de varejo, pode fazer sentido usar um nome de domínio com minha loja de pontos, por exemplo, ou na minha loja de móveis. Mas acho que a maioria das extensões também é muito mais cara. E, em seguida, nomes de domínio normais, eles podem ser como 250 anos por ano. O que faz muito mais do que se você comprar um domínio..com por talvez €16 ou delta agora por nove anos, o que é mais médio? Há um pouco mais caro. Sim, bom. Seja mais fácil classificar outras empresas porque ela tem o nome de domínio na extensão. Então, para o fator SEO, isso poderia ajudar um pouco. Embora eu goste de otimizar meu site é mais para as pessoas. E essa também é a estratégia de mecanismos de busca como o Google. Eles querem que você crie sites para pessoas, não para mecanismos de busca. Uma das coisas mais importantes a considerar ao registrar um nome de domínio é a confiabilidade. Portanto, as pessoas devem tomar uma decisão dentro de 1 segundo, se confiarem nesse nome de domínio e julgarem com base no domínio e com base na extensão. Então, se você vai ter um nome de domínio, por exemplo, com maiores descontos ponto XYZ, as pessoas pensarão que é spam ou não confiariam nisso. Em vez de descontos, especialistas.com ou brindes gratuitos, anuncie pontos, algo assim. 8. Escolha sua empresa de hospedagem de web: Agora é hora de registrar seu nome de domínio. Uma das coisas mais importantes. Quando você estiver olhando seu nome de domínio, você fará isso por meio de uma empresa de hospedagem na web. Por exemplo, se você for ao GoDaddy.com, uma das maiores empresas de hospedagem na web do mundo. Você verá que estou chegando na página inicial do GoDaddy.com. E, no entanto, aqui você pode começar a procurar seu nome de domínio. Então eu já tentei algumas coisas. Por exemplo, se você quisesse ir para um domínio como foguete digital, existe isso, isso pode ser um nome para nosso site da agência de mídia social. Você pode se endividar, mas infelizmente, foguete digital dares.com já está tomado, mas oferece ótimas alternativas. Por exemplo, foguete digital dir.com, se você quiser registrá-lo em outro exemplo. Outro exemplo pode ser Bluehost.com. Se você clicar aqui na parte superior do cabeçalho nos domínios e no menu aqui, você também pode procurar nomes de domínio. Por exemplo, social rocketeers.com. Diz, parabéns, seu nome de domínio está disponível. Digamos que eu queira registrar esse nome de domínio. Assim como exemplo, você pode clicar no botão Continuar. E esse tipo de gosta de comprar qualquer coisa online. Eles perguntam se você quer ter hospedagem gratuita, talvez algum pacote da Microsoft ou algo assim, eu não preciso dele. Posso apenas prosseguir para a página de checkout onde preencho minhas informações de cobrança e pagamento, enganando seus dados pessoais e escolho um método de pagamento. Paypal também é opcionalmente, se você nunca tiver cartão de crédito, você pode pagar através de papel também com seu cartão de débito ou ideal se você for da Holanda, por exemplo. E, em seguida, basta comprar agora vá para a página de pagamento. E seu domínio registrado idealmente é muito mais fácil para você se você registrar seus nomes de domínio na empresa de hospedagem na web que você planeja fazer sua hospedagem na web também. Em primeiro lugar, onde você deseja hospedar seu site antes de concluir o pagamento? Você pode usar esses sites para ver se o nome de domínio está disponível, mas tome sua própria decisão onde deseja hospedar seu site antes de registrar seus domínios. Então, basicamente, é muito fácil comprar seu domínio e sua bagagem de hospedagem. No entanto, esse processo de configuração de tudo pode ser um pouco desafiador ou difícil. Vamos compartilhar alguns links para a documentação todas essas empresas de hospedagem que recomendamos que você possa escolher. Você pode ver esse passo a passo como configurar o domínio e a hospedagem na web para você mesmo. Basta seguir a documentação ou entrar em contato com o suporte deles se precisar de alguma ajuda. Com isso dito, gostaria de oferecer cinco opções diferentes para empresas de hospedagem registrarem seus nomes de domínio e você está hospedando pacotes. A primeira opção que você pode explorar como um GoDaddy. Eu não gosto muito da GoDaddy, pessoalmente , porque ela não oferece excelente qualidade e superfície de qualidade. No entanto, esta é a empresa de hospedagem web mais usada no mundo, eu acho, porque é tão, tão barata. Mas por ser tão barato, o atendimento ao cliente não é super ruim, mas não é tão bom. A qualidade que eles colocam muitos sites em um surfista da web. Portanto, isso pode tornar seu site um pouco lento. E, e é muito importante ter páginas de sites de carregamento rápido. Isso é importante para o SEO para que as pessoas encontrem seu site no Google, mas também para a experiência do usuário, você não quer ter pessoas esperando seis segundos para carregar sua página da Web. Você foi trabalhar rápido. E essa é uma das coisas mais importantes para um bom site de trabalho. Esta é uma das soluções mais baratas. Eu daria a isso talvez cinco ou seis em dez em termos de qualidade e suporte. Portanto, é uma boa opção, mas não é a melhor. E isso é especialmente bom se você estiver mais focado internacionalmente. Eles também têm na parte inferior do site outras nacionalidades. Se você quiser vê-lo em euros ou dólares americanos, as configurações de suco Baker funcionam para você. Tudo bem. Portanto, a segunda opção Internacional é o Bluehost. Bluehost.com tem um suporte um pouco melhor, é um pouco mais caro que o GoDaddy, mas também um pouco melhor qualidade. Isso também o torna uma boa opção. Foi para a parte de registro de domínio? Boa sorte com isso. E ansioso para vê-lo no próximo vídeo. 9. Instale o Wordpress em um clique (em meio a isso): Neste vídeo, vou mostrar como você pode instalar o WordPress com o clique de um botão. Felizmente, a maioria das empresas de hospedagem na web oferece a solução. Então, vou te mostrar como fazer isso agora. Já criamos o cliente em nosso Painel de controle. Temos que fazer isso porque somos um administrador. Às vezes você precisa fazer isso, às vezes não. Bem, você sempre precisa adicionar o site, encontrar a glândula e depois o nome do domínio. Mantenha todas as configurações como L. Faremos isso mais tarde. Vamos clicar em Salvar. Um novo site é criado. Esperamos pelo ponto vermelho. Quando isso for uma onda, ela terminará de criar o novo site. E vamos para pacotes disponíveis. Você vê uma tonelada de pacotes que você pode instalar com um clique de um botão. Só precisamos de um chamado WordPress. Vai clicar nele. E então o que precisamos fazer é instalar este pacote. Clique no local onde você deseja instalá-lo. Social real, foguete tears.com. Esta será a senha do seu banco de dados, então você quer anotá-la em algum lugar em suas anotações para mim também. Vou precisar disso mais tarde. Em seguida, você pode criar a senha de administrador que você pode lembrar. Aceite a licença e clique em Instalar. Aguarde até que o ponto vermelho desapareça novamente. Instalamos o WordPress. Vamos ver se funciona. Aqui vamos nós. Agora temos uma instalação limpa do WordPress com o clique de um botão. Você criou os detalhes de login. Aqui você pode fazer login com a conta que você acabou de criar. Agora você está dentro do seu site WordPress. Parabéns. 10. Configure seus e-mails: Tudo bem, agora você instalou seu site WordPress. Você provavelmente também vai querer criar uma conta de e-mail dentro do nosso painel de controle. Você acabou de ir para o e-mail. Quando estiver lá, você vai para a caixa de correio de e-mail e você só precisa clicar em Adicionar nova caixa de correio. Você pode dar o nome para o nome do endereço de e-mail. Só vou colocá-lo através de foguetes sociais por enquanto. Meu nome é beam, então vou criar BIM na assistente social tiers.com. Em vez da melhor palavra, você pode se lembrar ou gerar uma senha mais difícil. Você pode deixar todas as configurações para as configurações padrão por enquanto. Clique em Salvar. Uma vez que o ponto vermelho é um caminho, você pode ir ao seu moinho de teia, tirá-lo. No nosso caso, é moinho molhado na empresa que vem no foguete social. Aí está o chiclete. A melhor palavra. Lá vai você. Você criou a conta de e-mail. Por isso, sempre recomendamos o uso clientes de e-mail, como o Gmail ou o Outlook. Apenas para o propósito deste vídeo, vou mostrar como você pode instalar facilmente um endereço de e-mail na fábrica EPO também. Mas sua empresa de hospedagem na web provavelmente terá alguma documentação sobre como configurar isso você mesmo. Então, vou fazer isso. Quem está dizendo à Apple milhões desse holandês por isso? Como configurou uma fábrica de papel? Mas você também pode fazer o Outlook ou outros clientes masculinos com e-mail, você tem duas opções. Mapeio configurações ou configurações de árvore. Imap é a versão mais recente que eu recomendo. Seus dispositivos sincronizaram e-mails. Se você excluir o e-mail e o telefone e também será excluído no laptop. Com a árvore POC, os e-mails são armazenados em seu dispositivo, no telefone ou no laptop. Eu não recomendo isso, mas em alguns casos você pode querer usá-lo. Mas, para a maioria das pessoas , use o IMAP. Quando você estiver em sua refeição e acessar Preferências, você clicará em contas porque vamos adicionar uma nova conta. Você pode clicar no símbolo de mais no canto inferior esquerdo e clicar em nossa conta de e-mail. Para meu provedor. Isso pode ser diferente para outras empresas de hospedagem na web. Mas vamos clicar aqui outra contagem de leite. Defina o nome que você deseja colocar no BIM na goma de foguetes sociais. E coloque a melhor palavra. Ele diz e eu escrevi para verificar conta, nome ou senha. Isso está correto porque precisamos preencher o servidor de e-mail de entrada e saída manualmente. E nosso caso, esse nome é empresa tau que ocupado store.edu, o mesmo para saída. E, por último, isso é algo que não podemos mudar, mas você quer sempre preencher isso primeiro e depois preencher também o nome de usuário. Diz notas automáticas e gostadas um pouco borradas. Mas o que ele faz, só leva a primeira parte do endereço de e-mail. Então, neste caso, meu tema de nome de amigo. Então, basicamente, ele está dizendo automaticamente que há negócios, o nome de usuário, mas isso não é realmente o nome de usuário. Se eu for clicar em entrar agora vai dar um erro. Os detalhes de login não estão corretos. O que você precisa fazer é pegar todo o endereço de e-mail, colocá-lo como nome de usuário e clicar no botão Entrar. Agora você pode escolher se quiser, quais aplicativos você deseja usar para o propósito e só deseja instalar o e-mail agora mesmo. Mas talvez você queira ter nós EPA. Isso depende de você. Então você está pronto. Eu recomendo sempre testar se o endereço de e-mail está funcionando. Então, vou enviar um e-mail para mim mesmo agora. E uma vez que eu recebi o e-mail, você também quer reproduzi-lo. Portanto, você quer verificar se os livros masculinos recebidos estão funcionando e se a caixa de correio de saída está funcionando. Tudo bem. É isso. 11. Configure suas configurações do Wordpress: Tudo bem, fim de semana, finalmente comece a construir seu site. Então, estou no site agora. É assim que parece. Vamos torná-lo um lindo site. Então, primeiro vamos terminar as configurações do Wordpress com tudo no lugar certo. Também vamos instalar seu tema WordPress. Esse será o layout do seu site que vamos personalizar e mostrar como você pode fazer isso sozinho. Assim, você pode criar o executivo, o site, como você quer. Tudo bem, então, se você fizer login no WordPress, você sempre precisa ir ao seu nome de domínio e Mike mostra sua faixa WP rocketeers.com. Admin, leva você para a página de login. Wp significa WordPress e preencha as informações que você colocou ao criar a instalação do WordPress. E vamos fazer login agora. Então, no primeiro passo que vamos fazer, você está logado como a conta de administrador. Como todo o padrão de instalação do WordPress vem com uma conta de administrador, isso é um pouco arriscado. Então, a primeira coisa que sempre faço é criar uma nova conta. Meu olhar, o nome de usuário será BIM. Bim rocketeers.com. rigoroso, fabricado na melhor palavra. Anote isso em algum lugar. Faça-me um administrador. Isso é muito importante. Você tem o direito total de mudar tudo. E então eu não preciso me enviar um e-mail sobre isso. Criou a nova conta. Vou sair, preencher o novo login de nome de usuário e senha. Agora você vê no canto superior direito como o feixe fica lá. Vou excluir a conta de administrador. Isso vai ser muito mais seguro para o seu novo site. Houve o primeiro passo. Vamos de cima para baixo, da esquerda para a direita. E a primeira coisa que você notará é que ele pede que você atualize o WordPress. Se você vir isso, clique em Atualizar agora para a página de atualização. Você verá o símbolo para atualizações com o número seis. Atualmente, existem seis atualizações e vou atualizar o WordPress agora. Tudo bem, então instalamos a versão mais recente do WordPress, o sistema que executa o site. E então vamos atualizar os plug-ins também. Então ele vem com um plugin padrão, é chamado de âncora Schmidt anti-spam. plugins são como aplicativos para o seu telefone, mas os plugins são, é por isso que seu site atualiza todos os plugins. Neste caso, apenas um. Tudo bem, então, se tudo for atualizado, ele deve se parecer com isso. O processo de atualização está começando e isso é como um log, e então você vê com sucesso, sucesso, com sucesso, etc. Tudo bem, vamos voltar para a Atualização, espaço. Atualizações do tremor para ir. E esses são seus temas padrão do WordPress. Não vamos usar esses temas, mas vamos atualizá-los de qualquer maneira. Tudo bem, então tudo está atualizado. Agora, o que você quer fazer é ir para as configurações e depois ir para o geral. Vamos passar pelas configurações. Então, depois de encaixar é corretamente, a primeira coisa que você quer fazer também é muito importante para fins de SEO. Então você precisa dar ao Google e outras pesquisas inserindo algumas informações sobre quem é o seu site, o que se trata, etc. Então, vou preencher o nome da empresa aqui. E se você tiver um slogan, você pode colocá-lo aqui. Então, vamos criar um slogan como conteúdo de mídia social fora deste mundo. Então o que queremos fazer é mudar isso para HTTPS, mas precisamos verificar primeiro se está funcionando. Https é um protocolo seguro. Isso basicamente está tornando seu site mais seguro. Se você receber esse erro no painel de hospedagem na Web, poderá ativar o certificado SSL. Às vezes você precisa pagar por isso. Com algumas empresas, fornecemos certificados SSL gratuitos, mas você precisa colocá-lo ativo em seu painel de hospedagem, pesquisar seu site. Clique nele. E então você pode ativar SSL e Let's Encrypt SSL. Aguarde até que os dutos de notificação desapareçam, para ter um ativo. Às vezes, pode levar uma hora ou mais antes que ele esteja ativo. Tudo bem, então agora o certificado SSL deve estar ativo. Então, vamos testá-lo primeiro. Agora você verá esse bloqueio no canto superior esquerdo. Isso significa que se você clicar nele que o certificado é válido. Então agora você tem HTTPS. O que você quer fazer sempre é um nome de domínio selecionado, clique com o botão direito do mouse, clique com o botão do mouse e , em seguida, corte-o e cole-o aqui. A razão pela qual eu sempre tenho uma base é que você não pode fazer erros de digitação porque se você digitar isso errado, então você não pode mais usar o site. Portanto, é importante encontrar um nome de domínio, certo? O endereço do WordPress para onde direcioná-lo e remover a última barra. Se você copiou e colou, deve ficar assim. As configurações de domínio em seu fenol de hospedagem incluem WOW, trate tempos a w e depois fez isso, então você pode incluir isso também. Temos as configurações sem W's. Não importa para o que é melhor ou não. Tudo bem. Agora também precisamos colocar o endereço de e-mail de administração. Por isso, criamos os livros de e-mail, Social Work.com. Eu dou as configurações de idioma por enquanto para os Estados Unidos. E o fuso horário. Vou colocá-lo Amsterdã porque é onde estamos. Aqui você pode escolher seu formato de data. Isso também será mostrado seus artigos de blog e coisas como dívidas. Então você pode querer considerar como você quer colocá-lo. Vou colocá-lo como dia, mês e ano. Como você deseja usar o formato de hora. Então, neste caso, deixe-me ver. Esta deve ser a configuração de 24 horas. Isso é o que usamos na Holanda. A semana começa comigo na segunda-feira e eu vou clicar em Salvar alterações deve me bloquear. E isso ocorre porque mudamos o nome de domínio para HTTPS. Então, precisamos fazer login novamente. E está me perguntando se esse endereço de e-mail está correto. O endereço de e-mail de administração atual era esse e ainda não verificamos o e-mail. Então, vou clicar em E-mail está correto por agora. Vamos abrir o programa de e-mail. Lá vamos nós. Acabamos de verificar isso. Ele me redireciona para o site. E agora terminamos com todas as configurações gerais do Wordpress. Agora temos várias outras configurações quais podemos passar. Se você for para a seção de escrita e ficar assim, você pode adicionar os servidores de e-mail aqui. Se você está planejando usar coisas como fóruns de contato e coisas assim. Mas vamos usar plugins para dívidas. Então, também podemos deixar isso por enquanto. O que é mais importante é a seção de leitura. Então, como você quer mostrar nossas últimas postagens ou gabaritos estéticos? Isso é algo que vamos fazer mais tarde também. Uma configuração super, super importante é que você quer que este site seja viável para os mecanismos de busca? Você quer fazer com que o site esteja carregando o Google já, sim ou não. Se você quiser se misturar ao construí-lo para as próximas semanas de largura e não quiser que ele seja exibido nos rankings do Google, então você pode clicar nesse rancor. Mas muito importante, coloque-o em seu calendário. Não se esqueça de quando você inicia seu site para desmarcar esta caixa, pois, caso contrário, seu site não será encontrado nos mecanismos de busca. Vou deixá-lo aberto por enquanto , porque quero começar a ranquear no Google imediatamente e construir meu site muito rápido. Vou clicar em Salvar alterações. Você pode alterar algumas das configurações de discussão. Eu gosto, como eles estão agora. Mas você pode decidir se deseja alterar essas regras sobre se você adicionar comentários clinicamente próximos em postagens com mais de 14 dias ou algo assim. Gosto do jeito que é. Vou deixar isso por enquanto. Configurações de mídia, não são realmente úteis para o tema que vamos usar. Então, pode ter sido, você pode pular isso. E então algo que eu acho que é super importante são suas configurações de link permanente. Como as configurações de dois pontos configurações de link permanente e do link permanente são as configurações de como o nome de domínio no seu navegador tem um cérebro. Você vai criar uma nova página. Vai dar um número como praia é o número 123 para este exemplo. Isso não é muito fácil de usar e esses não são muito amigáveis para os motores de busca entenderem do que se trata o site. Eu sempre gosto de escolher o nome do host. Então, se eu vou criar uma nova praia chamada Sobre a página, então será um registro social tiers.com slash sobre Beach. Eu não gosto disso com números e datas e coisas assim. Então, basta selecionar ambos os nomes, salvar as alterações. E agora você terminou com todas as suas configurações. 12. Instale o tema Divi: Tudo bem, então você acabou de terminar as configurações do Wordpress e agora é hora de começar a instalar o tema WordPress. Podemos começar a construir. Ele já vem com alguns temas padrão, como 20171916. Este está ativo no momento, como você pode ver aqui. Você poderia começar uma nova praia. E vai parecer uma instalação padrão do WordPress. Então, isso lhe dará algumas explicações sobre o novo editor de blocos. O último recurso do WordPress, clicou do jeito certo agora, tem um sentimento bastante minimalista e editor de texto onde você pode adicionar, por exemplo, homepage. Em seguida, comece a escrever aqui. Esta é uma página da Web. Vou criar uma página como essa e publicá-la agora mesmo. Não vai para Luke super minimalista, não como você quer. Então, agora você criou uma página da Web e marcou a página inicial. Olá, Esta é uma página da Web. Bem, é uma página da Web, mas não é a página da Web que queremos. Então, vamos começar com o outro tema para que possamos grade páginas e dar-lhe essa forma e fóruns como queremos. Você pode comprar o tema WordPress em Elegant Themes.com. Se você usar o pacote de hospedagem de nós, você obtém o tema Divi de nós, também com a chave de licença. Mas se você decidir comprá-lo sozinho, isso também é possível, então você pode ir para Elegant Themes. Esses são os desenvolvedores deste tema WordPress. Tem alguns temas, mas o máximo que eles resolveram é dv. E há muitos usuários. Acho que eles têm mais de um milhão de usuários usando este tema WordPress. E eu já tenho uma conta, mas se você quiser comprá-la, você pode clicar em preços e pensar e, em seguida, obter x's anuais por US $89 dólares por ano ou um x's vitalício. Vou fazer login na minha conta agora mesmo. Uma vez que estivermos logados, mostrarei como baixar o dv e instalá-lo. Estamos presos no Elegant Themes, um site dentro da área de membros. Quando você estiver na área de membros, a primeira coisa que você notará é um botão berbere com o download do DVC. Vou baixá-lo e você verá que um arquivo zip não está passando pela pasta de downloads. E esses são todos os arquivos do software que você precisa. Mas precisamos fazer mais uma coisa. Precisamos criar e licenciar a chave também. Se você for para conta, nome de usuário e advogado, é aqui que você pode criar chaves de API. Portanto, ele já deve estar em aplicação aqui. E então aqui estão todas as minhas obrigações. Vamos gerar a nova Abigail. Vou dar um nome a ele. Clique para copiar, deve ser copiado agora. Voltamos ao seu site. Estavam no back-end do seu site. Se você for para Aparência e Temas, poderá adicionar um novo tema. Existem vários temas que você pode selecionar, mas vamos fazer o upload do tema Divi. Escolha seu arquivo, vá para a pasta de downloads e faça o upload do arquivo zip. Instale. Agora, ele deve mostrar uma tela com o tema de instalação do conjunto de pontos db encontrado carregado afetando o pacote, instalando o FIM e, em seguida, com sucesso, se você tiver problemas com o upload de sua taxa do WordPress, então é provável que você precise alterar algumas configurações em sua hospedagem na web. Então eu recomendo entrar em contato com o suporte ao cliente da sua hospedagem. Ou você pode instalar o tema WordPress por meio de FTP. Depois de terminar, você pode clicar em Ativar. E agora está ativado. 13. Configure suas opções de tema Divi: Instalamos o tema WordPress Divi e vamos rever as opções de taxa DV. Então vá para o menu e selecione Opções de tema. Primeiro vamos fazer as opções gerais. E a primeira coisa que podemos fazer, podemos fazer upload de um logotipo que aparecerá no canto superior esquerdo do seu site. Vamos fazer o upload do arquivo. Vou escolher primeiro uma imagem que esteja no seu computador. Eu tenho um bom logotipo de ser para isso hoje. Vamos definir como um logotipo. E o que você quer, fazer? Você quer ter certeza de que, para algumas coisas, sua imagem não é muito pesada. O horário é de 43 kilobytes. Você não quer fazer upload de uma imagem de um megabyte ou algo assim. Qualquer coisa abaixo de 120 kilobytes deve estar bem. Quanto menor, melhor porque ajuda você a ter o tempo de carregamento da sua página da Web. Mais rápido. Quanto mais imagens, mais dados você coloca em seu site e mais tempo leva para carregar. E você quer ter um site de carregamento rápido porque é muito bom se tudo estiver funcionando mais rápido em seu site, então algo para fins de SEO, o logotipo é algo que indexado pelo Google, por mecanismos de busca. Você quer dar algumas informações de logotipo para esta imagem. E o Tidal já foi definido. Vamos colocar o logotipo social rocketeers na descrição também. E também no texto alternativo. Não vamos colocá-lo em legendas porque se você colocá-lo na legenda, ele será mostrado com o texto abaixo da imagem ao lado. Mas quero que se eu for ao google.com, um dipolo no logotipo social rocketeers, vá para imagens que nos próximos dias ou semanas que serão encontradas pelo Google nas imagens. Então, a maneira como você faz isso é dando algumas informações. Portanto, sempre altere os nomes e as descrições e o texto alternativo de suas imagens quando você as carrega para o seu site e tente torná-las um pouco menores em tamanho ou qualidade. Ainda seja afiado o suficiente, mas que você mantenha os kilobytes e os megabytes baixos. Isso é definido como um logotipo. Algo que você pode fazer é selecionar a barra de navegação fixa. O que ela faz é a barra de navegação, e isso está no back-end do site, mas na frente e vamos construir um menu. E essa configuração é basicamente se você quiser que o menu role com você, se você rolar para baixo, o menu está seguindo esta barra de navegação no menu Configurações não está fixo, mas no front-end do site, a versão padrão é corrigida. Você pode desativar ou habilitar isso. Você pode ativar a Galeria DC, e isso é para fins de controle deslizante de fotos. Você pode, se não estivesse, se já souber as cores que você vai usar muito, você pode selecionar essas cores e, em seguida, preencher, por exemplo, uma cor cinza. E então, se você quiser mudar a cor e alguns lugares você sempre pode usar essa paleta de cores. É muito útil se você vai criar muitas páginas com muitas cores diferentes. Tudo bem, então, mas se você ainda não conhece a faculdade, não se preocupe com isso. É só uma coisa boa de se ter. Vamos rever as outras coisas. Existem muitas configurações. Não vou cobrir todos eles, apenas as coisas mais importantes. O layout da barra lateral direita. Se você quiser tê-lo direito ou esquerdo, não importa tanto para mim porque sempre desabilitei as funções da barra lateral. Eu quero construir as coisas sozinho. Mas algumas coisas que você quer manter é que você deseja usar o Google Fonts habilitado. Vai mostrar algumas fontes legais que você pode usar. Você pode preencher seus links de mídia social. Isso vai aparecer no rodapé e na parte inferior de cada página da Web para que as pessoas possam acessar suas páginas de mídia social. Uma coisa que eu gosto de fazer é usar trechos quando definidos. Então, as pessoas veem como o primeiro parágrafo de um pedaço de texto quando ele é carregado. Um recurso que eu gosto é o botão voltar para a guia. Então, há um lado abaixo, haverá uma seta escura cinza seguindo você. Então você sempre pode ir facilmente ao topo. Gosto de apresentar rolagem suave porque isso oferece uma melhor experiência de usuário. Se você é um site ou CSS de boa largura, é aqui que você pode adicionar seu CSS personalizado, se você não sabe qual é o significado do CSS, feito melhor sobre esta seção. Mas se você quiser fazer algum código CSS personalizado para fazer algum estilo personalizado, é aqui que você pode inicializá-lo. Tudo bem, por enquanto vou pressionar Salvar alterações. Todas as configurações devem ser salvas por enquanto. Não precisamos rever as outras configurações aqui. Mas uma coisa que você quer ter certeza é com a seção de atualização que você deseja preencher seus detalhes de login do Elegant Themes aqui. Caso contrário, você não poderá atualizar seu tema WordPress no futuro. Então, preenchendo seus dados aqui, agora você ainda sabe disso e não precisa procurá-los em algumas semanas. Vou fazer isso agora. Clique em Salvar alterações. Todas essas coisas devem ser definidas para as configurações corretas. Mas sim, você pode alterar a navegação ou criar nossas configurações, as configurações de layout. Uma coisa que eu gosto é com suas postagens, se você for criar postagens no blog, não quero ter as imagens colocadas no site, na própria página da Web. Então, vou desabilitar isso. E se você não quiser que outras pessoas possam comentar nas postagens do seu blog. Você pode esses vazios aqui. Gosto se as pessoas puderem comentar, mas algumas pessoas não querem ter isso. Vou clicar em Salvar alterações novamente. Não vamos usar isso agora. Se você precisar adicionar algum código ao seu site, você não precisa entrar em negócios difíceis de código por conta própria. Mas, às vezes, se você quiser conectar coisas como o Google Analytics ou coisas assim, que você precisa colocar na cabeça do seu site. Você pode colocá-lo aqui ou na seção do corpo ou outro fixo. E não se preocupe se você não sabe o que é ou provavelmente não precisa dele por enquanto. Mas se você estiver procurando o local onde colocar o código do cabeçalho, este é o lugar nas configurações. E você queria procurá-lo? Tudo bem, é isso para todas as opções de tema para Diffie. E se tudo estiver definido, podemos começar a criar as páginas agora mesmo. 14. Personalize seu tema: Então, depois de terminar o seu tema Opções e você passar pelo seu site e excessivamente deve parecer diferente. Então, se eu for à minha página da Web agora, parece assim. Então, temos o logotipo, obtivemos o Hello World, os primeiros posts do blog do WordPress. Temos a barra lateral. Então, ele começa lentamente a procurar um site de nós mesmos. Mas ainda assim precisamos fazer algumas coisas. Isso vou fazer login novamente. Agora é hora de alterar algumas configurações. Se você estiver indo para a aparência e depois vá para personalizar. Em seguida, podemos personalizar algumas configurações que vêm padrão com o tema WordPress. E este é um recurso padrão do WordPress, o personalizador onde você pode alterar o cabeçalho, o rodapé, alguns botões e tudo isso. Com Divi, você tem um monte deles extra. Mas vamos de cima para baixo. Vamos para as configurações gerais Site Identity, onde já preenchemos título do site, prato de foguete social. Fizemos em um vídeo anterior nas configurações gerais no backend do WordPress. Então, estamos trabalhando no front-end por enquanto. Então estávamos trabalhando no back-end no painel do WordPress. E uma coisa que podemos fazer aqui, podemos fazer upload de um ícone do site. Também chamamos isso de gorduroso desaparecido. Então, às vezes você vê na profundidade do seu navegador da Web, do seu navegador da Internet, você vê um pequeno logotipo aqui. Como se eu fosse pegar alguma outra praia por enquanto, use um ano por cima, meu logotipo escuro do Google, meu último passe onde surgiu senhas e logotipo do Google, logotipo Elegant Themes. Você não precisa ler a primeira parte, mas pode reconhecer que é muito rápido. Em qual site estou? Então, criamos um bom ícone rosa novamente. Vamos fazer o upload disso agora. Aqui está você. E esse ícone tem 512 por 512 pixels de tamanho. Então, novamente, o título, você deve dar um nome para que os mecanismos de busca o reconheçam. Coloque-o também na descrição e no texto alternativo. Você sempre quer fazer isso. Isso lhe dá uma vantagem de SEO. Você pode pegar a imagem se desejar. Não precisamos fazer é agora. Vamos pular o corte. E agora temos que lyse bom rosa estão em um despejo de um site. Vamos clicar em Publicar Para salvar as configurações e voltar para a etapa anterior. Vá para as próximas configurações. Você pode definir suas configurações de layout e todas as cores têm seis letras ou números como uma combinação. Vou clicar nessa coisa azul aqui. Então você vê que este código será dois, a0, a3, fs. Se eu vou mergulhar aqui hashtag e depois tratar vezes o F seis vezes. Então ele vai ser branco. E vou colocá-lo em zeros, zeros, zeros, zeros, zeros, 0 vai ficar cheio de preto. E então todas as cores no meio têm seu próprio casaco de cor exclusivo. Queremos usar este tema, excelente cor. Com o banco, eles vão, esta será a nossa cor principal e a cor muito brilhante. E o resto das configurações você pode deixá-lo como está agora porque elas já são muito legais. Clique em Publicar o que ele faz. Por exemplo, se vamos criar um link aqui, fará com que o link fique descolorido. Você não precisa mantê-lo em azul, então o link será azul. Existem alguns lugares que estão escolhendo essa cor. Quando você cria algo, ele usará a mesma cor em todos os lugares. E vai ser muito bom com o branding. Também vamos definir as configurações personalizadas para sua tipografia. Se quisermos criar módulos de texto, você sempre poderá alterar as configurações por módulo. Mas, por exemplo, se você criar, então páginas da Web com muitos textos e você decidirá alterar a fonte do cabeçalho para todos os cabeçalhos. Como Hello world, você decidiu que quer usar outra fonte. Você não quer entrar em todas as páginas em todos os módulos de destacamento e mudar tudo manualmente. Mas se eu vou procurar um telefone legal agora, um financiado, por exemplo, é lateral. Se eu quiser mudar helloworld para lateral, posso fazê-lo aqui. Se eu vou para a gengiva para deixar dv ou leak script, então você vê que vai ser mudado ali. Assim, você pode deixá-lo padrão e alterá-lo em todos os lugares manualmente. Mas eu gosto de colocar as configurações aqui para não precisar alterá-las em qualquer outro lugar. Novamente, faça isso com o clique de um botão. O cabeçalho da redução é a face gorda Abril. Então, essa será a nossa fonte, fonte muito bonita e adorará. E então também vamos colocar a fonte do corpo para todos os parágrafos. Portanto, escolhemos hoje, vamos crescer para o livro g for Gentium. Básico. Tudo bem, bonito parecendo um pouco como uma fonte de máquina de escrever. Muito bom de ler. As cores do link do amigo. Quero usar a cor rosa brilhante que nós antes também. Tudo bem, então mudou o link do amigo em uma cor para esta bela cor rosa. Para todo o texto. Para o corpo do texto, vou usar preto completo. Então, seis vezes a 0. Você pode alterar o tamanho da tecnologia corporal. O tamanho do texto nunca deve ser inferior 12 porque, em seguida , será muito difícil de ler em um celular. Se você tiver um público mais antigo, talvez queira alterá-lo para 18 ou também depende do telefone que você vai usar. Então, vou colocá-lo no 16 agora. Depois de terminar as configurações, você também pode brincar com as configurações de texto um pouco lá. Talvez você quisesse colocá-lo em 36. Depois de terminar de brincar com essas configurações, clique em Publicar. Certo, vamos voltar. Acabamos de terminar com a topografia e a cor de fundo. Vou colocá-lo em branco. Apenas o colarinho branco publicou isso também. Você também pode usar uma imagem de fundo se quiser usar uma melhor ou algo assim, vou usar branco por enquanto. É isso para todas as configurações gerais. Vamos implorar dívida do Walmart, e novamente vamos para as configurações de cabeçalho e navegação. A forma como os sites são construídos e estruturados é como o corpo humano. Temos nossa cabeça, corpo e pés. Então, da mesma forma que vale para o nosso site. Esta é a seção de cabeçalho com o logotipo e a barra de menus. Então você tem a seção do corpo onde todo o conteúdo está aparecendo e depois a área escura aqui. Isso é o que chamamos de rodapé ou cabeçalho. E o rodapé é mostrado em cada nova página da Web que você vai criar. A seção do corpo é onde está todo o conteúdo e isso é o que ele vai ser muito mudado. Mas, por enquanto, vamos concluir as configurações do cabeçalho. O formato de cabeçalho vem com Diffie com algum estilo, estilo padrão. Parece assim, mas você também pode centralizá-lo com o logotipo no meio na parte superior. Mas talvez você queira ter o logotipo dentro dos botões do menu. Você pode fazer com que ele deslize no menu deslizante baixo. Onde no lado esquerdo você tem o logotipo. Você tem como, o que vamos como web designers? Um menu de hambúrguer, porque as três listras parecem um hambúrguer. Então você tem um slide no menu que parece muito chique. Gosto muito desse recurso. Ou podemos torná-lo em tela cheia. E então, se você clicar nele, vai ser bomba na sua cara. Por enquanto, vou deixar o padrão porque isso é algo com o qual gosto de trabalhar agora. Então, as pessoas sempre verão os botões do menu nos quais podem clicar. Vou clicar em Publicar. E, em seguida, vamos passar pelas configurações da barra de menu principal. Você pode alterar a altura do menu. Se você rolar isso, isso deve segui-lo por aí. Os tamanhos padrão em 66. Como um tamanho médio normal para um cabeçalho, talvez você possa torná-lo um pouco maior e você pode brincar com o tamanho do logotipo também. Nunca coloquei em um 100 porque o logotipo está tocando na parte inferior e na parte superior do cabeçalho. E isso não parece muito profissional. Então, queremos fazer um pouco como um site ousado, um pouco grande. Então, vamos fazer o logotipo no 80 agora. E vamos colocar a ciência do cardápio em 100. Então, isso vai olhar em nossa página da web. Em seguida, o tamanho do texto. Vou colocá-lo no 16 agora. Isso o torna um pouco melhor legível. Para os formulários que vamos selecionar o livro Gentium Basic, podemos torná-lo em negrito, se quiser, e você deve ver as alterações imediatamente. Você pode usar apenas versões maiúsculas. Isso também pode ser um bom recurso. Você pode brincar com o que você gosta. Por enquanto. Vou deixá-lo para o momento. O texto da cor, quero ser preto completo , seis vezes a 0. E você pode torná-lo um pouco transparente como você vê. As letras, eu quero não ser transparente. Não conheço opacidade lá dentro. Eu faço isso preto com seis zeros. O link ativo, o link em que estamos atualmente, eu queria ser a bela cor rosa brilhante que usamos para todos os outros links também. A cor de fundo, eu gosto que seja um pouco transparente. Então, se você rolar para baixo mais tarde. Que há um pouco de opacidade lá dentro. Na tela. Você não vê isso na íntegra. Mas se você selecioná-lo e rolar todo o caminho para a direita, poderá colocar isso em talvez 90 ou 95. Apenas um pouco de opacidade lá dentro, um pouco transparente e dê um toque de aparência profissional agradável. No menu suspenso, vamos fazer o mesmo com esse pequeno controle deslizante um pouco para baixo. Então, ele passa por códigos RGBA. Em vez do hexágono, o que eles são chamados de seis números e letras. E vamos colocar o aluno 95 também. E se você quiser ter um menu suspenso, como temos subpáginas, você também pode dar as linhas de cor. Você pode torná-lo ser ou preto. Vou colocar um preto, branco agora. A cor do texto pode ficar cheia de preto novamente. Então, por último, mas não menos importante, podemos adicionar algumas animações para fazer o menu quando estiver carregando a praia. Então você quer que ele se expanda, deslize, talvez até mesmo virá-lo. Eu gosto da função de fade, então ela lhe dá um efeito de brilho mais agradável. Uma coisa que eu gostaria de mencionar é, e há uma opção que você pode fazer as coisas com largura total. Para algum site você pode querer usá-lo, mas na maioria dos casos você pode ter isso desselecionado porque eu não gostei tanto porque você quer trabalhar em determinados espaços quando você está construindo um site. E agora esses itens, esse logotipo e esses itens de menu estão caindo sem a grade, como você chama. Seguindo fora do escopo do restante das configurações da página da Web. Então, mantenha isso desselecionado. Você pode ocultar o logotipo se ainda não tiver um logotipo. Mas vamos obter as configurações por enquanto e clique em Publicar. Tudo bem, é isso para as configurações gerais e o cabeçalho e navegação por enquanto, há muitas configurações você vai passar. Então, apenas brinque com ele. Vou abordar o resto das configurações mais importantes que você quer dar uma olhada. Uma coisa que separou os meninos do cara. Por isso, se você for para o rodapé e, em seguida, a barra inferior aqui, poderá editar o crédito do rodapé. Se você não adicionar nenhum texto aqui, ele dirá algo como tema WordPress da Elegant Themes. E vou te mostrar isso agora. Projetado por Elegant Themes desenvolvido por WordPress. Então, isso está olhando realmente para o turismo. O que você quer, fazer? Você quer ir ao painel e ao Personalizador de temas novamente. A maneira como você pode alterá-lo está no rodapé e, em seguida, emprestar na parte inferior. E então você pode dizer alimentado por hospedagem. Agora diz poder por hospedagem tau. Você também pode incluir algum HTML se quiser que isso crie um link que você possa fazer Google como criar um link HTML e, em seguida, copiar e colar o código do link lá. Ou você também pode desativar o crédito do rodapé. Então isso é algo que vamos fazer por agora. Clique em Publicar novamente. Então é isso para as configurações do rodapé. E você pode adicionar ou deixar ícones sociais. Vou deixar isso de lado agora também. O layout você pode escolher quantas colunas, eu sempre deixo para quatro. E mais sobre isso depois. É isso para as configurações do rodapé agora. Uma coisa que você pode fazer que pode ser útil é definir os estilos de carga e carga. Você os quer no site. Aqui você pode pré-selecionar as cores do texto e as cores de fundo e coisas assim. Isso também pode ser um bom recurso com ícones e tudo isso. Então você pode brincar com ele. Você pode passar por cima disso. E a última coisa importante que eu queria mencionar é que precisamos definir uma página inicial do Augustan. Então, eu não me importo. Eu me importo muito com as postagens do blog onde elas aparecem, mas você sempre quer selecionar, enquanto a página inicial, já criamos uma página inicial, se você se lembra em um vídeo anterior. Se eu vou selecionar a página inicial, esta é uma página da Web, então ela está aparecendo. A página inicial quando as pessoas visitam. O domínio primário. Disse para todas as configurações de personalização que eu queria ir com você agora. Eu não cubri todos eles, mas basta clicar, brincar com as configurações e fazer o que você gosta. E você pode deixar as configurações como eu fiz. E você terá algumas boas configurações para começar. Mas se você quiser personalizar um pouco mais, sinta-se à vontade para experimentar. 15. Instale seus plugins do Wordpress: Tudo bem, então nós cobrimos todas as configurações básicas de derrotas e agora é hora de instalar alguns aplicativos. Chamamos isso de plug-ins dentro do WordPress. Se você for para os plug-ins instalados, ele já vem com um ou dois plugins padrão. O plugin Hello Dolly é uma piada dos desenvolvedores. Este é um plugin, mas você sempre pode excluir. Vou precisar disso. Começamos sem nenhum plugins. E se você clicar aqui, verá alguns plug-ins sugeridos como aplicativos que podemos usar. Existem literalmente milhares ou até centenas de milhares, existem mais de 200 mil plugins. Atualmente. Há cada vez mais vindo todos os dias. Tenho que dar um pouco de um aviso com o uso plugins porque os plugins são coisas muito legais, mas o WordPress é de código aberto. O que significa que todos podem criar um plugin WordPress ou tema WordPress. Então isso inclui super iniciantes ou pessoas que têm coisas ruins em mente. Basicamente, se você estiver instalando um plugging, o que está fazendo, você está adicionando um monte de código e nunca saberá se este é um bom código de trabalho ou se o código está conflito com o outro plug-in ou tema WordPress. Portanto, tente minimizar a quantidade de plug-ins que estão sendo instalados. A maioria dos problemas que surgem com sites do WordPress vem da instalação de muitos plugins ou plugins que não são seguros ou não são realmente bons plug-ins de áudio que estamos usando hoje. Nós os testamos muito e recomendamos esses plug-ins. Poucas coisas que você sempre pode ver gostam de dar um pouco de estimativa se for um bom plugin, se você puder usá-lo ou não. Você pode ver se a conexão foi atualizada recentemente, então isso é atualizado no último dia. Isso atualizou muito. Mas se você for, por exemplo, ao plug-in Yoast SEO, vamos abordar mais sobre isso mais tarde. Isso é atualizado na semana atrás. Mas, por exemplo, se você quiser ter um botão Curtir no Facebook em sua página da Web, plugins de mídia social. Plugins que podem causar muitos problemas que vemos. Então este é, foi atualizado há nove meses, então talvez isso não seja tão seguro. Eu também olho para os comentários, mas este recebeu dez avaliações. Este recebeu 538 avaliações e seis vezes mais instalações ativas. Se estou comparando plug-ins uns com os outros, sempre escolho aquele que recebe o mais atualizado tem muitos bons depoimentos e muitas instalações ativas, se possível. Se eu não sei o que estou fazendo, às vezes testo esses plugins em um ambiente de teste quando site de teste omega para testar essas coisas. Porque se você tem um site em funcionamento com visitantes ativos visitando seu site, não quer estragar as coisas e baixar seu site e coisas assim. Portanto, tenha cuidado com quantos plug-ins e plug-ins você usará. Então, com isso dito, vamos começar com o primeiro blog. E este é o plugging que aparecerá de um ano na primeira vez que você o abrir. E esse é o editor clássico. Por que você precisa do editor clássico? Wordpress é, como eu disse, é que as fontes abertas são atualizadas o tempo todo. E o editor clássico, está mostrando a versão antiga. Porque, na minha opinião, a versão mais recente do WordPress não é tão fácil de usar quanto a versão clássica, portanto, vou instalar isso. Não é super necessário. Você pode trabalhar sem o editor clássico, mas tudo o que vamos mostrar, é feito com o editor clássico para que ele possa parecer um pouco diferente na sua tela se você não instalou este, Eu recomendo instalar isso porque isso torna um pouco mais fácil. Você verá um pouco mais elementos. Sem isso. Eles ocultaram alguns elementos, não são tão fáceis de encontrar, então, mas basicamente funciona da mesma apenas outra interface e outra forma de mostrá-la. Tudo bem, espere até ver o botão Ativar porque o plugin agora está instalado. Mas se você for para a página Plugins Instalados, verá que o plugging ainda não está ativado. Então, vou mostrar um antes com as páginas que criamos a página inicial, se você se lembrar, e clique em Editar, então você obtém este pop-up. E é assim que você vê a página da Web agora. Se eu voltar para Plugins, ative o editor clássico. Então agora está ativado, há um ativo. E volte para as páginas novamente. Clique em Editar. E parece completamente diferente. Então, na minha opinião, isso é muito mais fácil de usar. É por isso que escolhi isso. Sinta-se à vontade para escolher o outro se você gostou. Outro. Temos o editor clássico. Vamos adicionar o próximo plugging que é chamado de cerca de palavras. O que significa amigos sobre se você precisa dela? É basicamente como um plugging de segurança de firewall e malware. Parece super chique. E o que ele faz é manter seu site seguro. Existem várias organizações no mundo que tentaram invadir seu site automaticamente com o computador ostentado. Algumas pessoas no mundo tentando entrar ativamente no seu site. Mas o que eles fazem, o computador está visitando o site como uma pessoa humana, e tentou fazer login no site o tempo todo. Então, talvez eles possam reproduzir alguns links para alguns links de spam, ou eles estão tentando roubar seus dados e coisas assim. Então, há coisas que você não quer ter. E, portanto, instalamos o plugin WordPress. É como um scanner de vírus para o seu PC, mas depois um pouco mais para o seu site. Se você quiser saber mais sobre o que realmente está protegendo, você pode visitar um site, mas é por motivos de segurança. Isso é o que você precisa saber por enquanto. Tudo bem, então, uma vez que o plugin esteja instalado, você provavelmente deve receber, bater com uma mensagem que você instalou com sucesso os amigos do Word. Você pode preencher seu endereço de e-mail aqui. Você não precisa fazer isso. E não quero ter o boletim informativo deles, mas aceito os termos deles. Eles perguntam se você quer comprar uma versão premium. Não, obrigado por isso. Vamos usar a versão freemium. O gratuito, gratuito para. Depois de instalá-lo, mostrará um botão extra no lado esquerdo aqui. Ainda não está tudo configurado, então você quer ir para todas as opções. Então, ele está pedindo que você torne seu site o mais seguro possível. Reserve um momento para otimizar o firewall do aplicativo da web word friends. Existem muitas opções, mas clique aqui para configurar. E pediram que você faça o download como pensando em excesso de arquivo de TDAH. Você vai baixar esse arquivo e clicar em Continuar. Não importa se você não está realmente entendendo o que está fazendo no momento, basta seguir estes passos. Depois de fazer isso, clique aqui para configurar novamente, baixar o arquivo de acesso HT novamente, e também o usuário, qualquer PHP. E, em seguida, clique em continuum de alterações ainda não entrou em vigor. Está dizendo, mas a instalação foi bem-sucedida. Então, agora, vamos fechá-lo. E passamos pela configuração para obter profundidade. E nós vamos clicar neste MSE por enquanto. Em seguida, é pedir que você quer se manter atualizado fora da medicina? Bem, você precisa continuar, de tempos em tempos, precisamos atualizar todos os seus plugins, temas e coisas assim para que seu site funcione bem e fique seguro. Vou clicar em Sim por enquanto, porque é bom pois isso em si mesmo fora da medicina. No momento, passamos por duas configurações. Se você for para a página Opções, poderá passar por todas as opções. Não vou fazer isso agora porque as opções padrão já são muito boas. A única coisa que você deseja verificar são suas configurações de notificação. Se você não estiver alterando suas configurações de notificação, ele enviará muitos e-mails e você não precisará de todos os e-mails, então você deseja receber um e-mail quando ele for atualizado? Não quero ter um e-mail para isso. Você quer que ele faça quando o plugin for desativado? Sim. Porque você realmente queria ter esse plug-in ativo. Então, se alguém estiver desativado e estiver conectando esse site, você quer receber uma notificação para isso porque isso não deveria estar acontecendo. Você precisa salvar alterações. Depois de terminar esta parte de instalação, a primeira coisa que você quer fazer é clicar em Escanear, e isso está dando um aumento, novamente, uma palavra que os fãs podem procurar malware e URLs maliciosos e padrões de infecções examinando x e minerando todos os arquivos, postagens e comentários em seu site WordPress. Parece muito bom. Então, vamos clicar em Avançar, conseguimos verificar as configurações. E, em seguida, comece seu primeiro jogo. Isso é o que queremos. Inicie uma nova varredura. Isso está sendo executado em um plano de fundo blecaute. E ao fazer isso, ele fará isso automaticamente no dia-a-dia e informaremos se algo estiver errado com seu site para que você sempre possa voltar para os resultados da varredura. Agora está fazendo a coisa dele e podemos continuar instalando os plugins. Então, novamente, vamos voltar aos plugins Antonio. O próximo conectá-los que vamos usar é algo que teremos que fazer na Europa é o GDPR. Há uma nova regra ou lei para isso. Todo site deve informar o visitante do site sobre os cookies e sobre as coisas que estão sendo usadas no site. O que são cookies e por que precisamos deles? Então, os cookies estão lá para isso. Seu site está funcionando corretamente ou você precisa ter cookies às vezes para certas coisas de marketing. Então, se você executar o Google Analytics em seu site, então esse é um cara, vamos conectar isso mostrando quantas pessoas foram ao seu site em um dia. Então você pode contar isso. Isso é arrastado por um cookie. Se você estiver colocando um vídeo do YouTube em seu site, você está usando cookies. Outra coisa é, por exemplo, se você entrar em uma página da Web, mas você queria ir para a página anterior, como ela sabe qual era a página anterior? Essas certas coisas, como botões e coisas que você selecionou links. Essas coisas funcionam com cookies. Alguns cookies podem causar mais danos do que outros em termos de privacidade. E, portanto, temos algumas novas regras e a Europa e os governos gostam de sites para dar explicações sobre o tipo de cookies que as pessoas usam. E, portanto, instalaremos um plug-in de cookies. Vamos para o plugin, novo. Lá vamos nós, procurando por cookie. Aviso. Vá, estamos procurando o aviso de cookies para GDPR pela fábrica D. Eles conseguiram mais de um milhão de instalações. E vamos instalá-lo agora. Todo mundo parece muito feliz com os biscoitos. Depois que o plug-in estiver instalado e ativado, você pode clicar nas configurações aqui. Você também pode encontrar esse plugging se você for para as configurações e depois ir para cookie. Observe que, às vezes, se você instalar novos plug-ins estará sob as configurações, às vezes em ferramentas, às vezes nesta barra de menus. Portanto, pode ser um pouco confuso onde procurar, mas para este plugin em particular, ele está sob configurações apenas para que você saiba, ele vem com algumas configurações padrão. Você pode alterar a mensagem ao longo de um ano. Você pode até inserir o link se quiser, por exemplo, em uma página de Termos e Condições. Ou talvez você crie uma política de privacidade com uma página da Web, com alguns textos. Há texto padrão que você pode encontrar online que você pode copiar e colar. Ou, se você for a outros grandes sites, poderá usar seus textos e alterá-los como quiser. Você pode querer consultar um advogado ou alguém que saiba sobre coisas legais se você quiser fazê-lo. Totalmente certo. Outro consultor jurídico, eu só sei como construir sites e o que você precisa fazer. Então, mas é sua responsabilidade descobrir qual é a viagem para suas coisas legais. Para este propósito do vídeo, vamos deixar o ano fiscal como está agora. Vou mudar o texto do botão para mortes. Você pode ativar o link da política de privacidade. E você pode alterar o texto e , em seguida, dar a ele um link personalizado ou uma página selecionada. Vou clicar na página de amostra agora e depois mudá-la para uma política de privacidade um pouco mais tarde. Sim, é bem simples. Basta responder a essas perguntas ou você quer configurar as coisas. Você não precisa usar um bloqueio de script. Isso é um pouco mais avançado. Eu sempre deixo isso em branco. Você pode usar, mas ao contrário se você quiser usar meu site, use os cookies. Se você não quiser usar os cookies, não use o site. Essa é minha opinião pessoal, mas você pode brincar com as configurações se quiser fazer isso. E então você pode dar a opção dizer não e fazer as pessoas desaparecerem. Vou deixar isso por não agora. Certo. Não vou usar a opção de revogação de consentimento por enquanto, habilitado para recarregar a praia depois que o aviso for aceito. Não precisamos de dívidas e podemos aceitar o aviso quando os usuários crescem. Bem, esse é um bom recurso. Eles podem rolar por talvez até 200 pixels e , em seguida, a barra desaparecerá. Porque então achamos que eles aceitarão e teoremas sob condições, política de privacidade e podem aceitar um aviso em qualquer clique na página da web. Não vamos usar o ano da dívida. Você pode definir o horário em que será lembrado quais eram as configurações. Uma vez, uma opção padrão que estou faltando neste plugging é que não consigo alterar a cor do botão. E nós desperdiçamos um edifício esse recurso, mesmos, mas eles não o fizeram. E, felizmente, há outra maneira de mudar as cores de certos elementos no site. O que vamos fazer para que esse bloqueio funcione melhor, vamos salvar suas alterações. Vamos para as Opções de Tema Divi. E se você rolar até a parte inferior, encontrará CSS personalizado. Mais uma vez. Em algum lugar ao redor deste vídeo, você vai encontrar um golfe que eu vou colar. Este é um pedaço de código CSS. E vou ficar assim. É assim que ele deve ser exibido. Basicamente, o que ele faz é que esse pequeno texto cinza está dizendo do que se trata esse código. Portanto, é o botão de aviso de cookies. Este é o elemento. Este é o nome do código para o botão em que queremos alterar a cor. A cor para a qual estamos mudando é FFF. Então isso significa, isso será branco para as fontes das escadas, e essa será a cor de fundo. A palavra importante é dizer que ele deve substituir todas as outras cabras. Então, se ele estiver encontrando um código em algum lugar, ele precisa sobrescrever com nosso código que estamos adicionando. Então, se você quiser clicar em Salvar alterações agora e nós vamos para o front-end novamente. Vou abrir uma nova janela anônima. Ele vai ignorar meus biscoitos. Nunca acesse o site agora. dia em que você vê que é uma cor diferente. Não é rosa, a cor rosa que estávamos usando anteriormente. Vou copiar o código, remover as seis letras e números ali e substituí-lo pela cabra que gosto de usar. Não importa se você usa maiúsculas ou não. Vamos abrir a janela anônima novamente. Para ver como ele se parece. Está parecendo super legal. Tudo bem, então é assim que você muda as cores das letras e dos botões, botões. O próximo plugin que vamos instalar é um plugging que eu gosto de usar para criar backups. Às vezes você estraga as coisas quando cria um site, especialmente quando você é novo. O que você quer, fazer? Você quer procurar por updraft e há alguns updraft plugging lá fora. Portanto, certifique-se de que você está instalado o updraft mais o WordPress e o plugging de backup. Isto é de um BRAF plus plus.com. Tenho mais de 3 milhões de instalações e está funcionando muito bem para criar backups a partir do seu site. Se algo der errado, você sempre pode restaurar seu site. Se terminar de instalar, clique em Ativar novamente. Dá a você um ano de peito pop-up para iniciar ou ir para as configurações. Talvez você já tenha notado isso na barra superior. Agora também diz um rascunho, abençoe. Você pode começar a fazer seu primeiro backup agora mesmo. Mas antes de fazermos isso, e vamos para as configurações primeiro ano, você pode selecionar para onde o backup está indo. Talvez você quisesse conectá-lo ao Dropbox ou ao Google Drive ou o que quer que seja. Neste momento, vou usar as falhas abordadas. Então, vou armazená-lo em algum lugar na nuvem e vou fazer backup e restaurar. Também posso ir lá clicando aqui. Só vou clicar em backup agora. Eu só quero excluí-lo manualmente, então vou selecionar este agora e os outros, você pode mantê-los selecionados e clicar em backup agora mesmo. Avaliando seu primeiro backup. Parabéns, está funcionando. E esta é a mensagem de registro. Nada foi registrado ainda. Mas, em seguida, um amido de barra funcionando e isso está sendo executado em segundo plano para que você possa continuar trabalhando em seu site ou esperar e concluí-lo. Você pode até mostrar o registro sobre o que ele está fazendo não é super interessante. E então, quando terminar, você pode clicar nele e ter seu primeiro backup. E eu sempre recomendo antes começar a criar em seu site, criar um backup. Quando terminar, crie um backup novamente. Você não quer ter nenhum trabalho perdido, então é assim que você o impede. Para o próximo arrancamento, vamos instalar o plug-in Yoast SEO. Os anos que você conecta estão ajudando a fazer com que seu site seja encontrado nos mecanismos de busca. Então, se você quiser otimizar seu site para mecanismos de pesquisa e outros termos, faça SEO. Este é o melhor bloqueio que recomendamos para fazer isso. É muito útil, útil. Isso lhe dará algumas dicas e conselhos sobre muitas coisas que você pode fazer para melhorar seus rankings de suas páginas da Web e seu site dentro do Google, todos nós queremos ser encontrados dentro Google para obter tanto tráfego da web, tráfego da web de alta qualidade para o nosso site. Isso é um fazer que vamos usar muito. Clique no botão Ativar. Vamos clicar nas configurações por enquanto. Ele leva você para a página geral de Configurações de SEO do Yoast. A primeira coisa que está pedindo a configuração de SEO pela primeira vez, você também pode fazer todas as configurações manualmente com os recursos e coisas assim. Mas vou usar um assistente de configuração porque isso é muito mais simples. Nove etapas. Meu site está ativo para ser índice. Eu queria ser índice imediatamente. E depois vou clicar em Avançar. Sou uma pequena empresa offline. Somos uma agência de marketing. Talvez você seja uma loja virtual, talvez você seja uma corporação ou outra coisa e escolha o que for adequado para você, depois vá para a etapa número três ou sua organização ou uma pessoa. Bem, somos uma organização, foguetes sociais. Vamos até dar a eles um logotipo. Lá vai você, senhor. Você tem que preencher suas mídias sociais. Ainda não os registramos, então vou deixá-los em branco por enquanto. E vou para a próxima página novamente. Em seguida, visibilidade do mecanismo de pesquisa. Eu queria ter minhas páginas de postagem e projetos encontrados dentro do mecanismo de busca, então eu mantenho tudo também. Sim. Clique em Avançar. Temos várias ofertas? Sim, meus colegas também farão isso , mudando o site. Quais são suas configurações de título? Então, basicamente, o que ele está perguntando , como você quer, na ponta do seu navegador, seus títulos de página serem exibidos. Você quer ter um pequeno traço listrado ou pequeno? Você quer ter um traço como este? Você quer ter um símbolo como esse? O item é muito importante. Se você for a um Google e estiver pesquisando no Google para astronautas, astronautas, essas coisas são títulos de suas páginas. Se você não fizer isso, você não vai mudá-los através do seu SEO, plugging, seu plugin Yoast SEO, se preocupe com isso mais tarde. Mas a Wikipédia, por exemplo, se você for para a página do astronauta, verá que a página é chamada astronauta e está na Wikipédia. Isso ajuda o Google a entender sobre o que é o site, sobre astronautas e é por isso que é uma queima e o número de resultados da árvore. E qual é o site que é um rolamento? Certo? Agora você sabe como funciona. Deixa um título Configurações, mas talvez você queira adicionar algumas palavras-chave extras por lá. Mas, caso contrário, você pode deixar o nome do site e o nome da empresa. Etapa número seis. Você quer ajudá-los a melhorar? Sim. Você pode arrastar meus lados um dado ou, se não gostar , deixe-o assim. Você quer aprender? E o seu pode enviar e-mails, coisas. Você pode se inscrever lá. Não vou fazer isso agora. Em seguida, passo número nove, você pode assistir a outro vídeo. Não estou interessado nisso. Concluímos o assistente. Tudo bem. Já instalamos um monte de plugins e vamos instalar o blog do Walmart no momento. E o nome disso como WP Super Cache. Tudo bem, você pode ativar o plugin. Este é um plugging de dinheiro e, basicamente, o que ajuda é que está salvando seu site antecipadamente, então ele está carregando mais rápido para outras pessoas. Basicamente, está fazendo com que seu site seja carregado mais rápido. Você pode percorrer as configurações, mas você pode ativar, armazenar em cache e atualizar o status. Você pode percorrer as configurações. Eu não recomendo alterar as configurações você mesmo. As configurações predefinidas funcionam muito bem. Vai ser um pouco frágil brincar com as configurações. Se você não sabe o que está fazendo, basta instalar este plugin durante o armazenamento em cache em uma atualização, o status. Tudo bem, é isso. Para todos os plugins. Instalamos vários plugins e alguns deles, vamos usá-los mais tarde, especialmente o plug-in Yoast SEO. vez, seja um pouco cauteloso com instalação de novos plugins que você não conhece. Faça uma pesquisa dupla, teste-os em um ambiente seguro e divirta-se enquanto faz isso. 16. Pronto para design?: É isso. Nós cobrimos muito. Passamos por todas as configurações, as configurações do Wordpress passaram pelas opções do Divi. Passamos por cima das configurações do personalizador para mais algumas configurações. E até instalamos alguns plugins e passamos por essas configurações também. Então isso foi muito a dizer novamente, mas podemos deixar tudo isso para trás e realmente começar a construir agora. Então, vejo você nos próximos vídeos. 17. Parte 3: como criar suas páginas da web em Divi: Tudo bem, finalmente, chegamos muito longe e agora é hora de realmente começar a construir algumas páginas da Web e começar a projetá-las. Super-animado. Em suma, vamos explicar tudo sobre o que você precisa fazer e por que você precisa fazer isso. Você aprenderá algumas melhores práticas. Vamos mostrar se as necessidades do site são boas páginas da Web e como você pode projetá-las ou construí-las você mesmo. E vamos dar a você um exemplo ao vivo na tela. E você pode assistir por cima do meu ombro e construir algumas páginas incríveis para que você possa fazer isso sozinho também. 18. Crie seus wireframes: Tudo bem, então vamos para o Pages e depois vamos construir a página inicial primeiro. Mas antes de podermos decidir o que vamos construir, vamos clicar em Editar, porque com o dv, ele vem com muitos layouts pré-construídos que você pode usar. Então, se você já tiver esse Finney aqui, você pode clicar no símbolo de mais. Se ainda estiver no editor padrão como este, você precisa clicar no botão roxo, usar o Divi Builder primeiro. Em seguida, você clicará no símbolo de mais. Então, ele vai te dar um pop-up. Temos alguns layouts pré-fabricados. Talvez você mesmo tenha algum layout que você está salvo em sua biblioteca Divi, ou talvez você queira clonar algumas páginas existentes. Não temos nenhuma página existente no momento. Não temos nenhum salvo, mas podemos usar alguns layouts pré-fabricados. Por exemplo, se quisermos ver algumas páginas da web de ioga, podemos clicar em ioga. Então você verá todos os tipos de layouts pré-fabricados para sites de ioga. Ou podemos usar o botão de filtro. Se você gosta da indústria da moda e da beleza. Tem alguns sites que você pode usar indústria da moda e da beleza. Vamos supor que eu gosto de ser, então vou clicar nesta página de moda rosa. E eles têm um designer de contato pronto para páginas de blog, empréstimos para casa, contracheque, até mesmo uma loja virtual. E você pode simplesmente clicar em um botão, instalar esse layout. Quando terminar de fazer o upload, você terá uma página da Web pré-fabricada por conta própria. Então, se eu vou clicar em Atualizar para salvar isso, você poderá ir para a página inicial. Você tem sua própria página da Web com o clique de um botão. E agora você pode alterar o texto, você pode alterar as imagens, você pode mudar as cores como maneira super rápida de começar. Se você não sabe o que fazer, encontrar um layout muito bom e começar a construir a partir daí. Então, estou mostrando isso agora porque você pode rever alguns exemplos ou pode pesquisar algumas páginas da Web que você gosta. Porque antes que você possa realmente começar a construir, você precisa saber o que você vai construir é como construir uma casa sem um projeto, você acaba com algo muito louco. Você vai esquecer algumas coisas? Então, criamos um wireframe nós mesmos. Um wireframe é um desenho com linhas. Então, basicamente, você pode ver como o site vai ficar. Se você ver algumas linhas, vai parecer algo assim. Na verdade, desenhamos a coisa toda aqui. Porque já decidimos essa frente, o que vamos construir. Se você vai olhar para minha tela e design, um termo deve chamar isso de design hi-fi. E esse é o web design que vamos construir para você hoje. E você pode ver passo a passo como podemos construí-lo. Então, se você precisar de alguma inspiração, você pode usar um layout pré-fabricado, algo assim. Você pode começar a mudar essas coisas ou começar totalmente do zero. 19. Crie sua página em seções: Tudo bem, então vimos na frente e como vai ficar? E, na verdade, podemos construir no front-end. Mas o que acabamos de ver na parte da frente da página, está dividido em certos elementos. Então eu sei que esta primeira seção aqui, esta é a seção número um. No back-end. Você verá a seção de heróis. E vamos, na verdade, toda essa seção aqui. Dentro desta seção no lado esquerdo, você verá algum texto, um pouco de espaço onde o divisor no meio e, em seguida, alguns textos novamente. Eles têm esse botão aqui, você pode construí-los no front-end e nós vamos explorar isso mais tarde também. Mas é assim que o site é construído. Esta é a segunda seção. Há a imagem e ela leva um lado direito com um botão aqui. uma vez, uma imagem, um texto e um texto e um botão aqui. É assim que ele é estruturado no back-end. Portanto, esta é mais ou menos sua doença de armação de arame. Você está desenhando linhas, como podemos construí-la. Portanto, você precisa saber quais seções, quantas linhas você quer que elas apareçam e coisas assim. E, felizmente, já temos um design que acabamos de mostrar a você. Vamos construir do zero. Vamos excluir todas essas seções com todas essas coisas lá dentro. E quando você começar, você pode selecionar com o azul para seções regulares, seção de especialidade deve largura total. Então, na maioria das vezes, você usará uma seção regular. Nesta seção regular, precisamos ter algumas linhas. linha pode ser 100% ou duas vezes 50%, árvore suja por cento, 66 e todas as combinações assim, parecendo assim. Então eu sei que vamos usar alguns textos. A primeira seção. E vamos ver o que acabamos de construir na parte da frente. Então, vou clicar no botão inicial para atualizar esta página. E está super vazio como deveria ser. Se você olhar para o nosso design, temos uma imagem de largura total. Então também temos um título, então um grande pedaço de texto, e temos um subtítulo e temos uma seta suspensa à esquerda sobrecarregada. Vamos ver se podemos construir algo assim. 20. Adicione imagens à sua página da sua web: Primeiro, vamos começar com a imagem de fundo. Vá para o back-end da página e eu vou clicar em configurações de um ano. Vai te dar um pequeno pop-up e é pop-up e você pode arrastá-lo. Blizzard onde você mora, você pode torná-la até em tela cheia. Eu sempre gosto de mantê-lo assim. E, em seguida, clique no plano de fundo. Você pode dar uma cor de fundo. Você pode dar a ele um gradiente como duas cores. Muito chique. Se você fizer isso, você passa por cima. Se você passar o mouse sobre ele, poderá excluí-lo novamente. Mas estávamos enviando uma imagem. Então, vamos precisar da imagem de fundo. Já tenho um. Degas, alguns astronautas com alguns ursos. Se você é um usuário de Mac e está trabalhando em um computador Apple e estiver usando, está familiarizado com a visualização do programa. Se você usar o breve software, poderá ir para Ferramentas e mostrar inspetor. Você quer ter certeza de que as configurações da faculdade estão em RGB. Portanto, este é o RGB é para telas. Se for CMYK ou outra coisa, é mais usado para impressão. Então você quer usar a imagem com as cores, com o modo de cor RGB, e você queria olhar para o tamanho da imagem, eu recomendo usar o mínimo, normalmente uma grande largura de 19201000920 pixels de largura. Para computadores normais. Se você estiver usando computadores mais avançados com telas Rick Dina, então você quer subir até a largura mínima de 2560. Os kilobytes nunca devem ser superiores a 300. Para manter seu site carregando muito rápido. Se sua imagem ainda for um megabyte ou dois megabytes, você precisará redimensioná-la. Como você redimensionar uma imagem? E você pode ir para Ferramentas e tamanho único. Você pode alterar a largura, a resolução, a resolução, você sempre pode colocá-lo em 72, isso é 300, colocá-lo em 25062560 ou 920 e clicar em OK. E então você pode ir para Arquivo e clicar em Exportar. Você pode selecionar para onde deseja exportá-lo. Queremos ter o formato jetpack. E você pode deslizá-lo assim. E é um pouco jogando como colocar 160 KB agora, níveis de assistente social ou papel de parede. E ainda está parecendo bem afiado. Então, vamos fazer o upload dessa imagem. Você pode carregar seu arquivo, selecionar arquivos e ir para sua área de trabalho e carregá-lo de lá. Não se esqueça de alterar o título, descrição e o alt-text novamente. Certifique-se de que esse tamanho esteja definido para largura total e, em seguida, carregue uma imagem. Clique no botão verde para salvá-lo por enquanto e atualize-o. Agora você quer ir para sua outra profundidade, refrescar para a praia. Aguarde até que isso termine de carregar. E agora temos uma imagem em segundo plano. Tudo bem, vamos supor que você tenha um papel de parede muito grande como este. E você quer deixar a imagem na web pronta. Você quer fazer isso abaixo de 300 KB. Você deseja definir a resolução para 72. E você quer ter o tamanho com a largura certa, portanto, não maior que 2560 pixels. O que você pode fazer, você pode ir para o pequeno PNG.com. Você vê um belo panda com uma coroa neste aplicativo e pode arrastar e soltar imagens que deseja redimensionar. Então, por exemplo, essa raiva mantida no espaço é 419. Gabe, o que é assar? São mais de 300 que recomendamos. E vamos compactá-lo apenas enviando-o para o site e depois baixá-lo. Mas, em seguida, a versão compactada, reduzimos 20%. São quase 300. No momento eu posso viver com isso. Você poderia redimensioná-lo ainda mais. Sempre certifique-se de que ele ainda esteja com uma aparência nítida. Bem, isso tem um intestino afiado. E é assim que você pode redimensionar imagens facilmente com um pequeno PNG. Isso também funciona com arquivos JPEG também. Portanto, não se preocupe com os arquivos PNG ou JPEG. 21. Adicione texto e divisórias à sua página da web: Ok, então nós enviamos a imagem de fundo e precisamos adicionar algum texto. Vamos usar um cabeçalho. E o título que vamos usar é o título número 11. A coisa a ter em mente é que você só pode usar o título uma vez em cada página da Web é como se você só pudesse dar um livro um Dido, Não faz sentido dar uma árvore de livros. Essas pessoas ficam confusas. O mesmo acontece com as páginas da Web. Então esta é a página inicial dos foguetes sociais, enquanto talvez um pouco chato. Então, para o propósito do vídeo, vou usar um conteúdo de mídia social. Esse será o meu título um. Vou pressionar Enter no cabeçalho. Fora deste mundo. Vamos clicar em Salvar agora e atualizá-lo. Olhe no front-end. Eu ia procurar atualizando a página. É preto e preto na imagem, não nos mostrando muito bem como ela deve parecer. Então, vamos mudar isso. Então, se estivéssemos fazendo no backend do site, vamos alterar esta coluna 250% de 50%. Então, no lado esquerdo, há o texto sendo uma barba, ou talvez até mesmo fazê-lo. 2 terço, 1 terço. Em seguida, vamos para as configurações e deixe-me passar pelas configurações de design deste módulo de texto. Lá você pode ter alguns menus suspensos com bancos com coisas tecnológicas assim. Adicionamos alguns cabeçalhos e a fonte do cabeçalho que vamos usar é fonte de fase alimentada. Vá. Vamos colocá-lo em negrito. Por aqui. O texto ficará alinhado à esquerda. Deve ser branco. Vá. É isso para as configurações do cabeçalho um. Mas o cabeçalho deve ser definido para o título secundário é chamado de marcador permanente. Role todo o caminho até o B. Lá vai você. Um pouco mais de fonte cómica, muito legal. Devemos ter isso em capitais, e acho que deve ser comprado dois. Tudo bem, vamos ver o que acabamos de criar. Ele lentamente começa a se parecer com o nosso design. Então deixe-me pegar o design. Temos o texto em branco, e temos o texto preto aqui, que deve fazer disso um Y2, e devemos adicionar algumas cores de fundo. Então, como podemos fazer isso? Vamos ver. Estamos trabalhando no back-end do tempo de auditoria do site, mas você também pode trabalhar no front-end. Assim, você pode ativar o construtor visual clicando aqui. Você também pode fazer isso a partir do back-end BY construído no front-end. Portanto, esse é um recurso muito bom. Então você pode realmente ver o que você ganha. Você pode selecionar isso e até começar a morrer se quiser ter mídias sociais ou algo assim. Se você passar o mouse com o mouse, você já se acostumou com isso. Estamos usando seções e podemos criar funções. E então, dentro das linhas, podemos criar textos, módulos e coisas assim. Se você passar o mouse sobre esses elementos, verá certas configurações ou emparelhar nele. Este é um recurso muito bom que você pode construir no front-end que temos agora duas seções. As coisas azuis são seções. Às vezes, eles são laranja ou roxo se forem um pouco de especificações, mas a maioria deles é azul. E então conseguimos, dentro desta seção, temos uma linha. Porque em nosso design, se você der uma olhada, temos um fundo preto e um fundo rosa do texto e não sabemos como você chama isso, mas você vê a cor. Então você sabe o que eu quis dizer? Vou duplicar este módulo com um clique de um botão. Temos dois módulos de texto agora. O primeiro, o primeiro que precisamos para fazer um fundo preto. Então, se você colocar isso de lado e depois adicionar alguma cor de fundo, precisamos torná-lo preto. Você pode clicar aqui. Mas agora você verá que ele está tendo muito em torno dele. Então, voltamos para a seção de design. E você pode alterar todas as seções de projetos aqui. Mas com o cabeçalho um, você vai até o espaçamento. E então você pode adicionar alguma margem e preenchimento ali. Mas há texto preto não é viável agora. Então, vou excluir o texto como ele está. E então, dentro do nosso design, temos algum espaço em torno dele. O que vamos fazer? Vamos adicionar um pouco de preenchimento na parte superior. Vou acrescentar. Porcentagem de Tripp. Na parte inferior, vou adicionar 3% também. A razão pela qual eu faço porcentagens e não fixadores é que eu quero tê-lo responsivo em um celular, tablet, tela super grande, seja o que for. Eu também queria adicionar algumas coisas no lado esquerdo e direito. Então está parecendo mais ou menos o mesmo. Assim. Eu quero torná-lo um pouco menor. Eu defini para a coluna 50, 50%. É assim que você muda o plano de fundo da dívida. No segundo módulo de texto, vamos excluir o primeiro texto assim. Este texto deve ser, deixe-me ver branco. Então, entramos em mudança para precisar clicar em outro lugar agora. Então eu pairo sobre este módulo de texto. Às vezes, é um pouco difícil clicar nele e ainda estamos selecionados. Estou clicando no cabeçalho. Lá vai você. Em seguida, você pode clicar nele e ir para design, alterar os textos do cabeçalho. Faça porque havia um cabeçalho dois, se você se lembrar em seu conteúdo você vai para Texto, selecione-o e, em seguida, há um cabeçalho. Você pode vê-lo nas tags HTML. Este é o título dois. E então você passa pelo design, texto do cabeçalho, cabeçalho dois. E vamos fazer a cor de fundo primeiro. Definimos a cor do plano de fundo. Vamos projetar novamente, espaçando em alguma roupa de cama, talvez 2% desta vez. Vincule-o aqui também. Eu olhei para o nosso design como queremos. Bem, há mais ou menos o mesmo, mas ainda precisamos torná-lo branco. Vamos para o cabeçalho, o texto, cabeçalho tem o cabeçalho para a cor branca. Lá vai você. Conteúdo de mídia social que está fora deste mundo. O tamanho da fonte é mais ou menos bom. Lembre-se de que queremos melhorar isso, mudamos um pouco. Podemos aumentá-lo. Então, precisaremos mudar isso para algo assim. Tudo bem, então você notará que há uma diferença no espaço da barra, como a barra preta e uma barra grande. Há algum espaço em branco à medida que vamos por aqui. Então, se quisermos resolver isso, o que criamos agora é uma seção que tem a largura do tratado. Então, o que podemos fazer se duplicarmos isso, eu digo duplicar isso e excluímos esta seção. E se excluirmos esta minha mandíbula, então teremos duas seções com um módulo de texto. E este podemos torná-lo menor, como talvez 1 terço para sujeira ou algo assim. Deixe-o sujo. Seis pixels. Eu deveria ver que você precisa brincar com isso um pouco. Lá vai você. Parecendo nosso design. Se você quiser ter essa imagem um pouco maior, se você passar o mouse sobre, verá algumas, algumas seções azuis borradas ou algo parecido. Você pode arrastar. Se você segurá-lo com o mouse, você pode arrastá-lo. E se você olhar muito de perto, verá o número de pixels que você está arrastando. Você pode torná-lo maior ou menor. O mesmo vale para a seção superior. E você também pode, se você for para as configurações e, em seguida, nas configurações da seção, para projetar e espaçamento. É aqui que você altera essas configurações. No momento, ele realmente começa a se parecer com o nosso design. E é assim que você define a altura da sua seção. E você tem o mesmo com seus módulos. Portanto, há bastante espaço entre esses dois módulos. Vou passar o mouse sobre isso. Em seguida, vou selecionar esse ícone de configurações das minhas configurações de função. Entre o, entre as duas linhas. Eu não quero ter nenhum espaçamento, então vou remover toda a margem, toda a roupa de cama, e isso vai aproximá-lo um do outro. Vou fazer da mesma forma se a linha da seção superior, sinto muito. Agora está muito perto um do outro. Talvez um pouco perto demais. O botão. Talvez você quisesse ter 3%. E isso está muito bonito. Talvez 2%. Projetar sites pode ser um pouco perfeccionista. Não tente torná-lo muito perfeito. Você pode gastar horas em consertá-lo Perfeito, apenas para fazer o trabalho, lançar um site e continuar melhorando. E antes de podermos ir para a segunda seção e trabalhar com dívidas, temos esse divisor dividindo entre duas seções. Queremos torná-lo direto, bom negócio canal. Queremos fazer uma diagonal. Vamos para as Configurações e clicamos em Design e depois em divisores. Em seguida, queremos adicionar um estilo de divisor ao botão. Portanto, seus estilos de divisor que você pode selecionar. E vamos fazer com que pareça assim. Mas em nosso design é o contrário. Então, precisamos virar. Então você pode virar o divisor aqui. E você pode até decidir o quão alto ele deve ser. E se você acha que estragou tudo, basta clicar no ícone Atualizar ali e ele volta para o item padrão. Nós quase terminamos. Uma última coisa que esquecemos de adicionar é a seta para baixo. 22. Adicione uma seta e links de ancoragem: Tudo bem, então ainda estamos construindo este site. E uma coisa a menos que ainda não incluímos é uma pequena seta suspensa para poder se você clicar nela, você rolar para a próxima seção é um recurso muito bom que, ao contrário de como você constrói isso , se você clique nisso e esta é a seta para fazê-la rolar para baixo, o que vamos fazer agora? Vamos adicionar nossa primeira imagem. A imagem que vamos carregar. Já criei um pequeno arquivo PNG. Com arquivos PNG, você pode torná-los com um fundo transparente. Então, temos essa seta branca com um fundo transparente. Renomeie-o foguete social. Há seta para baixo, branca. Texto, descrição. Mantenha o tamanho como quiser. Vai torná-lo médio para o momento. Ainda é muito grande. Preciso redimensioná-lo primeiro. Vamos fazer isso. Vou fazer essa largura de 50 pixels, o tamanho dela agora. Exporte-o como um arquivo PNG. Vamos fazer o upload do arquivo que acabamos de salvar na área de trabalho. Png, seta, tamanho, texto e descrição. Como sempre, carregue a imagem, mas a imagem ainda não pode ser clicada. Vou clicar em Salvar agora mesmo, se você não vir o botão Salvar, você pode usar o Control S ou Command S para usuários de Mac para salvar automaticamente sua página da Web. Se você não quiser usar a tecla curta ou não souber quais são as teclas curtas, você pode clicar neste ícone roxo e clicar no botão Salvar. Lembre-se sempre de salvar seu trabalho anterior e, portanto você não perde nada se perder sua conexão com a Internet ou algo assim. E agora, vamos dar esta segunda seção. Estamos passando pelas configurações avançadas agora. Viva como assustador. E vamos usá-lo. Vá nesta seção, faça apenas como uma palavra. Copie esse nome de ID CSS. Damos a esse elemento, esta seção, daremos um nome a ele. Agora podemos dizer que se você clicar nesta imagem, nesta seta para baixo, podemos vinculá-la dentro do URL do link da imagem. Vamos encerrá-lo com barra direta, depois com o ícone da hashtag. E então, e com o nome que demos ao SSS ID, vamos bater em salvar, atualizar a praia. Então, se ficarmos com o mouse no ícone, ele diz que a imagem do ícone assistente social de maré fica em camadas de seta para baixo ou branco. Mas se você olhar para o canto inferior esquerdo, verá que qual é o link se eu vou clicar nesse elemento, e agora ele cresce. Então, se voltarmos ao topo, clicarmos novamente e rolar para baixo, o site não é longo o suficiente para rolar até um ano. Ainda temos que construir isso. Mas é assim que você cria elementos clicáveis. Também gosto que esses módulos de textos sejam vinculados a esta seção. Nós vamos fazer isso agora também. Clique em Salvar. Há um também. Link. Rolando. Seguro. Mais uma vez. Olhe na frente, onde você cria e atualiza a página? Eu fiz isso com meu teclado. Clique no ícone e agora ele está vinculando a outras seções do site. 23. Adicione um botão: Legal. Vamos dar uma olhada no nosso design novamente. Aí estamos nós. Já abordamos como adicionar uma seção de texto. Então, vou criar isso. E uma vez criado, nós ensinamos a criar um botão. Tudo bem, então temos nosso texto, meu trabalho. Agora vamos adicionar um novo módulo. Então, vou clicar no ícone cinza mais e vou procurar o módulo do botão. Nosso design tem um botão preto com a fonte de marcador permanente. E o botão está olhando. Vamos criar o lindo botão acordo com o design. Primeiro, começamos com a parte do conteúdo, então o texto do botão deve ser lido mais. E vamos criar um link para uma página Sobre. A página sobre ainda não foi criada. Mas para o propósito deste vídeo, apresentamos que o campo já foi criado e tem sobre nós. Então, esse será o link. O botão de link será chamado de marca vermelha. E agora precisamos estilizar o botão. Então S para cada módulo, é aqui que você altera todas as configurações de design. Aqueles que têm o botão alinhado no meio ou no lado esquerdo. Então, temos no lado esquerdo e no design, você quer que o texto seja claro ou escuro? Bem, queremos ter texto em branco, então colocamos isso à luz. Você quer usar estilos personalizados para o botão? Se você se lembrar, você pode alterar as configurações dos botões no personalizador, mas temos cores diferentes para botões diferentes. Precisamos criar os botões sozinhos aqui. Eu não vejo o texto agora, então vamos adicionar a cor primeiro, então a cor deve ser preta. Agora temos um botão preto, temos algum texto em branco. Qual o tamanho do texto? No meu caso, vou colocá-lo em 26 pixels. Então, haverá um botão muito grande. Então eu também posso mudar o Buttercup e a cor da borda para preto. E o raio da borda, os cantos da borda são arredondados. Então, neste momento, está um pouco arredondado com três grandes molhos. Nosso botão é mais arredondado no design. Talvez façamos isso para dez pixels ou até mais de 15 talvez. Vamos olhar como um bom botão. Também podemos alterar a fonte do botão. Mais uma vez, vamos usar marcador permanente. E acho que podemos melhorar esse tamanho, aumentar o tamanho um pouco da fonte sobrecarga. Portanto, 28 funciona bem neste caso, maioria dos tamanhos de fonte pode ser um pouco menor. Criamos o botão Leia mais e você pode continuar jogando com as configurações aqui. Não éramos todas as letras e maiúsculas. Então você faz assim. Se eu passar o mouse sobre ele agora, você verá esse pequeno ícone. Eu escolho quatro agora para não usar isso. Mas o que eu faço, 1.5 é que se você passar o mouse sobre esse botão, eu quero que a cor seja alterada. Você sabe, você pode clicar nele. Então, como você faz isso? Se você tiver estilos personalizados e escolher o mouse sobre a cor de fundo, você verá este pequeno ícone do mouse. Esta é a versão para desktop ou a versão do mouse. E temos que passar o mouse na versão. Podemos torná-lo um pouco escuro como tratar a árvore de retiro. Temos a versão para desktop e passamos o mouse sobre ela. Tem esse efeito pequeno e agradável, talvez até mais leve. Então, que tal cinco por cinco? Então você quer fazer a mesma coisa com a cor da borda da manteiga 555. Tudo bem. Nós cobrimos todas as configurações do botão agora. Não se esqueça de vinculá-lo aqui. E uma coisa que você pode escolher se estiver vinculando dentro do seu site, sempre abra na mesma janela. Se você estiver vinculando o botão a outro site, recomendo no novo deck, isso é melhor para fins de SEO. Se você talvez esteja pensando sobre a mudança no futuro, seu nome de domínio ou talvez queira incluir www ou algo assim. As melhores práticas são usar o prefixo do domínio, como a primeira parte do domínio, deixá-lo de lado. Então, apenas tudo por trás do.com.nl ou o que quer que você esteja usando na barra dianteira, você pode usá-lo no link. Essa é a melhor prática para adicionar links ao seu site. Portanto, se você for uma estrutura vinculada muda no futuro, você não receberá nenhum link quebrado. O que vai prejudicar seus rankings de SEO e coisas assim? Resumindo, basta usar a barra e depois tudo o que você precisa colocar aqui para vincular seus botões, links e tudo o que você está vinculando. 24. Adicione uma sobreposição de cores: Então, criamos a primeira seção. A segunda seção. Agora é hora de continuar a deteriorar a seção. Vamos adicionar uma nova imagem de fundo, acordo com nosso design. Encontrei um muito bom com alguns donuts e alguns unicórnios que não gostam disso. Então foguete social, há rosquinhas e unicórnios. Estou curioso sobre o que meus amigos do Google estão pensando agora sobre nosso site. Se eles começarem a indexar isso, mas faça o upload da imagem agora mesmo. Mas a coisa é, está parecendo super legal. Podemos torná-lo maior se gostarmos. Mas o problema é que vamos, em alguns textos ou módulos sobre isso vai ser muito difícil ler porque há tantas cores e com o contraste vai ser muito difícil. O que precisamos fazer, precisamos, esta seção ainda não tem uma linha, então vou adicionar uma linha. Vou dar uma cor sobre a imagem. Vamos aumentar o módulo de texto agora porque ele quer que eu escolha um módulo que esteja bem por enquanto. Esta linha e uma para fazer toda a largura. Então você faz isso e a seção de design, e então você entra no dimensionamento. Você precisa usar gusto, gustation, largura da calha. E então você coloca isso até 0 e a largura deve ser 100%. É isso por enquanto. Tudo bem, então adicionamos alguns doadores, temos alguns unicórnios, mas de acordo com nosso design, queremos tê-lo um pouco mais rosa. A razão é porque esse texto agora é muito difícil de ler. Não importa se é branco ou preto. É difícil de ler com tantos estudiosos por aí, então damos uma boa cor de sobreposição. E há muitas maneiras de fazer isso, mas uma das maneiras mais fáceis é usar a ferramenta de gradiente. Se você selecionar a ferramenta de gradiente, vai lhe dar algumas cores. Você pode adicionar as metas de cores conforme desejar. E estamos usando o H6. Vamos usá-lo em ambos os lados. Mas agora está completamente rosa. Provavelmente, quando você fizer isso , o botão não selecionado reproduz a imagem de fundo imparcial gradiente. Então, se você selecionar isso, ela colocará a imagem abaixo da faculdade de gradiente que você está adicionando agora. A faculdade de gradiente vai estar no topo. Então, vou arrastar e soltar isso um pouco. Assim. Vou copiar esse código. Vá para a outra cor, dois pontos e inchar. E depois cole-o. Lá vai você. Temos uma cor de sobreposição rosa para nossa imagem de fundo. Então, neste momento, vou mudar a data. 25. Adicione uma opção em formulário: Então, nesta seção, também precisamos criar um formulário de aceitação. O que é um fórum aberto? Você pode coletar endereços de e-mail e algumas informações pessoais, como um amigo chamado lastname, coisas assim. Então, vamos procurar o módulo opt-in, o aplicativo de e-mail, então. Está lhe dando uma tonelada de coisas. Então, vamos precisar desse texto. Podemos remover o título também para o nosso design. E o plano de fundo. A cor da imagem também é necessária. Isso vai ser transparente. Não quero ter as pessoas seus sobrenomes porque posso perguntar. Mas quanto mais perguntas você fizer, menos provável é que as pessoas preencham. Assim, você pode selecionar se deseja mostrar o campo de sobrenome ou não. Vou clicar em Selecionar saber. Já criamos os campos que precisávamos. Só precisamos ter certeza de que o botão está um pouco mais bonito. E isso precisamos, precisamos conectá-lo ao nosso sistema de marketing por e-mail. Tudo bem, então você pode alterar as configurações dos botões aqui. Já explicamos isso com o botão Leia mais. Está mais ou menos funcionando da mesma forma. Assim, podemos usar o que usamos lá. Vou fazer isso muito rápido para você. E depois disso, mostrarei como conectá-lo ao seu provedor de marketing por e-mail ou a uma solução. Tudo bem, então criamos o botão. Também. Eu queria mudar as cores desse texto da raça que está nas caixas do formulário. Você pode alterar o texto do título. Você pode alterar o corpo do texto, um texto de mensagem de resultado. Você precisa alterá-lo com campos. A cor dos campos. Podemos torná-lo preto também. De acordo com nosso design, as rixas não devem ter fronteiras. Os cantos arredondados podem ir para 0. Você também pode alinhar isso alterando o espaçamento. Vamos colocar a margem e a cama inclui 0. Vai trazê-lo um pouco para a guia se você quiser alinhar ainda mais. Uma coisa que você pode fazer é adicionar o divisor. O que o divisor faz? divisor traz algum espaço extra e você vê um pouco de uma linha ali. Mas eu não quero mostrar o divisor. E eu movê-lo para o topo. Agora podemos alinhá-lo um pouco mais. Algo assim. Criamos uma boa seção. A última coisa, as pessoas estão preenchendo o antebraço agora, onde vão as informações? De novo? Você percorre as seções de módulos , seção e pode conectá-lo a uma conta de e-mail. O serviço padrão fornecido é selecionado como mailChimp. Mailchimp é o email marketing mais usado e nós o usamos muito para nossos clientes. Assim, você pode ir ao MailChimp.com e se registrar em uma conta lá, inscrever-se gratuitamente até 2 mil endereços de e-mail. Se eu estiver corretamente, você pode usá-lo gratuitamente acima de mais de 2 mil endereços de e-mail, você precisa começar a pagar por isso. Mas depois que você estiver logado e se você estiver no Google para obter alguma documentação, você pode descobrir como conectá-la você mesmo. Mas, basicamente, você precisa conectar o provedor. Mas como existem muitos provedores e não podemos explicar todos eles, não vamos fazer isso neste curso, então você provavelmente usará o MailChimp, usa o Mailchimp. Se você estiver usando isso, se ele estiver conectado, você pode selecionar sua lista ali. Se você ainda precisar conectá-lo, basta procurar Mailchimp, integração Diffie. cérebro deve fazer o módulo de opção de e-mail. Esta é a documentação oficial do Elegant Themes. Aqui eles explicam mais detalhes como você pode conectar seu módulo de aceitação por e-mail. E eles fornecem documentação para todos os provedores de e-mail. Você tem uma campanha ativa. Muitos outros. Uma coisa muito inteligente a fazer com as páginas, desde que isso, você pode usar o Control F ou em um Mac Command F. Ele fornece uma barra de pesquisa de letras e procurar o nome Mailchimp. E ele traz deve diretamente para a seção. E em todos os lugares onde o Mailchimp é mencionado. Lá você verá como você pode conectar a conta. Então encontre sua solução de marketing por e-mail. Se você não sabe qual usar, recomendo usar o Mailchimp e então você pode descobrir a partir daí. Tudo bem, então vamos supor que você está conectado ao seu módulo de e-mail. Agora terminamos de criar a terceira seção do seu site. Então é hora de salvá-lo e ver o que criamos até agora. Eu atualizo a página. Podemos rolar para baixo agora para a segunda seção. Você pode ler nossa declaração de missão e ir para a página inicial ou a página sobre a qual ainda precisamos vincular. Você provavelmente notou que nosso módulo ideal não está aparecendo. E o motivo ainda não está conectado a nenhuma glândula de marketing por e-mail. Mas se o tivéssemos conectado ao Mailchimp, você teria visto essa pequena coisa ali. Mas para o resto, tudo está acabado e podemos ir para a seção número quatro. 26. Adicione seus USPs e um texto de interrupção: Tudo bem, então precisamos trazê-lo em outra linha horizontal como esta. Podemos trabalhar na seção número quatro. Vamos começar a construir. 27. Adicione um formulário de contato: Tudo bem, criamos um pouco de resto do *****. E muitas pessoas também queriam ter um formulário de contato na página da Web. Então eu já edito o módulo do formulário de contato e você pode adicionar campos diferentes. Então, talvez você quisesse coletar um número de telefone. Pode alterar algumas opções de campo. Assim, você pode criar um campo de entrada. Você pode torná-lo um e-mail, área de texto, caixas de seleção, coisas assim. Então, se for uma área de texto, será um pouco maior. Entrada, campo de entrada deve estar bem. Parece isso. E você pode dizer que se este é um campo obrigatório sim ou não, mude com as configurações. Você pode arrastá-lo e soltá-lo na ordem como quiser. Você verá que meu número de telefone agora tem largura total, mas a outra seção ou não, vou alterar essas outras seções para torná-lo largura total também. No layout de design, você pode torná-lo largura total. Vamos fazer o mesmo com o e-mail, defini-lo para largura total também. Você pode mudar com as configurações, novamente, o texto Configurações de campo e ele ficará preto. Você pode mudar como as opções de campo por campo. Mas você não quer ter apenas este formulário de entrada para ter a letra preta. Então, vou colocá-lo de volta às configurações padrão. Volte. E, em seguida, para todas as configurações do módulo, rixas. Agora eles são todos pretos. Algo que é realmente importante e principalmente dá errado é que você precisa colocar algumas informações. Algo que muitas pessoas esquecem. Eles esquecem de colocar o endereço de e-mail onde ele está antearmado deve ser enviado. Você pode enviá-lo para no meu endereço, chiclete, em seguida, adicionamos a mensagem melhor. E se você selecionar esse pequeno ícone para uma explicação, explica que você deve colocar nos nomes de campo como deseja receber o e-mail. Então, o que eu sempre faço é mergulhar na URL base. Vou copiar meu nome de domínio para saber onde o antebraço foi preenchido. E se você rolar de volta para o topo, verá que o ID do campo tem nome e cuidado porque isso é sensível para maiúsculas ou não. Então, se esta é uma letra grande, N, faça dela uma grande letra também em seu campo. Em suas configurações. Se eu vou receber este formulário agora, vou receber apenas o que as pessoas preenchem como nome. Você quer fazer isso para todos os seus campos de entrada foram definidos. Se você quisesse ter um Dido acima dele. Bem, já temos o módulo de texto. Você quer ter uma mensagem de sucesso? Por exemplo, sua mensagem ficou sem espaço. Obrigado. O botão enviar. Você pode alterá-lo para enviá-lo para todos os nossos ascendentes lá fora. E você pode até usar alguma proteção contra gastos com alguma captura básica que você precisa para fazer alguma matemática fácil. Ou você pode usar um salto de recapitulação mais avançado acha que é um pouco mais avançado, então eu não vou passar por cima disso. Isso você será suficiente agora para usar a captura básica que evita o sapato para receber e-mails de spam em sua caixa de entrada. Quando terminar, clique no ícone verde, salve a praia e sempre teste o fórum e veja se você está recebendo o e-mail. Então, vamos experimentá-lo. Vou preencher meu nome, meu número de telefone falso, meu e-mail. Isso também é falso por agora. E digite uma pequena mensagem. O grupo fora é profundidade. Vou fazer algumas contas fáceis. Espero que eu tenha acertado e envie-o. Sua mensagem saiu do espaço. Obrigado. Vamos verificar nosso e-mail para ver se recebemos e recebemos uma nova mensagem dos foguetes sociais. Como você verá, fiz alguns erros de digitação com o número de telefone e o endereço de e-mail. Então, felizmente, verificamos. Podemos voltar para as configurações, ir para o módulo e, em seguida, o ID do campo está cheio. Vou copiar isso para poder fazer erros de digitação novamente. Vou mudar essa base. Provavelmente será o mesmo para o e-mail. Basta verificar novamente. Sim. Esse é o e-mail. Salve novamente. Atualize para o tom. Dê outra chance. Meu nome é Steve. Número de telefone. Obtenha isso para 26 por agora, envie-o. Voltamos aqui. Temos outra mensagem, e agora ela está nos dando os dados, como gostamos. Então é assim que você cria seus fóruns de contato. 28. Faça sua página da web: Tudo bem, então criamos uma página da Web inteira. Quão incrível é isso? Esta é a versão para desktop. Se você quiser brincar com a versão do tablet ou até mesmo com uma versão móvel, maioria das pessoas está assistindo sites no celular agora. Existem esses pequenos ícones no canto inferior esquerdo ali. Então você pode imaginar que talvez essa fonte seja um pouco grande demais aqui. Então, é assim que você pode verificar isso em uma área de trabalho está assim. Em um celular, está parecendo assim. Espaços muito grandes, grandes também. Agora você também pode alterá-lo para dispositivos móveis. O que eu gosto de fazer e deixar tudo pronto para desktop para uma página. Então eu o preparo para todos os dispositivos, como tablets e dispositivos móveis. E depois que todos os módulos estiverem definidos para as configurações corretas, começarei a criar várias páginas. Eu preparo uma área de trabalho primeiro, depois móvel e depois uso todas as configurações certas em todo o site. Se você passar pelo design e quiser alterar as configurações de linha apenas para dispositivos móveis, por exemplo, esse espaçamento, adicionamos, editamos essas pequenas margens de uma barragem. Mas se você quiser apenas mudar isso no celular, você tem esse pequeno ícone do celular e pode alterá-lo entre dispositivos diferentes. Talvez não queira nenhuma margem em um celular. Remoto, algum espaço sobrecarregado. Talvez você queira alterar o tamanho do título do seu título um ali. Mais uma vez, você precisa criar um texto de cabeçalho. Selecione um, tamanho do texto do cabeçalho, mouse sobre isso, clique no ícone de um celular. E então, para pho, coloque também, sujo seis, ela ficará bem. Ou talvez até 26. Se você quisesse tê-lo em uma linha. Lá vai você. É assim que você o altera em um dispositivo móvel. Vamos encerrar este vídeo em uma versão para desktop e coisas que ainda não abordamos. Não criamos nosso rodapé, a seção inferior de todas as páginas da Web. E precisamos mostrar como você novamente nas páginas do menu do ano. 29. Crie seu rodapé de site: Então, por enquanto, vou sair do construtor visual, salvar e sair. E isso nos levará ao site. E eu queria ir ao painel. Se você digitar a barra direta do WP stripe admin, vá para o back-end e, em Aparência, encontrará widgets. É aqui que você edita e cria a seção de rodapé. Então, na barra lateral, vou clicar nela por enquanto. Nesta área de rodapé um, o que eu sempre gosto de fazer é acrescentar um pouco sobre decks aqui, sobre foguete social. Há, isso é incrível sobre o texto. Vou colocá-lo um pouco assim. Apenas para algum texto falso, faça um texto muito legal, porque esta é a primeira introdução e muitas pessoas vêem sobre você. E depois mais sobre nós. Você pode vinculá-lo à sua página Sobre nós, algo que eu recomendo. Você pode fazer barra direta sobre o Stripe , como talvez queira sublinhá-lo. Você faz isso com um pouco de HTML. Eu já sublinhei com o comando de tecla curta para você para subjacente ou Control U se você quiser fazer isso e depois salvar. Vamos ver o que acabamos de criar. Vou atualizar esta página. Role até a parte inferior. E este é o texto com o link que acabamos de criar. Então, queremos ter quatro colunas aqui. O que eu sempre faço na segunda coluna, vou adicionar um menu e deixar-me alimentar. Há um menu de navegação, você o arrasta e solta. Não há menus criados até agora. Então, vamos criar um menu. No primeiro menu que vamos criar um menu de rodapé, vamos clicar em criar menu. E então podemos preencher todas as nossas páginas. Apenas um. Vamos em casa. É bom. Mais uma vez, vamos voltar. Depois de salvar em nossa seção de widget, vamos para a área de rodapé número dois, abrimos a seção de navegação. Agora vamos adicionar um pouco de maré, selecionar o menu, clicar no menu do rodapé e clique em Salvar. Se atualizarmos a página novamente. Agora até temos um menu bonito ali. Então, o que você quer colocar em uma terceira coluna que depende de você. Você pode adicionar talvez um pequeno fórum de contato, talvez alguns ícones de mídia social ou coisas assim. Ataque alto às vezes o que as pessoas gostam de fazer, o que você também pode fazer é o seu maior motivo se orgulha, isso é algo que eu faço com frequência se você vai usar um feed de blocos ou notícias Beach, algo assim. Vou chamar isso de notícias mais recentes. E podemos mostrar nossos últimos três artigos. Isso é para comida. E número três, role de volta para o topo. Temos mais uma área de rodapé para cobrir. É aqui que sempre vou colocar os detalhes da minha empresa. Esta é uma boa estrutura. Você pode alterá-lo se quiser, mas funciona para muitos de nossos clientes. Então, por que não está funcionando para você? Fogueteiros sociais, nome da nossa empresa, vou colocar isso primeiro em negrito. Está parecendo super legal. Então não faça mais os dois. Shift Enter, e então vivemos em Júpiter lá. Número um, o código postal é 111 AB. A cidade é a lua, e o pórtico é espaço. Você pode adicionar seu número de telefone. Não conheço os números no espaço. E no social, foguete, chiclete deles. Uau, talvez você queira vincular dias. Você pode adicionar um golfe ao link. Isso é algo que você faz assim. Você acabou com os pequenos links. Então, se as pessoas clicarem nele em nosso celular, elas começaram a ligar para você. E você também pode adicionar uma refeição ao link. Então, se as pessoas clicarem nisso, elas podem começar a enviar um e-mail para você, abra seu programa de e-mail. Esse é um recurso legal para saber como você faz isso. Vamos pressionar Salvar novamente, ver o que criamos. Lá vamos nós. Temos um rodapé incrível. 30. Adicione o menu do seu site: Legal. Precisamos de mais um menu. Novamente, vamos aos menus de aparência, e já criamos o menu do rodapé, mas precisamos de outro menu. Há um pequeno link escondido quase criar um novo menu. Damos um nome a ele. Portanto, este é chamado de menu de cabeçalho. Crie o menu e, em seguida, faça tudo. Encontramos a página inicial posterior. Vamos criar a casa. Salve isso. Para o propósito do nosso vídeo. Vamos criar algumas páginas extras. Vamos editar rapidamente esse código, a página sobre nós. Faça essa lesma sobre nós. Vamos fingir que temos uma página muito legal sobre nós no momento. Temos que vestir o prato e uma nova página. Vou entrar em contato conosco. Agora temos três páginas, certo? Então, voltamos para nossos pais. Vamos adicionar essas páginas. Agora temos mais algumas opções aqui. Então, vamos adicionar esses dois também. Você pode mudar isso se quiser. Gosto de mantê-lo curto em vez de sobre nós, gosto de usar uma palavra, preferência pessoal. Não sei por quê. Você acabou. Não se esqueça de salvar. Você também quer alterá-lo no menu do rodapé. Uma coisa que você pode fazer com o menu do rodapé, é aqui que você vê e qual menu você está trabalhando. Estamos trabalhando em um menu de rodapé. Outros adicionam novas páginas de nível superior medicamente. Faça este menu. Se você selecionar isso, se você criar uma nova página, ela será adicionada à estrutura do rodapé. É um recurso muito bom, então você nunca esquece. Mas o menu ainda não está parecendo como deveria ser porque agora está mostrando mais páginas ou tentativas. E isso não tenho certeza onde está obtendo essas informações, mas o que ainda precisamos fazer, vamos para o Personalizador de Temas. Então você tem a opção do menu ali. Criamos dois menus. E aqui você pode selecionar o menu, ele deve grep. Então, esse será o menu principal. E aí está você. Acabamos de configurar nosso menu de cabeçalho. Vamos fingir que você não quer criar várias páginas, mas, em vez disso, você quer ter um único pager como um site que existe cerca de uma página. E se você clicar neste botão no menu de cabeçalho, isso será vinculado à segunda seção porque esta é a seção Sobre. Se você clicar em contato, você deseja rolar todo o caminho até o formulário de contato. Então, a maneira como você faz isso é ir aos menus. Na segunda seção, já demos um nome a ela. Então, se vamos alterar o menu de cabeçalho e clicar em Selecionar, vá para Sobre, Você pode removê-lo. Você também pode adicionar links personalizados. Eu posso fazer a seção de barra para frente. Número dois, domínio. Você vai por aí. Vou salvar o menu. Volte para a página inicial, atualize-a. Se eu vou clicar sobre agora e percorrer a seção, não importa onde. Você sempre vai lá. Se você quisesse que a mesma coisa acontecesse com esta seção de conteúdo, ative o construtor oficial. Role o caminho para baixo e clique no ícone Configurações e vá para avançado. Eu não sabia qual é o nome da seção, então vou apenas para o número das seções. Só vou entrar em contato por agora. Salve isso. Remova este link em um pequeno contato de hashtag de barra de link personalizado. Dê ao texto do link um nome, contextos, salve-o. Em seguida, saia do Visual Builder. Atualize para *****. Em seguida, boom, rolamos todo o caminho até o botão. Esse é um recurso bem legal ali. Vamos supor que você queira ter a página Sobre como uma subpágina abaixo do contato. Você pode arrastar e soltar isso e depois colocá-lo assim. Então você tem esse pequeno espaço em branco ali. Agora, é um sub h aqui. Então você obtém esse pequeno menu suspenso sobre a criação de menus. Terminamos com a construção de sua página para agora, é assim que você projeta uma página da web com Divi foi super divertido construindo esta praia. Espero que tenha sido útil para você. E vamos ser criativos e começar a criar algumas páginas da Web incríveis. 31. Ajude as pessoas a encontrar seu site no Google: Tudo bem, então agora você terminou, você está construindo seu primeiro site. Tudo bem? Tudo bem. Agora você terminou de criar sua primeira página da web. Vou perguntar-lhes é que você chegou muito longe. Você percorreu um longo caminho. Parabéns a você se você ainda estiver assistindo, estou super orgulhoso de você. E você pode se chamar oficialmente de web designer agora. Mas você não é um mercado online. Eles ainda são porque quando você terminar de construir sua primeira página da Web, o que você sempre quer fazer. Você deseja clicar em Editar página. Você vai para o alfa backend da praia. E você notou às vezes quando alguém compartilha um link no Facebook ou algo que tira uma imagem do site também. Há um lugar onde você pode configurar isso para que haja uma função de imagem em destaque. Então isso é algo que você sempre quis fazer. Isso também é bom, muito bom para fins de SEO. Carregando minha lacuna espacial favorita. E vou dar o nome de extortores sociais. Se alguém vai compartilhar meu link da minha página inicial, esta é a imagem que eles vão ver. Então eu acabei de colocar meu In Greek entrar no espaço, em vez disso. E isso é algo realmente importante para se fazer. Uma última coisa, você se lembra que instalamos um plugin chamado Yoast SEO. Yoast é um homem holandês e ele criou o plugin mais incrível para o WordPress na minha opinião. Porque isso diz exatamente o que você deve fazer para classificar mais alto no Google com sua página. Então, o Google vai pegar seu site. Então, se entrarmos no Google esse chiclete, parece ser um site muito simples. Se você for para os resultados da pesquisa, se estiver digitando ouvidos de foguetes sociais, há um monte de sites que estão se classificando para essas palavras-chave. Então, basicamente, este é o título da página, a descrição da página. Esta é a parte aqui. Como você coloca essas configurações? Bem, este é o lugar Wordpress, onde você pode fazer isso com o Yoast SEO. Então, vou primeiro adicionar uma frase-chave de foco para a página inicial, recomendo apenas o nome da sua empresa. Se for a página sobre, você pode colocar, entrar em contato com foguetes sociais ou entrar em contato conosco, algo assim. Se você quiser criar uma página especificamente para a agência de mídia social em Amsterdã, então você pode digitar algo assim. Então, por enquanto, vou dar a página do título. Vou colocar isso aqui assim. Depois de adicionar a frase-chave de foco. Vamos atualizar a página por enquanto. Salve a página e faça coisas que eu noto. Você verá que este ícone laranja ali é como trabalhar como um semáforo com vermelho, laranja ou verde. Se for laranja ou vermelho, significa que ainda não está bom. Ainda há coisas que você pode melhorar para o seu SEO e quais são as coisas que precisamos fazer? Então? Vamos clicar neste sorriso infeliz ali. Está dando a você todos os bons resultados. Então, já temos links internos. É um bom trabalho. Recebemos uma edição de frase-chave e o comprimento dela é bom. Temos atributos alt de imagem. Eu expliquei a você que você deve sempre adicioná-los. Mas ainda há um monte de coisas que você pode fazer. Por exemplo, o texto é muito curto, então eles recomendam que usaremos 300 palavras nesta página da Web ou até mais. E algumas outras coisas. Se você não sabe o que é uma dessas coisas, você pode pesquisar no Google o que é nossos links de saída e, em seguida, links de entrada são links para outras páginas. Mas você pode aprender isso apenas pesquisando essas coisas. E então você aprende o que fazer para melhorar os rankings de SEO desta página. E uma coisa que você sempre quis fazer é editar o snippet. Você pode escrever as coisas que aparecerão dentro do Google aqui. Vou adicionar meu SEO Dido, foguete social. Há minha página inicial, marketing online fora do espaço, algo assim. Posso mudar a folga da nossa página inicial. Você nunca precisará fazer isso. Mas aqui você pode alterar o permalink se precisar, mas você sempre quer preencher é a meta descrição. Então, somos ouvidos de foguetes sociais e podemos escrever algo como se estivéssemos em uma missão para salvar o mundo do conteúdo emprestado. E ainda é laranja porque não adicionei texto suficiente a essa meta-descrição. Ainda quer que eu adicione mais e Mark boards e nossa boca salvando nosso planeta. Agora você verá que só temos cinco problemas restantes. Corrigimos um enredo e um problema. Adicionamos a frase-chave na meta-descrição e editamos um pouco na frente. Se vamos colocar isso no final. Vou dizer, você fez um bom trabalho, mas precisa colocá-lo mais na frente. Então, vamos colocá-lo lá. Outra coisa, densidade de palavras-chave, precisamos usar essa palavra foguete social. Há mais em nosso site. Basta seguir esses passos. E depois de fazer isso, você fez um ótimo trabalho otimizando sua página da Web para mecanismos de busca. E algo que é super importante. Quando terminar, clique em Atualizar e verifique se tudo está salvo. Antes de encerrarmos uma última coisa. E você vê que eu salvei esta página por 28 vezes. Se você cometer um erro e não souber como voltar, vou ensiná-lo como um recurso muito bom. Se você quiser clicar em Procurar com revisões, poderá voltar às versões anteriores. Não vou fazer isso agora. Mas se você quiser voltar uma versão e restaurar seu paciente, basta clicar neste botão ou retornar ao editor se decidir que não quer alterá-lo. Apenas um bom recurso que eu queria que você soubesse. 32. Parabéns!: Uau cara, aprendemos muito. Cobrimos tantas coisas. Nós analisamos coisas super nerds com hospedagem e você descobriu como registrar nomes de domínio. Instalamos o WordPress. Instalamos o WordPress sendo instalamos plug-ins. Temos tomado decisões sobre como podemos criar nosso site e projetá-lo, e nós realmente o construímos você mesmo e otimizá-lo para o Google, basicamente, você aprendeu todos os conceitos básicos necessários para saiba sobre a criação sites que geram resultados para empresas online. E estou tão orgulhoso de você que você chegou até aqui. Foi super divertido criar todos esses módulos, todos esses vídeos para você. Preparamos um monte de módulos antecipadamente, super feliz final de semana. Até agora, também planejamos criar mais vídeos como esse no futuro. Por favor, deixe-nos saber o que você pensa sobre isso. Estamos abertos para feedback, como melhorar esses vídeos para você? Estamos criando isso para você. Deixe-nos saber como isso funciona melhor para você, ou é que já funciona muito bem. E você pode se compartilhar um pouco nas costas e se orgulhar de si mesmo por chegar até aqui. Se você chegou até aqui e realmente, ele tomou ações para construir este site você mesmo. É um grande passo em frente para o seu negócio e a internet e os sites estão sempre em desenvolvimento, então você sempre aprende e continua aprendendo todos os dias. Minha equipe ainda aprende todos os dias, mas passo a passo fica cada vez melhor. Mas agora você está pronto depois de aprender as coisas mais importantes. Então, desejo-lhe sorte no mundo e todo o sucesso com o seu negócio, com o seu site, e ele sai do espaço, certo? Muito obrigado. Estou ansioso para vê-lo nos próximos vídeos.