SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
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/
Implantação – Blog – Temas

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.
Implantação – Blog – Temas

“The Loop”
Implantação – Blog – Temas

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)
Implantação – Blog – Temas

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
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
Implantação – Blog – Temas

Template Hierarchy




http://codex.wordpress.org/Stepping_Into_Template_Tags
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.
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
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.
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.
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.
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()
                              Exemplos
      get_sidebar()
                               <?php get_sidebar(); ?>
      get_footer()
                               <?php gt_footer(); ?>
      get_search_form()
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
Query-based Template Files
       <?php
       $post = $wp_query->post;
       if ( in_category( '9' ) ) {
           get_template_part( 'single2' );
       } else {
           get_template_part( 'single1' );
       }
       ?>
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
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
   …
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
   …
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
   …
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
Implantação – Blog – Temas

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
Implantação – Blog – Temas

Validação do Tema




http://codex.wordpress.org/Theme_Development
Implantação – Blog – Temas

Template file checklist (header.php)




http://codex.wordpress.org/Theme_Development
Implantação – Blog – Temas

Theme Unit Test




http://codex.wordpress.org/Theme_Development
Implantação – Blog – Temas

Validating a Website




http://codex.wordpress.org/Theme_Development
Implantação – Blog – Temas

Theme Review




http://codex.wordpress.org/Theme_Development
Luciano Palma




       Luciano@LPalma.com


       @LucianoPalma


       http://LPalma.com


       (11) 8787-7227

Mais conteúdo relacionado

Mais procurados

Mais procurados (12)

Como criar um plugin para WordPress
Como criar um plugin para WordPressComo criar um plugin para WordPress
Como criar um plugin para WordPress
 
WordPress para Redatores, Jornalistas e Produtores de Conteúdo em geral
WordPress para Redatores, Jornalistas e Produtores de Conteúdo em geralWordPress para Redatores, Jornalistas e Produtores de Conteúdo em geral
WordPress para Redatores, Jornalistas e Produtores de Conteúdo em geral
 
Como fazer um blog usando wordpress
Como fazer um blog usando wordpressComo fazer um blog usando wordpress
Como fazer um blog usando wordpress
 
Como criar um tema para WordPress
Como criar um tema para WordPressComo criar um tema para WordPress
Como criar um tema para WordPress
 
Wordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de Templates
 
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot BrasilDesenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
 
Introducao ao WordPress
Introducao ao WordPressIntroducao ao WordPress
Introducao ao WordPress
 
Devmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end FoundationDevmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end Foundation
 
Joomla!: uma visão geral
Joomla!: uma visão geralJoomla!: uma visão geral
Joomla!: uma visão geral
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!
 
Guia Rápido para criação de blog
Guia Rápido para criação de blogGuia Rápido para criação de blog
Guia Rápido para criação de blog
 
Html5 aula 02
Html5 aula 02Html5 aula 02
Html5 aula 02
 

Destaque

Amical 2013 wksp multimodal projects for 21st century learning
Amical 2013 wksp multimodal projects for 21st century learningAmical 2013 wksp multimodal projects for 21st century learning
Amical 2013 wksp multimodal projects for 21st century learning
Hoda Mostafa
 
Caruso Inq Project
Caruso Inq ProjectCaruso Inq Project
Caruso Inq Project
kalmanidisn1
 
умножение 6
умножение 6умножение 6
умножение 6
guestddbae10
 
Panelinstr
PanelinstrPanelinstr
Panelinstr
skatelal
 
Hannah! Emily! Jodie!
Hannah! Emily! Jodie!Hannah! Emily! Jodie!
Hannah! Emily! Jodie!
guestcea81f
 
Amcult Presentation
Amcult PresentationAmcult Presentation
Amcult Presentation
guest303826
 
Optical illusions!
Optical illusions!Optical illusions!
Optical illusions!
Alka Rao
 
James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11
James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11
James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11
James Metcalfe
 
RICS Property World pgs5 8
RICS Property World pgs5 8RICS Property World pgs5 8
RICS Property World pgs5 8
RICS Americas
 

Destaque (20)

Amical 2013 wksp multimodal projects for 21st century learning
Amical 2013 wksp multimodal projects for 21st century learningAmical 2013 wksp multimodal projects for 21st century learning
Amical 2013 wksp multimodal projects for 21st century learning
 
李燕聪107081013 企鹅-工程学基础
李燕聪107081013 企鹅-工程学基础李燕聪107081013 企鹅-工程学基础
李燕聪107081013 企鹅-工程学基础
 
The Talking Village idea
The Talking Village ideaThe Talking Village idea
The Talking Village idea
 
O W Overview
O W OverviewO W Overview
O W Overview
 
Caruso Inq Project
Caruso Inq ProjectCaruso Inq Project
Caruso Inq Project
 
Elvis 1984
Elvis 1984Elvis 1984
Elvis 1984
 
умножение 6
умножение 6умножение 6
умножение 6
 
Panelinstr
PanelinstrPanelinstr
Panelinstr
 
