tatianepires.com.br
Oficina de WordPress
na Semana da Mulher na Tecnologia
tatianepires.com.br
Bastidores da Web
tatianepires.com.br
Alguns domínios de sites de notícias:
bbc.com
lemonde.fr
corriere.it
apublica.org
telegraph.co.uk
nyti...
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...
tatianepires.com.br
Requisições
Bastidores da Web
http://www.dominio.com.br:80/noticias.php?y=2016&m=03
Protocolo Host
Por...
tatianepires.com.br
Requisições
Bastidores da Web
www.google.com.br
?
179.184.115.230 Servidor DNS
tatianepires.com.br
Requisições
Bastidores da Web
www.google.com.br
GET
<html> Servidor Web
tatianepires.com.br
Páginas Web: como nós vemos
Bastidores da Web
tatianepires.com.br
Páginas Web: o que o navegador “vê”
Bastidores da Web
tatianepires.com.br
Páginas Web: o que o navegador faz?
Bastidores da Web
HTML + CSS + JavaScript + ...
Linguagem de
Progr...
tatianepires.com.br
Principais Códigos de Erro
Bastidores da Web
2xx → Requisição processada com sucesso
200 OK
3xx → Redi...
tatianepires.com.br
Linguagens de Programação Web
Bastidores da Web
PHP
Ruby on Rails
Python
Node.JS
ASP.NET
Servidor Web
tatianepires.com.br
SQL
Bastidores da Web
Structured Query Language
Linguagem para o gerenciamento das
informações em banc...
tatianepires.com.br
Segurança
Bastidores da Web
Espionagem na web era papo de nerd que gosta
de teoria da conspiração até ...
tatianepires.com.br
Segurança
Bastidores da Web
Bradley Manning, Edward Snowden, Julian
Assange e o WikiLeaks revelaram os...
tatianepires.com.br
Segurança: Criptografia Assimétrica
Bastidores da Web
Chave Privada
Assinatura digital.
Decodificação ...
tatianepires.com.br
FTP
Bastidores da Web
File Transfer Protocol
Protocolo de transferência de arquivos.
Geralmente utiliz...
tatianepires.com.br
SFTP
Bastidores da Web
Secure File Transfer Protocol
Utiliza SSH para estabelecer uma
conexão segura.
tatianepires.com.br
SSH
Bastidores da Web
Secure Shell
Protocolo de rede para estabelecer conexões
seguras em redes despro...
tatianepires.com.br
HTTPS
Bastidores da Web
É o HTTP utilizando SSL/TLS para estabelecer
uma conexão criptografada.
tatianepires.com.br
tatianepires.com.br
WordPress
Instalação e Manutenção
tatianepires.com.br
WordPress
Instalação e Manutenção
wordpress.org
Download do software
gerenciador de conteúdo,
template...
tatianepires.com.br
Hospedagem Web
Instalação e Manutenção
Armazenamento.
Transferência.
Banco de dados.
Outros serviços?
...
tatianepires.com.br
Hospedagem Web
Instalação e Manutenção
FTP
SSH
PhpMyAdmin
Backup
...
Servidor Web
tatianepires.com.br
Xampp
Instalação e Manutenção
Distribuição Apache que contém:
● MySQL (até a versão 5.5.28)
● MariaDB ...
tatianepires.com.br
PhpMyAdmin
Instalação e Manutenção
Software livre em PHP para gerenciar bancos de
dados MySQL e MariaD...
tatianepires.com.br
PhpMyAdmin
Instalação e Manutenção
Depois de instalar o Xampp,
pode ser acessado em:
http://localhost/...
tatianepires.com.br
WordPress
Instalação e Manutenção
Uma breve pausa nos slides para ver a
configuração do WordPress na p...
tatianepires.com.br
Backup
Instalação e Manutenção
Ao gerenciar um site em um servidor web, é
preciso fazer backup do banc...
tatianepires.com.br
Plugins
Instalação e Manutenção
Adicionam funções ao WordPress.
https://wordpress.org/plugins/
tatianepires.com.br
Publicação Mobile
Instalação e Manutenção
Aplicativo do WordPress para Android/iOS.
Ou no wordpress.co...
tatianepires.com.br
tatianepires.com.br
WordPress
Customização
tatianepires.com.br
Layout
Customização
A estrutura básica de uma página consiste em
cabeçalho, conteúdo e rodapé.
<?php g...
tatianepires.com.br
Layout
Customização
E essa estrutura pode ser customizada.
<?php get_header(); ?>
<?php get_template_p...
tatianepires.com.br
Layout
Customização
<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_template_part(); ?>
<?php...
tatianepires.com.br
Layout
Customização
Principais arquivos de um template para WordPress:
home.php → página inicial
singl...
tatianepires.com.br
Templates de Páginas
Customização
Podem ser usados para alterar o layout e o
comportamento de uma ou m...
tatianepires.com.br
Templates de Páginas
Customização
Templates devem ter a declaração
“Template Name:” no arquivo php.
<?...
tatianepires.com.br
Tipos de Post
Customização
Diferentes tipos de conteúdo são armazenados
na tabela wp_posts do banco de...
tatianepires.com.br
Tipos de Post Padrão
Customização
post → Posts do blog exibidos em ordem cronológica,
iniciando pelo m...
tatianepires.com.br
Tipos de Post Adicionais
Customização
Outros tipos de post podem ser
cadastrados com a função
register...
tatianepires.com.br
Tipos de Post Adicionais
Customização
Layouts específicos para os tipos
adicionais podem ser utilizado...
tatianepires.com.br
Campos de Informações Adicionais
Customização
Com a função add_post_meta(), é possível
adicionar campo...
tatianepires.com.br
Meta Box
Customização
A função add_meta_box()
pode ajudar a organizar os
campos adicionais.
tatianepires.com.br
Consultas SQL
Customização
Há funções no WordPress para obter e salvar
informações no banco de dados.
tatianepires.com.br
Consultas SQL
Customização
Mas o desenvolvimento de templates e de plugins
pode requerer o uso de cons...
tatianepires.com.br
Consultas SQL
Customização
Uma instância da classe wpdb, configurada para
se conectar ao banco de dado...
tatianepires.com.br
Consultas SQL
Customização
<?php
$post_query = "SELECT *
FROM wp_posts
JOIN wp_term_relationships
ON w...
tatianepires.com.br
tatianepires.com.br
Links para saber mais sobre WordPress
Layout
http://codex.wordpress.org/Stepping_Into_Templates
http:/...
tatianepires.com.br
Links para saber mais sobre WordPress
Tipos de Post Adicionais
http://codex.wordpress.org/Post_Types
h...
tatianepires.com.br
Dúvidas? Sugestões?
tatianepires.com.br
O que achou da Oficina de WordPress?
Envie seu feedback acessando
tpires.net/oficinawp
tatianepires.com.br
Links
tatianepires.com.br
@tatianepires
facebook.com/tatianepiresblog
plus.google.com/+TatianePiresBrB...
tatianepires.com.br
Compartilhe!
Material disponível sob Licença Creative Commons.
Próximos SlideShares
Carregando em…5
×

Oficina de WordPress na Semana da Mulher na Tecnologia

508 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
508
No SlideShare
0
A partir de incorporações
0
Número de incorporações
127
Ações
Compartilhamentos
0
Downloads
4
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.

×