Personalizando o Premier

O Premier integra-se com o Personalizador do WordPress (Aparência → Personalizar) para configuração de cores, layout, cabeçalho e logo. As mudanças do Personalizador atualizam ao vivo no painel de visualização e se aplicam em todo o site uma vez publicadas.

Logo e branding

Na seção Identidade do Site:

Faça upload de uma imagem de logo. O suporte custom-header do tema é declarado em 1000×150px (flexível).
Defina o título e o slogan do site.

O logo é renderizado na seção de branding do cabeçalho.

Cores

A seção Cores expõe:

Configuração	Padrão
Content text	`#ffffff`
Content background	`#111111`
Primary	`#d4000f`
Link	`#d4000f`
Text	`#ffffff`
Background	`#111111`
Heading	`#ffffff`

A cor Primary alimenta botões, destaques e UI realçada. A cor Link se aplica a tags âncora inline. As cores de título e texto se aplicam a todo o conteúdo do corpo.

Se você mudar a cor primária ou de link, a mudança se propaga pelas tabelas de liga, calendários e páginas de perfil de jogador do SportsPress porque as substituições de templates do SportsPress herdam as variáveis de cor do tema.

Layout

A seção Layout expõe:

Largura do conteúdo — slider entre 1000px e 2000px (padrão 1000px). Ajusta a largura máxima da área de conteúdo em todo o site, incluindo seções do SportsPress.

Cabeçalho

A configuração do cabeçalho é dividida entre as configurações do Personalizador e o código do tema:

A seção Cabeçalho do Personalizador (onde presente) permite escolher a cor do cabeçalho, visibilidade do ícone de busca e similares.
As seções da área do cabeçalho — o que aparece no cabeçalho (menu, branding, banner, widgets) — são configuradas via o filtro header_area_sections em functions.php.

Para o Premier, as seções padrão do cabeçalho são: ['menu', 'branding', 'banner', 'widgets'] na página inicial; ['menu', 'branding', 'banner'] em páginas internas.

Widgets e barras laterais

As áreas de widget são registradas em framework.php (ou functions.php) e expostas em Aparência → Widgets. Cada tema registra entre 3 e 12 barras laterais cobrindo a barra lateral de conteúdo principal, colunas do rodapé e barras laterais específicas do SportsPress (por exemplo, para páginas de times).

Personalizando CSS sem editar o tema

A maneira mais limpa de adicionar CSS personalizado é via Aparência → Personalizar → CSS adicional. Isso armazena CSS no banco de dados e sobrevive a atualizações do tema. Para CSS maior ou mudanças em PHP, use um tema filho.

Temas filhos

Para fazer mudanças em nível de código com segurança:

Crie um diretório de tema filho em wp-content/themes/premier-child/.
Adicione um style.css com Template: premier no cabeçalho.
Ative o tema filho.

Templates personalizados e sobrescritas de functions.php vão no tema filho. Os arquivos do tema pai são carregados automaticamente como fallbacks.