Começar com uma lousa em branco e criar a interface do usuário nós mesmos também nos ajuda a criar um site exclusivo que se destaca da concorrência. Podemos implementar com mais facilidade novas técnicas de UI/UX para acompanhar as últimas tendências e padrões sem precisar desmontar tudo. Também não precisamos nos preocupar com problemas de compatibilidade porque tudo foi projetado desde o início.
Neste tutorial, guiarei você pelo meu fluxo de trabalho sobre como começar com uma lousa completamente em branco ao trabalhar com o WordPress. Você aprenderá como gerar uma página em branco, como adicionar novas páginas ao site e como vincular as páginas a um menu de navegação principal.
Instalando o plug-in
O tema que usaremos para criar páginas em branco no WordPress é chamado de tela em branco. Este é um dos meus temas favoritos que eu uso para começar de novo. É um tema mínimo e é exatamente o que diz ser – uma tela em branco.
Para instalar o tema Tela em branco:
- faça login no seu painel de administração do WordPress
- na barra lateral, navegue até Aparência > Temas
- Clique no Adicionar novo botão
- procure o Tema de tela em branco
- instale o tema e ative-o
Depois que o tema for instalado com sucesso, vá para a página inicial do seu site. Deve ficar parecido com esta imagem:
Como você pode ver, há muito menos distração acontecendo aqui, mas ainda há algum texto nele. Para torná-lo ainda mais vazio, você terá algumas configurações a serem feitas no editor de interface do usuário.
Na barra lateral, vá para Aparência > Personalizar para abrir o editor de IU.
Em seguida, abra Configurações da página inicial e defina a opção de exibição da página inicial para uma página estática. Clique no Adicionar nova página botão abaixo Pagina inicialforneça um título para sua página (ex. Lar) e clique no botão Adicionar botão. Isso criará a página especificada como uma página em branco.
Como você pode ver, agora está exibindo nossa página inicial em branco (com o texto hello world). Você pode se livrar desse texto adicionando CSS personalizado dentro da seção CSS adicional no editor de interface do usuário.
Você também pode adicionar uma página de postagens, como uma página de blog, ao seu site. Para fazer isso, clique no Adicionar nova página botão abaixo página de postagensdê um nome à página (ex. blog) e clique no botão Adicionar botão.
Adicionando um menu principal
Adicionamos um menu de navegação em nosso site para ajudar os visitantes a se orientarem em seu site e localizar diferentes seções do site com facilidade.
Para criar um menu no WordPress:
- voltar para o menu da barra lateral
- selecionar Menus e clique Criar Novo Menu.
- Dê um nome ao seu menu e selecione Navegação Primária como Localização do menu
- clique Próximo então clique em Adicionar itens
- selecione ambos os Lar e blog opções de página para adicioná-los no menu
- clique Publicar publicar o cardápio
Para exibir o menu, volte ao menu da barra lateral e clique em opções de conteúdo. Aqui você terá opções para ativar o menu, widgets, títulos de páginas e postagens e a visibilidade dos comentários. Verificar Ativar o cabeçalho do site e o menu superiorentão clique Publicar para ativar o menu.
Como você pode ver na imagem acima, o menu foi publicado com sucesso na tela em branco.
Conclusão
Iniciar um design em branco no WordPress é uma ótima maneira de diferenciar seu site dos concorrentes. Com a ajuda do tema Blank Canvas, você pode personalizar facilmente a aparência do seu site a partir do zero. Tudo o que você precisa é de um pouco de paciência e criatividade, e você terminará com um site único e atraente que certamente chamará a atenção e gerará interesse.
