Apresentação do curso de Desenvolvimento Wordpress

1. WORDPRESS
(PRODUÇÃO DE SITES)

2. • GESTOR EM SISTEMAS DE INFORMAÇÃO
• ESPECIALISTA EM ENGENHARIA DE SOFTWARE
• ATUALMENTE TRABALHA COMO DEV. FRONT-END
• AULAS SOBRE DESENVOLVIMENTO WEB
CLEISONCARLOS@HOTMAIL.COM
CLEISON CARLOS

3. A HISTÓRIA DO WORDPRESS
• OS PRIMEIROS PASSOS DA PLATAFORMA SE DERAM EM 2003 QUANDO MATT MULLENWEG E MIKE
LITTLE CRIARAM UM FORK DO B2/CAFELOG, FAMOSO SISTEMA DO GÊNERO NA ÉPOCA,
DESENVOLVIDO POR MICHEL VALDRIGHT QUE HOJE CONTRIBUI ATIVAMENTE COMO
DESENVOLVEDOR DO WORDPRESS.
• EM 2004 O MOVABLE TYPE ERA QUEM ASSUMIA O POSTO DE CMS MAIS USADO, PORÉM
MUDANÇAS EM SUA LICENÇA FIZERAM COM QUE TODA A COMUNIDADE MIGRASSE PARA O
WORDPRESS, SOLIDIFICANDO SUA POSIÇÃO ENTRE OS CMS MAIS UTILIZADOS EM TODO O
MUNDO.

4. • “O WORDPRESS É UM PROJETO MUITO ESPECIAL PARA MIM.
TODO DESENVOLVEDOR E COLABORADOR ACRESCENTA
ALGO ÚNICO NESSA MISTURA, E JUNTOS NÓS CRIAMOS
ALGO BONITO DO QUAL ME ORGULHO DE FAZER PARTE.
MILHARES DE HORAS FORAM INVESTIDAS NO WORDPRESS,
E NÓS NOS DEDICAMOS PARA MELHORÁ-LO TODOS OS
DIAS. OBRIGADO POR VOCÊ TORNÁ-LO PARTE DE SEU
MUNDO.”
• MATT MULLENWEG
PALAVRAS DO CRIADOR

5. O QUE É O WORDPRESS?
• ESSA PLATAFORMA É CHAMADA DE CMS (CONTENT MANAGEMENT SYSTEM) OU SISTEMA DE
GERENCIAMENTO DE CONTEÚDO. O WORDPRESS, OU APENAS WP, É OPEN SOURCE (CÓDIGO
ABERTO); ISSO SIGNIFICA QUE ELE PODE SER BAIXADO E ALTERADO DE GRAÇA.

6. O QUE É UM CMS?
• O CMS (CONTENT MANAGEMENT SYSTEM) É UM APLICATIVO COM HABILIDADE DE CRIAR, MODIFICAR E PUBLICAR CONTEÚDO DIGITAL.
NA MAIORIA DOS CASOS, ELE TAMBÉM SUPORTA MÚLTIPLOS USUÁRIOS, PERMITINDO-OS A TRABALHAR EM CONJUNTO. POR
EXEMPLO, NO WORDPRESS ISSO É POSSÍVEL CRIAR VÁRIOS USUÁRIOS ADMINISTRADORES, CADA UM POSSUINDO DIFERENTES
PRIVILÉGIOS. O SISTEMA DE MANUTENÇÃO DE CONTEÚDO TAMBÉM INCLUI TEXTO E FORMATAÇÃO, A HABILIDADE DE POSTAR VÍDEOS,
FOTOS, ÁUDIO, MAPAS E ATÉ O SEU PRÓPRIO CÓDIGO.
• URLS COM SEO
• SUPORTE ONLINE E COMUNIDADES
• FUNÇÕES PARA USUÁRIO/GRUPO
• DIVERSOS TEMPLATES E DESIGNS
• ASSISTENTES DE INSTALAÇÃO E UPGRADES/UPDATES
• OS TRÊS CMS MAIS POPULARES DO MUNDO SÃO WORDPRESS, JOOMLA E DRUPAL.

