Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. WordPress Themes
Webdesign

Como fazer sites modernos com temas de WordPress limpos

by
Difficulty:BeginnerLength:LongLanguages:

Portuguese (Português) translation by Renato Somel (you can also view the original English article)

Criar um site hoje em dia nunca foi tão fácil graças a plataformas como o WordPress. Não só o WordPress é muito fácil de aprender, é a plataforma perfeita para criar qualquer tipo de site.

Graças à grande quantidade de temas, você pode criar seu site em questão de algumas horas, quer você queira iniciar seu site de negócios, faça um portfólio excelente ou inicie um blog pessoal.

Graças à grande quantidade de temas, você pode criar seu site em questão de algumas horas, quer você queira iniciar seu site de negócios, faça um portfólio excelente ou inicie um blog pessoal. Eles facilitam que seus visitantes se concentrem em seus produtos e serviços e podem ajudá-lo a converter mais visitantes em clientes e clientes.

Modern homepage designs in Clean WordPress theme
Opções modernas de design de homepage no tema Clean Roneous WordPress.

Outro benefício dos temas limpos do WordPress é o fato de que o design simples leva a melhores tempos de carregamento, o que significa que seus visitantes não terão que aguardar as idades para o seu site carregar.

Finalmente, um tema WP limpo pode ajudar as empresas a terem mais clientes, mas também os blogueiros que procuram expandir sua lista de e-mail. Descubra os melhores e mais recentes temas do WordPress com designs limpos:

Neste tutorial, vamos orientá-lo através da criação de um site moderno usando um tema WordPress limpo. Vamos mergulhar!

Como fazer um site moderno usando um tema WordPress limpo

Criar seu próprio site pode parecer assustador, mas uma vez que você tenha um plano claro a seguir, você pode iniciar seu site muito rapidamente. Antes de entrar no meio da configuração do tema, vamos examinar as coisas que você precisa.

O que você precisará para começar

Existem alguns componentes importantes para os quais você precisa iniciar um site moderno, que são:

1. Seu próprio nome de domínio exclusivo

O primeiro passo é comprar um nome de domínio para o seu novo site. Se você está construindo um site para o seu negócio, a escolha óbvia para um nome de domínio é o nome da sua empresa ou agência. Mas, se você estiver criando um blog pessoal, você pode ir com um nome de domínio relacionado ao tópico do seu futuro blog ou optar por seu nome como nome de domínio. Certifique-se de escolher a melhor extensão de domínio também.

Seu nome como nome de domínio também é uma boa opção se você estiver fazendo negócios sob seu próprio nome ou se estiver trabalhando em um site de currículo pessoal. Independentemente da sua escolha, verifique se o nome é fácil de soletrar e é memorável.

2. Plano de hospedagem com o suporte do WordPress

Com o nome do domínio no reboque, é hora de selecionar seu provedor de hospedagem. Se você comprou seu nome de uma empresa como BlueHost, SiteGround ou similar, você pode se inscrever para um de seus planos de hospedagem ao mesmo tempo. Uma série de temas do WordPress no ThemeForest também vem com a opção de adicionar hospedagem do serviço Hosted Envato.

Envato Hosted - Premium WordPress Hosting
Envato Hosted - Premium WordPress hosting.

Uma boa maioria das empresas de hospedagem, de fato, incluirá um nome de domínio gratuitamente quando você se inscrever para um de seus planos. Se você comprou seu nome de domínio em outro lugar, faça uma pequena pesquisa sobre as empresas de hospedagem e leia avaliações independentes para ver o que os outros estão dizendo.

3. Tema premium do WordPress com um design limpo

Você também precisará de um tema WordPress profissional e limpo para criar seu site. Embora existam temas gratuitos do WordPress que você possa encontrar on-line, optar por um tema WP premium oferece acesso a suporte dedicado do desenvolvedor do tema. Isso garante que seu tema seja atualizado regularmente e você também pode entrar em contato com o desenvolvedor se você precisar de alguma ajuda com o seu tema.

Para os fins deste tutorial, estou usando o popular tema Roneous WordPress que pode ser usado para uma variedade de nichos. O tema vem com um design bonito e limpo e mais de 25 homepages modernas. Ele também inclui alguns dos plugins mais populares, então você nunca precisa se preocupar em ter suporte personalizado no seu site.

Clean modern Roneous WordPress theme
Roneous WordPress tema com design limpo e moderno.Clean moderno Roneous WordPress tema

4. Conteúdo e imagens

