Como criar um site profissional com WordPress (para iniciantes)

criar site profissional wordpress iniciante amigável


Embora o WordPress seja muito fácil de usar e criar site, muitas pessoas ainda estão lutando para criar um site profissional. Neste tutorial, ensinarei como criar um site profissional para sua empresa usando o WordPress. O conceito deste guia é fornecer dicas que ajudarão na criação de um ótimo site que converte visitantes em clientes.

Construtor de sites baseado em WordPress

Perfeito para iniciantes! Crie sites prontos para uso, profissionais e de alta qualidade com WordPress e BoldGrid.

Comece agora! »

Se você deseja aprender o básico de como configurar o WordPress ou deseja saber como iniciar um blog em minutos, confira os tutoriais vinculados.

Este tutorial não envolve habilidades de programação ou design da web. É perfeito para iniciantes que estão começando com WordPress. Tudo é ilustrado com capturas de tela.

Amigável para iniciantes! Sem codificação! Sem termos nerds! Simples e direto! Passo a passo.

Hospedagem profissional para empresas profissionais

Enquanto você cria este site para o seu negócio, você quer ser profissional. Para publicar seu site online, você precisará de um serviço de hospedagem. Para este guia, usei o InMotion Hosting como exemplo. Eu recomendo esta empresa de hospedagem para criar e hospedar o site da sua empresa. Se você quiser saber mais sobre esse provedor de hospedagem, leia nossa revisão de hospedagem do InMotion.

Então, primeiro, você terá que comprar um plano de elevação.

Ao seguir este link, você obterá 47% de desconto instantâneo. Role até a parte inferior da página e escolha o plano de lançamento clicando no botão “Encomendar agora”.

plano de lançamento do pedido da inmotion

Revise sua escolha e clique em “Continuar”.

processo de pedido de hospedagem da classe executiva inmotion

Se você já possui um nome de domínio, selecione essa opção, caso contrário, poderá registrar um novo domínio gratuitamente com este plano de hospedagem.

inmotion registrar domínio grátis

Neste exemplo, selecionei a opção de vincular meu domínio ao servidor do InMotion para continuar com a opção “Eu já tenho um domínio”. Revise sua escolha e clique em “Continuar”.

inmotion já possui nome de domínio

O sistema detectará automaticamente sua localização e escolherá o servidor da web em que seu site será hospedado. Se você deseja fazer ajustes, selecione um novo local para o servidor. Você pode escolher entre Costa Leste e Costa Oeste. Considere hospedar seu site em um servidor mais próximo de você e de seus clientes.

inmotion hospedagem costa leste costa oeste

Agora, a etapa mais importante desse pedido é selecionar o sistema de gerenciamento de conteúdo que você deseja instalar no seu site. Aqui você escolherá “Instalar o BoldGrid, desenvolvido com WordPress”. Este é o construtor que usaremos para criar e personalizar nosso site. O BoldGrid é um construtor de páginas desenvolvido com WordPress, que permite criar layouts personalizados sem a necessidade de conhecer HTML, CSS ou outra programação. Confira nossa análise do BoldGrid para saber mais sobre essa ótima ferramenta.

o inmotion instala automaticamente o boldgrid na inscrição

Preencha suas informações pessoais e financeiras. Esta página é segura e criptografada, para que seus dados sejam protegidos. Clique no botão “Conta de compra” para finalizar seu pedido.

conta de hospedagem de compra do inmotion

Você será contatado por telefone em alguns minutos para confirmar seu pedido. Depois que seu pedido for confirmado, você receberá um e-mail com as informações de login. Enquanto isso, o WordPress e o BoldGrid estão sendo instalados no seu site automaticamente. No final do seu pedido, você terá um sistema funcional que poderá personalizar.

Por enquanto, tudo bem! Agora vem a parte divertida, quando você realmente cria seu site.

Criando seu site WordPress

Depois que sua conta for verificada por telefone, você receberá um email de boas-vindas do InMotion com todos os detalhes de login. Este e-mail contém o login no painel do gerente de contas, o cPanel e o site WordPress, onde o BoldGrid já foi instalado.

Agora acesse o painel do seu site e faça o login. A tela de login é diferente da tela de login padrão do WordPress. O painel também é um pouco diferente, mas não faz muita diferença, mesmo se você já usou o WordPress antes.

inmotion boldgrid login

Na tela de boas-vindas, você encontrará dois vídeos, um para iniciantes e outro para usuários avançados do WordPress. Estes vídeos são uma rápida apresentação do BoldGrid. Eu sugiro vê-los! O vídeo a seguir explica como começar com o BoldGrid:

Agora, para começar, você precisará clicar no menu “Inspirações”.

site de inspirações boldgrid

Na página de inspirações, você pode escolher entre duas opções: Instalar como teste (escolha se você já possui um site e deseja atualizá-lo com o BoldGrid) ou Instalar como ativo (essa opção é para aqueles que ainda não têm um site). Continuaremos com o site “Ativo”.

