39
Wordpress Primeiros passo com temas Prof. Wesley R. Bezerra [email protected]

Wordpress Introdução ao Desenvolvimento de Templates

Embed Size (px)

DESCRIPTION

Uma breve introdução ao desenvolvimento de templates no wordpress

Citation preview

Page 1: Wordpress Introdução ao Desenvolvimento de Templates

Wordpress

Primeiros passo com temas

Prof. Wesley R. Bezerra

[email protected]

Page 2: Wordpress Introdução ao Desenvolvimento de Templates

Roteiro

• Documentação no Codex

• As paginas do template

• Trabalhando com tags

• Loop

Page 3: Wordpress Introdução ao Desenvolvimento de Templates

Objetivo

• Conhecer as principais características de desenvolvimento ou customização de um template com wordpress

Page 4: Wordpress Introdução ao Desenvolvimento de Templates

Documentação no Codex

• O codex é um manual no formato de wiki.

• Permite acesso a todas as funções do wordpress

http://codex.wordpress.org/

Page 5: Wordpress Introdução ao Desenvolvimento de Templates

AS PAGINAS DO TEMPLATE

Page 6: Wordpress Introdução ao Desenvolvimento de Templates

Principais arquivos

• Abaixo a lista dos principais arquivos de um template, nem todos são obrigatórios:

– index.php

– header.php

– footer.php

– single.php

– page.php

– search.php

Page 7: Wordpress Introdução ao Desenvolvimento de Templates

– category.php

– sidebar.php

Page 8: Wordpress Introdução ao Desenvolvimento de Templates

Index.php

• É o arquivo home da página.

• Caso não exista um template especifico para a pagina acessada ele voltará sempre para home.

Page 9: Wordpress Introdução ao Desenvolvimento de Templates

Header.php

• É o arquivo responsável por encapsular o cabeçalho das paginas do wordpress.

• Informações como titulo, ou qualquer outro meta dados deverão ser incluídos neste arquivo.

• Geralmente, tem o menu do site.

Page 10: Wordpress Introdução ao Desenvolvimento de Templates

Footer.php

• É o rodapé da página.

• Este arquivo será utilizado em todo o site.

Page 11: Wordpress Introdução ao Desenvolvimento de Templates

Single.php

• Arquivo utilizado para a exibição de um único post.

Page 12: Wordpress Introdução ao Desenvolvimento de Templates

Page.php

• É responsável por renderizar cada pagina existente no wordpress.

• Caso necessário, uma pagina pode ter seu template especifico (page-n.php)

Page 13: Wordpress Introdução ao Desenvolvimento de Templates

Search.php

• Código responsável pela busca no site.

Page 14: Wordpress Introdução ao Desenvolvimento de Templates

Category.php

• Pagina que lista as categorias do site.

• Pode existir paginas customizadas para cada categoria.

Page 15: Wordpress Introdução ao Desenvolvimento de Templates

Sidebar.php

• Área da barra de plug-ins.

• Em um site pode existir múltiplas áreas de plug-ins.

Page 16: Wordpress Introdução ao Desenvolvimento de Templates

TRABALHANDO COM TAGS

Page 17: Wordpress Introdução ao Desenvolvimento de Templates

Incluindo tags

• Uma lista das tags existentes:

– get_header()

– get_footer()

– get_sidebar()

– get_template_part()

Page 18: Wordpress Introdução ao Desenvolvimento de Templates

get_header()

• Responsável o cabeçalho.

• Chamará o arquivo header.php

• Seu uso facilita a reutilização e a organização de seu código

Page 19: Wordpress Introdução ao Desenvolvimento de Templates

Get_footer()

• Chamará o footer.php

• Responsável por desenhar o rodapé de uma página.

Page 20: Wordpress Introdução ao Desenvolvimento de Templates

Get_sidebar()

• Responsável por desenhar a sidebar.

• Pode passar parâmetros para obter a site bar especifica desejada.

• Auxilia na modularidade e reutilização