A última coisa que você precisa é reunir todo o seu conteúdo e imagens que irão no seu site. Recomenda-se a utilização de imagens de alta qualidade, como as fotos profissionais sobre Envato Elements. Dessa forma, eles não aparecem embaçados e são uma ótima ajuda visual que ajuda você a contar sua história e se conectar com seu público ideal.

Quando se trata de conteúdo, pense em quais páginas você terá em seu site. Além disso, considere escrever algumas postagens de blog para que você comece, para que seus visitantes possam conhecer sua marca e ver o que você tem para oferecer. Você também pode considerar adicionar depoimentos de clientes passados, particularmente se você estiver fazendo um site comercial.

Começando

Depois de ter tudo na mão, agora é hora de criar seu site. Para isso, você precisará instalar o WordPress e, em seguida, adicionar seu tema e plugins. Depois de instalar tudo, o passaremos pelas etapas de configurar o seu tema:

1. Instalando o WordPress

Para instalar o WordPress, você precisa fazer o login não é o seu pedido de hospedagem com os detalhes fornecidos pela empresa de hospedagem. Use o nome de usuário e a senha encontrados no e-mail de boas-vindas e siga o link que o levará à página de login cPanel. Digite o nome de usuário e a senha fornecidos para efetuar login.

No Panel, role para baixo até a seção denominada Instaladores de sites, Instalador Fantastico ou Instalador Softaculous. Encontre o ícone do WordPress e clique no botão Instalar. A próxima página irá pedir-lhe para inserir um nome de usuário e senha e selecionar o domínio onde instalar o WordPress.

Recomenda-se escolher uma senha forte que contenha letras maiúsculas e minúsculas, bem como números e símbolos especiais. Certifique-se de escrever seu nome de usuário e senha em algum lugar seguro para que você possa acessar o backend do seu site WordPress mais tarde.

Depois de preencher todos os detalhes, clique no botão Instalar mais uma vez para concluir o processo de instalação. Quando o processo de instalação estiver completo, você verá uma mensagem de notificação com um link para o painel de controle do WordPress. Clique no link e, em seguida, insira o nome de usuário e a senha escolhidos durante o processo de instalação.

2. Instalando seu tema do WordPress

Depois de entrar no painel do WordPress, clique em Aparência> Temas> Adicionar novo. Na próxima tela, selecione Carregar tema.

Clique no botão para selecionar a pasta compactada com os arquivos do seu tema e, em seguida, clique em Carregar. Uma vez que o tema esteja instalado, clique em Ativar.

3. Instalar e ativar plugins necessários

Agora que o tema moderno do WordPress está instalado, você verá uma notificação em seu painel de controle que o tema requer complementos adicionais. Você pode clicar no link Ser instalando plugins para instalar os plugins necessários. Simplesmente selecione todos os plugins e clique em Instalar no menu suspenso. Os plugins serão imediatamente ativos para que você possa passar para a próxima etapa, que está configurando seu site.

required plugins
Instale todos os plugins necessários do WordPress.

Como criar seu site WordPress limpo - rapidamente

Com o tema limpo do WordPress e os plugins modernos instalados, vamos configurar as páginas e analisar as configurações do tema. Dessa forma, você entenderá onde as diferentes configurações estão localizadas e como personalizar as cores, as fontes e os layouts do seu novo site.

Como criar sua página inicial

O primeiro passo é criar uma página inicial para o seu site. Para fazer isso, vá para Páginas> Adicionar Novo e nomeie-o em Casa. Como você pode ver a partir da captura de tela, você possui um botão extra que permite usar o criador do Visual Composer.

Neste ponto, você pode clicar no botão Editor do Backend ou no botão Editor do FrontEnd.

Adding a homepage
Adicionando uma página inicial ao seu site WordPress moderno.

O editor do backend permite que você insira elementos, blocos de texto ou escolha um modelo.

Visual Composer elements
Elementos do compositor visual.

Se preferir a rota DIY, comece adicionando uma linha e depois escolha o número de colunas. Depois de decidir a estrutura dessa seção, você pode começar a colocar elementos como imagens, blocos de texto e muito mais.

Backend editor
A visualização do editor do backend.

Outra opção rápida é usar um dos modelos pré-fabricados. Na maioria dos casos, a documentação do seu tema terá instruções detalhadas sobre como importar o conteúdo de demonstração e os modelos. Para o tema Roneous, tudo o que você precisa fazer é colar o conteúdo de um arquivo de texto no editor de texto. Neste exemplo, eu importei o conteúdo para o modelo da Business Agencia.

Modern WordPress website theme demo homepage
A página de demonstração para o tema Roneous WordPress.

