Wordpress - Montagem de temas

1,432 views

Published on

Published in: Technology
2 Comments
1 Like
Statistics
Notes
  • @pauloabsoares Obrigado pela observação, e pelas dicas. Foi minha primeira apresentação, ainda estou aprendendo este processo de como realizar palestras, além de perder o medo de falar em público também aprender o processo correto de realizar uma palestra. É válido sua observação e colocarei em prática em uma próxima oportunidade.
    Valeu mestre!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Valtinho, sua apresentação está muito massa, mas nunca deixe de fazer citação a outros autores. Recorte a partes importantes de outros trabalhos e coloque na sua apresentação. Isto mostra que sua apresentação tem fundamentação teórica baseada em bibliografia. Além disso, antes do slide de 'Obrigado', coloque as referências bibliográficas.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
1,432
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
29
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Wordpress - Montagem de temas

  1. 1. Montagem de temasPensando no Front-end e Back-end Valter Rodrigues
  2. 2. Front-end
  3. 3. HTML 5∗ Linguagem para estruturação e apresentação de conteúdo (Linguagem de Marcação de Hipertexto)∗ Mudanças na semântica e acessibilidade∗ Modificação na escrita∗ Webkit (Compatibilidade com HTML5)∗ Padronização de nomenclaturas
  4. 4. HTML 5∗ Usos do HTML 5 ∗ Tags Canvas ∗ Tags de vídeo ∗ Geolocalização ∗ Caching de aplicações
  5. 5. HTML 5
  6. 6. CSS 3Temos vontade de matar o designer quando ele pede para...∗ Fazer caixinhas com bordas arredondadas∗ Colocar uma sombrinha nos textos/caixas∗ Utilizar um background gigante∗ Utilizar um background composto∗ Fazer uma página adaptável ao tamanho da tela∗ Fazer os títulos das páginas ter uma fonte mais “style”
  7. 7. CSS 3∗ Frameworks
  8. 8. JS / JqueryPrincipais funcionalidades do jQuery:∗ Resolução da incompatibilidade entre os navegadores.∗ Redução de código.∗ Reutilização do código através de plugins.∗ Utilização de uma vasta quantidade de plugins criados por outros desenvolvedores.∗ Trabalha com AJAX e DOM.∗ Implementação segura de recursos do CSS1, CSS2 e CSS3.
  9. 9. Back-end
  10. 10. O que é um tema?∗ É a aparência do seu website, uma espécie de casca∗ Possibilitam muito mais funcionalidades e possibilidades de implementação∗ Facilidade de troca de layout∗ Composto de arquivos de imagem, scripts (PHP e javascript), folhas de estilo∗ Integração com diversos plugins e ferramentas de origem externa
  11. 11. Princípios básicos∗ Templates personalizados para diferentes categorias, datas, autores, páginas ou mesmo posts query_string possibilita a identificação através do slug da página ou post, como também através de seu ID∗ Obrigatório respeitar uma hierarquia entre os arquivos, afim de garantir uma melhor organização e total funcionamento dos componentes do seu website∗ O index.php é seu arquivo principal, podendo ser usurpado pelo arquivo home.php em alguns casos
  12. 12. Hierarquia de arquivos de um tema
  13. 13. O style.css
  14. 14. Header.php
  15. 15. Index.php
  16. 16. Sidebar.php
  17. 17. comments.php
  18. 18. footer.php
  19. 19. Outros arquivos do tema∗ archive.php – carrega o template de categorias, datas e outras listagens∗ comments.php – template da página de comentários (opcional)∗ author.php – template da página de autores∗ functions.php – contém as funções do seu tema∗ 404.php – retorna a página de erro quando conteúdo não é encontrado
  20. 20. Modelo de tema
  21. 21. Considerações finais∗ Facilidade e agilidade para desenvolver um tema∗ Layout pode ser desenhado de qualquer maneira que atendam suas necessidades∗ Não tem um estilo padrão, ou mesmo só um esquema de “blogs”, pode ser aplicado em sites e Portais∗ Aceitam o uso de frameworks Javascript e até mesmo flash (flash?)∗ Não precisa ser um designer para criar um tema para WordPress
  22. 22. Obrigado!!!! valter@skyneti.comwww.skyneti.com

×