O arquivo header.php de um tema do WordPress contém o código desse tema. No mínimo, esse código inclui programação HTML e PHP. O código CSS (Cascading Style Sheet), geralmente encontrado no arquivo style.css, controla a aparência e o local do conteúdo do cabeçalho. Você deve editar o código nesta folha de estilos para centralizar um cabeçalho no WordPress. Defina margens automáticas para o seu cabeçalho em CSS para que o navegador calcule uma posição centralizada.
Passo 1
Abra seu navegador e carregue o diretório wp-admin do seu site WordPress. Digite seu nome de usuário e senha para fazer login no painel de controle.
Etapa 2
Navegue para “Editor” na seção “Aparência” para carregar a tela “Editar temas”. Carregue o arquivo de modelo header.php na caixa do editor clicando em seu link sob o título “Modelos”.
Etapa 3
Localize o conjunto de etiquetas que envolvem seu cabeçalho. Dependendo do tema e do padrão HTML usado, você pode encontrar tags “
“,”
Conteúdo do cabeçalho aqui …
No exemplo anterior, “meu cabeçalho” é o ID que você precisa.
Etapa 4
Carregue o style.css no editor clicando em seu link na parte inferior da lista de arquivos de modelo. Encontre o seletor que vai para o seu cabeçalho. Este é um exemplo usando o ID “my head”:
posição
background: url (caminho / para / image.png) centro sem repetição; largura: 960 px; altura: 200 px; }
Etapa 5
Adicione o seguinte código CSS entre as chaves para o seletor “#mien header”:
margem esquerda: auto; margem direita: auto;
Clique no botão azul “Atualizar arquivo” para salvar seu trabalho.