Os currículos e os perfis do LinkedIn são ótimos, mas geralmente não são suficientes para chamar a atenção de clientes e empregadores em potencial.
Com base em nossa experiência, para causar impacto, você precisa de um portfólio on-line que mostre seu melhor trabalho de forma profissional e envolvente.
Não se preocupe se você não tiver experiência em tecnologia, pois estamos aqui para ajudar.
Neste artigo, mostraremos passo a passo como criar um site de portfólio on-line no WordPress.
Por que você precisa de um site de portfólio on-line?
Os portfólios são ativos para todos, inclusive freelancers, candidatos a emprego e pequenas empresas.
Agora, você pode pensar em um portfólio on-line como seu cartão de visita digital.
Por exemplo, sempre que encontrar seus clientes em potencial, você poderá direcioná-los facilmente para o site do seu portfólio. Assim, em vez de procurar amostras de trabalhos anteriores, você pode enviar com confiança seus clientes em potencial ou futuros empregadores para o seu impressionante portfólio on-line.
Embora você possa pensar que um portfólio é apenas para artistas ou criativos, isso simplesmente não é verdade.
Funciona para qualquer profissão, seja você um designer gráfico, escritor ou desenvolvedor, e oferece uma chance de dar o melhor de si no seu setor.
Em resumo, o site do seu portfólio pode ajudá-lo a se destacar da multidão e a criar confiança. Ao criar um site de portfólio profissional, você ganha credibilidade instantaneamente e mostra sua experiência.
Você também pode otimizar seu site para mecanismos de pesquisa com base em palavras-chave específicas para que mais pessoas possam encontrá-lo.
Tem pouco tempo, mas precisa de um site de portfólio on-line impressionante para sua empresa? O WPBeginner Pro Services pode ajudar! Nós cuidaremos de tudo, desde o design até o SEO, fornecendo um site de portfólio personalizado e adaptado às suas necessidades. Obtenha nossos serviços de design de site WordPress hoje mesmo!
Com isso em mente, compartilharemos como criar um site de portfólio on-line no WordPress.
Pronto? Vamos começar.
Como criar um site de portfólio on-line no WordPress com o SeedProd
Você não precisa aprender a programar ou escrever HTML para criar o site do seu portfólio. Basta seguir nossas instruções passo a passo e seu site estará pronto e funcionando em minutos.
1. Escolha um host para WordPress
Para começar, você precisará de um nome de domínio e de um host da Web. O host da Web armazena os arquivos do seu site e é a casa do seu site na Internet.
Um bom host da Web deve ser escalonável o suficiente para lidar com sites exigentes, oferecer suporte se algo der errado, levar a segurança da Web a sério e ter recursos para mantê-lo seguro.
Você também deve procurar os provedores de hospedagem WordPress mais rápidos, o que ajuda seu site a carregar rapidamente.
A Hostinger é a melhor opção para pequenas empresas que desejam uma hospedagem acessível e amigável para iniciantes.
Felizmente, a Hostinger concordou em oferecer aos nossos leitores um nome de domínio gratuito e um grande desconto na hospedagem do WordPress. Você pode começar a usar por apenas US$ 2,69 por mês.
Para configurar a Hostinger em poucos minutos, basta clicar neste botão:
Se precisar de ajuda para se inscrever na Hostinger, confira nosso post sobre como obter um nome de domínio gratuito, onde você encontrará um tutorial passo a passo.
Depois de se registrar e configurar seu plano de hospedagem, basta acessar o painel de controle e selecionar a guia “Domains” (Domínios).
A partir daí, você precisará inserir um novo nome de domínio.
Em seguida, será solicitado que você crie um novo site ou migre um site existente.
Para este tutorial, você pode clicar em “Ignorar, criar um site vazio”.
Em seguida, clique no botão “Select” (Selecionar) em “Claim a Free Domain” (Reivindicar um domínio gratuito).
Você pode simplesmente inserir o nome de domínio que deseja para o site do seu portfólio.
Se precisar de ajuda para decidir sobre um nome de domínio, o WPBeginner oferece um gerador gratuito de nomes comerciais para ajudá-lo a encontrar um nome de empresa que seja fácil de ler e promover on-line.
Obviamente, se estiver criando um portfólio pessoal, o mais fácil seria usar seu nome e sobrenome como nome de domínio. Se já tiver sido usado, você pode adicionar sua profissão, juntamente com seu primeiro nome.
Por exemplo, se o site johndoe.com
for usado, você poderá encontrar johndoephotography.com
ou janedoewriter.com
.
O ideal é usar a extensão de domínio .com
, pois ela é a mais reconhecida e confiável para pequenas empresas.
2. Instalar o WordPress
Um dos erros mais comuns que a maioria dos iniciantes comete é escolher a plataforma de site errada. Muitos freelancers ou proprietários de pequenas empresas preferem o Squarespace ou o Wix.
Embora sejam fáceis de usar, eles não têm funcionalidade, personalização e controle.
O uso de um sistema de gerenciamento de conteúdo como o WordPress oferece muito mais flexibilidade, com milhares de designs e complementos para o site do seu portfólio. O WordPress é gratuito e de código aberto, e tem milhares de extensões e designs de site pré-criados.
Com os plug-ins e temas certos do WordPress, você também terá o mesmo construtor de arrastar e soltar que torna plataformas como Squarespace ou Wix tão fáceis de usar.
Se você usa a Hostinger ou outro serviço de hospedagem WordPress, como WP Engine ou Bluehost, pode seguir nosso guia sobre como instalar o WordPress para obter instruções detalhadas e passo a passo.
Em seguida, no painel de controle da Hostinger, você pode clicar no botão “Admin Panel” (Painel de administração) com o logotipo do WordPress para acessar o painel de controle do seu site WordPress.
Você também pode acessar yoursite.com/wp-admin
diretamente em seu navegador.
3. Escolha um tema de portfólio
Depois de configurar o WordPress, você estará pronto para personalizar o design do site, escolhendo um tema e criando novas páginas.
Para este tutorial, usaremos o SeedProd para criar um tema específico para sites de portfólio.
O SeedProd é o melhor construtor de páginas para WordPress do mercado. Ele permite que você crie qualquer tipo de página de forma rápida e fácil sem escrever uma única linha de código.
Se você deseja criar um site de portfólio para atrair clientes em potencial, iniciar um blog no WordPress ou uma loja on-line, o SeedProd é uma solução completa que oferece modelos adaptados às suas necessidades.
Você deverá instalar e ativar o plug-in SeedProd. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.
Após a instalação, você será solicitado a concluir o assistente de configuração. Você pode clicar em “Get Started” (Iniciar) e seguir as instruções passo a passo para que o SeedProd possa configurar o plug-in para atender melhor às suas necessidades.
Depois de concluir o assistente de configuração, você pode acessar SeedProd ≫ Settings e inserir sua chave de licença. Você pode encontrar sua chave de licença na página de suas contas no site do SeedProd.
Depois de inserir as informações, clique no botão “Verify Key” (Verificar chave).
Agora você terá acesso a todos os recursos do SeedProd.
4. Crie a página de destino de seu portfólio
Em seguida, vamos navegar até SeedProd ≫ Theme Builder.
A partir daí, você pode selecionar o botão laranja que diz “Theme Template Kits”.
Você chegará a uma página com uma biblioteca pesquisável de temas do WordPress para escolher. Basta digitar “portfólio” na barra de pesquisa e selecionar o modelo de tema que melhor se adapta à sua ideia de site.
Além disso, talvez você queira pesquisar outras palavras-chave se estiver em um nicho específico. Por exemplo, se você for um corretor de imóveis, poderá encontrar temas imobiliários para WordPress no SeedProd.
Escolheremos o tema “Freelance Portfolio”, mas fique à vontade para escolher qualquer tema que atenda às suas necessidades.
Criaremos um site de portfólio de uma página. Isso significa que a página do portfólio faz parte da página inicial do site. Dessa forma, você pode colocar seu site de portfólio em funcionamento rapidamente sem o incômodo de projetar várias páginas.
No painel do WordPress, vamos para Configurações ≫ Leitura. Ao lado da página inicial, selecione o menu suspenso “Portfólio” para tornar a página do portfólio sua página inicial.
Em seguida, volte ao SeedProd ≫ Theme Builder e você verá uma lista de todas as páginas do tema.
A partir daí, você precisará rolar para baixo e passar o mouse sobre a página “Portfólio”. Em seguida, basta clicar no botão “Edit Design”.
5. Editar o site do portfólio
Agora é hora de editar o conteúdo e torná-lo seu.
No construtor de páginas visual e de arrastar e soltar do SeedProd, você verá vários widgets “Padrão” e “Avançado” para escolher. Eles incluem um título, texto, lista, cabeçalho, imagem em destaque e assim por diante.
Basta arrastar o widget desejado e movê-lo para o local exato em que você deseja esse elemento.
Você também pode personalizar o plano de fundo de acordo com sua preferência, escolhendo uma cor sólida, uma cor gradiente ou uma imagem de plano de fundo.
Basta clicar na caixa da camada externa e, em “Content” (Conteúdo), no menu da barra lateral, você verá opções para personalizar o plano de fundo.
Se precisar de ajuda para trabalhar com a interface do SeedProd, assista aos nossos tutoriais em vídeo sobre o SeedProd.
Ao editar o conteúdo da página principal do portfólio, há vários componentes importantes que você deseja incluir, como:
Forte apelo à ação (CTA): Os sites de portfólio devem ter um botão de CTA claro para permitir que os visitantes contratem ou entrem em contato com você. O botão de CTA deve ser colocado acima da dobra e na parte inferior da página.
Basta localizar a caixa “Botão” no menu à esquerda e arrastá-la para sua página à direita.
Ao editar qualquer elemento, você deve clicar no elemento ou na área específica que deseja personalizar.
As opções para esse bloco aparecem à esquerda. Como você pode ver abaixo, a guia “Content” (Conteúdo) permite editar o texto do botão e vinculá-lo à sua página de contato ou até mesmo a um formulário incorporado na parte inferior dessa mesma página.
A guia “Templates” permite que você escolha o estilo do botão, e a guia “Advanced” permite que você altere o preenchimento, as fontes e muito mais.
Serviços que você oferece: Os visitantes querem saber o que você oferece para que possam ter certeza de que você pode fazer o que eles querem. Por exemplo, como desenvolvedor de WordPress, você codifica plugins personalizados, oferece personalizações de sites ou cria sites do zero?
Para criar uma seção de serviços, basta adicionar um widget de “coluna” e inserir uma “caixa de ícones” para cada serviço que oferecemos.
Em seguida, você pode personalizar o texto e os ícones conforme necessário, clicando no elemento e usando a barra lateral.
Seção Sobre mim: Os clientes e consumidores em potencial também querem saber mais sobre seu histórico e experiência. Essa é uma chance de criar uma conexão com as pessoas e demonstrar sua paixão pelo que faz.
Para criar uma seção “About Me”, basta adicionar o widget “Image Box” à página. Em seguida, basta adicionar uma foto sua e escrever uma descrição que conte às pessoas mais sobre você.
Se estiver criando um portfólio para uma empresa ou marca, poderá usar seu logotipo personalizado aqui.
Depoimentos: Fornecer depoimentos de clientes anteriores ajuda a criar confiança, especialmente se você tiver trabalhado com marcas de boa reputação. Ver que outras pessoas estão satisfeitas com seu trabalho dá aos outros a confiança de que você também pode fazer um ótimo trabalho.
Basta adicionar o widget “Depoimentos” à sua página. Em seguida, você pode adicionar uma foto do cliente e editar o nome e o depoimento dele. Se você quiser adicionar mais avaliações, clique no ícone “Duplicar” ao lado do nome da pessoa.
6. Adicionar uma galeria para mostrar exemplos de seu trabalho
A criação de um site de portfólio lhe dá a chance de mostrar todo o trabalho incrível que você fez. Quando os clientes em potencial virem o que você pode fazer, eles confiarão que você é a pessoa certa para o trabalho.
Para fazer isso, usaremos o Envira Gallery, que é o melhor plugin de galeria do WordPress. Embora você possa usar o widget “Advanced Gallery” no SeedProd, o Envira Gallery oferece mais funcionalidades.
Por exemplo, ele vem com imagens “Lightbox”. Isso significa que, quando alguém clica em uma foto, ela exibe automaticamente as dimensões totais sem a necessidade de cortá-la ou redimensioná-la. Você pode até mesmo adicionar apresentações de slides e organizar suas galerias em álbuns para categorizar melhor o seu trabalho.
Primeiro, vamos instalar e ativar o plug-in Envira Gallery. Para obter instruções detalhadas, siga nosso guia sobre como instalar um plug-in do WordPress.
Após a ativação, você pode ir para Envira Gallery ≫ Add New no painel do WordPress.
Basta nomear sua galeria na barra de título. Em seguida, clique em “Search Files from Your Computer” para adicionar imagens dos projetos de seu portfólio.
Depois de fazer o upload dos itens do portfólio, role para baixo e vá para a guia “Config”.
Aqui, você pode alterar o número de colunas da galeria que deseja exibir. A configuração como “Automatic” definirá o número de imagens para preencher automaticamente cada linha.
Se quiser alterar o tamanho das imagens, role a guia “Config” para baixo e localize a opção “Image Size”.
Em seguida, basta selecionar o tamanho que melhor exiba os itens de seu portfólio.
Você também pode ajustar o tamanho da imagem do Lightbox para que ele exiba a imagem no tamanho original quando alguém clicar na imagem.
Para isso, você precisará ir até a guia “Lightbox” e ajustar o tamanho da imagem para “Original Image”.
Em seguida, role a tela até a parte superior da página e clique em “Publish” (Publicar).
Abaixo do botão de publicação, você verá um shortcode. Vá em frente e copie o shortcode para adicionar a galeria à nossa página de portfólio do WordPress.
Agora, vamos voltar à página de seu portfólio no SeedProd.
A próxima etapa é arrastar e soltar o bloco “Shortcode” em qualquer lugar que você desejar na página. Em seguida, basta colar o shortcode na caixa “Shortcode” no menu da barra lateral.
Se você quiser visualizar o shortcode, clique no botão “Preview” (Visualizar) no canto superior direito da página.
Isso lhe mostrará a aparência da página inteira.
Aqui, você poderá ver que a Galeria Envira está incorporada ao site do portfólio.
Com o recurso lightbox da Envira Gallery, você pode clicar em cada item para ver a imagem completa.
7. Adicionar um formulário de contato
Agora que você já atraiu seus clientes potenciais, é hora de fazer com que eles entrem em contato com você. É claro que você pode simplesmente enviar um e-mail, mas os formulários de contato permitem que eles enviem uma mensagem diretamente a você sem abrir o aplicativo de e-mail.
A melhor maneira de criar um formulário de contato simples e profissional é com o WPForms.
O WPForms é o melhor construtor de formulários de contato do WordPress que permite criar formulários de contato on-line.
Para saber como criar um formulário de contato simples para o seu site, de modo que os clientes em potencial possam entrar em contato com você, basta seguir nosso tutorial passo a passo sobre como criar um formulário de contato no WordPress.
Depois de preencher o formulário, você pode voltar à página do portfólio.
Em seguida, você pode usar o widget “Formulário de contato” para adicionar um formulário do WPForms. Em “Select a Form” (Selecionar um formulário), basta escolher o formulário que você criou.
8. Make It Live
Se tudo estiver certo, você está pronto para lançar seu site.
Tudo o que você precisa fazer é clicar na seta abaixo do botão verde “Salvar” no canto superior direito. Em seguida, clique em “Publicar”.
Vá em frente e confira o site ao vivo.
Tudo deve aparecer, inclusive a galeria do portfólio, os botões e o formulário de contato.
Depois de criar um site de portfólio com aparência profissional, você estará pronto para começar a enviar mais tráfego para o seu site ou a alimentar clientes em potencial interessados.
Esperamos que este artigo tenha ajudado você a aprender como criar um site de portfólio on-line no WordPress. Também recomendamos que você confira nossos guias sobre como criar um boletim informativo pago e como criar um link na página da biografia.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Jiří Vaněk
I’ve approached my portfolio as a blog. I write a tech blog about what interests me, using it as a showcase of my work. So, for me, a blog can be a great addition to a portfolio, demonstrating your skills and expertise in a way that can also be enjoyable and drive traffic to your website through search engines.
Konrad
one more thing to save for the future, thank you guys
wish me luck as i gather the courage to share my artworks with others :>
WPBeginner Support
Good luck
Administrador
Ram E.
Thanks for another detailed guide! For more complex or bigger portfolio sites, there is also the option to create custom post types for even greater flexibility in terms of features.
WPBeginner Support
That is a good option for sites with multiple content types
Administrador
Mikolaj
I’ve been in search of a great portfolio landing page for my art selling business, and it seems like SeedProd is just what I need. The simplicity and theme customization options are fantastic. Thanks for the comprehensive guide; I’m excited to give it a go!
WPBeginner Support
We hope you enjoy using the plugin
Administrador
Ralph
Nice and easy step by step tutorial. I don’t really need portfolio however it gave me other idea. I will use similar concept for homepage of my blog. Above all newest articles i will place 3 big buttons/pics (sorry i don’t know how to describe it in english), that will lead to my youtube, podcast and blog. So more promotion for my other channels.
Thanks for idea!
WPBeginner Support
You’re welcome, glad our guide could give you ideas
Administrador
Naveera Batool
Really an interesting and helpful article.
WPBeginner Support
Glad you think so
Administrador
A Owadud Bhuiyan
I have tried to create a portfolio site but I am not able to set the blog page as Homepage.
WPBeginner Support
It would depend on the theme but if you do not set a static page under Settings>Reading, most themes set the blog page as your homepage.
Administrador
Adam Michalak
Grate artictle, highly recommend it to anyone looking to learn how to create an online portfolio website in WordPress. In today’s competitive freelance market, having a portfolio website to display your best work is essential for standing out and attracting more clients. This step-by-step guide offers valuable insights on how to accomplish this, making it a valuable resource for those aiming to build their online presence as a professional freelancer.
I will recommend it to my friends who are just starting to work with wordpress
WPBeginner Support
Thank you for your kind words and we hope whoever you recommend also finds this article helpful
Administrador
William Dean Dailey
This is the most effective and informative post I have read by you all.
The graphics and text were easy to understand and follow through to complete the website and publish. Thank you for that. It’s the first time I have made it to publish using WordPress and am happy with the results.
WPBeginner Support
Glad to hear you were able to publish your site
Administrador
Sean Brady
I feel that developing a portfolio website with Wordpress would be a great way add to display an artist discography.
WPBeginner Support
It certainly could be
Administrador
Sharon
I liked this Tutorial. Although I’m an Elementor page builder user, it’s nice to see other page builders out there and what they can do. I had a portfolio of my website at one point, but I can’t say I really liked it. I think I might try again and use some techniques from this tutorial. Thanks, WPBeginner for the useful tutorial! Awesome instructions!
WPBeginner Support
You’re welcome and glad to hear you found our tutorial useful.
Administrador
Alice Elliott
Thank you for this very detailed tutorial about how to set up a portfolio website. However, I wonder why you chose a non-wysiwyg theme within your example. If you are targeting visual people, I would think this should be far more applicable, as it would be something they could relate to much more easily.
WPBeginner Support
We went with a page builder in this guide as it adds more freedom for design
Administrador
priya
thanks for sharing with us .
WPBeginner Support
You’re welcome
Administrador
Shafqat Khan
I’ve been looking for a way to create a portfolio landing page for my photography business, and SeedProd seems like the perfect solution. I love how easy it is to use and customize the theme templates. Thank you for this detailed guide, I can’t wait to try it out!
WPBeginner Support
Glad to hear our guide was helpful!
Administrador