Sistemas Corporativos Web - WordPress Aula03

1,393 views

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,393
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Sistemas Corporativos Web - WordPress Aula03

  1. 1. Aula 03Sistemas Corporativos Web Tersis Zonato 2011
  2. 2. Elementos básicos• Onde estou?•O que é apresentado aqui?• Onde posso ir?INSTONE (2000)
  3. 3. “Qualquer página web dispõe de três áreas principais” VEEN (2001)
  4. 4. No mínimo:• index.php: estrutura/código• style.css: estilo
  5. 5. Vamos utilizar:• index.php: estrutura/código• style.css: estilo• header.php: cabeçalho• footer.php: rodapé• sidebar.php: barra lateral• screenshot.png: imagem/preview do tema
  6. 6. /wp-content/themes/novotema
  7. 7. Crie o arquivo style.css
  8. 8. style.css/*Theme Name: Nome do temaTheme URI: http://Version: 1.0Description: Lorem IpsumAuthor: FulanoAuthor URI: http://*/
  9. 9. Copie o arquivo screenshot.png para a pasta:/wp-content/themes/novotema/
  10. 10. Crie o arquivo header.php
  11. 11. <!DOCTYPE>• HTML 4.01 Frameset• HTML 4.01 Strict• HTML 4.01 Transitional
  12. 12. header.php<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. 13. header.php<html><head></head><body>
  14. 14. header.php• Inserir na TAG <head><meta name="generator"content="WordPress <?phpbloginfo(version); ?>" /><title><?php bloginfo(name);wp_title(); ?></title>
  15. 15. header.php• Inserir na TAG <head><link rel="stylesheet" href="<?phpbloginfo(stylesheet_url); ?>"type="text/css" media="screen" /><?php wp_head(); ?>
  16. 16. header.php básico:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head profile="http://gmpg.org/xfn/11"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="generator" content="WordPress <?php bloginfo(version); ?>" /><title><?php bloginfo(name); wp_title(); ?></title><link rel="stylesheet" href="<?php bloginfo(stylesheet_url); ?>"type="text/css" media="screen" /><?php wp_head(); ?></head><body>
  17. 17. Crie o arquivo footer.php
  18. 18. footer.php</body></html>
  19. 19. Falta o arquivo index.php!!!
  20. 20. index.php<?php get_header(); ?><p>Montagem do tema</p><?php get_footer(); ?>
  21. 21. header.php index.php footer.phpAté o momento...
  22. 22. Mas onde está oconteúdo dinâmico?
  23. 23. index.php<?phpif (have_posts()) :while (have_posts()) : the_post(); the_title();endwhile;endif;?>
  24. 24. index.php<h1> <?php the_title(); ?></h1><div class="date"> <?php the_time(d/M/Y . G:i); ?></div><div class="post"> <?php the_content(); ?></div>
  25. 25. Muito obrigado! @tersis

×