Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como construir um portfólio online com WordPress (e o tema total)

Você está em:

Como construir um portfólio online com WordPress (e o tema total)

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.

Melhor Hospedagem WordPress

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 .

Total de itens do tipo de postagem do portfólio

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.

Configurações de tipo de postagem total do portfólio

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.

Construtor de Páginas de Portfólio Total

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.

Criador de modelo de página de portfólio total

Clique no botão Templatera (que se parece com um pequeno ícone de layout cinza).

Modelo de página de portfólio total

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.

Total de padrões de modelo de página de portfólio

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?

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.