Como criar um site (um guia passo a passo): 4 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:36

Neste guia, vou mostrar como a maioria dos desenvolvedores da web constrói seus sites e como você pode evitar construtores de sites caros que geralmente são muito limitados para um site maior.

Também te ajudo a evitar alguns erros que cometi quando comecei.

Etapa 1: Obtenha hospedagem na web e registre um nome de domínio

Para configurar seu WordPress (ou qualquer outro tipo de site), você precisará de duas coisas:

• Nome de domínio (um endereço da web como YourSiteName.com)
• Web Hosting (um serviço que conecta seu site à Internet)

Para armazenar suas imagens, conteúdo e arquivos do site, você precisará de uma hospedagem na web. Sem a hospedagem na web, seu site não ficará visível na Internet.

Possuir seu próprio nome de domínio parece muito mais profissional do que ter seu site no domínio de outra pessoa (como yourbusiness.my-free-website.com), e é muito acessível também. A maioria dos provedores de hospedagem oferece domínios GRATUITOS por um ano (geralmente ~ $ 15 / ano).

Resumindo - sem uma hospedagem na web e um nome de domínio, seu site NÃO existirá.

Onde posso registrar um nome de domínio e obter hospedagem na web?

Divulgação completa: Eu ganho uma comissão se você acabar comprando o Bluehost por meio dos meus links de referência neste guia. Isso me ajuda a manter o WebsiteSetup funcionando e atualizado. Obrigado por seu apoio.

Eu usei principalmente o Bluehost como uma hospedagem na web e registrador de domínio gratuito.

Seu preço inicial começa em US $ 2,75 / mês e, no momento, eles estão lançando um nome de domínio de graça (primeiro ano) - por isso, vale a pena conferi-los.

Eles também são um dos provedores de hospedagem mais populares do mercado, portanto, estão definitivamente bem estabelecidos e seguros o suficiente para hospedar seu site.

Embora a maioria de seus servidores esteja localizada nos Estados Unidos, eles podem lidar com muito tráfego de todo o mundo. E provavelmente é mais barato do que seu host local.

Como alguém que mora na Europa, ainda prefiro usá-los. Já tem um nome de domínio e hospedagem?

Vá em frente e pule para a etapa 2, onde explicarei como você pode configurar seu site.

Baixe o passo a passo de como se inscrever em um provedor de hospedagem na web (e registre um nome de domínio, se ainda não o tiver) abaixo:

Etapa 2: configure seu site

Depois de comprar seu nome de domínio e configurar sua hospedagem, você está no caminho certo!

Agora é hora de colocar seu site em funcionamento. A primeira coisa que você precisa fazer é instalar o WordPress em seu domínio.

Instalando WordPress

Existem duas maneiras possíveis de instalar o WordPress, uma muito mais fácil do que a outra.

1. Para criar um site com WordPress (ou Joomla e Drupal), use a “instalação com um clique”:

Quase todas as empresas de hospedagem confiáveis e bem estabelecidas integraram a instalação com um clique para WordPress, o que facilita o trabalho.

Se você se inscreveu na Bluehost ou qualquer outra empresa de hospedagem semelhante, você deve encontrar a sua “instalação com um clique” no painel de controle da sua conta.

Aqui estão as etapas que você deve seguir (deve ser semelhante / igual em todas as principais empresas de hospedagem na web):

1. Faça login em sua conta de hospedagem (Bluehost).
2. Vá para o seu painel de controle.
3. Procure o ícone “WordPress” ou “Site”.
4. Escolha o domínio onde deseja instalar seu novo site.
5. Clique no botão “Instalar agora” e você terá acesso ao seu novo site WordPress.

(Verifique a imagem 2 acima)

2. OU INSTALAÇÃO MANUAL (para aqueles que não usam Bluehost ou qualquer host semelhante):

Se por algum motivo estranho (algumas empresas de hospedagem não fornecem instalação com um clique para WordPress) você não tem a opção de instalar o WordPress automaticamente, consulte este guia manual abaixo:

1) Baixe o WordPress aqui:

2) Crie uma nova pasta em sua área de trabalho e descompacte o WordPress nela

3) Procure um arquivo chamado wp-config-sample.php e renomeie-o para: wp-config.php

4) Agora abra o wp-config.php (com notepad por exemplo) e preencha as seguintes linhas:

• define (‘DB_NAME’, ‘database_name_here’); - Nome do banco de dados (se você não souber, pergunte ao seu suporte de hospedagem)
• define (‘DB_USER’, ‘username_here’); - Seu nome de usuário de hospedagem
• define (‘DB_PASSWORD’, ‘senha_aqui’); - Sua senha de hospedagem

Depois de preencher as lacunas, salve o arquivo.

5) Agora faça login em seu ftp de hospedagem (baixe o FileZilla para isso). O endereço de FTP é geralmente ftp.yourdomain.com, o nome de usuário e a senha são os mesmos que você usou para se registrar no seu host

