Como criar seu próprio portfólio on-line (2020) - Guia passo a passo fácil

Como criar seu próprio portfólio on-line ( 2020) - Guia passo a passo fácil

Traduções: Inglês

Como criar seu próprio portfólio on-line (2020) - Guia passo a passo fácil.

Você quer uma vitrine ou portfólio profissional para exibir seus trabalhos on-line?
Existem muitos artesãos, criadores e profissionais que sempre quiseram ter um lugar on-line para colocar seus trabalhos. Um lugar para exibir e exibir suas obras fantásticas para o mundo exterior, mas assumiu que tal empreendimento é caro ou técnico demais para ser realizado.

Bem, tenho boas notícias para você. Depois de ler este pequeno guia passo a passo, você terá sua obra exibida em toda a sua glória em www.seunomeescolhido.com Seu portfólio com seu próprio nome de domínio! ***

Algumas pessoas tentam usar os serviços gratuitos como Behance, PortfolioOpen, Dribbble etc, mas a maioria deles parece semelhante e não é muito personalizável.
Ter um portfólio ou uma vitrine hospedada em seu próprio nome ou domínio personalizado faz com que você pareça mais profissional aos olhos de clientes em potencial.

Nesta era digital, você não estará na competição se não tiver uma presença on-line para seus trabalhos.
É crucial que você coloque sua obra no mundo. Felizmente, isso se tornou barato e muito fácil.
Não requer conhecimento para configurá-lo.

Este breve guia mostrará como configurar seu próprio portfólio impressionante on-line e será descoberto pelo seu próximo cliente.

Neste guia, usaremos uma loja de fotografia fictícia chamada Captura inteligente.* Seus assuntos de fotografia são: retratos,
paisagem, ainda funciona, animais, arquitetura etc.
Teremos seu portfólio configurado em
www.smartcapture .com***

Tudo o que você precisa é registrar o nome de domínio/endereço da web (por exemplo, www.smartcapture.com) que você deseja usar para hospedar seu portfólio.
Registrar e hospedar seu portfólio custará menos de \$5 por mês. Este é um investimento pequeno para um retorno MASSIVO !
Coloque seus trabalhos lá fora e seja descoberto pelo seu próximo grande cliente.

Como criar seu próprio portfólio on-line (2020) - Guia passo a passo fácil

  1. Registre o nome de domínio do seu portfólio (por exemplo, www.smartcapture.com )
  2. Instale o tema do portfólio GRATUITAMENTE
  3. Adicione conteúdo ao seu portfólio
  4. Modificações adicionais (depoimentos de clientes, entre em contato conosco etc)

1. Registre o nome de domínio/endereço da web do seu portfólio

Para colocar seu portfólio on-line, você precisará registrar o endereço da web (por exemplo, www.smartcapture.com ) com um registrador de domínio e também obter um pequeno espaço no servidor para armazenar o conteúdo do portfólio.
Decida qual nome você deseja usar para o endereço da web. Pode ser o nome da sua empresa ou seu próprio nome.

Existem vários registradores de domínio disponíveis, mas o recomendado é BLUEHOST. Eles oferecem um processo de configuração fácil e também oferecem muitos descontos (por exemplo, segurança GRATUITA do site via SSL/HTTPS, registro GRATUITO de nomes etc.). O Bluehost também fornece um endereço de email profissional personalizado (por exemplo, me\@yourname.com ). Legal!

Registre seu domínio com Bluehost

Registre seu domínio com Bluehost

Isenção de responsabilidade: damos muitas dicas técnicas neste site e, para pagar pelos custos do servidor, recebemos uma pequena comissão quando você clica em alguns dos links deste post e faz uma compra. Isso vem sem nenhum custo adicional para você.

Crie uma conta no Bluehost

Etapa 1: uma vez em Bluehost.com , selecione ‘WordPress‘ no canto superior esquerdo da página e selecione ‘WordPress Hosting

Página de destino do Bluehost

Página de destino do Bluehost

Etapa 2:* selecione o plano de hospedagem. Iremos com o Basic . Clique no botão verde em *Básico

 Selecionar plano básico de hospedagem

Selecionar plano básico de hospedagem
 

Etapa 3 : Digite o nome para se registrar

Na primeira caixa que diz Criar um novo domínio , digite o nome que você deseja usar para o seu endereço de currículo (por exemplo, www.smartcapture.com ). Digite smartcapture sem os www e .com. Clique em Avançar.
NOTA : Se você já possui um domínio registrado, use a segunda caixa que diz Use um domínio que você possui.

