Your SlideShare is downloading. ×
0
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Aula30 trevisan
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Aula30 trevisan

473

Published on

Blog - Implantação - aula 30 do Curso de Educação Executiva em Redes Sociais da Escola Trevisan. …

Blog - Implantação - aula 30 do Curso de Educação Executiva em Redes Sociais da Escola Trevisan.
Out/2011

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
473
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. SÃO PAULO RIO DE JANEIRO RIBEIRÃO BONITO Educação Executiva em Redes Sociais Luciano Palma
  • 2. Implantação - Blog  Infraestrutura de um Blog  Componentes de um Blog  Wireframe/Layout  Widgets e Plugins  Processo de Criação de um Blog
  • 3. Implantação – Blog – Temas“Anatomia” de um Temahttp://yoast.com/wordpress-theme-anatomy/
  • 4. Implantação – Blog – TemasHome, 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.
  • 5. Implantação – Blog – Temas“The Loop”
  • 6. Implantação – Blog – TemasNos “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)
  • 7. Implantação – Blog – TemasExtras 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
  • 8. Implantação – Blog – TemasFront Page estática A home page pode usar o template home.php As páginas do blog usam o template index.php
  • 9. Implantação – Blog – TemasTemplate Hierarchyhttp://codex.wordpress.org/Stepping_Into_Template_Tags
  • 10. Implantação – Blog – TemasTemplate 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.
  • 11. Implantação – Blog – TemasTemplate 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
  • 12. Implantação – Blog – TemasTemplate 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.
  • 13. Implantação – Blog – TemasTemplate 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.
  • 14. Implantação – Blog – TemasTemplate 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.
  • 15. Implantação – Blog – TemasTemplate 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()
  • 16. Implantação – Blog – TemasModular 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.phpQuery-based Template Files <?php $post = $wp_query->post; if ( in_category( 9 ) ) { get_template_part( single2 ); } else { get_template_part( single1 ); } ?>
  • 17. Implantação – Blog – TemasTemplate 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
  • 18. Implantação – Blog – TemasTags 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  …
  • 19. Implantação – Blog – TemasTags 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  …
  • 20. Implantação – Blog – TemasTags wp-includes/link-template.php  the_permalink  get_bookmarks  … wp-includes/post-template.php  the_category  the_meta  the_title  the_tags  …
  • 21. Implantação – Blog – TemasTags 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
  • 22. Implantação – Blog – TemasConditional 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
  • 23. Implantação – Blog – TemasValidação do Temahttp://codex.wordpress.org/Theme_Development
  • 24. Implantação – Blog – TemasTemplate file checklist (header.php)http://codex.wordpress.org/Theme_Development
  • 25. Implantação – Blog – TemasTheme Unit Testhttp://codex.wordpress.org/Theme_Development
  • 26. Implantação – Blog – TemasValidating a Websitehttp://codex.wordpress.org/Theme_Development
  • 27. Implantação – Blog – TemasTheme Reviewhttp://codex.wordpress.org/Theme_Development
  • 28. Luciano Palma  Luciano@LPalma.com  @LucianoPalma  http://LPalma.com  (11) 8787-7227

×