Sistemas Corporativos Web - WordPress Aula03
Upcoming SlideShare
Loading in...5
×
 

Sistemas Corporativos Web - WordPress Aula03

on

  • 1,333 views

 

Statistics

Views

Total Views
1,333
Slideshare-icon Views on SlideShare
1,333
Embed Views
0

Actions

Likes
0
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Sistemas Corporativos Web - WordPress Aula03 Sistemas Corporativos Web - WordPress Aula03 Presentation Transcript

    • Aula 03Sistemas Corporativos Web Tersis Zonato 2011
    • Elementos básicos• Onde estou?•O que é apresentado aqui?• Onde posso ir?INSTONE (2000)
    • “Qualquer página web dispõe de três áreas principais” VEEN (2001)
    • No mínimo:• index.php: estrutura/código• style.css: estilo
    • 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
    • /wp-content/themes/novotema
    • Crie o arquivo style.css
    • style.css/*Theme Name: Nome do temaTheme URI: http://Version: 1.0Description: Lorem IpsumAuthor: FulanoAuthor URI: http://*/
    • Copie o arquivo screenshot.png para a pasta:/wp-content/themes/novotema/
    • Crie o arquivo header.php
    • <!DOCTYPE>• HTML 4.01 Frameset• HTML 4.01 Strict• HTML 4.01 Transitional
    • header.php<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    • header.php<html><head></head><body>
    • header.php• Inserir na TAG <head><meta name="generator"content="WordPress <?phpbloginfo(version); ?>" /><title><?php bloginfo(name);wp_title(); ?></title>
    • header.php• Inserir na TAG <head><link rel="stylesheet" href="<?phpbloginfo(stylesheet_url); ?>"type="text/css" media="screen" /><?php wp_head(); ?>
    • 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>
    • Crie o arquivo footer.php
    • footer.php</body></html>
    • Falta o arquivo index.php!!!
    • index.php<?php get_header(); ?><p>Montagem do tema</p><?php get_footer(); ?>
    • header.php index.php footer.phpAté o momento...
    • Mas onde está oconteúdo dinâmico?
    • index.php<?phpif (have_posts()) :while (have_posts()) : the_post(); the_title();endwhile;endif;?>
    • 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>
    • Muito obrigado! @tersis