Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Introdução ao personalizador de temas do WordPress

Você está em:

Introdução ao personalizador de temas do WordPress
  1. 1. Atualmente lendo: Introdução ao WordPress Theme Customizer
  2. 2. Interagindo com o WordPress Theme Customizer
  3. 3. Caldeira do personalizador de temas do WordPress
  4. 4. Estendendo o padrão do personalizador de temas do WordPress
  5. 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

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?

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.