boldgrid instala sites ativos

O próximo passo é escolher uma categoria para o seu site. No momento da redação deste artigo, existem cerca de dez categorias para você escolher, mas serão adicionadas mais conforme o BoldGrid evoluir. Escolha a categoria que mais se aproxima do nicho do seu site.

boldgrid escolha a categoria do site

Depois que a categoria é selecionada, você pode escolher um tema que você gosta. Você pode visualizar qualquer um desses temas e ver como ficará em um desktop, mesa ou celular. Observe que alguns temas contêm imagens protegidas por direitos autorais com marcas d’água. Você pode adquirir essas imagens (usando o sistema de moedas) ou substituí-las por suas próprias fotos. Vamos selecionar o tema “Uptempo” para este tutorial.

boldgrid selecionar tema

Depois de escolher o tema de sua preferência, escolha o conjunto de páginas que deseja instalar no seu site. Optaremos por instalar cinco páginas, as mais comuns para esta categoria. Clique no botão “Selecionar” para continuar.

boldgrid escolha o conjunto de páginas

Confirme sua seleção e finalize a instalação do tema e das páginas clicando em “Instalar este site!” botão. Nesta etapa, você ainda pode voltar e editar as configurações escolhidas antes.

site de instalação do boldgrid

A instalação e criação das páginas levará menos de um minuto. Não feche a página até que ela termine. Quando a instalação estiver concluída, clique no botão “Personalizar”.

boldgrid baixar instalar tema site

O personalizador de temas permite editar seu site e visualizar as alterações que você está fazendo. As opções podem variar de tema para tema. Para o tema que selecionamos anteriormente, Uptempo, podemos alterar o título do site, alterar fonte, posição do título, fazer upload de um logotipo de imagem ou ícone do site.

boldgrid personalizar site

Na seção de cores, você pode escolher entre diferentes paletas de cores. Há uma função “Paletas de sugestões” que sugere um esquema de cores toda vez que você clica nele. Escolha o esquema de cores que você gosta!

o personalizador de cores boldgrid sugere paletas

Existem muitas outras configurações que você pode definir para tornar seu site único e excelente. Por exemplo, você pode optar por ter uma página inicial estática, que exibirá uma página selecionada por você. Você também pode adicionar widgets ao cabeçalho e rodapé e também inserir HTML personalizado (Google Analytics por exemplo). Também é possível adicionar JavaScript ou CSS personalizado ao seu tema, sem a necessidade de abrir nenhum arquivo. Não entraremos em detalhes agora, porque este tutorial levaria muito tempo para ser escrito e lido.

Quando terminar, clique no botão “Salvar & Publicar “! Você pode voltar mais tarde e editar qualquer opção, se quiser.

Agora vá para a página inicial do seu site e aproveite a vista:

exemplo de site boldgrid

Você ainda não está pronto! Existem cinco páginas no seu site, mas elas são fornecidas com o conteúdo padrão que acompanha a instalação. Você vai querer mudar estes.

páginas de edição em negrito

No WordPress, você poderá alterar o texto, adicionar e substituir imagens, clonar ou excluir blocos diferentes, arrastar e soltar blocos vertical e horizontalmente.

editor de páginas boldgrid

Com a função “Add GridBlock”, você pode selecionar entre uma ampla variedade de layouts pré-criados. Essa função também permite inserir o mapa do Google em sua página ou escolher entre uma ampla variedade de formulários de contato com vários campos.

layout de bloco de grade de inserção de boldgrid

A API do BoldGrid também permite pesquisar imagens de alta qualidade, gratuitas e comerciais. Você pode definir o tamanho da imagem que está adicionando à sua página e o sistema recortará e instalará automaticamente a imagem no seu site. Esse recurso permite que você ajuste suas páginas com belas imagens em apenas alguns minutos, sem precisar usar o software editor de imagens. Quão legal é isso?

Neste ponto, você terminou de criar seu site. Parabéns! Você criou um site profissional usando o WordPress e o BoldGrid para o seu negócio. Tudo isso sem tocar em uma única linha de código, e você também pôde adicionar imagens sem a necessidade de editá-las no seu computador.

Resumo e Recomendação

Este guia foi mais longo do que eu queria, mas acho que abordei a maioria das etapas necessárias para criar um site profissional. Espero que este guia ajude muitos iniciantes. Se você tiver alguma dúvida sobre o BoldGrid, escreva um comentário abaixo ou entre em contato com a hospedagem do InMotion. O suporte técnico é muito útil e amigável para iniciantes.

Eu recomendo o BoldGrid e o InMotion para criar e hospedar seu site WordPress.

Embora o processo de criação deste site de demonstração tenha me levado apenas alguns minutos, montar este guia passo a passo levou mais de uma hora. Se isso o ajudou, compartilhe em suas contas de mídia social. obrigado!

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