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

“Anatomia” de um Tema

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


Home, Pages, Posts e Archives
Controla a aparência das páginas.
Sidebars e outros elementos podem
Controla a aparência da home page. ser eliminados (e adicionados)
Contém um loop que busca e exibe
os posts mais recentes. É possível criar templates diferentes
para cada tipo de página. Basta
wp-admin>settings>read  copiar page.php, renomear e
permite definir home page específica adicionar o código no topo:
(deve-se especificar outra página <?php
para os posts  usará index.php) /*
Template Name: [Nome]
*/
?>

Controla a aparência de posts
individuais. Contém um loop que Controla a aparência dos arquivos.
busca e exibe somente um post. Se não houver o arquivo,
index.php é utilizado.
É possível definir sidebars (ou outros
recursos) para diferenciar a página Category.php sobrescreve archive.php
para categorias, assim como tag.php o
sobrescreve para tags.


“The Loop”


Nos “bastidores”

Controla a aparência Permite inserir Principal folha de
dos comentários, código PHP estilos CSS para o
que podem ser customizado para tema.
incluídos no Loop. modificar elementos Contém texto com
Comments.php pode do tema. É muito informações sobre o
ser sobrescrito por usado para tema (nome, autor,
plugins como o especificar múltiplas URL do site)
Disqus, que passam sidebars, mudar o
a gerenciar os tamanho do
comentários “excerpt” ou
adicionar funções
administrativas
(wp-admin)


Extras

Uma enorme “Custom Fields” são Pequenos módulos
comunidade de informações que podems ser
desenvolvedores adicionais que inseridos nas
“open source” podem ser incluídas sidebars. Via wp-
desenvolve plugins no momento da admin, pode-se
que podem se criação do post adicionar e
usados (wp-admin) configurar plugins –
gratuitamente. Estes campos podem de formulários de
ser utilizados pesquisa a lista de
posteriormente pelo posts populares e
tema. blocos de anúncios.
Usos comuns:
imagens (thumbnails)
e includes de
javascripts


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()
Exemplos
 get_sidebar()
 <?php get_sidebar(); ?>
 get_footer()
 <?php gt_footer(); ?>
 get_search_form()


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
Query-based Template Files
<?php
$post = $wp_query->post;
if ( in_category( '9' ) ) {
get_template_part( 'single2' );
} else {
get_template_part( 'single1' );
}
?>


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  Página
 is_home()  is_page()

 Front Page  Categoria
 is_front_page()  is_category()

 Painel Administrativo  Tag
 is_admin()  is_tag()

 Post simples  404 not found
 is_single()  is_404()

http://codex.wordpress.org/Conditional_Tags


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

 Luciano@LPalma.com

 @LucianoPalma

 http://LPalma.com

 (11) 8787-7227

Aula30 trevisan

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (12)

Destaque

Destaque (20)

Semelhante a Aula30 trevisan

Semelhante a Aula30 trevisan (20)

Mais de Luciano Palma

Mais de Luciano Palma (20)

Aula30 trevisan