sistemas corporativos web - wordpress aula03
TRANSCRIPT
![Page 1: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/1.jpg)
Tersis Zonato2011
Aula 03Sistemas Corporativos Web
![Page 2: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/2.jpg)
•Onde estou?
•O que é apresentado aqui?
•Onde posso ir?
INSTONE (2000)
Elementos básicos
![Page 3: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/3.jpg)
“Qualquer página web dispõe detrês áreas principais”
VEEN (2001)
![Page 4: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/4.jpg)
![Page 5: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/5.jpg)
![Page 6: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/6.jpg)
![Page 7: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/7.jpg)
![Page 8: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/8.jpg)
![Page 9: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/9.jpg)
• index.php: estrutura/código
• style.css: estilo
No mínimo:
![Page 10: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/10.jpg)
• 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
Vamos utilizar:
![Page 11: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/11.jpg)
/wp-content/themes/novotema
![Page 12: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/12.jpg)
Crie o arquivo style.css
![Page 13: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/13.jpg)
/*Theme Name: Nome do temaTheme URI: http://Version: 1.0Description: Lorem IpsumAuthor: FulanoAuthor URI: http://*/
style.css
![Page 14: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/14.jpg)
Copie o arquivo screenshot.png para a pasta:
/wp-content/themes/novotema/
![Page 15: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/15.jpg)
Crie o arquivo header.php
![Page 16: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/16.jpg)
•HTML 4.01 Frameset
•HTML 4.01 Strict
•HTML 4.01 Transitional
<!DOCTYPE>
![Page 17: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/17.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
header.php
![Page 18: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/18.jpg)
<html>
<head></head>
<body>
header.php
![Page 19: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/19.jpg)
• Inserir na TAG <head>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<title><?php bloginfo('name'); wp_title(); ?></title>
header.php
![Page 20: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/20.jpg)
• Inserir na TAG <head>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php wp_head(); ?>
header.php
![Page 21: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/21.jpg)
<!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>
header.php básico:
![Page 22: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/22.jpg)
Crie o arquivo footer.php
![Page 23: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/23.jpg)
</body>
</html>
footer.php
![Page 24: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/24.jpg)
Falta o arquivo index.php!!!
![Page 25: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/25.jpg)
<?php get_header(); ?>
<p>Montagem do tema</p>
<?php get_footer(); ?>
index.php
![Page 26: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/26.jpg)
Até o momento...
header.php
index.php
footer.php
![Page 27: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/27.jpg)
Mas onde está oconteúdo dinâmico?
![Page 28: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/28.jpg)
<?phpif (have_posts()) :while (have_posts()) : the_post();
the_title();
endwhile;endif;?>
index.php
![Page 29: Sistemas Corporativos Web - WordPress Aula03](https://reader033.vdocuments.pub/reader033/viewer/2022052901/556fd305d8b42af8088b4683/html5/thumbnails/29.jpg)
<h1> <?php the_title(); ?></h1>
<div class="date"> <?php the_time('d/M/Y . G:i'); ?></div>
<div class="post"> <?php the_content(); ?></div>
index.php