WPML 5.0 Beta – Uma experiência reformulada e tradução automática mais inteligente
O WPML 5.0 é a maior atualização que lançamos em anos.
Uma das decisões mais críticas que você toma ao criar sites WordPress é a escolha de um tema. Felizmente, existem milhares de excelentes temas entre os quais você pode escolher. Hoje, gostaríamos de falar sobre o uso de temas iniciais minimalistas, quando eles são uma boa opção e por quê.
Temas iniciais com tudo incluído, especializados e minimalistas
O desenvolvimento de temas no WordPress evoluiu em várias direções, atraindo diferentes públicos e necessidades.
Os temas mais populares hoje são os temas “multiuso”, que na verdade incluem tudo neles. Avada, Enfold e Divi são ótimos exemplos. Eles incluem diferentes “skins” de design, seus próprios construtores de páginas e uma tonelada de funcionalidades que você pode ativar e desativar a partir do painel de administração.
Alguns sites exigem funcionalidades especiais, o que é difícil de alcançar com um tema multiuso. Sites imobiliários e de diretórios são bons exemplos. Para esses, existem dezenas de temas especializados, que incluem o que você vai precisar para construir os sites. Esses temas oferecem uma solução sob medida para aplicações muito específicas.
E muitos desenvolvedores preferem construir eles mesmos e escolher os vários componentes que usarão para desenvolver o site. Para eles, um tema inicial minimalista funciona melhor, porque oferece apenas o essencial, sem sobrecarregar o site com excessos.
Embora haja espaço para cada uma dessas abordagens, vou falar sobre os temas minimalistas, quando eles são mais úteis e como tirar o melhor proveito deles.
O que um tema inicial minimalista não deve ter?
Na verdade, é mais fácil definir um tema inicial minimalista pelo que ele deve evitar.
Acho que a coisa mais importante em um tema minimalista é evitar a dependência de fornecedor (vendor lock-in). Quando você cria o seu site com um tema com tudo incluído, você obtém tudo o que precisa. No entanto, isso pode acabar sendo como assinar um contrato rigoroso. Você obtém tudo o que precisa do tema, mas não há como voltar atrás. Nunca. Se você ama tudo sobre o tema, é ótimo. Mas quando você se depara com problemas, tem que aceitá-los, porque é virtualmente impossível mudar de tema.
Um tema inicial realmente minimalista oferecerá o que você precisa (de um tema), mas ainda permitirá que você mude de tema, caso algum dia precise disso. É claro que mudar de tema exigirá algum trabalho, mas não será como construir o site inteiro do zero.
Mudar um tema em um site de produção nunca é “por esporte”. Ninguém simplesmente muda de tema porque está entediado. Você pode precisar mudar de tema se ele chegar ao fim de sua vida útil ou provar ter problemas que você não percebeu quando o escolheu. É raro, mas quando você está desenvolvendo dezenas de sites para clientes, tenho certeza de que já se deparou com essa situação.
O que um tema inicial minimalista deve incluir?
Portanto, não há dependência, mas o que o tema absolutamente precisa fornecer? Bem, a resposta para isso na verdade evolui. Hoje há um certo conjunto de requisitos e tenho certeza de que no ano que vem haverá outros.
Todos os temas iniciais minimalistas que usamos hoje oferecem:
- Opções de layout de página (largura, preenchimentos, caixa de conteúdo, etc.)
- Cabeçalho, rodapé e barras laterais personalizáveis
- Menu(s) personalizável(is)
- Controles tipográficos
Em termos de funcionalidade, esse é realmente o mínimo necessário. É claro que o tema precisa ser rápido, escrito com código seguro, incluir os metadados de SEO e ser compatível com plugins populares.
Como estamos falando de temas minimalistas e sem dependência de fornecedor, não deve haver recursos de construção de sites no tema, como construtores de páginas integrados, formulários de contato e outras coisas que você pode obter de plugins.
Temas iniciais minimalistas que você deve conhecer
Há muitos outros temas minimalistas excelentes além dos que vou cobrir aqui. Vou escrever sobre temas que os clientes nos recomendaram e que nós mesmos usamos. Dessa forma, posso escrever a partir da nossa experiência na construção de sites e evitar o exagero do marketing.
 |
 |
 |
