Como criar um site do Wordpress para iniciantes

1. Apresentação: Quando comecei a criar sites, era incrivelmente demorado, escalável e, para ser honesto, entediante. Era o domínio de pessoas como eu serem nerds, como somos chamados carinhosamente. Eu espero. É claro que, hoje em dia, graças aos nerds, muito mais espertos do que eu, há uma infinidade de plataformas que você pode usar para criar seu próprio site. E sobre o qual falaremos hoje, wordpress é extremamente fácil de usar e permitirá que você construa qualquer tipo de site que você quiser. E é exatamente isso que vamos fazer nesta aula de Skillshare. Vamos criar um site muito básico em estilo de blog ou revista. E então, quando isso acabar, vou destacar algumas dicas simples que você pode usar para garantir que não apenas seu site apareça no Google, mas também que as pessoas possam entrar em contato e seja seguro. Então, vamos fazer isso. Bem, agora vamos para o próximo vídeo. 2. Obtendo um nome de domínio: Agora, para que alguém encontre seu site, tudo, antes de começarmos a construí-lo, você antes de começarmos a construí-lo, decidirá sobre algo chamado nome de domínio. E, essencialmente, esse é apenas um endereço que as pessoas podem digitar no navegador para permitir que encontrem seu site. Pense em google.com, wordpress.com ou, bem, skillshare.com que eu penso sobre isso. Existem muitos tipos diferentes de nomes de domínio que você pode comprar, como.com.net, dot orgs ou, por exemplo se você estiver anunciando ou criando um site para o mercado do Reino Unido, você compraria um Dakota do Reino Unido e geralmente os compraria com um contrato de arrendamento de um ano, que eu acho que significa que você não os está realmente comprando. Há muitos sites onde você pode encontrá-los. Um que eu gosto de usar se chama barato. E é exatamente isso que você está vendo na tela agora. Isso se chama cheap.com. Agora, tudo o que você faz é digitar neste site ou, se quiser usar um serviço diferente, acesse o Google e digite os nomes de domínio. Talvez você esteja procurando por um nome de domínio com código de país específico que não seja vendido, sem nome, barato e que você possa simplesmente pesquisar no Google. Internet é uma coisa ótima nos dias de hoje. Você pode encontrar coisas em instantes. Então, digamos que, por exemplo, vamos chamar nosso site de skillshare website.com. Agora, duvido que isso esteja disponível porque contém a palavra Skillshare. Mas, por exemplo, o site Skillshare está disponível, não vou comprar isso. Mas você pode comprar o site Skillshare dot site. Você pode comprar o Skillshare website.loc.net.org, todos disponíveis. Que interessante. De qualquer forma. Então, basicamente, esses são os endereços que você precisará para criar seu site, pois você pode criar seu site sem ele, mas sem um nome de domínio, ninguém conseguirá encontrá-lo. Agora, um conselho que eu gostaria de dar antes de passarmos para a próxima seção é que, onde quer que você esteja comprando seu nome de domínio por meio de sua hospedagem, também a partir daí. Especialmente se for a primeira vez que você faz isso. E é por isso que menciono algo como barato. Há também GoDaddy, Black Knight, existem centenas de serviços. Agora, a razão pela qual eu digo para comprar os dois no mesmo lugar, se possível, é porque se você comprar um nome de domínio em um lugar e depois hospedar em um local diferente, você terá que configurar algo chamado entradas de DNS. E eles não são complicados de fazer. E, de fato, a maioria dos serviços de hospedagem e a maioria dos provedores de vendas de nomes de domínio realmente ajudarão você a fazer isso. Mas, como esse é um curso rápido sobre como configurar seu próprio site, não vamos abordá-lo. Então, basicamente, meu conselho, se você quiser acompanhar isso, é comprar seu nome de domínio e hospedar no mesmo serviço, facilitando a vida de qualquer maneira. Então, vamos passar para a hospedagem. 3. Hospedando seu site: Agora, a hospedagem não é tão complexa quanto parece. Basicamente, tudo o que você está fazendo é comprar acesso a um computador. Agora, você pode criar um site no seu computador no qual você está assistindo isso agora. Na verdade, mesmo se você estiver assistindo isso em um smartphone, surpreendentemente, você conseguiria criar um site em um smartphone. O problema de fazer isso em seu computador local, porém, é que se você dormir e desligar o computador, ou se tiver arquivos grandes em seu site, assim que alguém acessar enquanto você estiver dormindo e seu computador estiver desligado, seu site aparecerá como inexistente. Então, basicamente, o que é um serviço de hospedagem é que você está pagando por espaço no computador de outra pessoa. E esses são computadores em empresas que estão basicamente sempre ligados, conectados a serviços de Internet incrivelmente rápidos e estão por trás de firewalls e outras medidas de segurança para tentar impedir que você hackeado e ajudar com esses problemas gerais de segurança. Basicamente, esses são especialistas em manter esses computadores em seu site para esse monitor on-line. Portanto, o preço que eles cobrarão por seu novo site simples é definitivamente muito menor do que custaria obter não apenas acesso à Internet de alta velocidade com o tipo de velocidade de upload que você precisa para hospedar um site. Mas também a potência necessária para manter os computadores ativos , todo o dimensionamento e tudo mais. É incrivelmente complexo e, portanto, é mais fácil obter um serviço de hospedagem compartilhada. Agora, existem muitos deles, muito parecidos com os nomes de domínio. E, novamente, chamado de barato é um dos serviços que eu uso que tem isso embutido. E, como eu disse, se você está comprando seu nome de domínio ou nome de domínio barato, provavelmente é tão fácil conseguir sua hospedagem. Da mesma forma, se você estiver comprando seu nome de domínio na GoDaddy, é igualmente fácil conseguir sua hospedagem lá. Agora, existem alguns tipos diferentes de hospedagem. Você pode comprar o deles. Como você pode ver, há hospedagem WordPress e hospedagem compartilhada. Agora, se este é seu primeiro site e você nunca configurou um antes , meu conselho seria escolher a hospedagem estelar mais barata, que você pode ver custa $1,68 por mês, ou wp.com muito fácil se quiser trabalhar ainda menos. E, basicamente, esse é um nome de serviço próprio barato. E eles permitirão que você crie um site gratuitamente no primeiro mês, e depois custará cerca de $5 por mês, mas tem ainda menos opções para você ajustar. Então, quando entrarmos na próxima parte, que é instalar o WordPress, você não precisará fazer isso porque eles já terão feito isso por você. Então, basicamente, o que eu diria é que, quando se trata de criar seu site , decidir sobre sua hospedagem , muito se resume a você está disposto a pagar alguns dólares e economizar algumas horas extras? Ou você prefere manter as coisas sozinho, ter um pouco mais de controle e economizar alguns dólares. Essa é a sua decisão. Se você quiser economizar tempo, mas gastar um pouco mais, eu definitivamente consideraria acessar o easy wp.com e usar apenas um ou eles são configurações simples e fáceis de usar. E então você pode pular basicamente para a parte temática desta aula. Ou se você é do tipo de pessoa que quer ter mais controle, economizar um pouco de dinheiro e também hospedar seu serviço de e-mail e todo esse tipo de coisa sobre isso. Depois, você pode optar por algo como hospedagem estelar e, basicamente, ampliá-la com o tempo. Então, na verdade, você nem precisa fazer isso com um nome mais barato. Você pode ver o Easy WP Starter 688 por mês, gratuitamente para testar. Isso é hospedagem. E ao configurar sua hospedagem, você receberá um e-mail do fornecedor de hospedagem ou poderá simplesmente fazer login e acessar diretamente o que é chamado de painel C. Então, basicamente, eu não vou ir daqui para o painel C. Na próxima aula, teremos apenas no painel C. Então, a razão pela qual eu não vou fazer isso é porque se você estiver usando o GoDaddy ou um serviço diferente , o painel C estará em um local diferente e , portanto, confundiria as pessoas. Então, basicamente, o que você faz é , depois de configurar sua hospedagem, verificar o e-mail ou o painel do seu host e procurar a palavra “ver painel”. Cada host compartilhado tem um. Se você comprar algo como Easy WP que não tem um painel C , basicamente o que você quer fazer é acessar o administrador do WP. E nesse caso, você pode realmente pular o tema e esquecer a seção de instalação. 4. Instalando o Wordpress: Ok, agora você comprou sua hospedagem ou, pelo menos, sua configuração em um serviço de hospedagem. E agora podemos prosseguir e instalar o WordPress. Agora, como eu disse, se você adquiriu um serviço de hospedagem como o easy WP, ele não tem um painel C e apenas leva diretamente ao WordPress. Você pode pular essa aula e ir para a próxima, porque nesta aula vamos apenas instalar o WordPress e você não precisará disso se já tiver um serviço que simplesmente não serve para você. Então, se você é uma dessas pessoas, te vejo na próxima aula se você não ficar por aqui. Agora estamos em nosso painel C e essa é a aparência do cPanel. Se for uma versão mais antiga do painel C que alguns hosts ainda executam, ela terá a mesma aparência, apenas mais antiga. O que quero dizer com isso é que basicamente todas as funções ainda estarão lá. Portanto, se você não conseguir encontrar algo que estou procurando, eles geralmente têm uma boa função de pesquisa na parte superior e você pode simplesmente dar uma olhada nela. Então, nesse caso, poderíamos digitar WordPress, que não está aqui. Na verdade. Nós digitamos software. E você verá coisas como o instalador soft delicious ops, que pode ser a única opção que você tem. E abaixo disso, neste painel de assento específico, estão os atalhos do WordPress. Portanto, na maioria deles, haverá um atalho do WordPress. Se não houver, basta acessar o macio e delicioso App Installer. E lá você encontrará o WordPress. Em seguida, clicamos no próprio WordPress. Vamos instalar uma nova instância. Como você pode ver, eu tenho alguns aqui, mas vou clicar em Instalar na parte superior. E, na verdade, vou clicar em instalação rápida porque você não precisa fazer mais nada agora. Agora, o que você vai fazer é se você já comprou seu nome de domínio, o que eu recomendaria fazer. Porque se você não tiver, você vai ter que vincular isso, como eu disse anteriormente. Mas depois de configurar seu nome de domínio, podemos basicamente instalar o WordPress onde quisermos. Então, neste caso, vou escolher, vamos ver, stats dot we'll sports.com, que é apenas um dos meus nomes de domínio. E vou colocar isso como aquele diretório do Skillshare. Agora, onde está escrito diretório. Eu não preencheria isso se fosse você, porque se você estiver preenchendo, basicamente o que você vai fazer é colocá-lo dentro de uma pasta no seu nome de domínio. Por outro lado, se este é o site principal desse nome de domínio, se você comprou o Skillshare website.com e só quer que esse seja o endereço. Então você não precisa preencher o diretório. Então, você pode basicamente dar uma olhada em algumas dessas pequenas configurações. Você realmente não precisa mexer com nenhum deles. Mas você pode alterar seu nome de usuário e senha de administrador aqui. Então, vou mudar isso para admin e ele compartilhará a senha. Extremamente seguro. E eu vou deixar esses. Portanto, isso é limitar o salto de backup de login. Eu diria que coloque isso, mas não preciso porque vou excluí-lo depois de terminar o curso. Isso é só para vocês, gente boa. E então vamos clicar em Instalar. Mas antes de fazer isso, se você quiser os detalhes da instalação que contêm os logins e assim por diante, ou se estiver fazendo isso para outra pessoa, você pode enviar por e-mail os detalhes da instalação que a pessoa tenha um link para fazer login com os detalhes para fazer login e assim por diante. Então, agora isso vai continuar e instalar e levará alguns minutos. E então, quando estiver pronto, ele me dará um endereço onde eu possa fazer login no site, como você vê aqui. Então, a seguir, vamos passar para o login, o URL administrativo, que está aqui. E então você só vai fazer o login. Agora, normalmente, se você clicou nesse link na página de instalação, ele o levará ao login sem precisar fazer login. Basicamente. No entanto, se isso não acontecer, basta usar a senha de administrador e o nome de usuário que você configurou antes. E agora vamos começar. Mas o que vamos fazer para garantir que as pessoas que seguiram em frente não fiquem para trás. Vamos parar essa seção específica e passar para a próxima, onde decidimos sobre um tema. Então dica, dica. Te vejo lá. 5. Projetando o site: Então, agora vamos seguir em frente e estilizar o site do Bar. E você deveria estar em um local parecido com este. Agora, se você passou pelo W, é fácil usar o WP root e decide não usar a hospedagem compartilhada. E você pulou a última seção. Basicamente, depois de configurar sua conta com eles, você deve ver algo chamado administrador do WP ou painel de administração e que deve levá-lo ao mesmo local. Se você não conseguir encontrar isso, basta olhar no e-mail que eles enviaram um link para você ou, basicamente, digitar sua barra de nome de domínio WP, WP hyphen admin. E isso o levará ao mesmo local e você poderá fazer o login com os detalhes que eles forneceram. Agora, o que precisamos fazer é instalar um tema. Basicamente, todo o tema é o design do seu site. Basicamente, aparência de como vai ser. E felizmente para nós, aparecendo no lado esquerdo aqui. E então temas, você encontrará centenas de temas simplesmente indo até o topo aqui e clicando em adicionar um novo livro. Quando clicarmos em Adicionar novo, você verá que há uma infinidade de designs diferentes que você pode escolher. Mas pela simplicidade disso e saber que vamos criar um blog ou revista, vou digitar Sinatra aqui. Vou clicar em Instalar neste tema Sinatra. Depois de instalado, vou ativá-lo porque o natural é muito simples fácil de usar. Agora, basta clicar em personalizar e entrar no segmento sobre o qual vou falar. Mas caso você não saiba onde encontrar isso no futuro, se você clicar no nome do seu site, abrir o canto superior esquerdo, ele o levará ao seu site que era mais ou menos assim. Não terá nada nele no momento. Em seguida, clique em Personalizar a partir daí. Então, esses são os dois locais que você pode ir para o menu personalizado, caso não veja um ou se perca. Você sempre pode simplesmente acessar seu site enquanto estiver logado e personalizar. E então vamos alterar as configurações e a aparência do nosso site e torná-lo um pouco mais bonito , porque não está ótimo no momento. Assim, podemos acessar as Configurações gerais e analisar coisas como layout. Podemos ampliar o visual se você quiser que seja em tela cheia, você pode encaixotar tudo se quiser que pareça mais quadrado. Mas vamos deixá-lo com a largura total contida porque acho que fica bom. Você pode brincar com isso. Você também pode alterar o contêiner com. Mas não se preocupe se isso parecer muito curto se você estiver pensando : Oh, eu precisava ter uma boa aparência no meu telefone. Porque o tema Sinatra automaticamente escalado para alguém em um telefone de qualquer maneira. E você pode ver que Bush, clicando na parte inferior aqui, você verá um pequeno ícone de telefone e poderá realmente ver a aparência do seu site em um telefone. Você pode fazer isso a qualquer momento simplesmente pressionando aqueles pequenos ícones no canto inferior esquerdo, onde recebem o telefone, web e o tablet. Então, vamos deixar isso de lado junto com as cores básicas e assim por diante, porque vou deixar você brincar com porque vou deixar você brincar com as cores do seu próprio site. Você verá aqui que você pode ver coisas como a cor de destaque, que obviamente é esse tipo de cor aqui, os destaques. E então você tem texto, cor, cor de fundo. Você pode mudar tudo isso e ficar louco. Mas, no momento, vamos configurar etapas simples e fáceis de seguir para você se divertir. E então você pode enlouquecer e experimentar o quanto quiser. Agora, o resto dessas coisas aqui estão novamente, são apenas sobre aparência. E você pode alterá-las o quanto quiser. Mas, em vez disso, vamos configurar as principais coisas que você deseja. Por exemplo, você pode acessar os logotipos e o Título do Site e clicar em Selecionar logotipo. E se você tiver um logotipo, é aí que você o fará o upload. Agora, porque isso não é uma aula de design. Eu não vou fazer isso porque, embora não tenhamos criado um logotipo, mas se você quiser um grátis, acesse canva.com e crie um lá. Mas digamos que o título do site que você configurou ao configurar seu site estava errado. E, portanto, precisamos mudar o local onde diz meu blog para o site Skill Share. Você também pode exibir um slogan abaixo dele, se quiser, basta ativá-lo. E você pode trocá-los para ver isso caindo e subindo pela parte superior. E se você está se perguntando qual ícone do site está abaixo disso, esse é apenas o ícone que você vê na banheira. Então, se você pesquisar as diferentes guias aqui, enquanto eu clico nelas, você verá que há pequenos ícones. É aí que você adicionaria seu logotipo. Se você quiser mudar isso, você pode voltar ao cabeçalho go-to. Portanto, essa é uma das principais áreas que precisamos mudar porque o cabeçalho será o mesmo. Em todo o seu site. Existe uma coisa chamada barra superior, que basicamente se você quiser colocar um anúncio no topo, essa é apenas esta seção aqui em cima. Não precisamos fazer isso no momento, então vamos continuar. E então podemos entrar em grupos, depois podemos ir para o cabeçalho principal. E depois o cabeçalho principal. Basicamente, você pode simplesmente alterá-lo no layout de onde estão os botões do menu no botão de pesquisa. Ou você pode colocá-lo no meio assim. Mas eu meio que gosto do estilo original. Acho que é um menu bonito e limpo à direita com o ícone de pesquisa e o título do site à esquerda. Obviamente, se você não quiser pesquisar o ícone, se estiver criando outra coisa, você também pode removê-lo daqui no lado esquerdo. Em seguida, queremos ir para a navegação principal. Esses são apenas itens de menu diferentes. Basicamente, aqui você pode configurar o estilo disso, para que fique bem no momento. Então, vamos deixar isso de lado. Cabeçalho da página. Isso é, literalmente, se você quiser ter algo como Bem, por que eu explicaria isso? Isso se você quiser ter uma imagem de fundo ou título ou algo na parte superior de cada página. Novamente, acho que não precisamos fazer nada disso. Então, na verdade, nosso título, nosso cabeçalho está pronto. Agora, queremos apenas dar uma olhada em uma última seção antes de mudarmos a aparência de toda a página inicial. E essa é a seção de heróis, porque essa em Sinatra parece muito, muito legal. Então, tudo que você precisa fazer é ativar a seção de heróis. E você também pode especificar uma categoria que abordarei em algumas e decidir quantas postagens você quer aqui. Portanto, podemos ter até quatro postagens que aparecerão nesta categoria de Herói neste bloco. E, basicamente, o que isso fará é fazer com que eles pareçam os principais artigos ou notícias que as pessoas verão quando acessarem seu site. E eu acho que parece muito, muito legal. Vamos ativar isso. Depois, todo o resto, como barra lateral e assim por diante. Chegaremos em pouco tempo e no rodapé. Vamos manter o pé ou simplesmente. Então, o que vamos fazer é desligar o rodapé principal porque vamos supor que não precisamos disso. E isso só elimina a barra na parte inferior. E a barra de direitos autorais, você pode simplesmente colocar o que quiser aqui. Então, por exemplo, podemos nos livrar da parte do tema Sinatra exatamente dessa maneira. Agora temos um site bonito e limpo, sem nada nele. E a última coisa que precisamos fazer é acessar as configurações da página inicial e clicar em qualquer página estática, que fornecerá algo assim, ou em suas últimas postagens. Então, se você vai postar um blog normal, então está fazendo isso, você pode basicamente mudar o que quiser e começar a postar suas diferentes postagens, o que veremos na próxima seção. No entanto, se você quiser criar especificamente esta página para ter a aparência que você quiser, é aí que você a alteraria para uma página estática. Você pode adicionar uma nova página, por exemplo, poderíamos chamar essa nova página de home. Dessa forma, você tem uma página estática que aparece em vez disso. E agora temos essa seção aqui em branco, como você pode ver, que basicamente é onde vamos preencher tudo. Mas se você fizer essa página estática e quiser se livrar da barra lateral, é aí que voltaríamos para a seção da barra lateral, desceríamos até a página e diríamos não quero nenhuma barra lateral na página. E agora temos uma boa seção em branco. Acho que agora nosso site está pronto para ser preenchido com conteúdo, o que é ótimo. Agora temos esse design bonito, simples, elegante e limpo, sem nada nele. E, obviamente, você pode mudar as cores, o logotipo e tudo o que acabou de ver, e você já tem essa configuração de blog bem limpa, o que é ótimo. Então, vamos publicar isso porque queremos salvar todas as coisas que acabamos de fazer. Em seguida, vamos configurar algumas postagens e páginas, que são basicamente onde você preenche todo o conteúdo. Então, vamos fazer isso. 6. Criando seu site: Em seguida, vamos preencher algumas páginas de postagens. Então, o que vamos fazer é ir ao back-end, mais uma vez ao painel, e vamos até as postagens e esperar um minuto, você pode estar se perguntando: qual é a diferença entre uma postagem em uma página que é importante distinguir antes de prosseguirmos para esta seção, porque são duas coisas muito diferentes, mas, na verdade, quando você as cria no WordPress, elas parecem muito parecido. Então, essencialmente, a diferença é que uma postagem é como um artigo ou uma postagem de blog, uma notícia, algo que você cria muito rapidamente, sem estilo ou edição , porque todas têm a mesma aparência. A única coisa que muda talvez sejam as imagens e a escrita que você coloca nelas. Uma página é algo mais estático. Portanto, uma página seria onde você colocaria suas informações de contato, por exemplo , sobre nós ou se estivesse escrevendo algo que permaneceria o mesmo. Portanto, as páginas são para informações estáticas que não mudam. Já as postagens são seus artigos, postagens de blog e notícias. Então, lembre-se de que uma página é uma informação estática que você nunca mudaria. E uma postagem é um artigo que você adiciona a um grupo de outras postagens. Então essa é a única diferença. Então, vamos voltar. E na parte de trás, você realmente verá páginas de postagens. Agora já existe esse post do Hello World. Então, vamos adicionar mais alguns. Então, vamos chamar isso de Skillshare. Bem-vindo. E aqui, eu vou escrever blá, blá, blá, blá, porque isso realmente não importa. Vou copiar isso. Quase copiei minha senha do Skillshare. Eu só vou copiar isso repetidamente. Então, recebemos este belo artigo que é simplesmente blá, blá, blá, blá. Mas o que precisamos fazer agora é escolher uma imagem para ela. Vamos ver, talvez usemos apenas uma bela imagem simples como esta, que é apenas a capa deste curso. Obviamente, se você mesmo estiver postando uma postagem postando uma postagem , você terá sua própria imagem. E é aqui que você adiciona. Isso. Pode levar um minuto, porque essa parcela de habilidades que eu tenho é muito grande, mas nem mesmo é um disfarce, uma captura de tela do curso. De qualquer forma, estou muito preparado, como você pode ver, agora que suas imagens em destaque estão lá, você também pode decidir qualquer autor que provavelmente será você. E, finalmente, você vai querer selecionar uma categoria para sua postagem. Agora, ao criar uma página, você não terá uma categoria ou uma imagem em destaque. São apenas quatro postagens. Então, vamos adicionar uma nova categoria e eu vou chamar isso de “últimas notícias”. E eu vou adicionar essa categoria. E você sabe o que? Eu sei, vou fazer algumas coisas sobre o Skillshare. Então, vou chamar outra categoria de Skillshare. Some. Eu sei que vou fazer algumas coisas sobre o WordPress. Vou criar outra categoria chamada WordPress. E também sei que vou escrever alguns artigos sobre hospedagem em domínios. Então, vou criar outra categoria chamada hospedagem e domínios. Mas agora este artigo específico é apenas sobre o Skillshare. Então, vou desmarcar tudo isso. E eu acho que isso está pronto, isso parece muito, muito bom. Então, vamos publicar este artigo. E agora eu posso ver essa postagem e ela aparecerá no meu site. Bem, aparência legal. E aqui está minha imagem de capa muito lenta para carregar, que, ao que parece, é absolutamente enorme de eu parecer chocada com o quão enorme ela é. E então, embaixo, você pode ver meu blá, blá, blá, blá. E há uma seção de comentários para as pessoas comentarem e deixarem uma resposta. Agora podemos voltar ao meu site Skillshare e você verá aquela olhada, uau, veja de onde essa página de heróis está chegando. E isso parece muito, muito legal, mas deveria ser mais do que isso. E esse menu também não faz sentido agora porque, bem, eu adicionei algumas categorias de diferentes tipos de postagens que vou fazer. Então, o que vamos fazer em vez disso é passar o mouse sobre o site do Skillshare na parte superior e acessar os menus. Agora temos o menu que foi instalado por Sinatra nesta página de amostra. Bem, isso pode desaparecer. A página inicial, eu quero estar vinculada lá em cima. Mas, em vez disso, eles podem clicar em minhas categorias. Todos vocês, e depois coloquem as categorias sobre as quais vou escrever. Então, agora vamos colocar as últimas notícias primeiro lugar, porque é para lá que as últimas notícias vão chegar. Skillshare em segundo lugar, WordPress em terceiro e hospedagem e domínios por último. E você sabe o que? Porque eu gosto muito do Skillshare. Vou colocar algo como entrar no Skillshare e um link para o próprio Skillshare. E vamos adicionar isso ao menu. E todos eles estão lá também. E podemos criar esse menu. Ou, se você já o criou , pode clicar em Salvar. E só queremos ter certeza de que essa é a principal navegação daqui para frente. Agora, quando voltamos ao nosso site, temos esse lindo menu da banheira cheio de todas as coisas diferentes. E se eu clicar em Skillshare, vou ver, aqui está minha única postagem no Skillshare. Então, o outro problema é que não há nada aqui embaixo. Assim, podemos clicar em editar página porque a página inicial é uma página. Agora, curiosamente, em Sinatra, você pode realmente clicar em uma imagem em destaque para uma página, mas ela não faz nada. Então, eu não me incomodaria. A única razão pela qual está lá é que, se você quiser compartilhar uma página específica no Facebook ou no Twitter, ela exibirá essa imagem como pré-visualização. Caso contrário, ele simplesmente puxará todas as imagens dentro da página. Mas eu quero adicionar algum texto à minha página na minha página inicial aqui. E vou dizer bem-vindo ao meu novo blog, sobre coisas relacionadas a coisas. E eu vou colocar isso lá e talvez nós vamos centralizar isso também. Vou atualizar isso. Então, acabamos de corrigir nossa página. Agora podemos ver em nossa página inicial que recebemos um novo blog, tudo o que tem a ver com coisas. Agora podemos adicionar mais três postagens se você quiser, e teríamos quatro postagens completas aqui. Mas então o que acontece se atingirmos o quinto post? Bem, as quintas postagens estarão nessas páginas, mas queríamos em nossa página inicial. E poderíamos fazer isso simplesmente voltando à Edição da página inicial e clicando neste plug-in ou no botão de adição. E clicar em algo como, sei lá, postagens e colocar em uma lista de postagens. E podemos decidir sobre esses. Podemos mudá-lo para uma grade como essa. Não parece ótimo, não é? Nós poderíamos, você sabe, qualquer maneira que façamos isso. Isso simplesmente não parece brilhante. Então, o que vamos fazer em vez disso é voltar para Plugins em nosso painel aqui. E vamos adicionar. Adicionar plug-ins são essencialmente apenas formas de adicionar novas funcionalidades ao seu site WordPress para permitir que você faça coisas que o site ainda não pode fazer. Vamos usar algo chamado post x. Então, eles são chamados de post de Gutenberg após impostos, e este é um plugin gratuito. Novamente, existem opções profissionais , mas não precisamos delas. E vamos ativar. O que é ótimo sobre isso é que passamos e basicamente podemos dizer: Sim, tudo bem a seguir, não quero que nenhuma dessas coisas desapareça. Próximo. Em seguida, não precisamos de nenhum desses recursos. Não, obrigado. E não pregue o que está instalado. E podemos voltar às nossas páginas. Podemos ir para a página de edição da nossa página inicial. Mais uma vez. Agora, quando clicamos no Plus, podemos digitar postagens e nada aparece, então clicamos em Procurar tudo. E aqui temos esses lindos designs PosX. Podemos clicar, por exemplo, na grade de postagens e inserir isso. E, como você pode ver, isso permitirá que você coloque designs diferentes e interessantes. E podemos adicionar outra grade de postagens, digamos , abaixo desta. Agora temos essas grades de postagem diferentes e podemos entrar na primeira e podemos simplesmente alterar alguns itens simples aqui. Então, eu não quero aquele título que diz pós-grade seis. Eu também não quero o trecho que mostra o blá, blá, blá. E eu também não quero que mostre a categoria. Então, eu só quero que seja bonito e limpo assim. Eu também quero neste artigo mostrar apenas a categoria, digamos, Últimas Notícias. Oh, eu preciso adicionar postagens para isso, desculpe. Então, eu só quero que este mostre aos anfitriões do Skillshare. Então, o não categorizado desapareceu. Agora, ao adicionar mais postagens, obviamente, na próxima, você pode decidir, por exemplo ir ao construtor de consultas e adicionar, sei lá, como as últimas notícias aqui, por exemplo, depois de adicionar algumas postagens, você também pode decidir quantas postagens deseja. Você pode ter até 100. E à medida que a página rola para baixo, ela insere automaticamente um próximo, próximo, próximo para que as pessoas possam navegar. Portanto, você pode mudar isso da maneira quiser e jogar com o Query Builder aqui para basicamente colocar qualquer tipo de postagem que quiser. Então, quando você volta para sua página inicial, está tudo bem configurado. Então, agora temos nossa página inicial, onde todas as nossas postagens estarão à medida que construímos nosso site. Talvez alguns textos, algumas fotos que queremos apenas na página inicial. Além disso, agora também temos nossos menus nos quais podemos acessar Skillshare e acessá-los. E, finalmente, se você quiser adicionar coisas a essa barra lateral direita, em vez de simplesmente desligá-la, como mostrei no Customizer, tudo o que você faz é ir até o topo aqui e clicar em widgets. E você pode decidir o que quer à esquerda aqui. Então, eu não quero essa seção de comentários recentes. Acho que parece brega. Vamos remover isso. Eu também nem todos deixo postagens recentes, então estou feliz o suficiente com isso. Vamos voltar ao nosso site agora, clicar em uma das postagens ou clicando no Skillshare. Como você pode ver, acabou, então você pode editá-lo o quanto quiser. Então, agora você realmente tem um site que funciona. E se você quiser, você pode simplesmente começar a adicionar postagens e ajustar as configurações do personalizador. E você está pronto, você está pronto para ir. No entanto, existem algumas outras coisas que você pode adicionar ao seu site para torná-lo ainda mais chamativo e melhor, como contatos. E incluindo coisas como permitir que as pessoas o encontrem no Google com mais facilidade e segurança. E vamos examiná-los nas próximas seções. Então, se você quiser adicioná-los ao seu site, acompanhe a próxima parte da aula. 7. Extra — Formulários de contato: Então, uma das outras coisas que você provavelmente desejará adicionar ao seu site é uma forma de as pessoas entrarem em contato com você, porque isso é algo que a maioria das empresas e a maioria dos portfólios, até mesmo sites de notícias, têm como alguém entrar em contato com você. E isso faz sentido porque, se você vai se expor publicamente , geralmente é porque deseja obter um pouco de inbound marketing ou talvez queira apenas que as pessoas em contato com você para escrever para elas ou não. Então, para fazer isso, vamos adicionar um novo plugin chamado formulários de contato. E se estivermos em nosso site aqui, voltamos ao nosso painel apenas clicando na parte superior. Queremos acessar os plug-ins e ir para Adicionar novo. E então vamos para a caixa de pesquisa no lado direito e vamos digitar contato e você encontrará o formulário de contato. Então, primeiro de tudo, você instala o formulário de contato sete e depois deseja ativá-lo. E antes de fazer qualquer outra coisa, volte para Adicionar novo novamente. E isso é algo que você não precisa fazer, mas eu recomendo que você digite o banco de dados do formulário de contato. Quando isso carregar, você encontrará este aqui. Formulário de contato com sete bancos de dados adicionais em CBD, seja CFD B7. E você também vai querer instalar e ativar isso. E então você pode basicamente esquecer essa peça. O motivo pelo qual você faz isso é se seu endereço de e-mail cair ou se houver um problema entre a hospedagem, a conexão com seu e-mail ou o envio um e-mail e alguém preencher um formulário de contato e disser que enviou algo para você. Eu precisava obtê-lo. Basicamente, no lado esquerdo, você poderá clicar nos formulários de contato e encontrar todos os envios em seus detalhes. E dessa forma você nunca perderá nada. Você não precisa fazer isso. Mas eu recomendo vivamente. Em seguida, vamos para Contato no lado esquerdo, e já existe um formulário de contato aqui. Obviamente, você pode adicionar um novo a qualquer momento, mas para nossos propósitos, vamos usar este. E vamos começar a editar. Eu dou uma olhada rápida e vejo como fica. Então você pode ver que tem nome, e-mail, assunto, uma mensagem. Quer saber, tudo bem. Obviamente, você pode mudar isso e adicionar coisas como número de telefone e assim por diante. Há um número de telefone, e-mail, mais e-mails, desculpe, um URL para o site deles, talvez uma data, se você quiser que eles coloquem algo que estão reservando, todos esses tipos de coisas. E então, basicamente, isso é o que ele vai fazer é enviar um e-mail para qualquer endereço de e-mail que você configurou no início do seu site, se você quiser alterá-lo para, sei lá, admin Skill Share website.com. Em seguida, você preenche isso lá e, dessa forma, ele enviará por e-mail tudo o que eles preencherem no formulário para esse novo endereço. Depois de fazer isso, você basicamente salva o formulário e depois vai para as páginas. O que você vai querer fazer então é clicar em Adicionar novo. E vamos digitar, Fale conosco na parte superior. Ou isso pode ser entrar em contato ou o que você quiser, então você terá mais e digitará o formulário de contato. Aqui está, Formulário de Contato de sete quilômetros. E então eu vou clicar no Formulário de Contato 1 porque esse é o único formulário de contato que eu tenho. E então vamos clicar em publicá-los. Então, agora podemos ver essa página. E lá vamos nós. Pronto, está feito. Mas como alguém encontra essa página? Bem, vamos apenas aos menus. E uma vez que o menu é carregado , podemos encontrar aqui as páginas mais recentes para entrar na página de contato. E vamos colocar isso aqui. Não quero que a página seja chamada de “pegar e tocar” no menu. Eu só queria ser chamado de contato. Vou mudar esse nome, clique em Salvar. Então, quero voltar ao meu novo site. Ele contata. E aí está seu formulário de contato. E, obviamente, se você quiser mudar alguma coisa, você pode acessar a página Editar e adicionar talvez um parágrafo aqui. Ou se você quiser ter isso um lado e talvez algumas informações do outro, você pode clicar na coluna 5050. E podemos arrastar isso para aqui. Então isso está de um lado e do outro lado com um parágrafo, blá, blá. E vamos atualizar isso novamente. Volte para a página Exibir. E agora você tem seu contato ou suas informações à esquerda e o formulário de contato do seu site à direita. Não poderia ser mais simples. Bem, pode ser, mas não é. Então, isso é o mais simples possível. 8. Extra — SEO do Google feito fácil: Agora, a próxima coisa que você vai querer fazer em seu site provavelmente é permitir que as pessoas o encontrem no Google. E existem serviços que cobram de centenas a milhares de dólares por mês para fazer tudo isso por você. A boa notícia é que você realmente não precisa fazer isso se estiver apenas criando um site de notícias ou um blog como acabamos de discutir. E a razão para isso é o Google, ele é muito, muito bom em indexar coisas. Contanto que você forneça as informações básicas, você estará à frente de 90% da concorrência. Portanto, se você está montando seu negócio adequado e deseja obter essa vantagem sobre um nicho realmente competitivo, então, com certeza, você pode usar um desses serviços. Mas para a maioria de nós, isso é desnecessário. E, em vez disso, vamos apenas curtir nosso formulário de contato. Use um bom plugin simples para nos permitir fazer isso. Então, vamos voltar ao nosso site, voltar ao nosso painel e ir até os plug-ins. Aqui, vamos procurar algo chamado torrada com y ou Yost. E assim que obtivermos o Yoast, veremos aderir ao Yoast SEO. E vamos apenas fazer uma instalação e ativação. Então, quando isso acontecer, voltaremos às nossas postagens. E entraremos na minha postagem de boas-vindas do Skillshare. E você verá que agora haverá algumas pequenas coisas novas aqui que nos dirão o que está acontecendo com isso em termos de ser bom para o Google. Então, primeiro de tudo, temos esses semáforos na parte superior e lateral aqui. E isso me diz que a análise de legibilidade é boa. Basicamente, isso é bastante legível. Imagino que seja porque diz apenas blá, blá. Mas o mais importante é que nosso SEO é vermelho. E isso é provavelmente porque eu vou presumir que eles estão analisando isso e dizendo: Bem, ele disse Skillshare, indesejável, e então todo o seu artigo diz, blá, blá, blá. Então, em vez disso, o que vamos fazer é digitar nossa frase-chave. E tudo isso é se você está escrevendo um artigo, por exemplo sobre cerâmica, e sua frase-chave pode ser cerâmica. Se você está escrevendo algo sobre jardinagem, pode haver jardinagem. Se você está escrevendo algo especificamente sobre palmeiras na jardinagem , pode colocar na jardinagem de palmeiras, por exemplo, a ideia é o que você pensa mais ou menos, alguém pesquisará as principais palavras-chave dessa pesquisa ou, se digitar como jardinar de forma eficaz, sua frase-chave seria jardinagem eficaz. Então, basicamente, você quer preencher isso. E então o Yoast SEO vai te dar algumas dicas sobre o que você deve fazer. Então, primeiro de tudo, você vai querer ter certeza de que está tudo bem aqui. E, obviamente, não parece bom porque não há uma meta-descrição. Então, como você pode ver, isso é o que alguém verá no Google e diz, por favor, forneça uma meta-descrição. Então aqui eu vou colocar blá, blá, blá. Porque é disso que trata este post. Agora diz que é muito longo, então vou reduzir isso da melhor maneira possível até que me dê uma bela barra verde. Então está um pouco mais feliz agora que não é vermelho, é laranja, mas parece que tem muitas coisas diferentes que ele quer que eu faça. Aqui mesmo. Se você clicar na análise de SEO, ela dirá o que deseja mudar. Então, ele dirá que você não tem links para outros sites que o Google adora. Você não tem nenhum link para outro lugar do seu site, seu próprio site que o Google adora. Então, eu posso adicioná-los facilmente. A frase-chave, a boas-vindas do Skillshare ou a frase-chave do Skillshare que eu coloquei. Não parece estar no meu primeiro parágrafo porque meu parágrafo é simplesmente blá, blá, blá. O que eu poderia fazer é simplesmente usar baba, blá, blá, blá, blá, Skillshare. Ou eu poderia soletrar Skillshare corretamente. Em primeiro lugar, Skillshare, blá-blá-blá. E ainda por cima, posso colocar isso aqui. Agora está decidido, tudo bem, aí está. Essas duas coisas sumiram. E vai ser um pouco mais feliz, mas ainda diz que há alguns problemas. Então, eu só tenho 123 palavras e está dizendo que o Google gosta de coisas com 300 palavras ou mais. Então, em vez disso, vamos continuar aqui. E agora temos 300 palavras ou mais. Então estamos acordados, blá, blá, blá, blá, blá. Agora, uma densidade de frases-chave que parece Skillshare só pode ser encontrada uma vez nesta postagem. E diz que postagens desse tamanho geralmente têm um dobro. Então, vou colocá-lo lá duas vezes. E agora temos tudo o que precisamos. E como você pode ver , agora está verde. Obviamente, nossa análise de legibilidade agora foi interrompida porque nosso pôster diz blá, blá, blá, blá, blá. Mas você também pode ver por que sua legibilidade está baixa nessas diferentes seções. Mais abaixo na página, você encontrará tudo o que precisa em termos de legibilidade, porque não temos subtítulo Parágrafo, terra, tamanho da frase e assim por diante. Mas, basicamente, todo o seu objetivo é tentar obter o máximo de suas postagens. Seria verde em SEO e pelo menos laranja em legibilidade, se não verde também. Estou dizendo que, se você literalmente se certificar de que suas postagens são verdes, em termos de SEO, você estará melhor do que 90% de seus concorrentes. E confie em mim, eu não acreditei até alguns sites diferentes que agora estão na primeira página do Google sem mais SEO do que isso, tudo o que fiz foi adicionar minha postagem toda semana e garantir que a análise de SEO fosse verde. E é uma maneira simples de você ser um especialista em seu campo sem ser um especialista em seu campo. Seguindo em frente. 9. Extra — segurança e cookies: Agora, uma última coisa que você vai querer observar quando se trata de seu site é a segurança. E a razão para isso é que existem muitas pessoas ruins por aí que gostam de visitar sites. E especialmente se você adicionar mais tarde, digamos, uma loja a este site ou estiver recebendo informações de contato de alguém importante, é uma boa ideia ter algum tipo de segurança em seu site. Isso não precisa ser ciência de foguetes. Agora, se você está criando um site com informações do governo e assim por diante, então você vai querer ter certeza de que você tem mais segurança. Não acabamos de falar sobre isso, mas vamos analisar algumas coisas que garantirão que seu site seja seguro. Não só de hackers, mas também de problemas legais. Só fazendo algumas coisas simples. Agora, obviamente, quando digo problemas legais, isso não vai te cobrir de tudo. Se você precisar de aconselhamento jurídico, procure aconselhamento jurídico adequado. Não estou oferecendo isso. Mas o que estou dizendo é que existem coisas como GDPR e cookies que você só precisa instalar alguns plug-ins e garantir que as pessoas conheçam. Então, vamos entrar no back-end mais uma vez e instalar esses plug-ins. Então, obviamente, como você provavelmente já sabe, vamos usar os plug-ins aqui à esquerda. E sempre que carregar e eu parar de ter essa coceira no nariz, vamos para Adicionar novo. E as primeiras coisas. Primeiro, precisamos garantir que , se alguém visitar o site, sua privacidade e cookies não sejam um problema. Porque, como você deve saber, em certos lugares, como a Europa, especificamente a UE e a Califórnia, você precisa ter algum tipo de aceitação da política de cookies em seu site. E isso significa apenas que as pessoas podem basicamente dizer sim a qualquer tipo de rastreamento. Felizmente, não adicionamos nenhum tipo de rastreamento em nosso site. Mas precisamos ter essas barras apenas em um padrão. Portanto, é melhor adicioná-los agora. Então, instalamos o GDPR. E acabei de perceber que, se você pesquisar o GDPR aqui, podemos instalar um desses plug-ins. E o que acabei de instalar lá é esse cookie. Sim. Há um tom desses, mas basicamente esse é o que eu uso, o mais fácil de configurar. Em seguida, vamos para o lado esquerdo aqui veremos o cookie, sim, à esquerda. Basicamente, tudo o que queremos fazer agora é personalizar o banner e garantir que ele esteja ativo. E clique em Pré-visualização do banner e você o verá aparecer aqui. Agora, isso é mundial , então podemos visitar países da UE e selecionar países diferentes se você pagar pela versão profissional. Mas, por enquanto, podemos simplesmente usar esse modelo de conteúdo. E dependendo se você está visando principalmente América, você decide pela CCPA, que é para a Califórnia, e depois pelo GDPR, que é para todos vocês. E então você tem esse belo bar aqui. Obviamente , você pode seguir uma política de anúncios e assim por uma política de anúncios e assim diante, se quiser se aprofundar mais nisso, mas isso apenas cobre os cookies. Mas cookies, sim, eles têm coisas como política de privacidade, gerador de políticas de cookies. Se você não tiver um e todo esse tipo de coisa, eu não vou passar por isso, mas basicamente você pode fazer isso em todos os lugares. Mas isso basicamente significa que agora, quando acessarmos nosso site ou qualquer pessoa acessar nosso site, você verá esse pequeno cookie de privacidade aqui e alguém pode clicar em Aceitar tudo, e obviamente pode alterá-lo a qualquer momento. E isso não apenas impedirá que você se certifique de ter essa coisa simples no lugar? Isso também tornará seu site um pouco mais profissional, proporcionará às pessoas a tranquilidade de saber do que está falando, sabe o que está fazendo. Portanto, é uma boa maneira de agregar valor. Agora, a próxima coisa que vamos querer fazer, e isso é mais para segurança real, é voltar aos plug-ins e clicar em Adicionar novo. E então você vai entrar no Word Fence e clicar em Instalar agora. E então, finalmente, ative. E então você pode obter sua licença do WordPress, que é totalmente gratuita. Ele o levará ao wordpress.com e basicamente fornecerá uma licença gratuita. Agora eu não quero isso. E você pode colocar seu administrador no Skill Share website.com, blá, blá, blá. E, basicamente, o que eles farão então é dar acesso a uma licença que eles lhe enviarão por e-mail, baseando seu código de licença. E depois de voltar para o WordPress aqui no lado esquerdo, volte ao seu site. Você poderá retomar a instalação. Depois de fazer isso, você está pronto. Basicamente, tudo o que ele faz é instalar um scanner que verifica se há arquivos maliciosos que as pessoas possam de alguma forma acessar seu site e também configurar um firewall para impedir que as pessoas, por exemplo tentem adivinhar sua senha e esse tipo de coisa. Então, essas são apenas algumas adições simples que garantirão que seu site não seja apenas seguro, mas também tenha uma política de cookies que, como eu disse, agrega profissionalismo, mas também é um requisito tanto na Califórnia quanto na UE. Portanto, certifique-se de ter essa configuração correta. E bem, agora podemos seguir em frente. 10. Projeto e meus agradecimentos!: Parabéns, você terminou a aula. Quão épico é isso? Se você já passou por essa aula, você verá que seria capaz de configurar seu site para tudo o que você basicamente precisa em cerca de 30 minutos. Menos se você seguir as etapas básicas e possivelmente um pouco mais se decidir usar os extras espalhados no final. E eu recomendaria que você os examinasse de qualquer maneira, porque eles levam apenas alguns minutos e eliminam uma quantidade infinita de dores de cabeça, além de oferecer alguns recursos extras interessantes incluindo garantir que você apareça no Google. Mas muito obrigado por assistir a este curso, essa aula aqui no Skillshare. E você pode, é claro, consultar o projeto desta aula. E basicamente aí, você enviará um link, se quiser, para o seu site ou nos enviará uma captura de tela do seu site. E vou tentar dar feedback sobre o maior número possível deles. Muito obrigado por assistir a esta aula. Gostei muito de ser seu instrutor, o que é uma palavra estranha.