Aula30 trevisan

SÃO PAULO RIO DE JANEIRO RIBEIRÃO BONITO

Educação Executiva em Redes Sociais Luciano Palma

Implantação - Blog

Infraestrutura de um Blog

Componentes de um Blog

Wireframe/Layout

Widgets e Plugins

Processo de

Criação de um Blog

Implantação – Blog – Temas

http://yoast.com/wordpress-theme-anatomy/

“Anatomia” de um Tema


Home, Pages, Posts e Archives

Controla a aparência da home page.

Contém um loop que busca e exibe

os posts mais recentes.

wp-admin>settings>read

permite definir home page específica

(deve-se especificar outra página

para os posts usará index.php)

Controla a aparência de posts

individuais. Contém um loop que

busca e exibe somente um post.

É possível definir sidebars (ou outros

recursos) para diferenciar a página

Controla a aparência das páginas.

Sidebars e outros elementos podem

ser eliminados (e adicionados)

É possível criar templates diferentes

para cada tipo de página. Basta

copiar page.php, renomear e

adicionar o código no topo:

<?php

/*

Template Name: [Nome]

*/

?>

Controla a aparência dos arquivos.

Se não houver o arquivo,

index.php é utilizado.

Category.php sobrescreve archive.php

para categorias, assim como tag.php o

sobrescreve para tags.


“The Loop”


Nos “bastidores”

Controla a aparência

dos comentários,

que podem ser

incluídos no Loop.

Comments.php pode

ser sobrescrito por

plugins como o

Disqus, que passam

a gerenciar os

comentários

Permite inserir

código PHP

customizado para

modificar elementos

do tema. É muito

usado para

especificar múltiplas

sidebars, mudar o

tamanho do

“excerpt” ou

adicionar funções

administrativas

(wp-admin)

Principal folha de

estilos CSS para o

tema.

Contém texto com

informações sobre o

tema (nome, autor,

URL do site)


Extras

Uma enorme

comunidade de

desenvolvedores

“open source”

desenvolve plugins

que podem se

usados

gratuitamente.

“Custom Fields” são

informações

adicionais que

podem ser incluídas

no momento da

criação do post

(wp-admin)

Estes campos podem

ser utilizados

posteriormente pelo

tema.

Usos comuns:

imagens (thumbnails)

e includes de

javascripts

Pequenos módulos

que podems ser

inseridos nas

sidebars. Via wp-

admin, pode-se

adicionar e

configurar plugins –

de formulários de

pesquisa a lista de

posts populares e

blocos de anúncios.


Front Page estática

A home page

pode usar o

template

home.php

As páginas do

blog usam o

template

index.php


Template Hierarchy

http://codex.wordpress.org/Stepping_Into_Template_Tags


Template Files

style.css

Principal folha de estilos. Deve ser incluída no tema

e deve conter informações sobre o cabeçalho do tema.

rtl.css

RTL stylesheet. Será incluido automaticamente se a direção

do site for RTL. Pode ser gerado pelo plugin RTLer.

index.php

Template principal. Se o tema usa os próprios templates,

index.php precisa estar presente.

comments.php

Template dos comentários.


Template Files

front-page.php

Só é utilizado se houver uma página inicial estática.

home.php

Template da home page (front page por default).

Se existir uma front page, este é o template para a página

com os últimos posts.

single.php

Templates para posts simples. Index.php será usado para estes

posts e para queries (se queries.php não existir).

single-<post-type>.php

Template para posts específicos (custom post type).

Usa index.php se template não estiver disonível


Template Files

page.php

Template de páginas.

Usado quando páginas individuais são solicitadas.

category.php

Template para categorias.

tag.php

Template para tags.

taxonomy.php

Template para os termos (de classificação). Usado quando um

termo da taxonomia customizada é solicitado.

author.php

Templata para autores.


Template Files

date.php

Template para datas/horário. Usando quando a datas ou

horários são solicitados (ano, mês, dia, hora minuto, segundo)

archive.php

Template para o “arquivo”. Usado quando category, author e

datas são solicitados.

Será sobrescrito se category.php, author.php, e date.php já

existirem

search.php

Template usado para buscas.


Template Files

attachment.php

Template para anexos. Usado quando um anexo único for

solicitado.

image.php

Template para imagens.

Usado para visualizar uma imagem específica.

Se não entiver presente, attachment.php é usado.

404.php

Template “404 not found”. Usado quando o arquivo solicitado

não é encontrado.


Template Files

Tipicamente, um template utiliza

index.php

style.css

comments.php

footer.php

header.php

sidebar.php

Incluindo outros arquivos

get_header()

get_sidebar()

get_footer()

get_search_form()

Exemplos

<?php get_sidebar(); ?>

<?php gt_footer(); ?>


Modular Template Files

Header - header.php

Sidebar/Menu - sidebar.php

Content - index.php, single.php, page.php,

category.php, author.php, search.php, etc.

Footer - footer.php

<?php

$post = $wp_query->post;

if ( in_category( '9' ) ) {

get_template_part( 'single2' );

} else {

get_template_part( 'single1' );

}

?>

Query-based Template Files


Template Tag

Código que instrui o WP a „fazer‟ ou „buscar‟ algo

<h1><?php bloginfo('name'); ?></h1>

<?php bloginfo('description'); ?>

<?php bloginfo(„url'); ?>

<?php bloginfo(„admin_email'); ?>

<?php bloginfo(„version'); ?>

http://codex.wordpress.org/Stepping_Into_Template_Tags


Tags

wp-includes/general-template.php get_header get_footer get_sidebar wp_meta get_bloginfo wp_title …

wp-includes/author-template.php get_the_author get_author_meta the_author_posts …


Tags

wp-includes/category-template.php category_description the_category tag_description the_tags …

wp-includes/comment-template.php comment_author comment_date comment_text get_avatar …


Tags

wp-includes/link-template.php the_permalink get_bookmarks …

wp-includes/post-template.php the_category the_meta the_title the_tags …


Tags

wp-includes/post-thumbnail-template.php has_post_thumbnail the_post_thumbnail …

wp-includes/bookmark-template.php wp_list_bookmarks

wp-includes/nav-menu-template.php wp_nav_menu walk_nav_menu_tree

http://codex.wordpress.org/Template_Tags


Conditional Tags

Página Principal is_home()

Front Page is_front_page()

Painel Administrativo is_admin()

Post simples is_single()

http://codex.wordpress.org/Conditional_Tags

Página is_page()

Categoria is_category()

Tag is_tag()

404 not found is_404()


Validação do Tema

http://codex.wordpress.org/Theme_Development


Template file checklist (header.php)



Theme Unit Test



Validating a Website



Theme Review


Luciano Palma

[email protected]

@LucianoPalma

http://LPalma.com

(11) 8787-7227

Technology

Aula30 trevisan