- 1. Atualmente lendo: Introdução ao WordPress Theme Customizer
- 2. Interagindo com o WordPress Theme Customizer
- 3. Caldeira do personalizador de temas do WordPress
- 4. Estendendo o padrão do personalizador de temas do WordPress
- 5. Personalizador de Temas: Condicionais, Temas Filhos e Plugins
Uma coisa que eu sempre detestei nas páginas de configuração de tema era o quão diferente elas ficariam. Imagine cada fabricante de automóveis tentando adicionar seu próprio toque ao ter um posicionamento de roda exclusivo e você verá por que isso é ruim para os editores do WordPress.
Felizmente, desde o 3.4 e graças à API Theme Customizer , não precisamos de páginas de configurações.
O blog em questão é a Galeria de Opções de Temas , vitrine das “melhores (e piores) telas de opções de temas da cidade”. Principalmente o pior, mas acho que foi isso 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 Personalizador de Temas em relação às páginas de configurações “antigas”, veremos como o Personalizador de Temas funciona, veremos como você pode estendê-lo e, finalmente, criar um clichê do Personalizador de Temas que pode ser usado com qualquer tema WordPress .
Benefícios do personalizador de temas
Agora, não estou dizendo que as páginas de configurações do tema são (eram?) de todo ruins – se feitas corretamente, elas parecem uma extensão natural do painel do WordPress – apenas que há algo melhor agora. O que o Customizer faz, comparado a uma página de configurações, é facilitar o processo de configuração do tema tirando a venda da cabeça do usuário.
Se você nunca o viu em ação, este vídeo de Otto é imperdível:
Então, o que exatamente é o Personalizador de Temas? De acordo com o Codex:
A tela de Personalização de Tema (ou seja, “Personalizador de Tema”) 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 temas em poucas palavras
O Personalizador de Temas tem três componentes principais – seções, configurações e controles. Se o Personalizador de Temas fosse uma casa, sua sala de estar seria uma das seções, cada luz nela seria uma configuração e cada interruptor de luz um controle. É simples assim.
Para interagir com o Personalizador de Temas, você precisa se conectar à ação customize_register. Ao fazer isso, você carregará $wp_customize object , uma instância da classe WP_Customize_Manager que faz todo o trabalho pesado. Mais sobre isso na Parte 2 desta série.
Já está lá
Se você não quer interagir com o Theme Customizer e só precisa deixá-lo fazer as coisas no seu tema, fica ainda mais fácil. Quando você cria um tema do zero, o Personalizador de Temas já estará lá, mostrando suas seções internas. Na verdade, é assim que index.php em branco e um style.css com nada além de linhas de cabeçalho de comentário vão te levar:
Personalizador de temas em um tema em branco
Claro, não há nada para visualizar nessa captura de tela, porque index.php não faz nada, mas esse é o ponto – se você é um desenvolvedor de temas, o Personalizador de Temas apenas grita “Quando estiver pronto!” então não há razão para não usá-lo em seu tema WordPress.
Há mais seções padrão, mas elas só aparecem se o seu tema as suportar, aqui está a lista completa de seções integradas:
- Título e slogan do site
- Cores*
- Imagem de cabeçalho*
- Imagem de fundo*
- Navegação*
- Página inicial estática
As seções marcadas (*) aparecerão apenas se o seu tema suportar seus respectivos recursos, se você quiser que a seção Header Image apareça, tudo que você precisa é add_theme_support( ‘custom-header’ ) em algum lugar em seu arquivo functions.php.
Controles existentes
Com todas essas seções embutidas, deve haver alguns controles existentes (interruptores de luz, lembra?) para preenchê-los. Aqui está o que o WordPress oferece, pronto para uso:
- Campo de texto
- Caixa de seleção
- Rádio
- Selecionar
- 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 pode fazer isso. A criação de controles personalizados é uma das coisas que abordaremos nesta série, portanto, fique atento.
É tudo por agora
Atualmente, o WordPress tem dezesseis APIs (tente nomeá-las todas!)
Você já fez um favor aos seus usuários e mudou das páginas de configurações para o Personalizador de Temas? Se não, eu adoraria saber por que e se você tem, o que você acha sobre isso até agora?
