Como eu te disse em um tutorial anterior, O WordPress oferece um novo tema padrão. Este tema, projetado para sites corporativos, marca uma partida notável dos temas padrão do WordPress que no passado eram projetados para blogs e reflete a transição mais significativa do WordPress de uma plataforma de blog para uma plataforma versátil.

Se você está planejando experimentar o Twenty Seventeen, entenderá algo rapidamente: este tema WordPress padrão é diferente de seus predecessores. Os temas padrão anteriores impunham uma configuração mínima que resultava em um blog funcional. Bem, esse não é o caso com Twenty Seventeen.

Claro, você pode usá-lo como um tema de blog, mas lembro que não é para isso que ele foi projetado especificamente. Na verdade, ele foi projetado para criar sites corporativos usando uma página inicial com seções, que você pode distinguir facilmente assistindo à demonstração.

Descubra também Como instalar um plugin no WordPress

O resultado dessa mudança de foco é que a configuração do Twenty Seventeen leva um pouco mais de tempo do que os temas padrão anteriores do WordPress.

Neste tutorial, vamos explorar Twenty Seventeen, ver o que ele tem a oferecer e orientar você na configuração deste tema WordPress para que você possa criar facilmente uma página inicial para seu site. o negócio.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Twenty Seventeen Overview

Apresentação vinte e dezessete

O uso de um página de destino - Página de destino - servir como home page para sites corporativos tornou-se uma tendência. Com o Twenty Seventeen, é fácil criar uma página de destino para um site de negócios.

Para ter uma idéia de suas possibilidades, dê uma olhada na demonstração oficial do tema WordPress vinte Seventeen. Logo de cara, você notará o cabeçalho do vídeo. Role um pouco para baixo e o design seccional da página aparecerá. Cada seção é separada por uma impressionante imagem de fundo paralaxe que ocupa toda a largura e altura da janela.

A navegação é simples com uma barra de navegação superior fixa e uma única fonte " Franklin grátis Que é usado em todo o tema.

Aconselhamo-lo a consultar Como adicionar um menu de navegação personalizado no WordPress

Quando configurado corretamente, o Twenty Seventeen exibe um aparência profissional moderno, construído em seleções de fontes legíveis e um forte uso de visuais marcantes equilibrados pelo uso de espaços em branco generosos.

Como criar uma página inicial com Twenty Seventeen?

Indo na mesma direção que Matt Mullenweg, quando ele falou de a importância do personalizador, portanto, não é de surpreender que a maioria das tarefas executadas em " vinte Seventeen Estão no personalizador.

Personalização do Wordpress 47

Além das funções padrão, como menu e configuração, com os widgets do Customizer você pode definir uma imagem de cabeçalho ou vídeo, usar diferentes esquemas de cores e afetar o conteúdo das seções de sua página.

Descubra também Como personalizar o CSS do seu site WordPress

O WordPress 4.7 também introduz um novo recurso chamado "atalho de edição visível": eles aparecem como ícones azuis como na imagem anterior. Clicar em um desses atalhos abrirá o campo que permitirá que você modifique a seção no Customizador. 

Isso torna muito fácil alterar os recursos do Twenty Seventeen, como a imagem do cabeçalho, o slogan, o título e o conteúdo que aparece em cada seção de uma página. Basta encontrar o conteúdo que deseja editar, clicar no "atalho de edição visível" e personalizar o conteúdo em questão.

Vá além descobrindo Como adicionar rolagem infinita a um blog WordPress

O WordPress também vem com um novo recurso do Personalizador chamado " CSS adicional ". Já falamos sobre esse recurso antes. Este é um recurso específico para o WordPress e não para " vinte Seventeen ".

Para mostrar como configurar vinte Seventeen Vou instalar o tema como se fosse usá-lo no meu site pessoal.

Etapa um: crie uma página para cada seção

Crie uma página para cada seção

A primeira coisa que você precisa fazer é criar algumas páginas:

  • Crie uma página que será sua página inicial estática.
  • Crie uma página que exibirá postagens do blog.

Como colocar seu site WordPress no modo Manutenção ? clique neste link

Crie até quatro páginas adicionais para conter o conteúdo que será exibido nas seções da página inicial. Crie três novas páginas adicionais se você planeja usar seu blog ou como uma das seções da página inicial.

consultar Como fazer colunas no WordPress sem plugins

No caso do meu exemplo, criei uma página inicial, uma página de blog, uma página sobre, uma página de serviços e a página de contato.

Etapa 2: adicione uma imagem à primeira página