6) Se houver algum arquivo chamado “índice” - exclua-o. Depois disso, faça upload de todos os arquivos de sua pasta WordPress para o servidor FTP. Eu acredito que você pode usar a função “arrastar e soltar” no FileZilla

7) Depois de concluir as etapas anteriores, vá para o URL: seudominio.com/wp-admin/install.php Esta é a página que você deve ver: (Verifique a imagem 3 acima)

Basta preencher os formulários e pronto!

Pssst - se eles não tiverem instalação com um clique, talvez você esteja lidando com um host ruim!

Etapa 3: crie seu site

Depois de instalar o WordPress com êxito em seu domínio, você verá um site muito básico, mas limpo.

Mas você não quer se parecer com todo mundo, quer?

É por isso que você precisa de um tema - um modelo de design que diga ao WordPress como seu site deve ser. Veja um exemplo de tema WordPress gratuito que você pode instalar:

(Verifique a imagem acima 2)

É aqui que fica a diversão: há mais de 1500 temas incríveis com design profissional que você pode escolher e personalizar para seu próprio uso.

A maioria dos temas do WordPress são de uso gratuito e altamente personalizáveis.

Veja como encontrar um tema de que você goste

1. Faça login em seu painel do WordPress: Se você não tiver certeza de como, digite: https://seusite.com/wp-admin (substitua “seusite” por seu domínio). Esta é a aparência do painel do WordPress:

(Verifique a imagem acima 3)

2. Acesse os temas GRATUITOS: assim que estiver no painel, você terá acesso a mais de 1500 temas gratuitos! Basta pesquisar a barra lateral por “Aparência” e clicar em “Temas”.

Se você quiser algo mais profissional ou elegante do que o que encontra aqui, pode acessar ThemeForest.net, onde há uma grande biblioteca de temas para escolher a custos variáveis.

Mas antes de fazer isso, eu realmente sugiro que você pelo menos experimente passar algum tempo navegando nos temas gratuitos. Muitos deles são realmente profissionais e bem feitos; então não os descarte.

Como você pode ver acima, instalar um novo tema para o seu site é muito fácil.

Você pode pesquisar palavras-chave específicas e / ou usar filtros para encontrar temas adequados ao seu estilo. Encontrar o tema perfeito pode demorar um pouco, mas vale a pena.

Você também deve procurar temas que sejam “responsivos”, pois isso significa que eles ficarão bem em qualquer dispositivo móvel. Basta inserir como uma de suas palavras-chave e pronto!

3. Instale seu novo tema

Assim que encontrar um tema de que goste, a instalação é tão simples como clicar em “Instalar” seguido de “Ativar”.

IMPORTANTE: alterar os temas não excluirá suas postagens, páginas e conteúdo anteriores. Você pode alterar os temas com a frequência que desejar, sem se preocupar em perder o que criou.

Etapa 4: Adicione conteúdo ao seu site

Com o seu tema instalado, você está pronto para começar a criar conteúdo. Vamos passar rapidamente por alguns dos princípios básicos:

Adicionar e editar páginas:

Quer uma página “Serviços” ou uma página “Sobre mim” (como a que tenho no meu menu no topo do site)?

1. Procure na barra lateral no painel do WordPress por “Páginas” -> “Adicionar novo”.

2. Você encontrará uma tela que se parece muito com o que talvez tenha visto no Microsoft Word. Adicione texto, imagens e muito mais para construir a página desejada e salve-a quando terminar. (Verifique a imagem acima 1)

Adicionando páginas ao menu: se você quiser que sua nova página seja vinculada à sua barra de navegação, 1. Salve as alterações feitas na página clicando em “Atualizar”

2. Clique em “Aparência” -> “Menus” na barra lateral do painel do WordPress.

3. Encontre a página que você criou e adicione-a à lista clicando na caixa de seleção ao lado dela e em “Adicionar ao Menu”.

(Verifique a imagem acima 2)

Adicionando e editando postagens:

Se você tiver um blog em seu site, “Postagens” será o seu próximo destino. Você pode usar diferentes categorias para agrupar postagens semelhantes.

Se quiser adicionar um blog ao seu site, você pode usar diferentes categorias e postagens. Digamos que você queira criar uma categoria chamada “Blog”. Basta adicioná-lo ao seu menu e começar a fazer postagens.

Aqui está o que você precisa fazer:

Crie uma nova categoria acessando “Postagens -> Categorias”

OU

Crie uma postagem no blog em “Postagens -> Adicionar novo”. Depois de terminar de escrever sua postagem no blog, você precisa adicionar a categoria certa para ela

Depois de criar sua categoria, basta adicioná-la ao menu e pronto!

Personalização e ajustes infinitos …

Nesta seção, vou cobrir algumas das coisas básicas que sempre me perguntam que irão ajudá-lo a ajustar seu site.

Mudando seu título e slogan

Os títulos das páginas explicam aos usuários do que trata o seu site. Eles também são uma grande parte de como os mecanismos de pesquisa determinam suas classificações. Você quer ter certeza de que eles têm as palavras-chave que você deseja segmentar (mas de uma forma natural, escritas para pessoas reais).

