como criar um tema no wordpress

Download Como Criar Um Tema No Wordpress

If you can't read please download the document

Upload: hans-paul-moesl-junior

Post on 21-Dec-2015

3 views

Category:

Documents


0 download

DESCRIPTION

Aqui você irá encontrar um texto voltado para iniciantes em Wordpress. Procuro explicar conceitos básicos da ferramenta para que fique mais fácil entender a relação entre os arquivos que compõem um tema wordpress.

TRANSCRIPT

Como criar um tema no WordPressMuito do que escrevo aqui tem origem em: Pois bem, vamos montar um tema para o wordpress, mas por onde comear?Anatomia de um temaO melhor fazer em partes (como dizia o stripador).Um html simples pode ser divido em 4 regies: (topo, principal, barra lateral, rodap).Com o tema wordpress no diferente. H 4 regies que so montadas dinamicamente com o uso de arquivos .phpheader.php (Topo) o cabealho global do site e tambm a navegao do site. Esse arquivo tambm abriga o head do arquivo HTML.Loop (Principal)No um arquivo .php mais sim uma consulta ao banco de dados (query). No loop so criadas condies (escritas em php) que vo determinar o que ser carregado na rea de contedo principal do site. Quer um exemplo? por meio de loop que so carregados os posts.sidebar.php (Barra lateral)so as barras laterais, que tm seu quantitativo controlado pelo functions.php e recem widgets atravs do painel administrativo do Wordpress (wp-admin)footer.php (Rodape) o rodap global da pgina e serve tambm para fechar o arquivo html.

Alm desses arquivos .php estruturais temos os templates que podero ser chamados pelo loop.Index.php quem determina a Home do site. Por padro esse arquivo composto de um loop que carrega os posts em ordem cronolgica. Ele pode ser modificado para apresentar uma Home diferente do site, sendo necessrio para isso criar um caminho Url para apontar para a pgina de posts. (wp-admin>settings>read).Single.phpEle o modelo responsvel pela exibio de um nico post. a pgina de leitura do post. Por meio desse arquivo possvel configurar se sero exibidas sidebars e de que tipo elas sero (se houver opo de escolha claro).Page.phpControla a exibio das pginas no Wordpress. Aqui podem ser editadas as barras laterais e podem ainda ser includos elementos nicos para pginas "puras" (que no contenham posts).O WordPress permite a criao de vrios templates de pgina para uso em tipos de pginas diferentes. A primeira forma de fazer isso simplesmente copiar o arquivo page.php e renomear ele incluindo o url da sua pgina no inicio do arquivo. Ex: page-servicos.phpPs. Isso s funciona se a configurao de permalink estiver ativada nas configuraes.A segunda forma criar pginas modelo. Basta copiar uma page.php (por exemplo) e incluir o seguinte cdigo php no topo da pgina:

Depois basta criar uma pgina dentro do wordpress e trocar o modelo de exibio para a recm criada opo Servios. No geral vem marcada a opo "Padro" na caixa logo abaixo das opes de publicao.

E a primeira pgina? Para editar a primeira pgina voc poder copiar o arquivo page.php e trocar seu nome para frontpage.php (caso queira uma pgina esttica) ou home.php (para mudar a pgina de exibio dos posts).

Ps. S tome cuidado que essa tcnica frontpage.php sobrescreve todas as opes anteriores. Use somente quando necessrio.archives.php / categoty.php / tag.phpEsses arquivos permitem controlar como sero exibidos diferentes tipos de contedo no site. Caso no aja nenhum desses, o index.php ser usado para listar qualquer contedo. O archive.php serve para sobrescrever o index.php e dar uma nova aparncia a listagem. O category.php aplica-se apenas a categorias e o tag.php apenas as tags.O background de funcionamentoElementos que no so templates mais so necessrios para fazer o tema rodar.Comments.phpControla a renderizao dos comentrios. Esse arquivo por vezes substituido por plugins como o Disqus.functions.phpEsse arquivo serve para modificar elementos centrais na utilizao do tema como o uso de barras laterais, e a adio de funces extras no painel administrativo (wp-admin).style.cssAlm de ser a principal folha de estilo do tema esse arquivo responsvel por abrigar bem no topo o nome do tema, do autor e a url do site.Obs. A descrio do tema feita via /*comentrio*/ no podendo ser idntico ao de outro tema, pois causar conflitos no painel administrativo. Abaixo um exemplo de comentrio do css./*Theme Name: Nome do seu temaTheme URI: http://seusite.comAuthor: Seu nomeAuthor URI: http://seusite.comDescription: texto explicando como o seu tema bacano.License: de uso privado ou pblico(?)License URI: Se quiser inclua uma pgina com a licena de uso do seu temaTags: muitas palavras-chaveText Domain: nomedoseutema (escrito tudo junto em minusculo)*/Um pouco mais sobre o Loop: na query do loop que a mgica acontece. Ele captura diversas informaes salvas previamente em uma sequncia determinada e exibe na tela. Quando um grupo de informao carregada ele recomea o loop at um momento especfico em que ele termina.

O wordpress possui uma infinidade de tags (semelhante aos hooks do Drupal) que podem ser inseridas no loop, seu estudo por si s uma lio a parte.Organizando tudoAgora vamos ao local onde o tema ser armazenado. Em uma instalao padro do wordpress esse lugar seria algo do tipo:

raiz-do-site/wp-content/themes/seu-tema

Alm de imagens e javascript so 3 os grupos de arquivos do tema:Folha de estilo (style.css)

Arquivos de template (header.php / sidebar.php / footer.php / etc.)

Arquivo opcional de funes (functions.php)

De maneira geral o mnimo que um template precisa para viver so dois arquivos, o index.php e o style.css.O prprio index.php pode absorver o comportamento dos outros temaplates, mas isso no recomnedvel por gerar maior trfego no servidor. O melhor mesmo fatiar tudo em vrios templates.