Ir para o conteúdo principal

Como personalizar o tema Vinte Seventeen

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Como eu te disse em um tutorial anterior, O WordPress propõe um novo tema padrão. Esse tema criado para sites corporativos marca uma partida notável dos temas padrão do WordPress que no passado foram projetados para blogs e refletem a transição mais importante do WordPress de uma plataforma de blog para uma plataforma versátil.

Se você planeja experimentar o Twenty Seventeen, entenderá rapidamente algo: esse tema padrão do WordPress é diferente desses predecessores. Os temas padrão anteriores impuseram uma configuração mínima cujo resultado foi apenas um blog funcional. Bem, esse não é o caso do Twenty Seventeen.

Obviamente, você pode usá-lo como tema de blog, mas lembro que não foi especificamente por esse motivo que ele foi projetado. Na verdade, ele foi projetado para criar sites corporativos usando uma página inicial com seções, que você pode distinguir facilmente observando sua 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 do que os temas padrão anteriores do WordPress.

Neste tutorial, exploraremos o Twenty Seventeen, veremos o que ele tem a oferecer e guiaremos você pela configuração deste tema WordPress, para que você possa criar facilmente uma home page para o seu site. empresa.

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 uma página inicial para sites corporativos tornou-se 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. Desde o início, você notará o cabeçalho do vídeo. Desça um pouco e o design secional da página aparecerá. Cada seção é separada por uma impressionante imagem de fundo de 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

Uma vez configurado corretamente, o Twenty Seventeen exibe uma aparência profissional moderna, construída com seleções de fontes legíveis e um forte uso de visuais impressionantes, equilibrados pelo uso de espaços generosos.

Como criar uma homepage 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 ou vídeo do cabeçalho, usar esquemas de cores diferentes e afetar o conteúdo das seções da sua página.

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

O WordPress 4.7 também apresenta 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á editar a seção no Personalizador.

Isso facilita a modificação dos recursos do Twenty Seventeen, como a imagem do cabeçalho, o slogan e o título, e o conteúdo que aparece em cada seção da 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

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

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 1: criar 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ê deve adicionar uma imagem grande a uma para cada página, que fará parte das seções da primeira página. Você provavelmente não desejará adicionar uma imagem selecionada à página inicial criada na etapa anterior, mas poderá adicionar uma imagem a uma 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:

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

  • 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 Customizer ou do seu painel. Nos dois casos, a criação de menus no WordPress não mudou.

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

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

Faça o download ou selecione o vídeo que você deseja usar. Como alternativa, você também pode fornecer o URL de um vídeo do YouTube para exibição 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 o Mailchimp, Mailster e mais ...

Todos os recursos acima e muito mais são extremamente fáceis de usar e ajudam você a ganhar mais assinantes e gerar mais tráfego. Basta participar da próxima geração de plug-ins de botão de compartilhamento social.

Descarregar | Demo | hospedagem na web

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

3. Octabook

O Octabook é um plugin WordPress muito fácil de usar e uma ferramenta de reserva de reservas instantâneas para quase todos os tipos de serviços e provedores de serviços que desejam oferecer reservas on-line em 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, a exportação de dados no formato csv e muito mais.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados que o acompanharão na criação e gerenciamento de seu site.

Conclusão

É isso aí! É isso neste tutorial. Esperamos que ajude você a criar uma loja virtual privada. 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.

...

Este artigo contém comentários 35
  1. Bom Dia,
    Novo usuário do WordPress, procuro modificar as imagens deste tema.
    Cheguei muito bem para a foto em mente, mas para outros não encontro a funcionalidade.
    Existe um plug especial?
    Desde já agradeço pela sua resposta

  2. Olá e obrigado por este tutorial que pode fazer bem em torno deste tema wp.
    O mesmo pedido que o boobi, eu gostaria que as fotos apresentadas para o efeito de paralaxe não apareçam nas páginas estáticas, como a página de contato.
    Devemos intervir sobre o tema ou é já programadas?
    Obrigado!

  3. Olá e obrigado por seu tutorial muito bem explicado.

    Eu gostaria de ir mais longe. Eu me explico.
    Eu criei um tema filho no Th2017. Eu criei uma nova página contendo "TITLE" e "TEXT" e uma imagem apresentada.
    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 homepage, tenho a imagem e o texto "TEXTO" no banner horizontal deslizante.
    Até então não se preocupe.
    Eu crio no meu tema filho, um modelo de página de page.php em page_modele.php. Eu edito este arquivo com "Template Name: Template Page" e adiciono echo "CUCK".
    Eu crio a página "TITRE2" com o modelo de página "Page Template" com imagem, então eu conecto ao menu e adiciono as opções do tema.
    Esta página normalmente aparece com "CUCK" quando clica no menu.
    MAS, NA PÁGINA INICIAL, tenho a imagem MAS MAIS O TEXTO "COUCOU".

    Você pode me ajudar a ter COUCOU na página inicial?
    Nota: COUCOU será uma variável proveniente de um plugin.

    Obrigado pela vossa ajuda
    bien cordialement

  4. Bom Dia,

    O meu pedido é para o menu de links de redes sociais.
    Durante a primeira personalização do tema 2017, que não possui uma conta do Facebook, removi a funcionalidade FB do menu, deixando apenas o link de E-mail. Eu criei agora a página do Facebook da empresa, mas não posso reativar este link. Eu exclui o menu de links de redes sociais pensando que talvez ele seja reprojetado na versão original. Mas nada para fazer, não vejo como criá-lo.
    Você pode me ajudar?
    obrigado

  5. Obrigado pela tradução do tutorial. Eu bloqueio no passo 4, sem eu explicá-lo, não tenho um menu com opção, por isso é impossível organizar o nível diferente da página estática. Uma idéia?

  6. Bom Dia,

    Eu uso o tema "Twenty Seventeen" para o meu site pro.
    Eu faria a mesma versão com texto francês.
    O plugin "Polylang" pode concordar?
    Ou há mais plugins para este tema?

    obrigado

    1. Então, o tema para seus canais e seu blog tem as sciènes. Se você pretende traduzir o tema. Convido você a usar PoEdit. se não traduzir seu blog, o PolyLang fará o truque.

  7. O novo tema é exibido TwentySeventeen realmente elegante, inovador e atraente.
    Mas para a cor do fundo é apenas branco ou cinza ??? Eu tentei mudar mesmo no arquivo style.css, mas não tem efeito: ??

  8. Olá

    Eu instalei Vinte e dezessete no meu blog WordPress
    1 Não tenho uma janela de comentário no final do artigo
    2 como as pessoas se inscrevem no blog
    cdlt

  9. [...] Como personalizar o tema Vinte Seventeen. Como podemos ajudá-lo hoje? Clique em um dos links abaixo para saber mais ... Como eu disse em um tutorial anterior, WordPress 4.7 propõe um novo tema padrão. Este tema projetado para sites de negócios, marca uma partida notável dos temas padrão no passado, que foi projetado para blogs e reflete a transição mais importante do WordPress plataforma de blogs para uma plataforma versátil. Se você está pensando em tentar Vinte Seventeen, você rapidamente compreender uma coisa: este tema é diferente dos seus antecessores. [...]

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
26 ações
ação22
chilrear1
Enregistrer3