Registro
RegistroRegistro
Registro
 
La RSC i les PIMES
La RSC i les PIMESLa RSC i les PIMES
La RSC i les PIMES
 
Pharma Front-line Manager Certification Program
Pharma Front-line Manager Certification ProgramPharma Front-line Manager Certification Program
Pharma Front-line Manager Certification Program
 
Инвестор в цифри
Инвестор в цифриИнвестор в цифри
Инвестор в цифри
 
強恕高中98學年度第1學期第3次段考 計算機概論(進修部)
強恕高中98學年度第1學期第3次段考 計算機概論(進修部)強恕高中98學年度第1學期第3次段考 計算機概論(進修部)
強恕高中98學年度第1學期第3次段考 計算機概論(進修部)
 
Hannah! Emily! Jodie!
Hannah! Emily! Jodie!Hannah! Emily! Jodie!
Hannah! Emily! Jodie!
 
Amcult Presentation
Amcult PresentationAmcult Presentation
Amcult Presentation
 
Optical illusions!
Optical illusions!Optical illusions!
Optical illusions!
 
James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11
James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11
James Metcalfe's Real Estate Market Update for Our Home Toronto 08,11
 
Fraud cases presentation
Fraud cases presentationFraud cases presentation
Fraud cases presentation
 
Pautas de entrega
Pautas de entregaPautas de entrega
Pautas de entrega
 
RICS Property World pgs5 8
RICS Property World pgs5 8RICS Property World pgs5 8
RICS Property World pgs5 8
 

Semelhante a Aula30 trevisan

Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03
Tersis Zonato
 
Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2
Diego Lopes
 
WordPress - Muito alem de blogs
WordPress - Muito alem de blogsWordPress - Muito alem de blogs
WordPress - Muito alem de blogs
Gislaine Pereira
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2
neysans
 

Semelhante a Aula30 trevisan (20)

Hierarquia de templates WordPress
Hierarquia de templates WordPressHierarquia de templates WordPress
Hierarquia de templates WordPress
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2
 
Curso de WordPress
Curso de WordPressCurso de WordPress
Curso de WordPress
 
Loop do wordpress
Loop do wordpressLoop do wordpress
Loop do wordpress
 
Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03
 
Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2
 
Curso HTML 5 - Construindo um Layout
Curso HTML 5 - Construindo um LayoutCurso HTML 5 - Construindo um Layout
Curso HTML 5 - Construindo um Layout
 
WordPress - Muito alem de blogs
WordPress - Muito alem de blogsWordPress - Muito alem de blogs
WordPress - Muito alem de blogs
 
Workshop Web e WordPress
Workshop Web e WordPressWorkshop Web e WordPress
Workshop Web e WordPress
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2
 
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
 
WordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteWordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu site
 
WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14
 
Wordpress basico
Wordpress basicoWordpress basico
Wordpress basico
 
Boas Práticas de programação WordPress
Boas Práticas de programação WordPressBoas Práticas de programação WordPress
Boas Práticas de programação WordPress
 
Wordpress Aula 2
Wordpress Aula 2Wordpress Aula 2
Wordpress Aula 2
 
Explorando o Painel do WordPress
Explorando o Painel do WordPressExplorando o Painel do WordPress
Explorando o Painel do WordPress
 
WordPress como CMS
WordPress como CMSWordPress como CMS
WordPress como CMS
 

Mais de Luciano Palma

certified_1202_370648
certified_1202_370648certified_1202_370648
certified_1202_370648
Luciano Palma
 

Mais de Luciano Palma (20)

Mind the gap desafios da migração do mundo corporativo para startups
Mind the gap   desafios da migração do mundo corporativo para startupsMind the gap   desafios da migração do mundo corporativo para startups
Mind the gap desafios da migração do mundo corporativo para startups
 
CV-LucianoPalma
CV-LucianoPalmaCV-LucianoPalma
CV-LucianoPalma
 
certified_1202_370648
certified_1202_370648certified_1202_370648
certified_1202_370648
 
Luciano Palma One Sheet
Luciano Palma One SheetLuciano Palma One Sheet
Luciano Palma One Sheet
 
Seu corpo é o novo computador - Social media week 2014 - Luciano Palma
Seu corpo é o novo computador - Social media week 2014 - Luciano PalmaSeu corpo é o novo computador - Social media week 2014 - Luciano Palma
Seu corpo é o novo computador - Social media week 2014 - Luciano Palma
 
Social and Economic Networks: Models and Analysis
Social and Economic Networks: Models and AnalysisSocial and Economic Networks: Models and Analysis
Social and Economic Networks: Models and Analysis
 
Sucesso, Bônus, Humanidade. Escoha dois.
Sucesso, Bônus, Humanidade. Escoha dois.Sucesso, Bônus, Humanidade. Escoha dois.
Sucesso, Bônus, Humanidade. Escoha dois.
 
