Recomendados
Recomendados
Mais conteúdo relacionado
Destaque
Semelhante a Sistemas Corporativos Web - WordPress Aula03
Semelhante a Sistemas Corporativos Web - WordPress Aula03 (20)
Mais de Tersis Zonato
Mais de Tersis Zonato (20)
Sistemas Corporativos Web - WordPress Aula03
- 1. Aula 03 Sistemas Corporativos Web Tersis Zonato 2011
- 2. Elementos básicos • Onde estou? •O que é apresentado aqui? • Onde posso ir? INSTONE (2000)
- 3. “Qualquer página web dispõe de três áreas principais” VEEN (2001)
- 9. No mínimo: • index.php: estrutura/código • style.css: estilo
- 10. 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
- 12. Crie o arquivo style.css
- 13. style.css /* Theme Name: Nome do tema Theme URI: http:// Version: 1.0 Description: Lorem Ipsum Author: Fulano Author URI: http:// */
- 14. Copie o arquivo screenshot.png para a pasta: /wp-content/themes/novotema/
- 15. Crie o arquivo header.php
- 16. <!DOCTYPE> • HTML 4.01 Frameset • HTML 4.01 Strict • HTML 4.01 Transitional
- 17. header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">
- 19. header.php • Inserir na TAG <head> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <title><?php bloginfo('name'); wp_title(); ?></title>
- 20. header.php • Inserir na TAG <head> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <?php wp_head(); ?>
- 21. 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>
- 22. Crie o arquivo footer.php
- 24. Falta o arquivo index.php!!!
- 25. index.php <?php get_header(); ?> <p>Montagem do tema</p> <?php get_footer(); ?>
- 26. header.php index.php footer.php Até o momento...
- 27. Mas onde está o conteúdo dinâmico?
- 28. index.php <?php if (have_posts()) : while (have_posts()) : the_post(); the_title(); endwhile; endif; ?>
- 29. 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>
- 30. Muito obrigado! @tersis