O documento apresenta uma introdução ao sistema de gerenciamento de conteúdo WordPress, incluindo: (1) uma agenda para o simpósio com tópicos como instalação, configuração e desenvolvimento de temas; (2) explicações sobre o que é WordPress e CMS; e (3) demonstrações de recursos como posts, páginas, plugins e temas.

1. Introdução ao WordPressSimpósio Acreano de Sistemas de Informação 2011(Kennedy Lucas)

2. Agenda (manhã)O que é um CMSO que é WordPressPorque escolher WordPress?CasesInstalando o WordPressConfigurações geraisO PostOpções avançadas de postPáginasComentáriosPluginsWidgetsTemas

3. Agenda (tarde)Construindo nosso próprio temaPadrões de designHTMLCSSConvertendo para um temaArquivos básicos de um temaTags básicasO loopbloginfoTemplatesVisão geral de tema para site não-blog

4. O que é CMS?

5. O que é CMS?Content Management Systems - CMS, um sistema que integra ferramentas necessárias para criar, gerir (inserir e editar) conteúdo.(Wikipedia)

6. O que é WordPress?

7. O que é WordPress?Em poucas palavras: Sistema de blog de código aberto.Em belas palavras: O WordPress é uma plataforma semântica de vanguarda para publicação pessoal, com foco na estética, nos Padrões Web e na usabilidade.(br.wordpress.org)

8. Tipos de sites suportadosSites normais com conteúdo relativamente estático: páginas, subpáginas, etc.Blogs: organizado cronologicamente, atualizado frequentemente, categorizado, "taggeado" e arquivado.

9. O que é o Wordpress ?Uma plataforma de publicação.

10. Porque escolher WordPress?

11. Porque o WordPress...Esta há um longo tempo em aperfeiçoamento.Está em desenvolvimento contínuo .Possui uma grande comunidade de colaboradores.É amplamente extensível .É fácil de usar e gerenciar .Possui suporte para vários idiomas, inclusive PT-BR , claro.Vários outros motivos (Feeds automáticos, suporte a conteúdo protegido, importa conteúdo de outros blogs, permite publicar via e-mail e aplicativos móveis, etc)

12. CasesMinistério da CulturaTráfico de Pessoas

13. Como instalar o Wordpress

14. Requisitos BásicosPHP 4.3+MySQL 4.1.2+Mais detalhes http://www.wordpres.org/about/requirements/

15. Downloadhttp://www.wordpress.org/download/

16. Instalação ManualO arquivo wp-config.php

17. Dashboard (onde tudo acontece)Configurações gerais

18. O PostUnidade de conteúdo em um blogEquivale a um artigo em um jornal/revistaPossui título, conteúdo e autor

19. Criando um postTitulo, conteúdo, categoria e tagsLipsum.com, o amigo nas horas dificeis.Criar um post com video, deixar em rascunho.Criar um post com listas, links e citações, deixar agendado.

20. Comentários

21. ComentáriosO principal meio de contato do leitorComentandoModerando comentários

22. Páginas

23. PáginasCriando uma página sobreCriando uma página de contato

24. Plugins

25. PluginsPequenos pacotes de códigos que incrementam uma funcionalidade.Procurar, baixar e instalar.Pelo wordpress.orgAutomaticamente

26. Widgets

27. WidgetsUma pequena caixa de conteúdo, dinamica ou não, exibida em uma parte do site preparada para recebê-los.Lista de links, arquivos, categorias, etcCriando uma lista de links

28. Temas

29. TemasUma das maiores vantagens ao usar um CMS é poder trocar o visual do seu site sem precisar ser especialista em HTML ou CSSOnde achar temas: wordpress.org/extend/themes/; Google “wordpress themes”O que faz parte de um tema?Baixando e instalando um tema

30. Bom almoço!

31. Desevolvendo nosso próprio tema

32. Padrões de designQualquer site pode ser transformado em tema para wordpress, mas há alguns padrões, tanto de design, quanto de HTML/CSS que facilitam o processo.

36. Padrões de HTMLUsar marcação semânticaPreferir <div class=“conteudo-principal”> ao invés de <div class=“coluna-do-meio”>(ID ou classes) padrões: “header”, “main-content”, “sidebar” e “footer”Navegação principal é uma lista não-ordenadaDentro do “main-content” há uma div chamada “post”O “sidebar” é uma grande lista não-ordenada, para facilitar a inclusão dinâmica de plugins

37. CSSMetadados de tema:/*Theme Name: CulináriaTheme URL: http://wordpress.org/Description: Tema para blog feito no mini-curso de WordpressAuthor: Kennedy LucasVersion: 1.0License: GNU General Public LicenseTags: red, two columns*/

38. CSSEstrutura normal de CSS, a critério do designer/desenvolvedorClasses do wordpress:a.more-link.alignleft, .alignright, .aligncenter.wp-caption.current-page-item

39. Convertendo para WordPressA pasta do tema e seus arquivos básicos: index.php, style.css e screenshot.pngO processo de converter um HTML para WordPress consiste básicamente em substituir partes do código por tags, que a tornarão dinâmicas.

40. A tag <head> e o “header”bloginfo('name') e bloginfo('description')bloginfo('stylesheet_url')body_class()wp_nav_menu() e wp_list_pages()

41. “sidebar”Entre <ul> e </ul>wp_list_categories('title_li=') e wp_get_archives()

42. Widgets no “sidebar”3 Simples passos para deixar o “sidebar” pronto para receber widgets:Tornar o “sidebar” uma lista não-ordenada<ul class=“sidebar”><li> <h2>Arquivos</h2> <ul> <li><a href=“#”>Agosto</a></li><li><a href=“#”>Agosto</a></li> </ul></li></ul>Registrar area de widgets no arquivo functions.phpIncluir o seguinte código:if ( !function_exists('dynamic_sidebar') ||!dynamic_sidebar() )

43. “footer”wp_footer();O Footer também pode receber widgets, como no “sidebar”. O procedimento é o mesmo.

44. O Loop

45. O LoopÉ a parte mais importante em um tema.Exibe os posts de forma cronológica, escolhendo apenas aqueles que são apropriados.Começa com:<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>Termina com:<?php endwhile; ?> <?php else : ?><h2>Não encontramos nada</h2><p>Desculpe, mas não achamos nada.</p> <?php endif; ?>

46. Dentro do LoopExibe as informações de cada post.Titulo:the_permalink() the_title()Atributos:the_author()the_time('F jS, Y')the_category(', ')the_tags()Conteúdo:the_content()the_excerpt()

47. bloginfoA tag bloginfo(), assim como o nome sugere, exibe várias informações do blog.Exemplos:Nome, descrição, url, atom_url, rss2_url, stylesheet_url, template_url, charset, versionLista completa em http://codex.wordpress.org/Function_Reference/bloginfo

48. TemplatesDivindo o tema em parte (index.php, header.php, sidebar.php, footer.php)archives.php – mudar o conteúdo usando excerpt()single.php – adicionar comentáriospage.php – tirar comentáriospage-contato.php – adicionar comentários (novamente) para mostrar na prática como funciona a hierarquia de templates.

49. Visão geral de uso em site não-blogPáginas estáticasMúltiplos loopsMúltiplas áreas de widget

50. Onde obter ajuda e recursos?Documentação: http://codex.wordpress.org/Fórum de suporte: http://br.forums.wordpress.org/Comunidade WP Brasil:http://wp-brasil.org/GoogleEmail: kennedy.lucas@gmail.com

51. Duvidas/Perguntas?