A última parte para a página inicial inclui a remoção do cabeçalho e do título da página para que nossa página pareça a demo. Para fazer isso, na tela do editor de páginas, role para baixo até ver a seção Configurações de página. Aqui, basta selecionar Nenhum cabeçalho no layout do cabeçalho e Nenhum título em Layout do título da página:

PPage Settings of your WordPress theme
Configurações da página do seu tema do WordPress.

Quando terminar com sua página, clique em Publicar. Em seguida, navegue até Configurações> Ler e em Visores da página inicial, escolha sua página inicial recém-criada. Clique em Salvar alterações.

Reading Settings
Configurações de leitura no seu site Wordpress.

Como criar uma página de blog

De forma semelhante, vamos criar uma página de blog. Navegue para Páginas> Adicionar Novo e desta vez nomeie a página Blog. Para a página do blog, você não precisa inserir nenhum conteúdo, pois exibirá suas últimas postagens de blog. Clique em Publicar para criar a sua página de blog e, em seguida, volte para Configurações> Ler e selecione a página de blog que você acabou de criar para a página de postagens. Salvar alterações mais uma vez.

Você pode repetir esse processo quantas vezes for necessário para criar o restante das páginas do seu site.

Como importar o conteúdo da demonstração

Se você deseja importar o conteúdo de demonstração, vá para Ferramentas> Importar e selecione o importador do WordPress. Instale o plugin, ative-o e execute o importador. Carregue o arquivo .xml que o seu tema WordPress moderno veio e clique em Carregar arquivo e importar.

Na próxima tela, você vai querer atribuir postagens para você e marque a caixa que diz Download de anexos de arquivo. Clique no botão Enviar e seu conteúdo de demonstração será importado.

Personalizando suas configurações de tema do WordPress

Agora que sua estrutura está em vigor, você pode personalizar o site com as cores, as fontes e mais da sua marca. Alguns temas modernos do WordPress vêm com um painel de opções de tema dedicado, enquanto outros usam o Customizing incorporado do WordPress Live. Em nosso caso, para ajustar as configurações, vá para Aparência> Personalizar. Nesta tela, você pode alterar cores, fontes, fazer upload de seu logotipo, escolher o layout do rodapé e muito mais.

Theme customizer
Personalizador de tema no WordPress.

Para alterar qualquer um dos layouts, tudo o que você precisa fazer é clicar em Editar com o Visual Composer. A partir daqui, você poderá editar as configurações dos elementos que já estão lá, alterar o layout da coluna e substituir os elementos que melhor se adequam ao seu site.

O que faz um ótimo site moderno

Sites limpos e mínimos são todos os raivosos hoje em dia e permitem que você dê à sua empresa uma presença on-line moderna. Aqui estão algumas dicas para aproveitar ao máximo essa tendência de design:

1. Espaço branco

Espaço em branco ajudará a colocar ênfase em seu conteúdo. É o espaço entre vários elementos em uma página, como imagens e texto, no entanto, ele não precisa necessariamente ser branco. Usado corretamente, fará com que seu site pareça limpo e moderno, então fique certo de que os elementos em suas páginas não estão muito próximos. Dessa forma, seu conteúdo e chamadas para ação podem se destacar.

2. Imagens grandes

Não só as imagens ajudam você a se conectar com seu público, mas também podem preencher o espaço e criar belos pontos de cor. Você pode usá-los em cabeçalhos, como fundo ou criar uma galeria que mostra seu portfólio de trabalhos anteriores ou produtos que você oferece.

Obtenha fotos de ações ilimitadas no Envato Elements, bem como modelos de web, gráficos e muito mais:

3. Tipografia Negrito

Considere usar fontes em negrito e grandes para títulos e títulos para chamar a atenção para diferentes seções do seu site. Uma boa combinação de fontes de tamanhos diferentes pode até ajudá-lo a estabelecer uma hierarquia visual.

4. Navegação mínima

Para manter seu site tão limpo quanto possível, adicione apenas as páginas mais importantes à sua navegação principal. Isso ajudará seus leitores a navegar seu site mais fácil e você sempre pode adicionar um menu suspenso se sentir que há páginas mais importantes que precisam visitar.

5. Cores Negrito

Por último, as cores ajudarão a aumentar o interesse visual e criar distinções entre as seções. Eles também podem chamar a atenção para a sua chamada para ações e torná-las mais proeminentes em qualquer uma das suas páginas.

Faça seu site moderno com um tema WordPress limpo

Criar um site moderno é fácil quando você sabe o que faz um ótimo site moderno e tem as ferramentas certas para o trabalho. Use as dicas acima e confira nossa coleção de temas de WordPress limpa para que seu site seja executado rapidamente e crie uma presença on-line moderna.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.