Bluehost irá verificar se o nome que você deseja registrar está disponível. Se não estiver disponível, ele sugerirá outras variantes, mas você também pode modificar o nome levemente para o que preferir. Se você está pensando em um nome para usar, registre-o agora antes que alguém o faça.

 Como criar um site em 2020 - Guia passo a passo

Bluehost Crie um nome de domínio

Etapa 4 : insira seus detalhes para criar uma conta

 Insira as informações da conta

Insira as informações da conta

Digite seus detalhes de contato
Etapa 5: Digite as informações do pacote de hospedagem

NOTA: para o Plano de conta, o custo por mês fica mais barato quanto maior o seu compromisso (por exemplo, 1 ano, 2 anos, etc.). Decida qual deles combina com você.
Desmarque todas as outras opções em Pacotes extras. Não precisaremos deles por enquanto.

 Informações do pacote de hospedagem

Informações do pacote de hospedagem
 

Etapa 6: insira seus detalhes de pagamento, clique em Enviar para concluir seu registro!

 Insira os detalhes do pagamento

Insira os detalhes do pagamento
 

NOTA : Assim que terminar, o Bluehost continuará instalando sua plataforma de portfólio (ou seja, WordPress) para você !! Siga as instruções na tela.
Agora que você viu as etapas, vamos esperar. Vá criar a conta e volte aqui (se ainda não o fez).
Anote os detalhes de login do Bluehost (ou seja, nome de usuário e senha)

DICA : Se você parar de executar alguma das etapas aqui, o suporte técnico da Bluehost terá prazer em ajudá-lo. Eles são um dos melhores do mercado! Vá para a página inicial Bluehost.com , role para baixo e você verá a seção Suporte especializado 24/7 . Clique no link Bate-papo para obter ajuda !!!
Outro bônus por ser um cliente Bluehost.

Suporte ao Bluehost

Suporte ao Bluehost
 

2. Instale o Tema do portfólio gratuitamente

Depois de concluir a configuração da sua conta, é hora de configurar seu portfólio!
Existem vários modelos de portfólio GRATUITOS disponíveis: shapely , portfolioo, etc.
Você pode escolher qual usar, mas para os fins deste guia, usaremos o tema ‘Shapely‘. É extremamente flexível e poderoso. Altamente recomendado.

Como instalar o tema do portfólio

 Login no site

Login no site

Você precisará fazer login no site WordPress Bluehost para iniciar suas configurações.
A página de login do seu site será encontrada em www.seunomeescolhido.com/wp-admin (por exemplo, smartcapture.com/wp-admin).
Digite seu nome de usuário e senha para fazer login. (Entre em contato com o suporte da Bluehost se não conseguir se lembrar de suas credenciais).
NOTA: Você também pode fazer login no seu painel wordpress entrando no Bluehost (usando suas credenciais do Bluehost) e selecionando seu site a partir daí.

 Painel

Painel

Etapa 1: depois de fazer login com êxito, você será direcionado para o painel do seu site.
O painel preto à esquerda é o menu do painel. Clique em Bluehost (o primeiro link na parte superior). Clique em Iniciar site para ativar sua configuração.
O menu do painel possui links para Postagens, Páginas, Aparência, Plugins etc.

Etapa 2: Instale os plug-ins necessários

Antes de prosseguir, precisamos instalar alguns plugins necessários. Os plug-ins nos ajudam a executar várias tarefas com facilidade, em alguns casos, é a única maneira de executar uma tarefa.

Vamos instalar os seguintes plugins.

  1. Classic Editor
  2. Jetpack (usado com o nosso tema para configurar nosso portfólio)

NOTA: Existe um terceiro e último plug-in que instalaremos após a instalação do nosso tema Portfólio.

Instalando o plug-in Classic Editor

  1. Clique em Plugins no menu esquerdo do painel. Isso abre a página do plug-in
  2. Clique em Adicionar novo (no canto superior esquerdo)
  3. No campo de pesquisa correto, digite ‘ Classic Editor ‘
  4. Clique em Instalar agora no Editor clássico no resultado da pesquisa
  5. Clique em Ativar para ativar o plugin

 Instalar o plug-in do Classic Editor

Instalar o plug-in do Classic Editor
 

Instalando o Jetpack Plugin

Nota: O Bluehost já deve instalar o plugin Jetpack para você e você só precisará configurá-lo. Caso contrário, siga o processo acima usado para instalar o Classic Editor para instalar o Jetpack.

Configurando o plugin Jetpack

