Oficina de WordPress na Semana da Mulher na Tecnologia

475 visualizações

Publicada em

Material da Oficina de WordPress no evento realizado durante a Semana da Mulher na Tecnologia em Porto Alegre no dia 12/03/2016.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
475
No SlideShare
0
A partir de incorporações
0
Número de incorporações
126
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Oficina de WordPress na Semana da Mulher na Tecnologia

  1. 1. tatianepires.com.br Oficina de WordPress na Semana da Mulher na Tecnologia
  2. 2. tatianepires.com.br Bastidores da Web
  3. 3. tatianepires.com.br Alguns domínios de sites de notícias: bbc.com lemonde.fr corriere.it apublica.org telegraph.co.uk nytimes.com Domínios Bastidores da Web
  4. 4. tatianepires.com.br Domínios .br Bastidores da Web .com.br .blog.br .wiki.br .org.br .vet.br .org.br .coop.br .gov.br .edu.br .ind.br Mais categorias em registro.br/dominio/categoria.html
  5. 5. tatianepires.com.br Requisições Bastidores da Web http://www.dominio.com.br:80/noticias.php?y=2016&m=03 Protocolo Host Porta Resource Path Query dominio.com.br/noticias/2016/03
  6. 6. tatianepires.com.br Requisições Bastidores da Web www.google.com.br ? 179.184.115.230 Servidor DNS
  7. 7. tatianepires.com.br Requisições Bastidores da Web www.google.com.br GET <html> Servidor Web
  8. 8. tatianepires.com.br Páginas Web: como nós vemos Bastidores da Web
  9. 9. tatianepires.com.br Páginas Web: o que o navegador “vê” Bastidores da Web
  10. 10. tatianepires.com.br Páginas Web: o que o navegador faz? Bastidores da Web HTML + CSS + JavaScript + ... Linguagem de Programação Hyper Text Markup Language Linguagem de marcação Cascading Style Sheets Folha de estilos
  11. 11. tatianepires.com.br Principais Códigos de Erro Bastidores da Web 2xx → Requisição processada com sucesso 200 OK 3xx → Redirecionamento 301 Moved Permanently 4xx → Erro no cliente 404 Not Found 5xx → Erro no servidor 503 Service Unavailable
  12. 12. tatianepires.com.br Linguagens de Programação Web Bastidores da Web PHP Ruby on Rails Python Node.JS ASP.NET Servidor Web
  13. 13. tatianepires.com.br SQL Bastidores da Web Structured Query Language Linguagem para o gerenciamento das informações em bancos de dados relacionais.
  14. 14. tatianepires.com.br Segurança Bastidores da Web Espionagem na web era papo de nerd que gosta de teoria da conspiração até que...
  15. 15. tatianepires.com.br Segurança Bastidores da Web Bradley Manning, Edward Snowden, Julian Assange e o WikiLeaks revelaram os programas de espionagem em massa de agências estadunidenses. Say hello to NSA! :)
  16. 16. tatianepires.com.br Segurança: Criptografia Assimétrica Bastidores da Web Chave Privada Assinatura digital. Decodificação de mensagem. Chave Pública Verifica assinatura digital. Codificação de mensagem.
  17. 17. tatianepires.com.br FTP Bastidores da Web File Transfer Protocol Protocolo de transferência de arquivos. Geralmente utilizado por meio de um software cliente. Exemplo: Filezilla.
  18. 18. tatianepires.com.br SFTP Bastidores da Web Secure File Transfer Protocol Utiliza SSH para estabelecer uma conexão segura.
  19. 19. tatianepires.com.br SSH Bastidores da Web Secure Shell Protocolo de rede para estabelecer conexões seguras em redes desprotegidas.
  20. 20. tatianepires.com.br HTTPS Bastidores da Web É o HTTP utilizando SSL/TLS para estabelecer uma conexão criptografada.
  21. 21. tatianepires.com.br
  22. 22. tatianepires.com.br WordPress Instalação e Manutenção
  23. 23. tatianepires.com.br WordPress Instalação e Manutenção wordpress.org Download do software gerenciador de conteúdo, templates e plugins. wordpress.com Serviço com diferentes planos, gratuitos e pagos, para a criação de sites.
  24. 24. tatianepires.com.br Hospedagem Web Instalação e Manutenção Armazenamento. Transferência. Banco de dados. Outros serviços? Preço? Servidor Web
  25. 25. tatianepires.com.br Hospedagem Web Instalação e Manutenção FTP SSH PhpMyAdmin Backup ... Servidor Web
  26. 26. tatianepires.com.br Xampp Instalação e Manutenção Distribuição Apache que contém: ● MySQL (até a versão 5.5.28) ● MariaDB (a partir da versão 5.5.30) ● PHP ● PhpMyAdmin ● Perl ● Tomcat https://www.apachefriends.org/download.html
  27. 27. tatianepires.com.br PhpMyAdmin Instalação e Manutenção Software livre em PHP para gerenciar bancos de dados MySQL e MariaDB pela web.
  28. 28. tatianepires.com.br PhpMyAdmin Instalação e Manutenção Depois de instalar o Xampp, pode ser acessado em: http://localhost/phpmyadmin
  29. 29. tatianepires.com.br WordPress Instalação e Manutenção Uma breve pausa nos slides para ver a configuração do WordPress na prática.
  30. 30. tatianepires.com.br Backup Instalação e Manutenção Ao gerenciar um site em um servidor web, é preciso fazer backup do banco de dados e dos arquivos regularmente.
  31. 31. tatianepires.com.br Plugins Instalação e Manutenção Adicionam funções ao WordPress. https://wordpress.org/plugins/
  32. 32. tatianepires.com.br Publicação Mobile Instalação e Manutenção Aplicativo do WordPress para Android/iOS. Ou no wordpress.com quando o plugin Jetpack está instalado no site.
  33. 33. tatianepires.com.br
  34. 34. tatianepires.com.br WordPress Customização
  35. 35. tatianepires.com.br Layout Customização A estrutura básica de uma página consiste em cabeçalho, conteúdo e rodapé. <?php get_header(); ?> <!-- conteúdo --> <?php get_footer(); ?> header.php footer.php
  36. 36. tatianepires.com.br Layout Customização E essa estrutura pode ser customizada. <?php get_header(); ?> <?php get_template_part(); ?> <?php get_sidebar(); ?> <?php get_footer(); ?> header.php footer.php sidebar.php content.php
  37. 37. tatianepires.com.br Layout Customização <?php get_header(); ?> <?php get_sidebar(); ?> <?php get_template_part(); ?> <?php get_sidebar('right'); ?> <?php get_footer('home'); ?> header.php footer-home.php sidebar-right.php sidebar.php content.php
  38. 38. tatianepires.com.br Layout Customização Principais arquivos de um template para WordPress: home.php → página inicial single.php → posts page.php → páginas category.php → posts em uma categoria tag.php → posts de uma tag author.php → posts de um autor search.php → resultados de uma pesquisa archive.php → listagem de arquivos por dia, mês ou ano attachment.php → arquivo anexo 404.php → url não encontrada
  39. 39. tatianepires.com.br Templates de Páginas Customização Podem ser usados para alterar o layout e o comportamento de uma ou mais páginas.
  40. 40. tatianepires.com.br Templates de Páginas Customização Templates devem ter a declaração “Template Name:” no arquivo php. <?php /* Template Name: Custom template */ ?>
  41. 41. tatianepires.com.br Tipos de Post Customização Diferentes tipos de conteúdo são armazenados na tabela wp_posts do banco de dados. Cada conteúdo é identificado pelo tipo ao qual pertence, na coluna post_type.
  42. 42. tatianepires.com.br Tipos de Post Padrão Customização post → Posts do blog exibidos em ordem cronológica, iniciando pelo mais recente. page → Páginas. attachment → Informações de arquivos inseridos por meio do gerenciador de mídia. revision → Versões de um post anteriores à publicação. nav_menu_item → Informações de um item do sistema de menus de navegação.
  43. 43. tatianepires.com.br Tipos de Post Adicionais Customização Outros tipos de post podem ser cadastrados com a função register_post_type().
  44. 44. tatianepires.com.br Tipos de Post Adicionais Customização Layouts específicos para os tipos adicionais podem ser utilizados. single-cursos.php → Páginas de cada curso. archive-cursos.php → Página que exibe a lista de cursos.
  45. 45. tatianepires.com.br Campos de Informações Adicionais Customização Com a função add_post_meta(), é possível adicionar campos para armazenar informações adicionais a posts ou aos tipos adicionais.
  46. 46. tatianepires.com.br Meta Box Customização A função add_meta_box() pode ajudar a organizar os campos adicionais.
  47. 47. tatianepires.com.br Consultas SQL Customização Há funções no WordPress para obter e salvar informações no banco de dados.
  48. 48. tatianepires.com.br Consultas SQL Customização Mas o desenvolvimento de templates e de plugins pode requerer o uso de consultas SQL para o gerenciamento das informações.
  49. 49. tatianepires.com.br Consultas SQL Customização Uma instância da classe wpdb, configurada para se conectar ao banco de dados do WordPress, está disponível utilizando a variável global $wpdb.
  50. 50. tatianepires.com.br Consultas SQL Customização <?php $post_query = "SELECT * FROM wp_posts JOIN wp_term_relationships ON wp_posts.ID = wp_term_relationships.object_id WHERE wp_term_relationships.term_taxonomy_id = ".$tag." ORDER BY wp_posts.post_date DESC"; $posts = $wpdb->get_results($post_query); ?>
  51. 51. tatianepires.com.br
  52. 52. tatianepires.com.br Links para saber mais sobre WordPress Layout http://codex.wordpress.org/Stepping_Into_Templates http://codex.wordpress.org/Template_Hierarchy http://codex.wordpress.org/Theme_Development Páginas http://codex.wordpress.org/Pages Campos de Informações Adicionais http://codex.wordpress.org/Custom_Fields Meta Box http://codex.wordpress.org/Function_Reference/add_meta_box
  53. 53. tatianepires.com.br Links para saber mais sobre WordPress Tipos de Post Adicionais http://codex.wordpress.org/Post_Types http://codex.wordpress.org/Function_Reference/register_post_type Consultas SQL http://codex.wordpress.org/Class_Reference/wpdb Plugins http://codex.wordpress.org/Writing_a_Plugin
  54. 54. tatianepires.com.br Dúvidas? Sugestões?
  55. 55. tatianepires.com.br O que achou da Oficina de WordPress? Envie seu feedback acessando tpires.net/oficinawp
  56. 56. tatianepires.com.br Links tatianepires.com.br @tatianepires facebook.com/tatianepiresblog plus.google.com/+TatianePiresBrBlog
  57. 57. tatianepires.com.br Compartilhe! Material disponível sob Licença Creative Commons.

×