1. 1. Lendo atualmente: Introdução ao WordPress Theme Customizer
  2. 2. Interagindo com o WordPress Theme Customizer
  3. 3. WordPress Theme Customizer Boilerplate
  4. 4. Estendendo o Boilerplate do WordPress Theme Customizer
  5. 5. Modelo personalizado do tema – Opções condicionais, temas filho e plugins

Uma coisa que eu sempre detestava nas páginas de configurações de temas era o quão diferentes elas seriam. Imagine todos os fabricantes de automóveis tentando adicionar seu próprio toque, posicionando suas rodas de maneira exclusiva e verá por que isso é ruim para os editores do WordPress.


Felizmente, desde 3,4 e graças a API do Customizador de temas não precisamos de páginas de configurações.

O blog em questão é Galeria de opções de tema, mostra das “melhores (e piores) telas de opções de temas da cidade”. Principalmente o pior, mas acho que foi o que o tornou popular. De acordo com Konstantin, é o Theme Customizer que o tornará obsoleto.

Ao longo desta série de posts, veremos os benefícios do uso do Theme Customizer em páginas de configurações “antigas”, veremos como o Theme Customizer funciona, ver como você pode estendê-lo e, finalmente, criar um modelo personalizado do Theme Customizer que possa ser usado com qualquer tema do WordPress.

Benefícios do Customizador de temas

Agora, não estou dizendo que as páginas de configurações de temas são (eram?) Ruins – se bem feitas, parecem uma extensão natural do painel do WordPress – apenas que há algo melhor agora. O que o Customizer faz, em comparação com uma página de configurações, é facilitar o processo de configuração do tema retirando a venda da cabeça do usuário.

Se você nunca viu isso em ação, este vídeo de Otto é um deve assistir:

Então, o que exatamente é o Theme Customizer? De acordo com o Codex:

A tela Personalização de temas (ou seja, “Personalizador de temas”) permite que os administradores do site ajustem as configurações de um tema e vejam uma prévia dessas alterações em tempo real.

Personalizador de tema em poucas palavras

Personalizador de temas possui três componentes principais – seções, configurações e controles. Se o Theme Customizer fosse uma casa, sua sala de estar seria uma das seções, toda luz nela seria uma configuração e toda luz mudaria um controle. É simples assim.

Para interagir com o Theme Customizer, você precisa conectar-se à ação customize_register. Ao fazer isso, você carregará objeto $ wp_customize, uma instância de WP_Customize_Manager classe que faz todo o trabalho pesado. Mais sobre isso na parte 2 desta série.

Já está lá

Se você não deseja interagir com o Theme Customizer e só precisa fazer isso no seu tema, fica ainda mais fácil. Quando você cria um tema a partir do zero, o Theme Customizer já estará lá, mostrando suas seções internas. De fato, é assim que o index.php em branco e um style.css em branco, com nada além de linhas de cabeçalho de comentário, o levam a:

Customizador de temas em um tema em branco

Customizador de temas em um tema em branco

Claro, não há nada para visualizar nessa captura de tela, porque o index.php não faz nada, mas esse é o ponto – se você é um desenvolvedor de temas, o Theme Customizer apenas grita “Sempre que estiver pronto!” então não há razão para não usá-lo no seu tema WordPress.

Existem mais seções padrão, mas elas só aparecem se o seu tema as suportar, e aqui está a lista completa de seções internas:

  • Título do site e slogan
  • Cores *
  • Imagem de cabeçalho*
  • Imagem de fundo*
  • Navegação*
  • Página estática

As seções marcadas (*) aparecerão apenas se o seu tema suportar os respectivos recursos; se você desejar que a seção Imagem do cabeçalho apareça, tudo o que você precisa é add_theme_support (“cabeçalho personalizado”) em algum lugar no seu arquivo functions.php.

Controles existentes

Com todas essas seções integradas, deve haver alguns controles existentes (interruptores de luz, lembra-se?) Para preenchê-los. Aqui está o que o WordPress oferece, pronto para uso:

  • Campo de texto
  • Checkbox
  • Rádio
  • Selecione
  • Seletor de cores
  • Upload de arquivo
  • Upload de imagem
  • Imagem de fundo
  • Imagem de cabeçalho

Provavelmente bom o suficiente para a maioria dos temas, mas se o seu tema for especial (deixe-me adivinhar, certo?) E precisar de alguns controles personalizados, você também poderá fazer isso. Criar controles personalizados é uma das coisas que abordaremos nesta série, portanto, fique atento.

É tudo por agora

Atualmente, o WordPress possui dezesseis APIs (tente nomear todos eles!) e se você os julgar pela facilidade de uso e pela facilidade de entrar e começar a usá-los, ninguém chega perto da API de personalização de temas.

Você já fez um favor aos seus usuários e passou das páginas de configurações para o Theme Customizer? Se não, eu adoraria ouvir o porquê e se você tem, o que você acha disso até agora?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me