Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um site de portfólio on-line no WordPress

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.

How to create an online portfolio website in 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.

Example of portfolio website

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.

Hostinger get a domain

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”.

Skip website hostinger

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.

Claim free domain

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.

WP Admin Panel shortcut in Hostinger panel

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.

SeedProd setup wizard

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).

Verify key for SeedProd

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”.

SeedProd theme builder

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.

Online portfolio theme in SeedProd

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.

Set portfolio page as homepage

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”.

Edit portfolio page

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.

Widgets in SeedProd

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.

Background in SeedProd

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.

Call to action in SeedProd

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.

Edit button SeedProd

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.

Services page in SeedProd

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.

Author bio in SeedProd

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.

Duplicate testimonials in SeedProd

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.

Add new gallery Envira Gallery

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.

Configurations in Envira Gallery

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.

Image size in Envira Gallery

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”.

Lightbox in Envira Gallery

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.

Publish gallery in Envira Gallery

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.

Shortcode in SeedProd

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.

Preview portfolio website

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.

Recent projects in SeedProd

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.

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.

WPForms in SeedProd

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”.

Publish portfolio in SeedProd

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.

Portfolio website live example

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

28 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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.

  3. 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

  4. 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

  5. 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

  6. 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

  7. Naveera Batool

    Really an interesting and helpful article.

    • WPBeginner Support

      Glad you think so :)

      Administrador

  8. 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

  9. 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

  10. 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

  11. 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

  12. 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

  13. 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

  14. priya

    thanks for sharing with us .

    • WPBeginner Support

      You’re welcome :)

      Administrador

  15. 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

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.