Uma vez instalado o Jetpack, ele será encontrado no menu do painel

 Jetpack no menu do painel

Jetpack no menu do painel
 

Clique no Jetpack no menu do painel. Clique em Configurar o Jetpack na próxima página

 Instalação do Jetpack

Clique em Configurar Jetpack
 

Inscreva-se no Jetpack usando sua conta do Google (você provavelmente não tem uma conta no Wordpress.com).

Inscrição no Jetpack

Inscrição no Jetpack

O Jetpack possui versões paga e gratuita. A versão gratuita funciona muito bem para o nosso caso de uso. Na próxima página, role para baixo e clique em Comece com grátis

 Comece com o pacote Jetpack gratuito

Comece com o pacote Jetpack gratuito
 

Volte ao menu do painel, clique em Jetpack . Clique em Configurações .
Na parte superior da página Configurações, clique em Gravação no menu superior (onde as guias Segurança, Desempenho, Compartilhamento etc. estão listadas).
Role para baixo até a seção Tipo de conteúdo . Alterne Portfólios para ativá-lo.

Ativar portfólio em tipos de conteúdo

Ativar portfólio em tipos de conteúdo
 

Depois que o portfólio for ativado, ele aparecerá no menu do painel, próximo a Páginas. Usaremos isso mais tarde para criar nossa página de portfólio.

Etapa 3: Instale o tema Portfólio

Lembre-se de que estamos usando o tema Shapely como tema do nosso portfólio.
No menu do painel, passe o mouse sobre ‘ Aparência ‘e clique em‘ Temas ‘para abrir a página Temas .

No canto superior esquerdo da página Temas, clique em Adicionar novo .

No campo de pesquisa (canto superior direito), digite Tema bem torneado. Isso exibirá o tema Shapely .

 Instalar o tema Shapely

Instalar o tema Shapely

Mova o mouse sobre o tema Shapely e clique em Instalar.

Após a instalação, mova o mouse novamente e clique em Ativar. Isso ativa o tema do seu site.
Se você for para Aparência -> Temas no painel, deve ser o primeiro tema listado e deve dizer Ativo: Bem torneado .
Se não for esse o caso, procure o tema Shapely e clique em Ativar.

Instalando o Shapely Companion Plugin

Um último plugin para instalar é o Shapely Companion Plugin

  1. Clique em Plugins no menu esquerdo do painel. Isso abre a página do plug-in
  2. Clique em Adicionar novo (no canto superior esquerdo)
  3. No campo de pesquisa correto, digite ‘ Shapely Companion ‘
  4. Clique em Instalar no plug-in Shapely Companion no resultado da pesquisa
  5. Clique em Ativar para ativar o plugin

Hora de adicionar seu conteúdo!

3. Adicione conteúdo ao seu portfólio

Concluímos nossa configuração, agora é hora de adicionar os detalhes do nosso portfólio . Nosso portfólio é para uma loja de fotografia, portanto, adicionaremos trabalhos do portfólio em Retratos , Paisagem , Ainda funciona , Animal , arquitetura etc

Etapa 1: defina o nome da sua empresa ou site

No painel, passe o mouse sobre Aparência , clique em Personalizar .

Clique em Opções de tema -> Identidade do site . Em Título do site , digite o nome do site (por exemplo, Captura inteligente). Clique em Publicar na parte superior.

Clique no x próximo ao botão Publicar para voltar à visualização do painel.

Etapa 2 : configure a primeira página.
No painel, clique em Páginas no menu do painel -> clique em Adicionar novo .
Esta é a página de edição. A página de edição possui os campos Título e Conteúdo . No lado direito, há opções extras de conteúdo
No campo Título, insira um nome. Você pode usar qualquer título, mas estamos usando Front Page aqui.

 Nome do título da página

Nome do título da página
 

No lado direito, em Atributos da página , selecione Página inicial em Modelos. Depois de concluído, clique em Publicar (na parte superior). Ou clique em Atualizar , se você publicou a página anteriormente.

 Definindo o modelo de página inicial para o portfólio

Definindo o modelo de página inicial
 

Configure a página para ser a página inicial do seu site

 Clique em Personalizar em Aparência

Clique em Personalizar em Aparência

No menu do painel, passe o mouse sobre Aparência, clique em Personalizar .

Clique em Configurações da página inicial nos menus à esquerda. Clique em Uma página estática em Sua página inicial é exibida

Em Página inicial , selecione a página Primeira página que criamos anteriormente. Clique em Publicar na parte superior, uma vez feito.
Volte para a visualização do painel.

 Defina a página da primeira página como uma página estática