7. POR QUE USAR UM CMS?
• SÃO FERRAMENTAS QUE POSSIBILITAM AO USUÁRIO UM MAIOR CONTROLE DO WEBSITES E
• TEM UMA ESTRUTURA SÓLIDA PARA SUSTENTAR AS MAIS DIVERSAS SITUAÇÕES. EXISTEM
• SOLUÇÕES EM CMS COMERCIAIS, MAS EM GRANDE MAIORIA SÃO FERRAMENTAS OPEN
• SOURCE.
• ✔ PERMITE A UM GRANDE NÚMERO DE PESSOAS COMPARTILHAR E ARMAZENAR DADOS
• ✔ CONTROLE DE ACESSO DOS DADOS BASEADO EM PAPÉIS OU PERMISSÕES
• ✔ GERALMENTE NÃO EXISTE UMA LIMITAÇÃO SOBRE O TIPO DE CONTEÚDO
• ✔ SUPORTAM ACESSO ATRAVÉS DE DISPOSITIVOS MÓVEIS (CELULARES, TABLETS, PALMS)

8. PORQUE USAR O WORDPRESS?
• ✔ CRIADO POR MATT MULLENWEG, RODA EM PHP E MYSQL SOB A LICENÇA GPL
• ✔ TEM COMO FOCO PADRÕES DE USABILIDADE E FACILIDADES PARA O USUÁRIO FINAL
• ✔ É LARGAMENTE UTILIZADO COMO UM CMS APESAR DE AINDA NÃO SER UM
• ✔ COMO TODO SOFTWARE LIVRE TEM UMA COMUNIDADE GRANDE E ATIVA
• ✔ POSSUI MILHARES DE TEMAS E PLUGINS PRONTOS PARA INSTALAR E USAR
• ✔ INTEGRAÇÃO COM AS MAIS DIVERSAS FERRAMENTAS E WEB APPS (TWITTER, FLICKR,
• FACEBOOK E OUTROS)
• ✔ PLATAFORMA UTILIZADA EM GRANDES PROJETOS NACIONAIS E INTERNACIONAIS

9. MAIS MOTIVOS
• GRATUITO
• MILHARES DE TEMPLATES
• FACILIDADE DE UTILIZAÇÃO
• INTEGRADO COM SISTEMA DE ESTATÍSTICAS
• SUPORTE COM BOA DOCUMENTAÇÃO
• TRADUZIDO PARA MAIS DE 50 IDIOMAS
• PRIVACIDADE QUANDO NECESSÁRIO
• NÃO É APENAS PARA BLOG

10. WORDPRESS.COM X WORDPRESS.ORG
• MUITOS CONFUNDEM A VERSÃO DISPONIBILIZADA NO WORDPRESS.ORG COM O
WORDPRESS.COM, QUE É O MESMO SOFTWARE, MAS EM UM MODO DE FUNCIONAMENTO
MUITO DIFERENTE.

11. WORDPRESS.COM
• O WORDPRESS.COM OFERECE SERVIÇO GRATUITO DE CRIAÇÃO E HOSPEDAGEM DE BLOGS,
FAZENDO USO DA PLATAFORMA DO WORDPRESS, OU SEJA, VOCÊ NÃO PRECISARÁ INVESTIR
EM HOSPEDAGEM OU DOMÍNIO PRÓPRIOS, O QUE NÃO É TÃO INTERESSANTE SE VOCÊ
DESEJA CRESCER O NÚMERO DE ACESSOS AO SEU BLOG OU TEM PLANOS DE AMPLIAR SEU
PROJETO. NESSE CASO O SEU DOMÍNIO FICA RESTRITO A ‘SEUBLOG.WORDPRESS.COM’, POR
EXEMPLO.

12. WORDPRESS.ORG
• NO WORDPRESS.ORG, VOCÊ PODE BAIXAR E INSTALAR O SOFTWARE WORDPRESS
GRATUITAMENTE , MAS PARA O SEU BLOG IR AO AR VOCÊ PRECISA TER UMA HOSPEDAGEM
DE SITE, ALÉM DO REGISTRO OBRIGATÓRIO DE UM DOMÍNIO PRÓPRIO, EX.: SEUBLOG.COM.BR.
• COM O WORDPRESS INSTALADO EM SEU SERVIDOR, VOCÊ PODERÁ INSTALAR TEMAS E OS
ALTERAR CONFORME SEU GOSTO, INSTALAR PLUGINS PARA DESENVOLVER AS
FUNCIONALIDADES DO SISTEMA, E TUDO MAIS QUE PRECISAR.

