Campos jQuery do ACF

Assim como os campos relacionais, os campos do tipo jQuery são extremamente úteis para facilitar a entrada de tipos específicos de metadados. Os tipos jQuery são: Mapa do Google, Seletor de Data, Seletor de Data e Hora, Seletor de Hora e Seletor de Cor.

Campos do tipo jQuery para Advanced Custom Fields

Podemos configurar o campo de Mapa do Google para centralizar em um ponto específico (dados de latitude e longitude). Para preenchimento tem uma busca por endereço. Mudanças recentes na API do Google exigem que qualquer uso tenha uma chave de API registrada e um cartão de crédito cadastrado, mesmo para uso gratuito. É por isso que aparecem estas mensagens de “For development purposes only.”

Os campos de Data, Data e Hora e Hora são parecidos. Todos eles mostram um seletor de data e/ou hora da jQuery UI, permitindo fácil preenchimento desse tipo de dado. Uma vantagem é que é possível configurar um formato de exibição e um formato de dados. Enquanto o primeiro define como o campo será mostrado para o usuário no preenchimento, o segundo define como os dados serão armazenados no banco de dados.

Definições dos formatos de exibição e de dados do campo do tipo Seletor de Data do ACF

O seletor de cor serve para definir uma cor que pode ser usada em um elemento do front-end. Também possui uma interface de popup parecida com a do Seletor de Datas:

É possível definir qualquer cor através do código hexadecimal ou escolher uma cor no quadro logo abaixo. Existem algumas cores definidas por padrão, mas é possível definí-las com um gancho de ação. Assim, pode-se limitar as escolhas do usuário. O código abaixo pode ser colocado em um plugin, como fizemos com o dos meta boxes, e define as cores padrão do seletor de cores:

PHP

Como pudemos ver, os campos do tipo jQuery são úteis e facilmente customizados. Nos próximos posts continuaremos a ver os tipos restantes de campos do ACF.

Até a próxima se não for antes.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *