N\u00e3o se preocupe se a imagem parecer muito confusa no come\u00e7o! \u00c0 medida que avan\u00e7amos no tutorial, voc\u00ea se ver\u00e1 consultando esta imagem para descobrir quais modelos voc\u00ea deseja implementar em seu tema.<\/p>\n
A maneira como voc\u00ea l\u00ea a imagem \u00e9 indo da esquerda para a direita. Com base em qual p\u00e1gina voc\u00ea est\u00e1, os modelos s\u00e3o muito espec\u00edficos, e quanto mais voc\u00ea avan\u00e7a para o lado direito, mais gerais os modelos se tornam. O fallback final \u00e9 o mais \u00e0 direita; Todos os arquivos de modelo listados na imagem acima precisam residir na pasta raiz do seu tema e ser nomeados exatamente como indicado. Voc\u00ea n\u00e3o pode colocar seus modelos em subpastas para fins organizacionais porque o WordPress n\u00e3o poder\u00e1 encontr\u00e1-los!<\/p>\n Vamos come\u00e7ar simples! Hoje vamos criar os poucos arquivos necess\u00e1rios para o WordPress reconhec\u00ea-lo como um tema e depois expandir a partir da\u00ed.<\/p>\n Voc\u00ea precisa de apenas dois arquivos para criar um tema WordPress v\u00e1lido.<\/p>\n Na ilustra\u00e7\u00e3o da hierarquia de modelos, voc\u00ea notou o mais \u00e0 direita; chamado Vamos criar nosso tema criando esses dois arquivos!<\/p>\n Todos os temas precisam estar em suas pastas separadas dentro da subpasta Em Entre na pasta do seu tema e crie um novo arquivo vazio chamado J\u00e1 estamos na metade! Vamos criar o segundo arquivo necess\u00e1rio. Dentro da pasta do seu tema, crie um novo arquivo vazio chamado Abra o Neste tutorial vamos mant\u00ea-lo simples; adicionaremos o nome do tema e voc\u00ea escrever\u00e1 seu pr\u00f3prio nome como autor. Voc\u00ea pode ir em frente e usar o(s) nome(s) que quiser, isso \u00e9 o que eu inseri no meu Salve e feche o arquivo (este tutorial n\u00e3o tocar\u00e1 neste arquivo novamente), a menos que voc\u00ea queira escrever CSS para o seu tema \u00e0 medida que avan\u00e7a.<\/p>\n Parab\u00e9ns! Voc\u00ea acabou de criar um tema WordPress v\u00e1lido!<\/p>\n Vamos entrar no painel de administra\u00e7\u00e3o do WordPress e navegar at\u00e9 “Apar\u00eancia > Temas” e ver se podemos encontrar nosso tema l\u00e1.<\/p>\nindex.php<\/code>, que ser\u00e1 carregado se nenhum outro modelo de ajuste for encontrado.<\/p>\nAnatomia de um tema WordPress<\/h2>\n
index.php<\/code>? Este \u00e9 o modelo de fallback final se o WordPress n\u00e3o encontrar nenhum modelo. Esse \u00e9 um dos arquivos necess\u00e1rios. O outro arquivo \u00e9 um arquivo de folha de estilo (.css<\/code>). Ele n\u00e3o precisa necessariamente ter CSS, mas precisa conter um bloco de coment\u00e1rios que forne\u00e7a informa\u00e7\u00f5es ao WordPress sobre seu tema. Essas duas coisas s\u00e3o tudo o que voc\u00ea precisa para um tema WordPress v\u00e1lido.<\/p>\nCriando seu primeiro tema<\/h2>\n
\/wp-content\/themes\/<\/code>. Se voc\u00ea navegar para esta pasta em seu navegador de arquivos, provavelmente j\u00e1 ver\u00e1 algumas pastas de temas aqui; Twentynineteen, Twentyseventeen, etc. Esses s\u00e3o temas que v\u00eam inclu\u00eddos no WordPress como padr\u00e3o.<\/p>\n\/wp-content\/themes\/<\/code>, crie uma nova pasta. Nomeie-o adequadamente (min\u00fasculas, sem espa\u00e7os, n\u00e3o igual a qualquer outra pasta). Normalmente, o nome da pasta \u00e9 uma vers\u00e3o slug do nome do seu tema. Para este tutorial, vou nomear minha pasta de tema ” wptutorial<\/code>“.<\/p>\n![\"Tutorial](\"https:\/\/codex.wordpress.org\/File:Template_Hierarchy.png#file\")
<\/a><\/p>\nindex.php<\/code>. Editei o arquivo e apenas adicionei algum texto aleat\u00f3rio, para que possamos ver mais facilmente quando estiver em uso:<\/p>\n<\/a><\/p>\nstyle.css<\/code>.<\/p>\nstyle.css<\/code>arquivo e inicie imediatamente um bloco de coment\u00e1rios (\/*<\/code>e feche-o com *\/<\/code>). Dentro deste bloco de coment\u00e1rios, precisamos seguir algumas regras do WordPress em como definir nosso tema. No m\u00ednimo, precisamos definir o nome do nosso tema. Mas tamb\u00e9m podemos adicionar informa\u00e7\u00f5es sobre quem \u00e9 o autor, p\u00e1gina inicial, n\u00famero da vers\u00e3o, informa\u00e7\u00f5es de licen\u00e7a e muito mais. Veja a documenta\u00e7\u00e3o do WordPress sobre o que voc\u00ea pode adicionar<\/a>.<\/p>\nstyle.css<\/code>:<\/p>\n\/* \nTheme Name: A White Pixel Theme \nAuthor: Alex White \n*\/<\/code><\/pre>\nAtivando seu tema<\/h2>\n