Um site de portfólio é uma plataforma perfeita para mostrar o que você quiser. Podem ser os produtos que você está vendendo, os projetos que concluiu, prêmios que recebeu, fotografias que inspiram ou obras de arte das quais se orgulha. Um site de portfólio irá comercializar seus produtos, serviços e habilidades para seu público-alvo. Além disso, pode ser útil na geração de leads. Se você é um profissional criativo (web designer, artista, pintor, escritor, ilustrador gráfico), um site bem projetado é especialmente importante para atrair clientes e expandir seus negócios.
Neste post, vamos passar pelas etapas de construção de um site de portfólio com WordPress usando o tema Total . Desde o início, você deve saber que o tema Total inclui um tipo de postagem personalizado embutido para portfólio. Portanto, é mais fácil criar seu portfólio e adicionar seus itens de portfólio. E se você souber trabalhar com posts padrão, criar um portfólio será muito mais simples para você.
Vamos começar!
Etapa 1: selecione um host da Web
Quando se trata de hospedagem, há um grande número de opções de hospedagem para todos os bolsos. Mas se você está preso para escolher um, dê uma olhada nas soluções de hospedagem WordPress que o WPExplorer recomenda.
O Bluehost é uma ótima opção se você está apenas começando, pois oferece muitos recursos a um preço baixo – o que é ainda menor quando você usa nosso link. Você pode obter o Bluehost por apenas US $ 2,95 no primeiro ano!
Mas se você deseja uma hospedagem fácil de usar, o Flywheel e o WP Engine são duas das empresas de hospedagem WordPress mais bem gerenciadas do mercado. Ambos oferecem ótimos recursos a um preço razoável e, o melhor de tudo, você nunca precisa pensar no seu servidor, pois eles cuidam de tudo para você.
Etapa 2: escolha um nome de domínio
Ao se inscrever com um host para espaço no servidor, você precisará ter seu nome de domínio à mão. Seu nome de domínio é exclusivo para seu site e você pode obter esses nomes de registradores como NameCheap e GoDaddy . Escolha um nome com cuidado, pois pode ficar bastante confuso alterá-lo mais tarde.
Passo 3: Instale o WordPress
Instalar o WordPress é fácil! Com hosts gerenciados, sua instalação do WordPress já está configurada para você. Se você escolher Bluehost, basta seguir o processo de instalação de um clique e você deve ter o WordPress pronto em alguns minutos.
Quando você chegar à tela de login, digite o nome de usuário e a senha que você criou durante a instalação do WordPress e entre no seu site. Uma vez lá, você pode criar seu site de portfólio real.
Etapa 4: escolha e ative um tema
Esta etapa será fácil para nós, pois escolheremos Total . Em nossa opinião, é um dos melhores temas que você pode escolher para qualquer projeto, pois o tema vem com vários recursos e opções que você pode usar para negócios, instituições de caridade, portfólios e muito mais. E com as importações de demonstração fáceis, você pode criar belos sites de portfólio com o Total em apenas alguns cliques, como este abaixo:
Depois de instalar o tema Total, ative-o em seu painel clicando em Aparência > Temas > Adicionar Novo .
Nesta fase, você tem uma escolha a fazer – você pode simplesmente importar qualquer site de demonstração da Total usando o Importador de Demonstração. Total tem mais de 40 sites pré-construídos, incluindo demos para portfólio. Você pode escolher qualquer demonstração, importá-la e adicionar seu próprio conteúdo a ela.
Basta escolher a demonstração que você gosta e seguir as instruções na tela para instalar e ativar os plug-ins necessários e importar o conteúdo de amostra (postagens, tipos de postagem, widgets, menus etc.).
Etapa 5: criar e editar itens do portfólio e criar uma lista de itens do portfólio
Claro que você não precisa importar uma demonstração para começar, você sempre pode criar seu próprio site do zero. Ao usar o tema Total, é fácil criar seu próprio portfólio.
Mas antes de podermos criar nossa página de portfólio, precisamos criar os itens de portfólio que serão incluídos nela. Com o Total, você tem duas opções para criar seus itens de portfólio.
Opção 1: usando o tipo de postagem personalizada do portfólio da Total como está
Sua primeira opção é usar o tipo de postagem de portfólio como é para criar seu portfólio. No painel do WordPress, clique em Portfólio > Adicionar novo .
Adicione o título do item do seu portfólio, tags, categorias e qualquer conteúdo de texto. O Total oferece suporte a vários tipos de conteúdo – adicione uma Imagem em destaque se desejar exibir uma única imagem, adicione várias imagens à seção Galeria de imagens para criar um controle deslizante ou adicione um link para um arquivo de áudio ou vídeo na seção Item do portfólio . Mas em todos esses casos, você provavelmente também desejará selecionar um layout de página nas configurações principais (esquerda, direita ou sem barra lateral) e definir uma imagem em destaque para sua postagem a ser usada em grades de portfólio, carrosséis e postagens relacionadas. Assim que terminar salve o post.
A próxima etapa é ir para Aparência > Personalizar > Portfólio para personalizar as páginas de arquivo do seu portfólio (principal, tags e categorias), bem como as páginas de item único do portfólio. A partir daqui, você pode escolher um layout de barra lateral, as postagens relacionadas contam e habilitar vários elementos da página, em seguida, arraste e solte-os na ordem desejada.
É isso! Basta adicionar mais itens para preencher seu portfólio.
Opção 2: crie seu próprio modelo de portfólio com o Visual Composer
Se você quiser ser mais prático, pode ser seu próprio designer usando os recursos do Total e o construtor de páginas do Visual Composer. O Visual Composer é um construtor de páginas visual que ajuda você a criar belos layouts usando o método de arrastar e soltar. Como usuário, isso significa que você não precisa conhecer nenhuma codificação e pode realmente aproveitar o processo de construção da web. Ele vem de graça com o Total, e você deve ver um prompt para instalar o plug-in em seu site ao ativar o tema. Apenas lembre-se de ativá-lo também.
Visite as Configurações do Visual Composer no painel para configurar o plug-in. Clique em Visual Composer > Role Manager e ajuste as configurações. Mais importante ainda, habilite o compositor para os tipos de postagem em que você deseja usá-lo. Por padrão, o Visual Composer é habilitado apenas nas páginas. Habilite-o também para tipos de postagem de portfólio para que você possa criar itens de portfólio com a ajuda do Visual Composer.
Assim como a última opção, você precisará criar um novo post clicando em Portfólio > Adicionar Novo . Dê um nome à sua postagem, selecione categorias ou tags, escolha um layout de barra lateral na seção de configurações principais e defina uma imagem em destaque. Salve seu rascunho de postagem. Agora você pode começar a construir!
Você tem a opção de usar o editor frontend (visual) ou backend (bloco) do Visual Composer para começar a editar o item do portfólio. Preferimos o editor front-end, pois você pode ver os elementos da sua página, cores personalizadas, preenchimentos/margens e muito mais. Mas não importa qual você escolha usar, basta selecionar o botão Adicionar elemento do Visual Composer para começar.
Você verá todos os elementos disponíveis na biblioteca de elementos. O Total possui vários elementos especialmente projetados na biblioteca, além dos elementos padrão do Visual Composer. Você pode ver que o instantâneo acima usa o controle deslizante de imagem e uma caixa de texto para criar o item do portfólio. No entanto, você pode usar quase qualquer outro elemento da biblioteca.
Quando terminar de editar, salve a postagem do portfólio e clique em Publicar . Se você for criar muitos itens semelhantes, poderá até salvar o modelo para uso repetido. Para salvar seu layout como um modelo, retorne ao editor de back-end.
Clique no botão Templatera (que se parece com um pequeno ícone de layout cinza).
Em seguida, dê um nome ao seu modelo e salve-o. Para usar seu template em um novo post basta clicar no ícone Templatera para inserir o layout que você salvou. Como alternativa, você pode definir o modelo como padrão para todas as novas postagens em um determinado tipo de postagem.
Para fazer isso, navegue até Visual Composer > Configurações gerais e defina seu modelo preferido para cada tipo de postagem. Se você planeja adicionar muitos itens ao seu portfólio, equipe etc., isso realmente economizará algum tempo, pois todos os elementos de sua página padrão serão inseridos automaticamente e formatados para você.
Etapa 6: Criando a página do portfólio
Agora que temos a lista de itens do portfólio que queremos exibir em nosso portfólio, é hora de criar a página que conterá esses itens do portfólio. Crie uma página da maneira que você normalmente faz com o WordPress. Vá para Páginas > Adicionar novo . Dê um título à nova página e salve-a.
Em seguida, clique na opção Visual Composer com a qual deseja trabalhar – novamente, você terá a opção de usar o editor de front-end ou o editor de back-end. Isso abrirá o editor de arrastar e soltar ao vivo. Clique no botão azul Adicionar Elemento . Usaremos o elemento Portfolio Grid para construir nossa página de portfólio. Selecione Grade do Portfólio . Se for um carrossel que você deseja na página do portfólio, selecione o elemento Carrossel do portfólio.
Você pode ajustar as configurações no elemento Portfólio Grid para ajustar a forma como sua página do Portfólio aparece. Você pode selecionar o tamanho das imagens, adicionar bordas, intitulá-las, especificar categorias, selecionar a ordem, colunas e posts por página, habilitar paginação, escolher estilos de grade, adicionar trechos e muito mais. Salve a página do Portfólio após preencher as opções de configuração abaixo do editor de texto.
É possível visualizar as alterações enquanto você as faz. É assim que minha página de portfólio fica no frontend depois de salvar as alterações no elemento Portfolio Grid.
Etapa 7: personalize seu portfólio
Você pode usar as configurações no WordPress Customizer ao vivo para definir opções para breadcrumbs, layout de arquivos, estilo de postagem única, corte de imagem e muito mais.
Se você quiser fazer alterações no ícone admin, nome do tipo de postagem, slug e taxonomia, use o Portfolio Post Type Editor .
Etapa 8: Adicionando seu portfólio ao menu
Em um site de portfólio, faz sentido que a página do portfólio apareça no menu principal para que os visitantes possam acessar o ‘Portfólio’ imediatamente e visualizar as páginas do portfólio. Para adicionar sua nova página de portfólio, vá para Aparência > Menu , selecione a página Portfólio e clique em Adicionar ao menu .
Agora o Portfólio aparece como um item de menu facilmente acessível na página inicial (e em qualquer outra página com o menu principal ativado).
Se você quiser que sua página de portfólio seja sua página inicial, navegue até Configurações > Leitura , defina sua exibição de página inicial para uma página estática e selecione seu portfólio. Mole-mole!
Terminando
Com a seção Portfólio do seu site, você pode querer ir em frente e adicionar mais páginas ao seu site. Considere uma página de contato , sobre ou serviços que são incrivelmente úteis e são uma parte necessária de um site de portfólio. Crie quantas páginas quiser ou precisar, lembrando de incluir as importantes no menu para ter um site de portfólio completo.
Com seu portfólio pronto, você pode passar a gerar tráfego para seu portfólio , otimizar suas imagens ou até mesmo monetizar seu site . Que outras dicas você tem para construir seu portfólio online?