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

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

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

O mercado freelancer cresceu rapidamente. Currículos e perfis do LinkedIn são importantes, mas para vencer a concorrência, você precisará de um site de portfólio para mostrar seu melhor trabalho e conseguir mais clientes.

Neste artigo, mostraremos a você como criar facilmente um site de portfólio on-line no WordPress, passo a passo.

How to create an online portfolio website in WordPress

Por que você precisa de um site de portfólio on-line?

Pense no site de seu portfólio on-line como seu cartão de visita digital.

Os portfólios são ativos para todos, inclusive freelancers, candidatos a emprego e pequenas empresas.

Example of portfolio website

Embora você possa pensar que um portfólio é apenas para artistas ou profissionais de criação, isso não é verdade. Eles funcionam para qualquer profissão, seja você um designer gráfico, escritor ou desenvolvedor.

É uma chance de dar o melhor de si no seu setor. Em resumo, o portfólio do seu website ajuda você 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.

Além disso, você pode otimizar seu site para mecanismos de pesquisa com base em palavras-chave específicas para que mais pessoas possam encontrá-lo.

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 você terá seu site 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 escalável o suficiente para lidar com sites exigentes, oferecer suporte caso algo dê 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 a fazer com que seu site seja carregado 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 até 78% de 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

Você será solicitado a criar um novo site ou migrar um site existente.

Para fins deste 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” (Solicitar um domínio gratuito).

Você pode simplesmente inserir o nome de domínio que deseja usar 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 junto com seu primeiro nome.

Por exemplo, se o site johndoe.com for usado, você poderá encontrar johndoephotography.com ou janedoewriter.com.

O ideal é usar uma 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 muitas funcionalidades, 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, 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 WPEngine ou Bluehost, pode seguir nosso guia sobre como instalar o WordPress para obter instruções detalhadas, passo a passo.

Em seguida, no painel de controle da Hostinger, clique 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 ajuda, consulte nosso guia detalhado 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, vá para SeedProd ≫ Settings e insira 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, vá para SeedProd ≫ Theme Builder.

A partir daí, selecione 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. Digite “portfólio” na barra de pesquisa e selecione 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, no qual a página do portfólio estará na página inicial do site. Isso permite que você tenha seu site de portfólio pronto e funcionando rapidamente, sem o incômodo de criar várias páginas.

No painel do WordPress, vá para Configurações ≫ Leitura. Ao lado da página inicial, selecione a lista suspensa “Portfólio” para tornar a página do seu portfólio a página inicial.

Set portfolio page as homepage

Em seguida, volte para SeedProd ≫ Theme Builder e você verá uma lista de todas as páginas do tema.

Role a tela para baixo e passe o mouse sobre a página “Portfólio”. Em seguida, clique em “Edit Design”.

Edit portfolio page

5. Editar o site do portfólio

Agora é hora de editar o conteúdo e torná-lo seu. Você será encaminhado para o construtor de páginas visual e de arrastar e soltar do SeedProd. Há vários widgets padrão e avançados para você escolher, como 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 uma chamada à ação clara 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.

Em seguida, 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 estão procurando. 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 em potencial também querem saber mais sobre sua formação e experiência. Essa é uma chance de criar uma conexão com as pessoas e mostrar por que você é apaixonado pelo que faz.

Para criar uma seção Sobre mim, tudo o que você precisa fazer é adicionar o widget “Image Box” à página. Em seguida, adicione uma foto sua e escreva 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 Testimonials à 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, o que significa que quando alguém clica em uma foto, ela exibe automaticamente as dimensões totais sem a necessidade de cortá-las ou redimensioná-las. Você pode até mesmo adicionar apresentações de slides e organizar suas galerias em álbuns para categorizar melhor seu trabalho.

Primeiro, instale e ative o plug-in Envira Gallery. Você pode seguir nosso guia sobre como instalar um plug-in do WordPress para obter instruções detalhadas.

Vá para Envira Gallery ≫ Add New no painel do WordPress. Em seguida, nomeie sua galeria na barra de título. A partir daí, clique em ‘Search Files from Your Computer’ para adicionar imagens de seus projetos de portfólio.

Add new gallery Envira Gallery

Depois de fazer o upload dos itens do portfólio, role para baixo e selecione 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 os tamanhos das imagens, role para baixo na guia “Config” e localize a opção Image Size (Tamanho da imagem).

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

Vá para a guia “Lightbox” e ajuste o tamanho da imagem para “Imagem original”.

Lightbox in Envira Gallery

Role a tela até a parte superior da página e clique em “Publicar”. Abaixo do botão de publicação, você verá um shortcode.

Copie o shortcode para que possamos adicionar a galeria à nossa página de portfólio do WordPress.

Publish gallery in Envira Gallery

Volte para a página de seu portfólio no SeedProd. Arraste e solte o bloco Shortcode em qualquer lugar que 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 form builder

O WPForms é o melhor construtor de formulários 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, volte para a página do portfólio. Você pode usar o widget “Formulário de contato” para adicionar um formulário do WPForms. Em “Select a Form” (Selecionar um formulário), escolha 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. Recomendamos também que você confira nossa postagem sobre como iniciar um blog no WordPress ou nosso guia sobre como criar um boletim informativo por e-mail.

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 says

    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 says

    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 says

    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 :>

  4. Ram E. says

    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.

  5. Mikolaj says

    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!

  6. Ralph says

    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 says

      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

  7. Adam Michalak says

    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 says

      Thank you for your kind words and we hope whoever you recommend also finds this article helpful :)

      Administrador

  8. William Dean Dailey says

    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.

  9. Sean Brady says

    I feel that developing a portfolio website with WordPress would be a great way add to display an artist discography.

  10. Sharon says

    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!

  11. Alice Elliott says

    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.

  12. Shafqat Khan says

    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!

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.