13. REQUISITOS
• REQUISITOS MÍNIMOS
• ✔ PHP
• ✔ MYSQL
• ✔ SERVIDOR WEB INSTALADO (APACHE )
• ✔ PHP E APACHE OU EASYPHP, XAMPP LITE, WAMP SERVER
• LINUX:
• ✔ APT-GET* APACHE2 PHP5 PHP5-MYSQL MYSQL-SERVER PHPMYADMIN

14. DICA
COMO O WORDPRESS É UM SISTEMA DESENVOLVIDO NA LINGUAGEM PHP EM SEQUÊNCIA
SEUS TEMAS TAMBÉM DEVEM SER DESENVOLVIDOS EM PHP.
ALGUMAS REGRAS BÁSICAS DO PHP.
• TODAS AS INSTRUÇÕES EM PHP DEVEM ESTAR ENTRE OS SEGUINTES MARCADORES <?PHP ?>
E AS INSTRUÇÕES DEVEM SER SEMPRE FINALIZADAS COM PONTO E VIRGULA ( ; ).
EXEMPLO:
• <?PHP ECHO “OLÁ MUNDO!” ?>
• // ESTA INSTRUÇÃO IRÁ IMPRIMIR NA TELA O TEXTO OLÁ MUNDO!

15. MOBILE
• O WORDPRESS DISPONIBILIZA UM APLICATIVO PARA DISPOSITIVOS MÓVEIS CUJO
DOWNLOAD PODE SER FEITO GRATUITAMENTE. COM A CONTA PLATAFORMA, O USUÁRIO
PODE VISUALIZAR AS ESTATÍSTICAS DO SITE E PUBLICAR CONTEÚDOS, MESMO QUE COM
OPÇÕES DE EDIÇÃO BASTANTE LIMITADAS SE COMPARADA COM A VERSÃO PARA DESKTOP

16. O QUE É POSSÍVEL FAZER COM WORDPRESS?
• BLOGS
• WEBSITES
• PORTAIS
• LOJAS VIRTUAIS
• APLICATIVOS MOBILE
• GERENCIADOR DE PROJETOS
• REDES SOCIAIS
• SISTEMA DE ENSINO (OU TREINAMENTO DE EQUIPES)
• SE VOCÊ SOUBER PHP, HTML, JS E CSS O CÉU É O LIMITE!

17. CASES DE SUCESSO

18. The City University of New York
www2.cuny.edu

19. Angry Birds
http://www.angrybirds.com/

20. https://techcrunch.com/

21. https://alanis.com/

22. https://www.thewaltdisneycompany.com/

23. https://www.toyota.com.br/

24. http://snoopdogg.com/

25. http://usainbolt.com/

26. http://www.rollingstones.com/

27. https://www.katyperry.com/

28. https://blogs.microsoft.com/eupolicy/

29. O QUE É UM TEMA?
• BASICAMENTE SE TRATA DA APARÊNCIA DO SEU WEBSITE, UMA ESPÉCIE DE CASCA
• INICIALMENTE TROCAR DE TEMA SIGNIFICA APENAS MUDAR ESSA APARÊNCIA
• POSSIBILITAM MUITO MAIS FUNCIONALIDADES E POSSIBILIDADES DE IMPLEMENTAÇÃO
• COMPOSTO DE ARQUIVOS DE IMAGEM, SCRIPTS (PHP E JAVASCRIPT), FOLHAS DE ESTILO
• INTEGRAÇÃO COM DIVERSOS PLUGINS E FERRAMENTAS DE ORIGEM EXTERNA
• TEMAS NÃO PRECISAM SER GRATUITOS, EXISTEM MUITOS QUE SÃO VENDIDOS
• EXISTEM MILHARES DE TEMAS PRONTOS DISPONÍVEIS PARA DOWNLOAD, MAS CADA PESSOA
PODE E DEVE CRIAR UM TEMA PARA ATENDER SUAS NECESSIDADES

30. O QUE É UM PLUGIN?
• PLUGINS SÃO COMPLEMENTOS QUE AGREGAM OU MODIFICAM FUNCIONALIDADES EM UM
SITE WORDPRESS, ESTA FERRAMENTAS OFERECEM FUNÇÕES PARA QUE CADA USUÁRIO POSSA
PERSONALIZAR SEU WEBSITE WP ATENDENDO AS NECESSIDADES DO PROJETO.

31. POSTS
• UM POST É FORMADO POR:
• - CATEGORIA
• - TAG
• - FORMATO
• CONTEÚDO - DIVISÃO DO DESTAQUE - LINK PARA O PRÓPRIO SITE - INSERIR IMAGEM E
GALERIA - OPÇÕES DA IMAGEM
• CARACTERÍSTICAS GERAIS - VISIBILIDADE - STATUS - AGENDAMENTO - RESUMO - USUÁRIO

