Como centralizar títulos no WordPress

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 “

“,”

“ou”

“. Encontre o ID atribuído à tag wrap:

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.

 

Você pode estar interessado:

Deixe um comentário