Para obter o efeito de paralaxe nas imagens, você precisa adicionar uma imagem grande da primeira página para cada página, que fará parte das seções da primeira página. Você provavelmente não vai querer adicionar uma imagem em destaque à página inicial criada na etapa anterior, mas pode adicionar uma imagem em destaque a todas as outras páginas.

Imagem em destaque wordpress

A demonstração de « vinte Seventeen Usa imagens cujas dimensões têm pixels 2000 de largura por pixels 1200 de altura. Imagens que se aproximam desses tamanhos são recomendadas. Você entende que não deve usar imagens pequenas.

Descubra o Plugins do Construtor de Páginas WordPress 5 - Construtor de páginas

Você encontrará muitas imagens gratuitas em " StockSnap E a maioria tem boas dimensões.

Etapa 3: atribuir home pages e página do blog

Página inicial do wordpress estático

Agora é hora de começar a personalizar. Inicie o personalizador e vá para "  Aparência> Personalizar No painel.

Selecione a opção página inicial estática E faça os seguintes ajustes:

  • Defina o que a página inicial exibe, selecione o botão de opção para uma página estática.
  • No menu da página inicial, selecione a página inicial do site.
  • No menu Página de itens, selecione a página que exibirá os artigos.

Não esqueça de salvar suas alterações.

Etapa 4: atribua as outras páginas às seções da página inicial

Vinte dezessete seção temática

Agora você pode atribuir as diferentes páginas criadas anteriormente às seções na seção " Opções de tema ". Use os menus suspensos para atribuir cada página a cada seção, de acordo com a relevância que você atribui a eles.

Etapa 5: crie seu menu de navegação principal

Você pode criar seu menu de navegação diretamente da interface do Customizador ou do seu painel. Em ambos os casos, a criação dos menus no WordPress não mudou.

Etapa 6: adicionar um cabeçalho de vídeo

Vídeo de vinte e dezessete cabeçalho

A seguir, substituiremos a imagem do cabeçalho por um vídeo. Vá para a seção correspondente no Customizador clicando no "Atalho de edição visível" apropriado ou localize " Cabeçalho da mídia ".

Baixe ou selecione o vídeo que deseja usar. Como alternativa, você também pode fornecer o URL de um vídeo do YouTube para exibir no cabeçalho, se desejar.

Novamente, verifique se, para necessidades de qualidade, escolha um vídeo com grandes dimensões.

Vinte e dezessete demonstração

Neste ponto, tudo deve funcionar normalmente. Mais tarde, ofereceremos mais tutoriais sobre a personalização desse novo tema do WordPress.

Descubra também alguns plugins premium do WordPress  

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Reserva de mesa de restaurante WordPress

O Restaurant Table Booking Manager é um plugin que permite gerenciar a reserva das mesas do seu restaurante on-line.

Reserva de mesa em restaurante Wordpress

Ele oferece a oportunidade aos seus clientes fiéis de reservar uma mesa diretamente do seu blog WordPress. Oferece ferramentas de gerenciamento de disponibilidade, o que impedirá que você cometa erros.

Você também pode usar o calendário gerado automaticamente para rastrear melhor as diferentes reservas.

Descarregar | Demo | hospedagem na web

2. ShareBang

O ShareBang é um revolucionário plug-in de compartilhamento social do WordPress. Oferece uma experiência completa e elegante que o ajudará a aumentar o tráfego e melhorar as vendas e a visibilidade de seus produtos, páginas e blog.

Sharebang ultimate social share buttons para wordpress 1

Ele suporta o + 42 das principais redes sociais, incluindo aplicativos móveis, como WhatsApp, Facebook, Telegram, Skype, Line, Viber e muito mais. Ele vem com mais de posições 21 dedicadas a botões de compartilhamento social, um layout totalmente personalizável, atualizações automáticas e regulares, integração com Mailchimp, Mailster e mais ...

Todos os recursos acima e muito mais são extremamente fáceis de usar por último para ajudá-lo a ganhar mais assinantes e gerar mais tráfego. Basta aderir à próxima geração de plug-ins de botão de compartilhamento social.

Descarregar | Demo | hospedagem na web

3. Octabook

Octabook é um plugin WordPress muito fácil de usar e uma ferramenta de agendamento instantâneo para quase todos os tipos de serviços e provedores de serviços que desejam oferecer reserva online de um site.Octalivro

Oferece vários recursos que incluem: suporte para localização múltipla, configuração de serviço, preços dinâmicos, notificações, suporte a campos personalizáveis ​​para formulários, personalização de aparência, Suporte do Google Agenda, o painel intuitivo, exportação de dados em formato csv e muito mais.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Então ! Isso é tudo para este tutorial. Esperamos que o ajude criar uma loja online privado. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...