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
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.
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
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.
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
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
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
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.
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.
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.
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.
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.
- Como exibir notícias sobre WordPress em uma barra vertical,
- Como visualizar os artigos recentes em uma categoria específica
- Como renomear imagens em um blog WordPress
- Como corrigir erros de conectividade no WordPress
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.
...
Não consigo mudar a foto do café na página principal. Você pode ajudar? Grato. 🙂
Olá. Não consigo fazer uma versão móvel. Apenas no smartphone, vejo a versão do computador.
Saudações ...
Por favor, informe Thierry,
Quais widgets populares de publicação são adequados para esse tema?
Bom Dia,
Todos os plugins e widgets do WordPress em princípio.
Bom Dia,
Novo usuário do WordPress, procuro modificar as imagens deste tema.
Eu me saí muito bem para a imagem do cabeçalho, mas para as outras não consigo encontrar a funcionalidade.
Existe um plug especial?
Desde já agradeço pela sua resposta
Bonsoir,
Você já olhou nas opções? Você já tentou editar as imagens em algum dos artigos?
Bonjour.
- Podemos ter uma imagem de boas-vindas inferior?
- Podemos inserir um logotipo nesta página inicial?
obrigado
Olá
1. Sim, mas você precisa de CSS neste caso.
2. Eu nunca tentei realmente, desculpe.
Bom Dia,
Gostaria de inserir 2 botões com links acima da imagem no cabeçalho. Como eu posso fazer ?
Bom Dia,
Você tem que ter algumas noções de CSS.
Olá e obrigado por este tutorial que pode fazer bem em torno deste tema wp.
Mesmo pedido do boobi, gostaria que as fotos destacadas pelo efeito de paralaxe não aparecessem em páginas estáticas, como a página de contato por exemplo.
Devemos intervir sobre o tema ou é já programadas?
Obrigado!
Mesma pergunta, como evitar que as fotos do efeito de paralaxe também sejam exibidas na página de contato de exemplo de página estática?
Merci.
Olá você pode opcionalmente adicionar um código CSS que esconde no customize.
Olá, gostaria de remover a foto do cabeçalho das páginas individuais meus passos na página do artigo de uma maneira sem passar pelo css? OBRIGADO 🙂
Olá e obrigado por seu tutorial muito bem explicado.
Eu gostaria de ir mais longe. Deixe-me explicar.
Criei um tema infantil no Th2017. Criei uma nova página contendo "TÍTULO" e "TEXTO" e uma imagem em destaque.
Esta página vinculada a partir do menu que normalmente aparece ao clicar no menu. Em seguida, adicionado à página Opções do tema.
Além disso, na página inicial, tenho a imagem e o texto "TEXTO" no banner deslizante horizontal.
Até então não se preocupe.
Eu crio no meu tema filho, um modelo de página de page.php para page_modele.php. Eu modifico este arquivo com “Nome do modelo: Modele da página” e adiciono o eco “COUCOU” ;.
Eu crio a página “TITLE2” com o template da página “Model Page” com imagem, então a vinculo ao menu e a adiciono às Opções de Tema.
Esta página normalmente aparece com "COUCOU" ao clicar no menu.
MAS, NA HOME PAGE, tenho a imagem MAS MAIS O TEXTO "CUCKOO".
Podem me ajudar para que COUCOU apareça na página inicial.
Nota: COUCOU será uma variável proveniente de um plugin.
Obrigado pela vossa ajuda
bien cordialement
Bom Dia,
O meu pedido é para o menu de links de redes sociais.
Durante a primeira customização do tema 2017, não tendo conta no Facebook, apaguei a funcionalidade do FB do menu, deixando apenas o link Email. Já criei a página da empresa no Facebook, mas não consigo reativar este link. Tirei o menu de links de mídia social pensando que talvez fosse trazido de volta para a versão original. Mas nada a fazer, não vejo como criá-lo.
Você pode me ajudar?
obrigado
Bonsoir,
Por favor, postar este comentário em artigos relacionados a redes sociais.
Boa noite, o processo me parece bastante simples. Talvez com capturas de tela, podemos ajudá-lo mais?
Obrigado pela tradução do tutorial. Estou bloqueado no passo 4, sem explicar para mim mesmo não tenho um menu com opções, por isso é impossível organizar os diferentes níveis da página estática. Uma ideia ?
Oi Mark,
você pode reformular?
Bom Dia,
Nesse novo template do wordpress, o texto não ocupa a página inteira, como mudar isso?
Em qualquer caso, na página inicial, digite "uma página"
obrigado
Maud
Bom Dia,
Para mudar a página inicial você precisa conhecer um pouco de CSS
Eu concordo com 😉
Bom Dia,
Eu uso o tema "Twenty Seventeen" no meu site profissional.
Eu faria a mesma versão com texto francês.
O plugin "Polylang" pode ser adequado?
Ou existem plugins mais adequados para este tema?
obrigado
Então, o tema tem seus canais e seu blog tem os cenários. Se você pretende traduzir o tema. Convido você a usar o PoEdit. caso contrário, para traduzir seu blog, a PolyLang servirá.
OBRIGADO !!!!!
É que a tradução do documento publicado pela wpmudev?
Boa noite, é sim.
Como transformar rodapé dand Oferecido por WordPress com vinte dezessete anos .. Obrigado.
É preciso ENTRADA E CSS.
O novo tema é exibido TwentySeventeen realmente elegante, inovador e atraente.
Mas para a cor de fundo é apenas branco ou cinza ??? Tentei alterar incluindo no arquivo style.css mas não surtiu efeito: ??
Para um blog com visual profissional, o ideal seria optar por um tema WordPress pago.
Olá
Eu instalei Twenty seventeen no meu blog WordPress
1 Não tenho mais uma janela de comentários no final do artigo
2 como os usuários de internet assinam o blog
cdlt
Olá Bernard,
Verifique suas configurações ou tente ativar outro tema para ver se o problema se repete.