Como colocar seu site de portfólio online usando o Wix

Wix O Wix é um construtor de sites que qualquer pessoa, mesmo sem experiência em web design, pode usar para criar um site com aparência profissional em minutos. O Wix é muito popular devido à sua flexibilidade e facilidade de uso. Nesta seção, vamos abordar a criação de um site de portfólio pessoal. utilizando Wix.com.

Crie uma conta

Criar uma conta no criador de sites Wix é muito simples. Você pode até se cadastrar com suas contas do Google ou do Facebook.

Visite a página inicial www.wix.com, e clique em Iniciar.

Você será redirecionado para a página de cadastro. Insira seu endereço de e-mail e uma nova senha e clique em Sinscreva-se botão.

O próximo passo é um pequeno questionário para ajudar a Wix a entender suas necessidades e, assim, oferecer a melhor experiência possível. Você pode optar por responder ao questionário ou ignorá-lo.

O questionário consiste em apenas três perguntas e leva menos de 30 segundos para ser concluído. Escolha Nunca fiz isso antes.pois este guia destina-se tanto a iniciantes quanto a usuários avançados.

Após selecionar a última opção, você será redirecionado para a próxima página, onde poderá escolher entre usar o Designer de Inteligência Artificial da Wix ou de Editor de sites Wix para criar seu site.

Utilizando o Designer de Inteligência Artificial (ADI) do Wix para criar um site de portfólio.

Clique em "Comece Agora"para usar o" Wix ADI ou "Escolha um modelo"para criar seu próprio site incrível usando o Editor de sites WixNeste guia, exploraremos ambas as opções, começando pela Wix ADI, que é a melhor opção para quem não é desenvolvedor web.

Escolha o tipo de site que deseja criar; neste caso, um site de portfólio. Clique. Próximo Para escolher quais funcionalidades você deseja no site.

Nós escolhemos o “loja on-line" aqui, Porque iremos exibir nosso trabalho e os visitantes devem poder entrar em contato e contratar você. Observe que você pode optar por pular esta etapa e adicionar recursos posteriormente. Depois disso, clique em Seguinte.

Escolha um nome de marca/empresa ou use o seu próprio nome. O que você escolher aqui será usado como seu nome de domínio. Usamos o nome da nossa marca, “bloopanimation”, como exemplo. Clique. Seguinte.

Como estamos trabalhando em um novo projeto, presume-se que não tenhamos um site ou cadastro no Google Places, então clicaremos em “pular"para revisar e editar nossas informações".

Preencha os campos fornecidos; seu e-mail já está cadastrado. Adicione seu logotipo, endereço, número de telefone, fax (se houver) e links para suas redes sociais.

Na próxima página, escolha um tema para o seu site (você poderá alterá-lo facilmente mais tarde). Selecione um e clique. continuar.

Se você carregou um logotipo, terá a opção de criar uma paleta de cores a partir dele. Você pode pular esta etapa se não tiver uma, ou clicar em “Criar paleta" continuar.

O próximo passo é escolher um design da página inicial.

Selecione um dos designs exibidos ou ignore. Você ainda poderá alterá-los mais tarde. Depois de selecionar um design, você será direcionado para o Editor Wix ADI.

O Editor Wix possui três áreas principais, que são identificadas na imagem abaixo como; (1) Área do menu superior (2) o Área da barra lateral, e (3) o Área da página principal.

É importante que analisemos profundamente cada uma dessas áreas e como elas funcionam. 

Área do Menu Principal: A área do menu principal é composta pelas seguintes abas:

• A) Seletor de Página Ativa: Aqui você selecionará a página que deseja que apareça na área principal de edição.
• B) Adicionar: Isso é usado para adicionar uma nova página ou uma nova seção de página.
• C) Projeto: Esta área permite que você altere temas, cores, fontes, animações ou designs de página.
• D) Gerenciar loja: Isso é usado para configurar uma loja online. Como nosso interesse é criar um portfólio, vamos pular esta etapa.
•  E) Botões Desfazer/Refazer: Desfazer ou refazer uma ação.
• F) Ajuda: Acesse a base de dados de ajuda do Wix.
• G) Local: Esta aba contém uma lista de submenus como “Criar um novo site"nós,"meu site"nós,"conectar domínio”, etc. Nosso único interesse aqui é o “conectar domínioOutras são bastante simples.
• H) Sino de notificação: Todas as suas notificações aparecerão aqui.
• I) Atualização: Para conectar seu domínio, você precisará atualizar para uma conta premium. Você pode encontrar todos os planos de atualização aqui. aqui..
• J) Pré-visualização: A aba de pré-visualização permite que você visualize seu design antes de publicá-lo.
• K) Publicar: Depois de concluir o design do site e ficar satisfeito com o que viu na pré-visualização, você pode clicar no botão "Publicar" para publicar seu site de portfólio.