Page 21: Wordpress Introdução ao Desenvolvimento de Templates

Get_template_part()

• Chama qualquer pagina que se queria incluir em um template;

• A pagina deve ser passada por parâmetro, assim como seu complemento.

• Muito útil para modularização e organização do código.

Page 22: Wordpress Introdução ao Desenvolvimento de Templates

Tags condicionais

• Algumas tags podem lhe ajudar a fazer um tratamento especial em alguns casos, como por exemplo: quando não for encontrada uma pagina o wordpress redirecionará para o index com a flag is_404 ativa. Isto lhe permite tratar este erro e aplicar uma mensagem apropriada.

• Vejamos algumas tags condicionais.

Page 23: Wordpress Introdução ao Desenvolvimento de Templates

• Existem diversas tags condicionais, das mais utilizadas são na criação de templates:

– is_home()

– is_category()

– is_single()

– is_page()

– has_tag()

– is_404()

Page 24: Wordpress Introdução ao Desenvolvimento de Templates

Is_home()

• Permite ao desenvolvedor saber se o conteúdo esta sendo exibido na home

Page 25: Wordpress Introdução ao Desenvolvimento de Templates

Is_category()

• Permite saber se o conteúdo exibido é de uma categoria específica.

• Por exemplo, textos de esportes podem ter um fundo diferente.

Page 26: Wordpress Introdução ao Desenvolvimento de Templates

Is_single()

• Permite saber se o texto exibido veio de um post.

• Também permite saber se o post é um post especifico, ou seja, utilizando o id como comparação podemos saber se o post exibido é o post que desejamos.

Page 27: Wordpress Introdução ao Desenvolvimento de Templates

Is_page()

• Permite ao desenvolvedor saber se a página é uma página especifica.

Page 28: Wordpress Introdução ao Desenvolvimento de Templates

Has_tag()

• Permite ao desenvolvedor saber se o conteúdo exibido tem a ele uma tag em especial aplicada.

• Podemos mudar as características visuais de acordo com as tags. Por exemplo, um noticia com a tag “bombástica”, pode ter uma borda vermelha para destaca-la.

Page 29: Wordpress Introdução ao Desenvolvimento de Templates

Is_404()

• Permite saber se a requisição foi encaminhada a partir de um erro 404.

Page 30: Wordpress Introdução ao Desenvolvimento de Templates

LOOP

Page 31: Wordpress Introdução ao Desenvolvimento de Templates

O loop

• Loop básico:

Page 32: Wordpress Introdução ao Desenvolvimento de Templates

As funções associadas ao loop

• Aqui estão algumas das funções utilizadas dentro do loop para aquisição dos dados.

• Para mais informações sobre funções, consulte o codex.

• Abaixo a lista:– the_permalink();

– the_contente();

– the_excerpt()

– the_ID();

– is_stick();

Page 33: Wordpress Introdução ao Desenvolvimento de Templates

The_permalink()

• Obtém o link permanente do post

Page 34: Wordpress Introdução ao Desenvolvimento de Templates

The_content()

• Obtém o conteúdo do post.

Page 35: Wordpress Introdução ao Desenvolvimento de Templates

The_excerpt()

• Exibe o conteúdo do conteúdo (tira algumas formatações)

Page 36: Wordpress Introdução ao Desenvolvimento de Templates

The_ID()

• Exibe o id do conteúdo

Page 37: Wordpress Introdução ao Desenvolvimento de Templates

Is_stick()

• Verifica se o post tem a característica de stick.

• Stick são post marcados na hora da publicação para serem exibidos na primeira página.

Page 38: Wordpress Introdução ao Desenvolvimento de Templates

Conclusão

• Baseado em pequenas funções (ou tags) podemos ter grande capacidade de criação. Seja alterando templates ou criando nossos próprios, o wordpress é uma ferramenta que permite ao desenvolvedor uma grande liberdade de trabalho

Page 39: Wordpress Introdução ao Desenvolvimento de Templates

Dúvidas e Sugestões

[email protected]

@wesleybez