Passamos um bom tempo testando o Headway 3 com o WPML e fico feliz em anunciar que tudo está funcionando bem. Gostaria de aproveitar esta oportunidade para contar um pouco sobre o Headway – com base em nossa experiência recente.
Primeiro, só para esclarecer. Estamos escrevendo sobre o Headway porque acho que é uma solução inovadora para um problema clássico. Além disso, sinto que quando os sites são construídos sistematicamente, a vida é melhor para todos os envolvidos. É mais fácil para o designer do site, para o cliente final e para nós. Uma abordagem sistemática para a criação de sites significa menos código manual e menos bugs. É por isso que estamos avançando nessa direção.
A ideia – Um sistema de grade e blocos
Criar um layout bonito para o seu site não é uma tarefa trivial. Existem ótimos sistemas de grade com os quais você pode começar, mas implementar tudo isso em CSS é uma tarefa demorada.
O sistema de grade do Headway permite que você desenhe, arraste e redimensione blocos. Ele se parece com isto:
Você pode escolher um layout diferente para diferentes partes do site (como página inicial, blog, páginas individuais etc.).
Quando você cria um bloco, pode defini-lo como cabeçalho, menu, caixa de pesquisa, widget, conteúdo ou rodapé. Isso cobre praticamente tudo o que você vai precisar e encontrar em sites WordPress.
Esses blocos que você desenha na grade funcionam perfeitamente com a funcionalidade padrão do WordPress. Você verá os blocos de widget na tela de widgets do WordPress, poderá atribuir menus do WordPress aos menus que desenhar no Headway e deixar tudo definido e funcionando sem nunca sair do seu painel de administração.
Seletores de idiomas
Como você provavelmente não quer alterar o PHP quando cria um site com o Headway, há 3 maneiras que recomendo para colocar os seletores de idiomas:
- Em um widget – desenhe um bloco, transforme-o em uma área de widget e coloque o seletor de idiomas do WPML nele.
- Em um menu – desenhe um bloco, transforme-o em um menu e ative um seletor de idiomas para esse menu a partir do menu Idiomas.
- No rodapé – o WPML pode adicionar seu próprio rodapé ao seu site com um seletor de idiomas. Isso não exige configuração no Headway.
Você também pode criar seu próprio seletor de idiomas personalizado e adicioná-lo via PHP. Para isso, você precisará usar uma chamada de API para adicionar um PHP personalizado. Não é muito complicado, mas dá um pouco mais de trabalho do que arrastar na interface gráfica.
Além dos widgets padrão
O que acontece se você quiser personalizar não apenas o layout do seu site, mas também o conteúdo? Supondo que você queira criar um bloco que mostre depoimentos de clientes, ou seus últimos projetos, ou qualquer outra coisa dinâmica.
(prepare-se, lá vem a propaganda)
Acontece que o Types e o Views funcionam perfeitamente com o Headway.
Qualquer coisa além de páginas e posts é um tipo de post personalizado no WordPress. O Types permitirá que você defina esses tipos de post personalizados diretamente na interface gráfica do WordPress. Então, se você está querendo adicionar depoimentos de clientes, precisará criar um tipo de post personalizado para isso. Depois, use o Types para adicionar os campos personalizados apropriados, como nome da pessoa, empresa, URL e talvez uma imagem bonita.
Em seguida, o Views exibirá esses depoimentos no site. Ele carregará os depoimentos do banco de dados, possivelmente adicionará paginação (controles de próximo/anterior) e os exibirá. Você pode arrastar a View para uma área de widget (que você desenhou anteriormente no Headway) e ela será exibida.
E como eu adiciono estilo?
Agora que deixamos o HTML e o PHP para trás, você não quer ficar preso a um programa de FTP só para atualizar um arquivo CSS, certo?
Clique no link Live CSS e abra um editor CSS integrado, completo com destaque de sintaxe.
Agora, sabemos como:
- Desenhar nosso layout
- Preencher blocos com conteúdo
- Estilizá-los com CSS
e tudo a partir do painel de administração do WordPress, sem enviar arquivos, causar bugs ou depurar código. Legal.
Resumo
Espero que você tenha aprendido algo hoje. Eu certamente aprendi quando testamos o Headway com o WPML e tive que aprendê-lo no processo. Mesmo que você não pare tudo e corra para comprar o Headway, tenho certeza de que isso lhe servirá de inspiração.
Onde conseguir os recursos:
- Headway - http://headwaythemes.com/
- Types e Views - https://toolset.com/
PS: Se você precisar de ajuda técnica, poste sobre isso em nosso fórum. Mencione que é para o Headway e o Brooks vai ajudar você. Foi ele quem fez a maior parte do trabalho nisto.
