Your SlideShare is downloading. ×
Wordpress - Montagem de temas
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Wordpress - Montagem de temas

1,098
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,098
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
27
Comments
2
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Montagem de temasPensando no Front-end e Back-end Valter Rodrigues
  • 2. Front-end
  • 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. HTML 5∗ Usos do HTML 5 ∗ Tags Canvas ∗ Tags de vídeo ∗ Geolocalização ∗ Caching de aplicações
  • 5. HTML 5
  • 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. CSS 3∗ Frameworks
  • 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. Back-end
  • 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. 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. Hierarquia de arquivos de um tema
  • 13. O style.css
  • 14. Header.php
  • 15. Index.php
  • 16. Sidebar.php
  • 17. comments.php
  • 18. footer.php
  • 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. Modelo de tema
  • 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. Obrigado!!!! valter@skyneti.comwww.skyneti.com

×