Templates wordpress tema: cabeçalho

o modelo de cabeçalho

é uma parte muito importante do seu design do site, porque é o ponto de partida para cada tema WordPress. Ela se comunica com navegadores web as seguintes informações:

  • O título do seu site

  • A localização do CSS

  • O URL do feed RSS

    Video: Customize any Wordpress Theme (Part 1) - Understanding style.css, header.php, footer.php

  • A URL do site

  • O slogan do site

Em muitos temas, os primeiros elementos no cabeçalho são uma imagem principal e de navegação. Estes dois elementos são geralmente sob a header.php arquivo porque eles carregam em cada página e raramente mudam. A declaração seguinte é o built-in função WordPress para chamar o modelo Cabeçalho:

? Lt; get_header php () - gt;

Cada página na web tem que começar com alguns pedaços de código. Em tudo header.php arquivo em qualquer tema WordPress, você encontrar esses pedaços de código na parte superior:

  • o DOCTYPE (declaração de tipo de documento) Informa ao navegador que tipo de XHTML (Extensible Hypertext Markup Language) padrões que você está usando. Os usos temáticos Vinte Treze , que é uma declaração de W3C (World Wide Web Consortium) Modo de cumprimento de normas e cobre todos os principais sistemas do navegador.

  • o etiqueta (Hypertext Markup Language) informa ao navegador qual a linguagem que você está usando para escrever suas páginas web.

    Video: The Theme Is Missing the Style.css Stylesheet- FIX for Package Error

  • o etiqueta informa ao navegador que a informação contida dentro da tag não deve ser exibido no site- vez, é informações sobre o documento.

No modelo de cabeçalho do tema Twenty Treze, esses pedaços de código parecido com o exemplo a seguir, e você precisa deixá-los intactos:

Na página Editar Temas (escolher Aparência → Editor no painel do WordPress), clique no link template Header para exibir o código do modelo na caixa de texto. Olhe bem de perto, e você vê que o declaração, tag, e tag aparecem no modelo.

o tag precisa ser fechado no final do modelo de cabeçalho, que se parece com isso:. Você também precisa incluir uma quarta marca, o tag, que informa ao navegador onde as informações que você deseja exibir começa. tanto o e etiquetas precisam ser fechados no final do modelo, como este:.

Existe uma linha de código que deve existir em cada modelo de cabeçalho para qualquer tema WordPress: ? Lt; wp_head php () - gt;. Esta tag serve como um gancho no WordPress que desenvolvedores de plugins usar para inserir o código e as funções necessárias. Sem essa tag, a maioria dos plugins para WordPress não funcionará corretamente.

Como usar bloginfo parâmetros

O modelo de cabeçalho faz muito uso de um tag template WordPress, em especial: bloginfo () -.



O que diferencia o tipo de informação que uma tag puxa é um parâmetro. parâmetros são colocados dentro dos parênteses da etiqueta, fechados em cotações individuais. Para a maior parte, estes parâmetros extrair informações a partir das configurações do seu WordPress Dashboard. A tag para obter o seu título do blog, por exemplo, se parece com isso:

? Lt;? Php bloginfo ( ‘name’) - gt;

Como criar tags de título

Aqui vai uma dica útil sobre o seu site de tag: Os motores de busca pegar as palavras usadas no tag como palavras-chave para categorizar seu site em seus diretórios motor de busca.

o tags são tags HTML que informam ao navegador para exibir o título do seu site na barra de título da janela do navegador do visitante.

motores de busca amam a barra de título. Quanto mais você pode ajustar esse título para fornecer descrições detalhadas de seu site, mais os motores de busca vai amar o seu site. Browsers vai mostrar que o amor, dando o seu site classificações mais elevadas nos seus resultados.

O site tag é o código que vive no modelo de cabeçalho entre esses dois marcadores tag: . No padrão Vinte Treze tema, este pouco de código parecido com este:

? Lt;? Php wp_title ( `|`, true, `direito`) - gt;

Ela pode ajudar a colocar este exemplo em Inglês simples. A forma como o modelo Vinte Treze Header exibe o título é baseado no tipo de página que aparece - e astutamente utiliza SEO para ajudá-lo com os poderes do navegador que ser.

Dentro de alguns dos WordPress template tags, como o tag, você pode perceber alguns caracteres estranhos que se parecem com uma língua estrangeira. Você pode se perguntar o que »- é. »- é um entidade de caractere - uma espécie de código que permite exibir um caractere especial. o »- entidade de caractere exibe um direito duplo; marca de ângulo citação.

Como exibir o nome do site eo slogan

O padrão Vinte cabeçalho Treze tema exibe o nome do site eo slogan na parte superior do seu site, em cada página. Você pode usar o bloginfo () - tag mais um pouco de código HTML para exibir o nome do site eo slogan. A maioria dos sites tem um título clicável, que é um título do site que leva de volta para a página inicial quando é clicado.

Para criar um título clicável, utilize o seguinte código:

o bloginfo ( ‘url’) - tag é o seu endereço de Internet principal, eo bloginfo ( ‘name’) - tag é o nome do seu site. Assim, o código cria um link que é algo como isto:

Your Name Blog

O slogan geralmente não está ligado de volta para casa. Você pode exibi-lo usando o seguinte tag:

? Lt; php bloginfo ( ‘description’) - gt;

Esta tag puxa o slogan diretamente daquele que você configurou na página Configurações Gerais no seu WordPress Dashboard (selecione Configurações → Geral).

Este exemplo mostra como WordPress é intuitivo e user-friendly. Alterar as suas opções no Painel cria a mudança em todas as páginas do seu site - No Coding experiência necessária.

Nos modelos Vinte Treze, essas marcas são cercados por tags que se parecem com estas: ou. Estas tags são

etiquetas, que definem a aparência eo layout do nome do site eo slogan do CSS do seu tema.


Publicações relacionadas