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

Um site de portfólio é uma plataforma perfeita para mostrar o que você quiser. Podem ser produtos que você está vendendo, projetos que concluiu, prêmios que recebeu, fotografias que inspiram ou obras de arte das quais você se orgulha. Um site de portfólio 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.


Nesta postagem, seguiremos as etapas de criaçã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 interno para o portfólio. Portanto, é mais fácil criar seu portfólio e adicionar seus itens. E se você souber trabalhar com postagens 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á procurando uma, dê uma olhada nas soluções de hospedagem WordPress recomendadas pela WPExplorer.

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 mais baixo 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 é que você nunca precisa pensar em seu servidor, pois eles cuidam de tudo para você.

Etapa 2: escolha um nome de domínio

Ao se inscrever em um host para obter espaço no servidor, você precisará ter seu nome de domínio à mão. Seu nome de domínio é exclusivo do seu site e você pode obter esses nomes de registradores como NameCheap e GoDaddy. Escolha um nome com cuidado, pois pode ser bastante complicado alterá-lo mais tarde.

Etapa 3: instalar o WordPress

Instalar o WordPress é fácil! Com hosts gerenciados, a instalação do WordPress já está configurada para você. Se você escolher Bluehost, basta seguir o processo de instalação com um clique e você deverá ter o WordPress pronto em alguns minutos.

Ao acessar a tela de login, digite o nome de usuário e a senha que você criou ao instalar o 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

Essa 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, já que o tema é fornecido com muitos recursos e opções que você pode usar para empresas, instituições de caridade, portfólios e muito mais. E com as fáceis importações de demonstração, 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 no painel clicando em Aparência> Temas> Adicionar novo.

Nesse estágio, você pode escolher – basta importar qualquer site de demonstração do Total usando o Importador de demonstração.  A Total possui mais de 40 sites pré-criados, 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, ativar os plugins necessários e importar o conteúdo de amostra (postagens, tipos de post, 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 desde o início. Ao usar o tema Total, é fácil criar seu próprio portfólio.

Porém, antes de podermos criar nossa página de portfólio, precisamos criar os itens de portfólio que entrarão nela. Com o Total, você tem duas opções para criar itens do seu portfólio.

Opção 1: como usar o tipo de postagem personalizada do portfólio da Total

Sua primeira opção é usar o tipo de postagem do portfólio, pois é para criar seu portfólio. No Painel do WordPress, clique em Portfólio> Adicionar novo.

Total de itens do tipo postagem do portfólio

Adicione o título do item do portfólio, tags, categorias e qualquer conteúdo de texto. O Total suporta vários tipos de conteúdo – adicione um Imagem em destaque Se você deseja exibir uma única imagem, adicione várias imagens ao Galeria de imagens seção para criar um controle deslizante ou adicione um link para um arquivo de áudio ou vídeo no diretório Item do portfólio seção. Mas em todos esses casos, você provavelmente também desejará selecionar um layout de página nas Configurações principais (esquerda, direita ou nenhuma barra lateral) e definir uma imagem em destaque para que sua postagem seja usada em grades de portfólio, carrosséis e postagens relacionadas. Depois de terminar, salve a postagem.

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

O próximo passo é 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 itens de portfólio único. A partir daqui, você pode escolher um layout da barra lateral, as postagens relacionadas são contadas e ativar vários elementos da página. Em seguida, arraste e solte-os na ordem desejada.

É isso aí! 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ê quer ter mais experiência, pode ser seu próprio designer usando os recursos da Total e o construtor de páginas do Visual Composer. O Visual Composer é um construtor de páginas visuais que ajuda 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 criação da web. Ele é gratuito com o Total, e você verá uma solicitação para instalar o plug-in no seu site quando ativar o tema. Lembre-se de também ativá-lo.

Visite as Configurações do Visual Composer no painel para configurar o plug-in. Clique em Visual Composer> Gerenciador de Funções e ajuste as configurações. Mais importante, ative o compositor para os tipos de postagem em que você deseja usá-lo. Por padrão, o Visual Composer é ativado apenas em páginas. Ative-o também para os tipos de postagem do portfólio, para que você possa criar itens do portfólio com a ajuda do Visual Composer.

Assim como a última opção, você precisará criar uma nova postagem clicando em Portfólio> Adicionar novo. Dê um nome à sua postagem, selecione categorias ou tags, escolha um layout da barra lateral na seção principal de configurações 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 de front-end (visual) ou back-end (bloco) do Visual Composer start para editar o item do portfólio. Preferimos o editor de 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ê escolher, basta selecionar o Visual Composer Adicionar elemento botão para começar.

Total Portfolio Page Builder

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 um 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ê estiver criando muitos itens semelhantes, pode até salve o modelo para uso repetido. Para salvar seu layout como modelo, retorne ao editor de back-end.

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

Clique no botão Templatera (que parece 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 modelo em uma nova postagem, 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.

Padrões de modelo de página de portfólio total

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 economizará muito tempo, pois todos os seus elementos de página padrão serão inseridos e formatados automaticamente..

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. Crie uma página da maneira que você normalmente faz com o WordPress. Vamos para Páginas> Adicionar novo. Título da 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 back-end. Isso abrirá o editor de arrastar e soltar ao vivo. Clique no azul Adicionar elemento botão. Usaremos o elemento Grade do portfólio para criar nossa página de portfólio. Selecionar grade do portfólio. Se você deseja um carrossel na página do seu portfólio, selecione o elemento Carrossel do portfólio.

Você pode ajustar as configurações no elemento Grade do portfólio para ajustar a aparência da página do portfólio. Você pode selecionar o tamanho das imagens, adicionar bordas, nomeá-las, sespecificar categorias, selecione a ordem, colunas e postagens por página, ative a paginação, escolha estilos de grade, adicione trechos e muito mais. Salve  a página Portfólio após preencher as opções de configurações abaixo do editor de texto.

É possível visualizar as alterações enquanto você as realiza. É assim que minha página do portfólio fica no frontend depois de salvar as alterações no elemento Grade do portfólio.

Etapa 7: Personalize seu portfólio

Você pode usar as configurações no WordPress Customizer ao vivo para definir opções de navegação, layout de arquivos, estilo de postagem única, corte de imagem e muito mais.

Se você deseja fazer alterações no ícone do administrador, nome do tipo de postagem, slug e taxonomia, use o Editor de tipo de publicação de portfólio.

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 imediatamente o “Portfólio” 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ê deseja que a página do seu portfólio seja sua página inicial, navegue até Configurações> Leitura, defina sua exibição de Front Page como uma página estática e selecione seu portfólio. Mole-mole!

Terminando

Com a seção Portfólio do seu site, você pode 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 desejar ou precisar, lembrando-se de incluir as mais importantes no menu para ter um site de portfólio completo.

Com o seu portfólio pronto, você pode gerar tráfego para o seu portfólio, otimizar suas imagens ou até monetizar seu site. Que outras dicas você tem para criar seu portfólio online?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map