Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Aula30 trevisan

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

  • Be the first to comment

  • Be the first to like this

Aula30 trevisan

  1. 1. SÃO PAULO RIO DE JANEIRO RIBEIRÃO BONITO Educação Executiva em Redes Sociais Luciano Palma
  2. 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. 3. Implantação – Blog – Temas“Anatomia” de um Temahttp://yoast.com/wordpress-theme-anatomy/
  4. 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. 5. Implantação – Blog – Temas“The Loop”
  6. 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. 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. 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. 9. Implantação – Blog – TemasTemplate Hierarchyhttp://codex.wordpress.org/Stepping_Into_Template_Tags
  10. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 23. Implantação – Blog – TemasValidação do Temahttp://codex.wordpress.org/Theme_Development
  24. 24. Implantação – Blog – TemasTemplate file checklist (header.php)http://codex.wordpress.org/Theme_Development
  25. 25. Implantação – Blog – TemasTheme Unit Testhttp://codex.wordpress.org/Theme_Development
  26. 26. Implantação – Blog – TemasValidating a Websitehttp://codex.wordpress.org/Theme_Development
  27. 27. Implantação – Blog – TemasTheme Reviewhttp://codex.wordpress.org/Theme_Development
  28. 28. Luciano Palma  Luciano@LPalma.com  @LucianoPalma  http://LPalma.com  (11) 8787-7227

×