32. PÁGINAS
• AS MESMAS CARACTERÍSTICAS GERAIS DE POST +
• ATRIBUTOS DA PÁGINA

33. WIDGETS
• UMA PEQUENA CAIXA DE CONTEÚDO, DINÂMICA OU NÃO, EXIBIDA EM UMA PARTE DO
SITE PREPARADA PARA RECEBÊ-LOS.
• LISTA DE LINKS,
• ARQUIVOS,
• CATEGORIAS, ETC

34. USUÁRIOS
• ADMINISTRADOR - ALGUÉM QUE TENHA ACESSO A TODA A ADMINISTRAÇÃO DOS
RECURSOS
• EDITOR - ALGUÉM QUE POSSA PUBLICAR E GERENCIAR POSTS E PÁGINAS, BEM COMO
GERENCIAR MENSAGENS DE OUTROS USUÁRIOS, ETC
• AUTOR - ALGUÉM QUE POSSA PUBLICAR E GERENCIAR SUAS PRÓPRIAS MENSAGENS
• CONTRIBUINTE - ALGUÉM QUE PODE ESCREVER E GERENCIAR SUAS MENSAGENS, MAS NÃO
PUBLICÁ-LOS
• ASSINANTE - ALGUÉM QUE SÓ PODE GERIR O SEU PERFIL.

35. TAXONOMIAS
• BASICAMENTE, UMA TAXONOMIA É UMA FORMA DE AGRUPAMENTO DE ITENS.
• TAXONOMIAS PADRÃO NO WP: TAGS E CATEGORIAS

36. EXEMPLO PRÁTICO
• SITE SOBRE FILMES
• CATEGORIAS: AÇÃO, AVENTURA, SUSPENSE, DRAMA, COMÉDIA.
• TAGS: NOMES DE AUTORES, DATAS, NOMES DE ATORES,
• NOME DE DIRETORES.

37. TAXONOMIA DOS SERES VIVOS – HOMENS
REINO: ANIMALIA
FILO: CHORDATA
CLASSE: MAMMALIA
INFRACLASSE: PLACENTALIA
ORDEM: PRIMATA
FAMÍLIA: HOMINIDAE
SUBFAMÍLIA: HOMININAE
GÊNERO: HOMO.
LEMBRAM DAS AULAS BIOLOGIA ?

38. WAMP SERVER
• WAMPSERVER É UMA APLICAÇÃO QUE INSTALA UM AMBIENTE DE DESENVOLVIMENTO WEB
NO WINDOWS. COM ELE VOCÊ PODE CRIAR APLICAÇÕES WEB COM APACHE2, PHP E BANCO
DE DADOS MYSQL. ALÉM DISSO, É POSSÍVEL GERENCIAR FACILMENTE SEUS BANCOS DE
DADOS COM A FERRAMENTA PHPMYADMIN QUE FAZ PARTE DO PACOTE.
• O PROGRAMA INSTALA AUTOMATICAMENTE TUDO QUE VOCÊ PRECISA PARA COMEÇAR A
DESENVOLVER APLICAÇÕES WEB E É MUITO INTUITIVO DE USAR. VOCÊ SERÁ CAPAZ DE
SINTONIZAR O SEU SERVIDOR SEM SEQUER TOCAR OS ARQUIVOS DE CONFIGURAÇÃO. TUDO
DISPONÍVEL EM UM MENU QUE FICARÁ A SUA DISPOSIÇÃO NA BARRA DE TAREFAS DO
WINDOWS, SEMPRE PRONTO PARA SER USADO.

39. O QUE É UM BANCO DE DADOS?
• UMA DAS DEFINIÇÕES DE BANCO DE DADOS AFIRMA QUE SE TRATA DE UMA COLEÇÃO DE
INFORMAÇÕES QUE SE RELACIONAM DE MODO QUE CRIEM ALGUM SENTIDO, ISTO É, É UMA
ESTRUTURA BEM ORGANIZADA DE DADOS QUE PERMITE A EXTRAÇÃO DE INFORMAÇÕES.
ASSIM, SÃO MUITO IMPORTANTES PARA EMPRESAS E TORNARAM-SE A PRINCIPAL PEÇA DOS
SISTEMAS DE INFORMAÇÃO.