|
|---|---|---|---|
| Feito para construtores de páginas | Sim | Sim | Sim |
| Layout responsivo | Sim | Sim | Sim |
| Controle de layout | Bom | Muito bom | Bom |
| Opções de personalização de cabeçalho e rodapé | Bom | Muito bom | Bom |
| Opções de configuração de menu | Básico | Muito bom | Básico (mais opções virão em fev. de 2018) |
| Nível geral de personalização (fontes, cores, visibilidade de elementos, etc.) | Bom | Excepcional | Bom |
| Pronto para comércio eletrônico | Sim | Sim | Sim |
| Demos importáveis | Sim | Sim | Sim |
| Amigável para SEO | Sim | Sim | Sim |
| Pronto para tradução | Sim | Sim | Sim |
| Suporte RTL | Sim | Sim | Sim |
| Código Microdata/schema.org integrado | Sim | Sim | Sim |
| Font Awesome | Sim | Sim | Sim |
| Otimizado para velocidade | Sim | Sim | Sim |
| Mega Menu integrado | / | Sim | Em breve |
Expandindo os recursos do GeneratePress, OceanWP e Astra
Como você faz um tema que seja enxuto e eficiente, mas que ainda ofereça funcionalidades ricas? A resposta é “complementos”. Complementos dedicados permitem que você instale os recursos de que precisa para diferentes projetos.
Vamos ver quais extensões premium cada tema oferece e como elas são úteis na construção de sites completos.
Complementos premium do Generate Press
| Extensões do GeneratePress | Principais recursos |
|---|---|
| Extensão de tipografia e cores | Controle completo sobre as fontes para cada parte do seu site: o corpo, cabeçalho, navegação e outros. Defina e altere as cores para (quase) todos os elementos |
| Extensão do WooCommerce | Controle a exibição de diferentes elementos: carrinho no menu, breadcrumbs, barra lateral, imagens de produtos, produtos relacionados e muito mais. Modo sem distrações para a página de checkout. Altere a aparência dos seus botões, textos, título do produto e outros elementos. |
| Extensão de desativação de elementos e direitos autorais | Você pode selecionar se quer exibir o cabeçalho, a navegação principal, a imagem do post, o título e o rodapé – por página. Você pode escolher entre sete layouts de página diferentes. Personalize o aviso de direitos autorais do tema. |
| Extensão de seções, fundos e espaçamento | Divida a página em várias seções e atribua um conteúdo e design diferentes a cada uma delas: destaque, títulos, efeito parallax, imagem, conteúdo simples. Adicione fundos a praticamente qualquer parte do seu site: cabeçalho, corpo, navegação, barra lateral, widgets e outros. |
| Extensões de Menus+, navegação secundária e cabeçalho de página | Personalize o seu menu no celular ou desktop. Exiba facilmente um menu secundário e escolha onde ele é exibido: flutuante, abaixo do cabeçalho e muito mais. Imagens de cabeçalho por página. |
| Extensão de blog | Escolha quais elementos do Blog exibir: conteúdo completo ou resumo, data, autor, categoria e outros. Personalize o rótulo “Leia mais”. Personalize as imagens do blog. Exiba os posts mais recentes maiores que os mais antigos. |
| Extensão de hooks | Adicione o seu próprio código ao site, sem editar nenhum arquivo do tema. Selecione a seção do site onde o código é carregado. |
Recurso bônus: os complementos premium do GeneratePress permitem que você importe e exporte as suas configurações. Isso permite que você economize tempo nos seus outros projetos que exigem as mesmas configurações.
Extensões principais do OceanWP
Até agora, podemos contar um total de 15 extensões principais do OceanWP (7 são gratuitas e 8 são premium). Mas se você ler o último post do blog do Nicolas, parece que mais estão a caminho!
Vamos ver abaixo como aproveitar ao máximo as extensões.
| Extensão do OceanWP | Principais recursos |
|---|---|
| Compartilhamento de produtos e compartilhamento social | Com esta extensão, você pode adicionar botões de compartilhamento social à sua página de produto único ou ao seu post. |
| Janela modal | Configuração fácil, reduz os tempos de carregamento e simplifica o design geral. Você pode usá-la para um formulário, geração de leads, alertas e outras notificações importantes. |
| Slider de posts | Você pode criar um slider para exibir os seus posts mais recentes; isso gerará um shortcode que você pode usar em qualquer lugar do seu site. |
| Barra lateral personalizada | Basta arrastar e soltar os seus widgets nela. Você pode decidir exatamente em qual página você a quer. |
| Importação de demo | Existem algumas demos prontas para usar disponíveis para cada setor: Viagens, Loja, Yoga, Arquiteto e assim por diante. |
| Ocean Extra | Isso é como um gerenciador de painel ou um painel de tema. Você pode escolher desativar ou ativar quaisquer seções no Personalizador para fazê-lo carregar mais rápido. |
| Portfólio | Existem várias maneiras eficazes de apresentar o seu trabalho e você pode filtrar por autor, categorias e quaisquer outras tags. |
| WooPopup | O pop-up é exibido quando você clica em “adicionar ao carrinho”. Você tem controle total sobre o raio, além de poder alterar os links, os textos e personalizar as mensagens. |
| Cabeçalho e rodapé fixos | Anexe o rodapé à parte inferior da sua tela e adicione quaisquer textos, menus ou cores a ele. |
| Widgets do Elementor | As equipes do OceanWP e do Elementor trabalharam juntas para adicionar alguns novos widgets ao Elementor. |
| Chamada do rodapé | É uma maneira poderosa de adicionar informações importantes sobre a sua empresa ou botões logo antes do rodapé tradicional. |
| Hooks do Ocean | Adicione o seu próprio código, conteúdo e shortcodes em todo o site; nem mesmo um tema filho é necessário. |
Complementos premium do Astra
O Astra foca na simplicidade. Com o mínimo de opções, os usuários obtêm o resultado desejado através de configurações bem categorizadas no Personalizador. O Astra Pro é um plugin tudo-em-um que estende o tema e adiciona mais recursos.
| Extensões do Astra | Principais recursos |
|---|---|
| Cabeçalho transparente | Crie cabeçalhos transparentes e faça o seu site se destacar. |
| Tipografia | Obtenha mais controle sobre as fontes e a legibilidade do seu site com este módulo |
| Cabeçalho fixo | Deixe o seu cabeçalho facilmente acessível mesmo quando os usuários rolarem a página para baixo. |
| Cabeçalhos de página | Crie uma área de título de página atraente com breadcrumb, metacampos e outras opções legais. |
| Rodapés avançados | Obtenha mais áreas de widget de rodapé e designs criativos com o módulo de rodapé avançado. |
| White Label | Mantenha as informações no back-end do WordPress simples sob a sua marca. |
Configuração do site com um tema inicial
Com todos os três temas que apresentei acima, o processo de configuração é muito semelhante:
- Instale o tema
- Vá para o front-end do site e clique em Personalizar
- Use o Personalizador para configurar a aparência do site
Como adicionar funcionalidade ao site com o Toolset
Quando você baseia o seu design em um tema inicial minimalista, é exatamente isso que você está obtendo – apenas a funcionalidade mínima para exibir o conteúdo.
O Toolset pode ser a sua solução completa para adicionar funcionalidade ao site. Como o Toolset é um conjunto de plugins, eles funcionam em qualquer tema. Isso significa que você ainda pode mudar de tema, sem reconstruir o site inteiro.
Aqui estão algumas coisas que você pode adicionar com o Toolset, sem escrever nenhum código:
| Recurso do Toolset | Exemplo |
|---|---|
| Crie os seus próprios tipos personalizados para o seu site, como Portfólio, Projetos, Passeios, etc. |  |
| Adicione taxonomias e campos personalizados a esses tipos personalizados. |  |
| Escolha como exibir esses tipos de post personalizados usando os layouts de arrastar e soltar para construir um modelo. |  |
| Crie pesquisas personalizadas com base nos seus tipos de post personalizados e campos. |  |
| Crie formulários para envio no front-end. |  |
| Exiba conteúdo no Google Maps |  |
Integração com o Toolset e os benefícios para a construção de sites com tipos personalizados
Astra, GeneratePress e OceanWP são todos temas prontos para tipos personalizados. Isso significa que você pode personalizar as opções deles para cada modelo que você criar. Isso inclui modelos para os seus tipos de post personalizados e páginas de arquivo.
Este vídeo mostra a integração entre o Toolset e o tema Astra:
Por exemplo, você pode decidir exibir a barra lateral nas suas páginas normais, mas não para os seus tipos personalizados: Passeio ou quaisquer outros criados com o Toolset.
Conclusões
Temas minimalistas prometem permitir a construção de sites enxutos e de alto desempenho, que são adaptados à necessidade de cada projeto separadamente.
Cobrimos três temas que se encaixam muito bem nessa descrição. Todos eles fornecem um ótimo ponto de partida e oferecem complementos que facilitam a personalização. Cada um desses temas tem uma ótima versão gratuita no WordPress.org e oferece complementos pagos.
Quando você precisa construir funcionalidades personalizadas mais avançadas, você pode fazer isso usando o seu próprio PHP ou com os plugins do Toolset e sem programação.
Esperamos que você ache este tutorial útil. Conte-nos sobre a sua experiência deixando os seus comentários.