Defina a página da primeira página como uma página estática

Adicionando imagens ao seu portfólio

Vamos começar criando conteúdo do portfólio para o nosso trabalho de Arquitetura e adicionando imagens a ele.
Você pode organizar suas imagens de acordo com o que chamamos de Projetos . Como esses exemplos são para uma loja de fotografia, estamos organizando imagens em Arquitetura, Retratos, Natureza Morta etc.

Etapa 1 : no menu do painel, clique em Portfólio. Clique em Adicionar novo (novos projetos no canto superior esquerdo).
Esta página de edição é semelhante à página Páginas . É aqui que você adiciona imagens e descrições para os itens do seu portfólio
Digite Arquitetura no campo Título.

 Página de edição do projeto do portfólio

Página de edição do projeto do portfólio
 

Etapa 2: À direita da janela de edição, você verá as seções Tipos de projeto, Tags de projeto e Imagem em destaque
Tipo de projeto identifica o tipo de projeto (neste caso, arquitetura)
Tags do projeto são rótulos que você pode atribuir ao seu portfólio (por exemplo, Tóquio, Nova York etc.)
Imagem em destaque é a imagem exibida na lista de portfólio da sua página inicial.

Em Tipos de projeto, clique em Adicionar novo tipo de projeto e insira Arquitetura
Em Tags do projeto, digite Tóquio
Para Imagens em destaque , clique em Definir imagem em destaque , navegue e selecione uma imagem de sua escolha na sua máquina local. Clique em definir imagem em destaque (canto inferior direito)

 Tipos de projeto, tags de projeto e imagem em destaque

Tipos de projeto, tags de projeto e imagem em destaque
 

Etapa 3: adicione imagens individuais ao portfólio

Clique em Adicionar mídia (canto superior esquerdo do campo Conteúdo). Na janela pop-up, clique em Carregar arquivos . Clique em Selecionar arquivos e navegue na máquina local para adicionar sua primeira imagem!

 Adicionando imagem ao portfólio de arquitetura

Adicionando imagem ao portfólio de arquitetura

Clique na imagem para revelar uma lista de ícones na parte superior. Centralize a imagem clicando no segundo ícone.
Para adicionar uma descrição, clique no ícone pencil e digite a descrição no campo Legenda da janela pop-up. Clique em
Atualizar (canto inferior direito) quando terminar.
Siga o processo acima para adicionar mais imagens ao portfólio de arquitetura.

Vamos seguir em frente e usar as mesmas etapas para adicionar projetos de portfólio para Retratos, Natureza Morta, Paisagem, Natureza etc.

Etapa 4: Exibindo portfólios na página inicial.
Agora que adicionamos nossas imagens a nossos vários portfólios, agora podemos exibi-las em nossa página inicial.
No painel, passe o mouse sobre Aparência , clique em Widgets para abrir a página widgets .

 Página de widgets com Página inicial

Página de widgets com Página Inicial
 

Adicionaremos os widgets apropriados à esquerda na Página inicial para criar nossa página inicial.
Existem widgets para vários itens (portfólio, contato, chamada para ação etc.).
Como estamos adicionando um portfólio à nossa página inicial, procure o widget [Shapely] Portfolio for Home Widget Section .
Clique na pequena seta à direita para expandir o widget, selecione Página inicial e clique em Adicionar widget.
Isso adicionará o widget de portfólio ao widget Página inicial .

 Adicionar widget do portfólio à página inicial

Adicionar widget do portfólio à página inicial

Expanda o widget Página inicial clicando na pequena seta à direita. Expanda o widget do portfólio clicando na seta à direita.

 Expandir widget do portfólio

Expandir widget do portfólio
 

Digite um título no campo Título. Digite uma descrição no campo Conteúdo. Clique em Salvar.
NOTA:
Se o campo Conteúdo não estiver ativo, deixe a página do widget e navegue de volta para ela (isso parece ser algum tipo de bug)

Etapa 5: visualize seu portfólio
Visite www.seunomeescolhido.com (por exemplo, www.smartcapture.com ) para visualizar as alterações feitas até o momento.

 Visualização do portfólio on-line

Visualização do portfólio on-line