40. SGBD
• ESSES ARQUIVOS SÃO OPERADOS PELOS SGBD, SISTEMA GERENCIADOR DE BANCOS DE
DADOS, QUE SÃO PROGRAMAS USADOS PARA GERIR A BASE DE DADOS. PARA QUE ISSO
SEJA FEITO, O SGBD UTILIZA UM TIPO DE LINGUAGEM. A MAIS CONHECIDA É A SQL,
STRUCTURED QUERY LANGUAGE.

41. MYSQL
• PERTENCENTE À ORACLE, ESSE É UM BANCO DE DADOS RELACIONAL OPEN SOURCE (CÓDIGO
ABERTO), CUJO FOCO SÃO OS SISTEMAS ONLINE. UTILIZA A LINGUAGEM SQL (STRUCTURED
QUERY LANGUAGE – LINGUAGEM DE CONSULTA ESTRUTURADA) COMO INTERFACE. FUNCIONA
SOB AS LICENÇAS DE SOFTWARE LIVRE E COMERCIAL.
• COM COMPROVADO DESEMPENHO, CONFIABILIDADE E FACILIDADE DE USO, TORNOU-SE A
PRIMEIRA OPÇÃO PARA APLICATIVOS BASEADOS NA WEB, SENDO UTILIZADO PELOS PRINCIPAIS
SITES, ENTRE ELES O FACEBOOK, TWITTER, YOUTUBE, GOOGLE E NASA.
• O SUCESSO DO MYSQL DEVE-SE À FÁCIL INTEGRAÇÃO COM O PHP INCLUÍDO NOS PACOTES DE
HOSPEDAGEM DE SITES OFERECIDOS ATUALMENTE. ALÉM DISSO, É UMA OPÇÃO MUITO POPULAR
COMO BANCO DE DADOS INTEGRADO.

43. ESTRUTURA DE PASTAS
• / WP-ADMIN - ÁREA DE ADMINISTRAÇÃO DO WORDPRESS
• / WP-INCLUDES - MAIOR PARTE DA LÓGICA DA APLICAÇÃO
• / WP-CONTENT - CONTEÚDO FORNECIDO PELO USUÁRIO
• / WP-CONTENT/THEMES - ARQUIVOS DO TEMA
• / WP-CONTENT/PLUGINS - PLUGINS DA APLICAÇÃO

44. HIERARQUIA DE UM TEMPLATE
WORDPRESS
• 404.PHP
• ARCHIVE.PHP
• AUTHOR.PHP
• CATEGORY.PHP
• FOOTER.PHP
• FUNCTIONS.PHP
• HEADER.PHP
• INDEX.PHP
• PAGE.PHP
• SINGLE.PHP
• SEARCH.PHP
• SIDEBAR.PHP
• TAG.PHP
• STYLE.CSS
• SCREENSHOT.PNG

45. ARQUIVOS OBRIGATÓRIOS
• APENAS 2 ARQUIVOS SÃO OBRIGATÓRIOS EM UM TEMA WORDPRESS:
• • INDEX.PHP
• • STYLE.CSS
• MAS PARA FAZER UM BOM TEMA, VOCÊ PRECISA DE ARQUIVOS CSS,
• JS, IMAGENS, E SEMPRE QUE POSSÍVEL UM ARQUIVO DE TRADUÇÃO

46. WORDPRESS HEADLESS
• O WORDPRESS, DESDE A VERSÃO 4.7, INCORPOROU AO SEU CORE A WP REST API. ISSO
FACILITARÁ MANTER A PLATAFORMA COMO UM CMS E PERMITIR O CONSUMO DO SEU CONTEÚDO
NAS MAIS VARIADAS POSSIBILIDADES.
• API VEM DO INGLÊS APPLICATION PROGRAM INTERFACE. COM ELA É POSSÍVEL FACILITAR A
COMUNICAÇÃO ENTRE DIFERENTES PROGRAMAS.
• HTTP://YOURDOMAIN.COM/WP-JSON/WP/V2/POSTS
• HTTP://YOURDOMAIN.COM/WP-JSON/WP/V2/PAGES

48. FONTES PARA CONSULTA
• WORDPRESS - HTTP://BR.WORDPRESS.ORG/
• COMUNIDADE WORDPRESS BR - HTTP://WP-BRASIL.ORG/
• CODEX WORDPRESS - HTTP://CODEX.WORDPRESS.ORG/ (EM INGLÊS).