WordPress Desenvolvimento de Sites e Redes Sociais. Vinicius Massuchetto vinicius.soylocoporti.org.br

Transcrição

1 WordPress Desenvolvimento de Sites e Redes Sociais Vinicius Massuchetto vinicius.soylocoporti.org.br

2 Um pouco sobre o WordPress Inicialmente uma plataforma para blogs 8 anos em plugins temas oficiais (funcionando) CMS aberto mais baixado em 2010 Empregado em 14% dos domínios mais populares

3 O WordPress é... interessante para o cliente amigável ao usuário mais fácil para o designer ágil para o desenvolvedor compatível com grandes tarefas

4 interessante para o cliente

5 Facilidades para quem compra Hospedagem fácil e barata Estrutura SEO pronta Elaboração de portais unificados com múltiplos sites sob a mesma instalação Integração entre blogs, fóruns e rede social própria

6 mais fácil para o designer

7 Design no WordPress Marcação simples em PHP Extensa e detalhada documentação Plugins que fazem quase de tudo Templates orientados por nomes padronizados dos arquivos Popularizado: Inúmeros exemplos e temas prontos pela internet (!) Diversos frameworks de temas

8 Marcação simples em PHP home_url() the_title() the_content() the_tags() wp_list_categories() while(have_posts()){ }

9 Diversos frameworks de temas Funcionalidade de temas pais Estrutura pré-montada para modificação modular Callbacks para diferentes estágios de renderização do HTML

10

11

12

13 ágil para os desenvolvedores

14 Desenvolvimento no WordPress Campos personalizados Tipos personalizados de conteúdo Interferência no comportamento padrão via callbacks (ações e filtros) Estrutura pronta para cache em HTML estático

15 Hooks: Ações e filtros Verificações feitas em várias etapas do carregamento Mais de chamadas diferentes (!) Suporte também presente em vários plugins

16 Hooks: Ações e filtros add_[action,filter]($tag,$func) Ações init Filtros the_content wp_head excerpt_length pre_get_posts posts_request shutdown wp_list_pages

17 Tipos de post e taxonomia Variações dos tipos padrão para: post post (posts (posts ee páginas) páginas) taxonomia taxonomia (categorias (categorias ee tags) tags) Tratamento de dados adicionais via campos personalizados Formatação para qualquer tipo de conteúdo desejado

18 Exemplo de posts e taxonomias Campeonato Time Campos: Campos: Nome, Nome, estádio, estádio, jogadores jogadores Taxonomia: Taxonomia: Cidade Cidade Jogador Campos: Campos: Título, Título, times, times, duração duração Taxonomia: Taxonomia: Tipo Tipo de de Campeonato Campeonato Campos: Campos: Nome, Nome, nascimento, nascimento, peso, peso, altura altura Taxonomia: Taxonomia: Posição Posição

19

20 Multisite, BuddyPress e bbpress Vários blogs sob a mesma instalação, integrados em rede social e fórum Usuários independentes por blog e comuns nos fóruns e redes sociais Nomes dos blogs como subdomínios ou como subpastas

21

22 compatível com grandes tarefas

23 Problemas de desempenho 4258 funções, 187 classes, 5340 variáveis e 296 constantes Alocação de ~32MB por instanciação + + plugins plugins pode pode chegar chegar até até ~60MB Para grandes sites o uso de cache e estratégias de infraestrutura é obrigatório

24 Metodologias de desenvolvimento Layouts inteligentes Combinar imagens reduzindo requisições Evitar o uso de plugins Se possível, integrar nos temas as partes utilizadas dos plugins Proteger-se quanto a floods de comentários: WP Spam Free Seguir recomendações do Google com o Firebug

25 Uso de sistemas de cache Plugins como W3 Total Cache e WP Super Cache Geração de páginas estáticas e envio do HTML já pré compactado

26 Camadas de requisição nginx com Varnish Load Balancer Apache com memcached e WP Super Cache Processamento com MySQL HyperDB Servidor Emergencial: Manutenção de páginas estáticas por rsync

27 Tá! E daí!?

28 Alguns exemplos famosos...

29 TechCrunch TechCrunch

30 Mashable Mashable

31 CNN 40 blogs blogs CNN 40

32 91 30 blogs blogs 91 Rock Rock 30

33 New 70 blogs blogs New York York Times Times 70

34 Adobe blogs blogs Adobe 1.200

35 Globo.com 800 blogs blogs Globo.com 800

36 WordPress.com 20 milhões milhões de blogs de blogs WordPress.com 20

37 Curiosidades WordPress.com Todos os plugins disponíveis são reescritos para adequação de desempenho Versão bleeding edge (mais atual que a disponível para download) Deploy contínuo via sandbox dos desenvolvedores Sem staging nem revisão de código

38 Curiosidades WordPress.com 200 comentários por minuto 250 posts por minuto 2.5 bilhões de visualizações por mês servidores 4 datacenters 3 nuvens 1 codebase 1 banco de dados

39 Ou seja: É extremamente razoável usar o WordPress para tarefas críticas.

40 Obrigado! Vinicius Massuchetto

41 Referências wordpress.org wordpress.com/stats adambrown.info/p/wp_hooks/version/3.1 phpxref.ftwr.co.uk/wordpress curitiba.wordcamp.com.br/programacao