Você deve usar um título exclusivo em cada página do seu site. Por exemplo, o título do meu site é “Como fazer um site”.

(Não consegue encontrar? Basta segurar o mouse sobre a guia na parte superior do seu navegador).

Os slogans são adicionados ao final dos títulos em cada página. O slogan do meu site é “Guia passo a passo”

Para alterar o título e a frase de efeito do seu site, vá em “Configurações -> Geral” e preencha o formulário abaixo: (Confira a imagem acima 3)

Desativando comentários para postagens e páginas

Alguns sites (principalmente sites de negócios / organizações) não querem que seus visitantes façam comentários em suas páginas.

Veja como desligar comentários em páginas do WordPress:

• 1. Enquanto você está escrevendo uma nova página, clique em “Opções de tela” no canto superior direito.
• 2. Clique na caixa “Discussão”. A caixa “Permitir comentários” aparecerá na parte inferior.
• 3. Desmarque “Permitir comentários”.

Quer desativar os comentários em cada nova página por padrão?

1. Vá para “Configurações -> Discussão” e desmarque “Permitir que as pessoas postem comentários em novos artigos” (verifique a imagem acima 4)

Configurando uma primeira página estática:

Algumas pessoas me contatam dizendo que estão frustradas porque sua página inicial parece uma postagem de blog. Você pode corrigir isso tornando sua página inicial “estática”.

Uma página estática é uma página que não muda. Ao contrário de um blog, onde o primeiro novo artigo aparecerá no topo todas as vezes, uma página “estática” mostrará o mesmo conteúdo sempre que alguém acessar o site - como uma página inicial que você criou.

Para configurar uma primeira página estática:

1. Vá para “Configurações -> Leitura” 2. Escolha uma página estática que você criou. “Página inicial” indica sua página inicial. “Página de postagens” é a página inicial do seu blog (se todo o seu site não for um blog).

Se você não escolher uma página estática por conta própria, o WordPress pegará suas postagens mais recentes e começará a exibi-las em sua página inicial. (Verifique a imagem acima de 5)

Editando a barra lateral:

A maioria dos temas do WordPress tem uma barra lateral do lado direito (em alguns casos, é do lado esquerdo).

Se você quiser se livrar da barra lateral ou editar itens que você não precisa, como “Categorias”, “Meta” e “Arquivos”, que geralmente são inúteis, veja como:

1. Vá para “Aparência -> Widgets” no painel do WordPress.

2. A partir daqui, você pode usar arrastar e soltar para adicionar diferentes “caixas” à sua barra lateral ou remover os itens que você não deseja.

Também existe uma “caixa HTML” - uma caixa de texto onde você pode usar o código HTML. Para iniciantes, não se preocupe com isso - apenas arraste e solte os elementos que desejar na barra lateral.

Instalando plug-ins para obter mais do WordPress

O que é um plug-in? “Plug-ins” são extensões criadas para expandir os recursos do WordPress, adicionando recursos e funções ao seu site que não vêm integrados.

Eles são atalhos para fazer com que seu site faça o que você deseja, sem ter que construir os recursos do zero.

Você pode usar plug-ins para fazer tudo, desde adicionar galerias de fotos e formulários de envio até otimizar seu site e criar uma loja online.

Como faço para instalar um novo plug-in?

Para iniciar a instalação de plug-ins, vá para “Plug-ins -> Adicionar Novo” e simplesmente comece a pesquisar.

Lembre-se de que existem mais de 25.000 plug-ins diferentes, então você tem MUITOS para escolher!

A instalação é fácil - assim que encontrar um plugin de que goste, basta clicar em “Instalar”.

Para economizar seu tempo, juntei uma lista dos plug-ins mais populares que os webmasters consideram úteis:

# 1 Formulário de contato 7: Meu site tem um formulário de contato na página Sobre mim. É um recurso incrível de se ter, pois as pessoas (como você!) Podem preencher o formulário e me enviar um e-mail sem fazer login em seu próprio provedor de e-mail. Se você quiser fazer algo semelhante, compre este plugin.

# 2 Yoast SEO para WordPress: se você deseja tornar seu site WordPress ainda mais amigável com SEO, este plugin é essencial. É grátis e é incrível. Você será capaz de editar suas tags de título, meta descrições e muito mais, tudo de dentro da própria página - não precisa mais se preocupar com as configurações do WordPress.

# 3 Google Analytics: Interessado em rastrear seus visitantes / tráfego e seu comportamento? Basta instalar o plug-in, conectá-lo à sua conta do Google e pronto.

Claro, esta é apenas a ponta do iceberg! Aqui está uma lista de plug-ins recomendados por mim:

1. Yoast SEO

2. Akismet Anti-Spam

3. WooCommerce

4. TinyMCE avançado

5. Segurança WordFence

6. Google XML Sitemaps

7. WP Super Cache

8. Painel do Google Analytics para WP da ExactMetrics

9. Plug-in de backup UpdraftPlus WordPress

10. Elementor Page Builder

11. Compressão e Otimização de Imagem Smush

E a lista continua.