FISL14: Como domar uma fera de 1 TFlop que cabe na palma da sua mão!
FISL14: Como domar uma fera de 1 TFlop que cabe na palma da sua mão!FISL14: Como domar uma fera de 1 TFlop que cabe na palma da sua mão!
FISL14: Como domar uma fera de 1 TFlop que cabe na palma da sua mão!
 
Trevisan - Educação Executiva em Redes Sociais - Comunicação Interna
Trevisan - Educação Executiva em Redes Sociais - Comunicação InternaTrevisan - Educação Executiva em Redes Sociais - Comunicação Interna
Trevisan - Educação Executiva em Redes Sociais - Comunicação Interna
 
Tecnologia e o futuro: o que isso impacta na formação das equipes?
Tecnologia e o futuro: o que isso impacta na formação das equipes?Tecnologia e o futuro: o que isso impacta na formação das equipes?
Tecnologia e o futuro: o que isso impacta na formação das equipes?
 
Marketing Talks - Marketing Digital (Luciano Palma) ADVP/Sinapro-PA
Marketing Talks - Marketing Digital (Luciano Palma) ADVP/Sinapro-PAMarketing Talks - Marketing Digital (Luciano Palma) ADVP/Sinapro-PA
Marketing Talks - Marketing Digital (Luciano Palma) ADVP/Sinapro-PA
 
Trevisan - Educação Executiva em Redes Sociais - Aulas 28 e 29
Trevisan - Educação Executiva em Redes Sociais - Aulas 28 e 29Trevisan - Educação Executiva em Redes Sociais - Aulas 28 e 29
Trevisan - Educação Executiva em Redes Sociais - Aulas 28 e 29
 
Aula27 trevisan
Aula27 trevisanAula27 trevisan
Aula27 trevisan
 
Trevisan - Educação Executiva em Redes Sociais - Aula 26
Trevisan - Educação Executiva em Redes Sociais - Aula 26Trevisan - Educação Executiva em Redes Sociais - Aula 26
Trevisan - Educação Executiva em Redes Sociais - Aula 26
 
Trevisan - Educação Executiva em Redes Sociais - Aula 10
Trevisan - Educação Executiva em Redes Sociais - Aula 10Trevisan - Educação Executiva em Redes Sociais - Aula 10
Trevisan - Educação Executiva em Redes Sociais - Aula 10
 
E-commerce em Redes Sociais (Web Expo Fórum 2011, Luciano Palma)
E-commerce em Redes Sociais (Web Expo Fórum 2011, Luciano Palma)E-commerce em Redes Sociais (Web Expo Fórum 2011, Luciano Palma)
E-commerce em Redes Sociais (Web Expo Fórum 2011, Luciano Palma)
 
KM Brasil 2010 - Gramado - RS
KM Brasil 2010 - Gramado - RSKM Brasil 2010 - Gramado - RS
KM Brasil 2010 - Gramado - RS
 
Beyond Budgeting
Beyond BudgetingBeyond Budgeting
Beyond Budgeting
 
ZenTalk sobre Redes Sociais
ZenTalk sobre Redes SociaisZenTalk sobre Redes Sociais
ZenTalk sobre Redes Sociais
 
Mídias Sociais: Estratégias e Métricas
Mídias Sociais: Estratégias e MétricasMídias Sociais: Estratégias e Métricas
Mídias Sociais: Estratégias e Métricas
 

Último

Último (8)

ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docxATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo Pagliusi
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
 
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINASCOI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
 
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAEAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
 
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
 
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docxATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
 

Aula30 trevisan

  • 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 Tema http://yoast.com/wordpress-theme-anatomy/
  • 4. Implantação – Blog – Temas 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.
  • 5. Implantação – Blog – Temas “The Loop”
  • 6. Implantação – Blog – Temas 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)
  • 7. Implantação – Blog – Temas 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
  • 8. 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
  • 9. Implantação – Blog – Temas Template Hierarchy http://codex.wordpress.org/Stepping_Into_Template_Tags
  • 10. 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.
  • 11. 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
  • 12. 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.
  • 13. 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.
  • 14. 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.
  • 15. 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() Exemplos  get_sidebar()  <?php get_sidebar(); ?>  get_footer()  <?php gt_footer(); ?>  get_search_form()
  • 16. 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 Query-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 – 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
  • 18. 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  …
  • 19. 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  …
  • 20. 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  …
  • 21. 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
  • 22. Implantação – Blog – Temas 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
  • 23. Implantação – Blog – Temas Validação do Tema http://codex.wordpress.org/Theme_Development
  • 24. Implantação – Blog – Temas Template file checklist (header.php) http://codex.wordpress.org/Theme_Development
  • 25. Implantação – Blog – Temas Theme Unit Test http://codex.wordpress.org/Theme_Development
  • 26. Implantação – Blog – Temas Validating a Website http://codex.wordpress.org/Theme_Development
  • 27. Implantação – Blog – Temas Theme Review http://codex.wordpress.org/Theme_Development
  • 28. Luciano Palma  Luciano@LPalma.com  @LucianoPalma  http://LPalma.com  (11) 8787-7227