Área da barra lateral: A barra lateral geralmente é usada para exibir informações que não fazem parte da página principal. Para começar, clique em uma seção e ela será aberta para edição na barra lateral. A partir daí, você pode alterar arquivos de mídia, como imagens, editar texto e outras coisas.

Abaixo, segue uma captura de tela da seção de cabeçalho conforme aparece na área da barra lateral.

Nesta área, você pode alterar o design da seção, adicionar/editar o menu, adicionar uma área de membros ao seu site e muito mais. Para adicionar qualquer um desses recursos ao seu site, basta clicar na caixa de seleção ao lado.

Vamos dar uma olhada em alguns deles:

• Menu do site: Cada página que você adiciona ao seu site aparece aqui. Você pode editar páginas, reorganizar a ordem das páginas ou excluir páginas.
• Barra de login de membros: Esta funcionalidade destina-se a sites de membros.
• Nome da empresa: O nome da empresa que você escolheu anteriormente está salvo aqui. No entanto, você ainda pode alterá-lo a qualquer momento a partir daqui. 
• Lema: Defina um slogan para o site.
• Logo: Adicione um logotipo ou altere um já existente.
• E-mail do site: Editar ou adicionar uma nova conta de e-mail.
• Número de telefone: Editar ou adicionar um novo número de telefone.
• Botão: Permite adicionar botões como "Contacte-nos" ou "Entre em contacto"..
• Contas em redes sociais: Edite ou adicione suas contas de redes sociais.

As opções acima estão incluídas na seção de cabeçalho. Outras seções possuem suas respectivas funcionalidades. Clique em qualquer outra seção e as opções de edição aparecerão na barra lateral.

Área da página principal: Esta é a área principal de visualização onde você pode ver seu design. O visualizador é incrivelmente intuitivo. Basta clicar em uma seção para editá-la, reordená-la/mover, personalizá-la ou excluí-la do seu site.

Você pode ter quantas seções desejar, mas recomendamos manter a estrutura simples, com 5 ou 6 seções. Os cabeçalhos e rodapés não podem ser movidos ou reordenados, mas podem ser editados.

Seções do corpo: Ao contrário da seção de cabeçalho, você pode duplicar, mover e excluir a seção do corpo do texto. Você também pode editá-la e formatá-la. As duas setas no canto superior direito servem para mover uma seção para cima ou para baixo. Já a opção "Mover para..." no menu suspenso no canto superior esquerdo permite mover uma seção para uma área específica.

Seções de rodapé/cabeçalho: Como mencionei anteriormente, você só pode editar e personalizar a seção do rodapé.

Então, vamos dar uma olhada no nosso resultado finalNeste exemplo, excluímos todas as páginas, deixando apenas a página inicial. Nossa página inicial possui seis seções. 

• A seção do cabeçalho
• Seção de boas-vindas
• Seção de galeria profissional (servida como seção de portfólio)
• A seção de citações
• A seção de contato
• A seção de rodapé

Utilizando o editor de sites do Wix para criar um site de portfólio.

Agora que vimos como funciona o ADI do Wix, vamos dar uma olhada em como personalizar nosso site de portfólio usando o Editor do Wix. Para usar o editor de sites Wix, acesse o site da Wix e siga todos os passos descritos anteriormente. Desta vez, selecione “escolha um modelo"Opção.

Na próxima página, você verá vários modelos belíssimos distribuídos em várias páginas. Navegue e escolha o seu.

Passe o cursor sobre o modelo que deseja usar e clique em “view“para visualizar o modelo, ou “editar"Para começar a trabalhar com o modelo imediatamente."

Ao clicar no botão “editar”, você será redirecionado para o editor de sites Wix. O editor é bastante simples e fácil de usar; vamos dar uma olhada em alguns dos seus recursos.

Na imagem abaixo, clicamos duas vezes no título para torná-lo editável, para que você possa digitar facilmente o título do seu site. Você pode alterar o tipo de título, a fonte, o tamanho da fonte, a cor da fonte e outras opções de formatação de texto usando o ícone de edição.configurações de textocaixa ”. A “configuração de textoA caixa "" só aparece quando você deseja editar um texto.

Você pode editar o menu e páginas, adicionar um plano de fundo, e adicione imprensa para o seu site. Você pode clicar nos elementos da tela para editá-los.

Você pode salvar or visualização seu site antes de publicá-lo. Quando estiver pronto para publicar, clique em “publicar" botão no canto superior direito. Recomendamos salvar seu trabalho de tempos em tempos para evitar perder seu projeto.