Parabéns! [Todos os projetos do portfólio adicionados são exibidos com suas imagens em destaque.
Clique em cada um para ver suas imagens individuais.

4. Modificações adicionais (depoimentos de clientes, entre em contato)

Esta seção adiciona aprimoramento adicional ao site do portfólio. Adicionaremos informações de contato, informações sobre de nós e depoimentos de clientes.

**Página Sobre nós

Ao olhar para o canto superior direito da página inicial do portfólio, você verá um link ADD A MENU. Substituiremos isso por um link Sobre nós, que leva o visitante a uma página onde eles podem ler um pouco mais sobre você ou sua roupa.

Etapa 1: Crie uma página para o seu conteúdo ‘ Sobre nós ‘.
No menu do painel, clique em Páginas e clique em Adicionar novo (canto superior esquerdo). Altere o campo Título para Sobre nós. Adicione informações sobre você ou seu trabalho no campo de conteúdo.
Clique em Publicar (painel direito) quando terminar.

 Uma página para informações 'sobre nós'

VisAdicione informações sobre ‘Sobre nós’

Etapa 2: Adicione a página “Sobre nós” ao menu superior
Criaremos um menu e, em seguida, adicionaremos a página Sobre nós ao menu, para que possa ser exibida no canto superior direito.
No menu do painel, passe o mouse sobre Aparência , clique em Menus
Na página Menus, clique em crie um novo menu

 Crie um novo menu

Crie um novo menu
 

Digite Primário como o nome do menu. Clique em Criar menu (na extremidade direita).

 Atribua um nome ao menu

Atribua um nome ao menu
 

À esquerda, em Adicionar itens de menu, expanda Páginas
Selecione a página Sobre nós , clique no Adicionar ao menu botão . Isso adiciona a página Sobre nós ao menu Primário
Em Configurações do menu , marque a caixa de seleção Primária . Clique em Salvar menu (à direita).

 Adicionando página sobre nós ao menu Principal

Adicionando página sobre nós ao menu Principal
 

Visualize as alterações visitando o site novamente . Você deve ver Sobre nós substituir ADICIONAR UM MENU no canto superior direito.

 Menu com o link About Us

Menu com o link About Us
 

Adicione entre em contato conosco informações

Seus visitantes precisam saber como entrar em contato com você. Adicionar informações de contato é simples.
Voltaremos a usar widgets para adicionar informações de contato.

Etapa 1: Vá para Aparência -> Widgets para acessar a página de widgets.
Procure a seção [Shapely] de contato do Frontpage . Expanda, selecione Página inicial e clique em Adicionar widget para adicioná-lo à Página inicial

Etapa 2: No widget Página inicial, expanda o widget [Shapely] Seção de contato para o Frontpage .
Digite o título (por exemplo, entre em contato conosco) e um subtítulo de sua escolha
Adicione uma imagem (use uma imagem com fundo escuro).
Digite Número de telefone , Email e Endereço de acordo
Clique em Salvar .

 Widget de contato

Widget de contato
 

A seção entre em contato conosco

 Entre em contato conosco secton

Widget de contato

Adicionar Depoimentos de Clientes

Você também pode permitir que seus visitantes saibam o que seus clientes atuais estão dizendo sobre o seu serviço.
Adicionaremos isso novamente usando os widgets.
Os depoimentos de clientes são exibidos em um controle deslizante animado.
Etapa 1: Na página de widgets, procure [Shapely] Seção de depoimentos para o Frontpage e adicione-a à página inicial. Expanda-o.
Digite o título (por exemplo, Aqui está o que alguns de nossos clientes estão dizendo sobre o nosso serviço ).
Selecione uma imagem de fundo (preferencialmente fundo escuro).
Clique em Salvar.

 Adicione depoimentos de clientes

Adicione depoimentos de clientes
 

Seção de depoimento do cliente finalizado

 Seção de depoimentos concluídos

Seção de depoimentos concluídos

PARABÉNS!!
Visite www.seunomeescolhido.com (por exemplo, www.smartcapture.com )

DICA : os widgets adicionados ao widget da Página inicial podem ser reorganizados clicando e arrastando de acordo.

Próximas etapas …

Você pode continuar editando e trabalhando no conteúdo do portfólio usando os widgets e moldando o que deseja.
Você pode adicionar imagens de paralaxe, seções em destaque, adicionar contatos sociais etc. usando os widgets disponíveis. Brinque com isso.

Se você achar este guia útil, compartilhe-o com seus amigos por e-mail, mídia social para que eles também possam se beneficiar.
Se precisar de ajuda com qualquer uma das seguintes etapas, entre em contato conosco:

- SKS

Traduções: Inglês | Francês | Espanhol

Veja também:

  1. Como criar um site simples
  2. Como destacar seu currículo

Crédito de imagem do portfólio: Unsplash.com


Comments

comments powered by Disqus