aula30 trevisan
DESCRIPTION
Blog - Implantação - aula 30 do Curso de Educação Executiva em Redes Sociais da Escola Trevisan. Out/2011TRANSCRIPT
![Page 1: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/1.jpg)
SÃO PAULO RIO DE JANEIRO RIBEIRÃO BONITO
Educação Executiva em Redes Sociais Luciano Palma
![Page 2: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/2.jpg)
Implantação - Blog
Infraestrutura de um Blog
Componentes de um Blog
Wireframe/Layout
Widgets e Plugins
Processo de
Criação de um Blog
![Page 3: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/3.jpg)
Implantação – Blog – Temas
http://yoast.com/wordpress-theme-anatomy/
“Anatomia” de um Tema
![Page 4: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/4.jpg)
Implantação – Blog – Temas
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.
![Page 5: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/5.jpg)
Implantação – Blog – Temas
“The Loop”
![Page 6: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/6.jpg)
Implantação – Blog – Temas
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)
![Page 7: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/7.jpg)
Implantação – Blog – Temas
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.
![Page 8: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/8.jpg)
Implantação – Blog – Temas
Front Page estática
A home page
pode usar o
template
home.php
As páginas do
blog usam o
template
index.php
![Page 9: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/9.jpg)
Implantação – Blog – Temas
Template Hierarchy
http://codex.wordpress.org/Stepping_Into_Template_Tags
![Page 10: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/10.jpg)
Implantação – Blog – Temas
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.
![Page 11: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/11.jpg)
Implantação – Blog – Temas
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
![Page 12: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/12.jpg)
Implantação – Blog – Temas
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.
![Page 13: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/13.jpg)
Implantação – Blog – Temas
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.
![Page 14: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/14.jpg)
Implantação – Blog – Temas
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.
![Page 15: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/15.jpg)
Implantação – Blog – Temas
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(); ?>
![Page 16: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/16.jpg)
Implantação – Blog – Temas
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
![Page 17: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/17.jpg)
Implantação – Blog – Temas
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
![Page 18: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/18.jpg)
Implantação – Blog – Temas
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 …
![Page 19: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/19.jpg)
Implantação – Blog – Temas
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 …
![Page 20: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/20.jpg)
Implantação – Blog – Temas
Tags
wp-includes/link-template.php the_permalink get_bookmarks …
wp-includes/post-template.php the_category the_meta the_title the_tags …
![Page 21: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/21.jpg)
Implantação – Blog – Temas
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
![Page 22: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/22.jpg)
Implantação – Blog – Temas
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()
![Page 23: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/23.jpg)
Implantação – Blog – Temas
Validação do Tema
http://codex.wordpress.org/Theme_Development
![Page 24: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/24.jpg)
Implantação – Blog – Temas
Template file checklist (header.php)
http://codex.wordpress.org/Theme_Development
![Page 25: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/25.jpg)
Implantação – Blog – Temas
Theme Unit Test
http://codex.wordpress.org/Theme_Development
![Page 26: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/26.jpg)
Implantação – Blog – Temas
Validating a Website
http://codex.wordpress.org/Theme_Development
![Page 27: Aula30 trevisan](https://reader033.vdocuments.com.br/reader033/viewer/2022050905/549c7372b47959bd318b4743/html5/thumbnails/27.jpg)
Implantação – Blog – Temas
Theme Review
http://codex.wordpress.org/Theme_Development