Se esta é a sua primeira experiência com design de sites, você pode se sentir confuso(a) no começo. Mas o editor do Wix é tão fácil de usar que, depois de praticar um pouco, você pegará o jeito e se sentirá confortável navegando por ele.

Eis o nosso resultado final:

Conectando um domínio personalizado ao seu site Wix

Você pode conectar um domínio personalizado ao seu site Wix em diferentes locais no painel de controle do seu site. Para conectar seu domínio, acesse sua conta no canto superior direito da página. Uma janela pop-up aparecerá com uma chamada para ação "Obter um Domínio."

Você também pode fazer isso acessando o menu suspenso do seu perfil ou simplesmente clicando em “Obter um domínio"Bem ali no seu painel."

Em seguida, você terá a opção de comprar um novo domínio ou conectar um domínio que você já possui.

Para conectar um domínio que você já possui, é necessário fazer upgrade para um plano premium do Wix. Faça o upgrade se desejar conectar o domínio que você já comprou.

Se você não possui um domínio e deseja comprar um novo, clique em “comprar um novo domínio."

Digite o novo domínio que deseja comprar e clique em “pesquisarClique no botão “Verificar se o domínio está disponível”.

Clique em "PegueVocê pode optar por um plano anual que inclui um domínio gratuito por 1 ano ou comprar o domínio e fazer o upgrade posteriormente.

Observação: O domínio não será atribuído ao seu site até que você faça o upgrade.

Selecione um plano para prosseguir com o pagamento.

Recomendamos o plano anual para que você possa obter um voucher de domínio gratuito e outros ótimos recursos.

Insira os dados do seu cartão e envie sua compra.

ParabénsSeu plano premium está ativo e você já pode começar a criar seu site de portfólio!

Como colocar seu site de portfólio online usando a hospedagem web Bluehost

Se você planeja usar o WordPress (o sistema de gerenciamento de conteúdo mais popular) para criar o site do seu portfólio, então use Bluehost Para iniciantes, hospedar seu site é a melhor opção.

Nesta seção, vamos guiá-lo por todo o processo de Configurar uma conta de hospedagem na BluehostRegistre um domínio, instale e ative o WordPress nele. 

Por que Bluehost?

Bluehost é uma das empresas de hospedagem mais populares, confiáveis ​​e respeitadas do mundo. Usamos a Bluehost para hospedar a Bloop Animation durante seus primeiros anos (antes de mudarmos para Kinsta, que é um serviço de hospedagem mais robusto, voltado para sites com alto tráfego e necessidades de comércio eletrônico, e tem sido a opção mais rápida e acessível para muitos outros, como nós.

Como criar uma conta no Bluehost e instalar o WordPress

1. Introdução

Para criar uma conta na Bluehost, visite www.bluehost.com e clique no botão "Comece agora"Botão.

2. Selecione um plano de hospedagem

O objetivo do seu projeto determina o melhor plano de hospedagem para você. Se estiver criando um site de portfólio, provavelmente deveria optar por um plano mais robusto. Escolha o plano básico. 

A coisa boa sobre Bluehost A vantagem é que, quando seu site começar a receber muito tráfego, você sempre poderá migrar para um plano superior sem qualquer impacto no desempenho do seu site. Levando isso em consideração, vamos optar pelo plano básico para o nosso site de portfólio.

Com a hospedagem compartilhada, que é amplamente utilizada e acessível, podemos facilmente instalar e ativar nosso site WordPress. Diferentemente do que ocorre em um Servidor Virtual Privado (VPS). (VPS) A hospedagem, o gerenciamento do servidor e as atualizações da plataforma são gerenciados pelos provedores de hospedagem compartilhada. Portanto, não precisamos nos preocupar com nada disso.

Vamos analisar os planos de hospedagem compartilhada da Bluehost e seus recursos.

3. Registre um nome de domínio

No início deste guia, vimos como escolher um nome de domínio. Agora que já escolhemos um plano de hospedagem, podemos finalmente... Registre esse nome de domínio.

Felizmente, a Bluehost oferece a você um domínio livre durante o primeiro ano ao adquirir um plano de hospedagem.

Temos três opções para escolher.

1. Crie um novo domínio
2. Use um domínio que você já possui. Se escolher esta opção, você precisará apontar os servidores de nomes do domínio para a hospedagem da Bluehost. Acesse aqui Para saber mais sobre como configurar servidores de nomes.
3. Ignore essa opção e crie um nome de domínio mais tarde.

Para os fins deste guia, vamos optar pela primeira opção.

4. Crie sua conta

Depois de clicar em “SeguinteDepois de fornecer o nome do seu domínio, você será redirecionado para a próxima página, onde poderá criar uma nova conta ou fazer login, caso já possua uma conta na Bluehost.

Preencha as informações da conta e prossiga para a próxima etapa. 

5. Selecione as informações do pacote e os extras.

Escolha o plano de acordo com o seu orçamento; você pode optar por 12 meses ou mais. Você perceberá que quanto maior a duração do plano, menor será o valor da mensalidade.

Preço básico para 12 meses - US$ 5.95/mês - US$ 71.40/ano

Preço básico para 24 meses - US$ 4.95/mês - US$ 118.80/ano

Preço básico para 36 meses - US$ 3.95/mês - US$ 142.20/ano

Você pode escolher qualquer uma das seguintes opções: pacotes extras:

• Proteção de privacidade de domínio: Custa US$ 0.99 a mais por mês (cobrado anualmente a US$ 11.88/ano). A privacidade de domínio protegerá suas informações pessoais (por exemplo, seu nome, e-mail, país e endereço) da visualização pública. Isso é recomendado apenas se você deseja que as informações do seu domínio permaneçam anônimas.
• Segurança SiteLock: Custa US$ 1.99 por mês (cobrado anualmente a US$ 23.88/ano). Este complemento verifica seu endereço de e-mail, endereço físico e número de telefone. Este recurso é necessário se você pretende comprovar sua credibilidade aos seus clientes.
• CodeGuard Básico: Custa US$ 2.99 por mês (cobrado até o final do período de hospedagem). Isso proporciona segurança extra, permitindo que você faça backup do seu site regularmente. 
• Ferramentas de SEO da Bluehost Iniciar: Custa US$ 1.99 adicionais por mês (cobrado anualmente a US$ 23.88/ano). Ferramenta de SEO da Bluehost que pode ajudar no posicionamento do seu site nos mecanismos de busca.
• 1 Caixa de correio do Office 365: Gratuito durante os primeiros 30 dias. É uma plataforma de e-mail da Microsoft.

Recomendo adicionar o Pacote de Privacidade de DomínioO resto é um pouco exagerado para sites de portfólio, na minha opinião.

Em seguida, adicionaremos nossas informações de pagamento e enviaremos. Se você não quiser pagar com cartão de crédito, pode clicar em “Mais opções de pagamentoPara pagar com PayPal.

Depois de inserir todas as informações corretamente e clicar em “enviarApós clicar em “Criar Conta"Botão para continuar.

A Bluehost geralmente cria um site automaticamente para você após o registro. No entanto, você pode excluir este site acessando "Gerenciar Site," clique em "Configurações," então role até o final da página e exclua-o..

6. Instalação do WordPress usando o botão "Instalação com um clique" do Bluehost.

Após se cadastrar no Bluehost, o próximo passo é instalar e ativar o WordPress. Com a "Instalação com um clique" do Bluehost para WordPress, você pode instalar o WordPress facilmente com apenas um clique e em pouco tempo.

a) Faça login na sua conta Bluehost. No painel de controle, clique em “Meus Sites” e depois em “Criar Site”.

b) Insira um nome e um slogan para o seu novo site WordPress e clique em “Seguinte".

c) Se você registrou um domínio, selecione, no menu suspenso, o domínio que deseja usar para o seu site de portfólio. Certifique-se de desmarcar as caixas dos plugins que você não precisa. 

Anote seu nome de usuário e senha do WordPress e clique em “entrar no WordPress” link para continuar.

Agora que concluímos a instalação do WordPress, precisamos obter um modelo para criar o design do site. Abordaremos isso detalhadamente em breve. step 3.

Como colocar seu portfólio online usando o Kinsta

Kinsta é um serviço de hospedagem WordPress premium. É o mais rápido, mais seguro uma que encontramos, e tem Excelente atendimento ao cliente. Eu simplesmente não consigo recomendá-los o suficiente.

Eles não são baratos, com o plano mais barato Os preços começam em US$ 30 por mês, mas valem muito a pena.

Todos os planos vêm com um Migração gratuita do WordPressIsso significa que a Kinsta transferirá todo o seu site do seu serviço de hospedagem anterior e configurará tudo para você.

Os planos deles também incluem um CDN grátis, automática backups diários, Suporte excelente 24 horas por dia, 7 dias por semana.e um certificado SSL gratuito. A maioria dos serviços de hospedagem cobra por esse tipo de recurso adicional.

Após escolher um plano, basta concluir o processo de finalização da compra, e a equipe atenciosa da Kinsta o guiará pelo restante do processo.

Depois que seu site WordPress estiver configurado, o restante do processo de design do seu site é o mesmo que em qualquer outro serviço de hospedagem, e abordaremos isso na etapa 3.