スタイルシート（その５）

WordPress

やっとで、固定ページの作成ですよ( ´ー｀)ﾌｩｰ．．．
header.phpとfooter.phpを作成します(；´Д｀)

<!DOCTYPE html PUBLIC ".//W3C//DTD XHTML 1.0 
・・・略・・・
<!-- ヘッダー -->
<div id ="header">
・・・略・・・
</div>
<!-- フッター -->
<div id="footer">
・・・略・・・
</div>
</div>
</html>

あとpage.phpも…

<?php get_header(); ?>

<!-- コンテンツ -->
<div id="content" class="page">

<?php if(have_psots()): while(have_posts()): the_post(); ?>

<div class="post">
<h2><a href="<?php the_permalink(); ?>">
<?php the_content(); ?>
</div>

<?php endwhile; endif; ?>

</div>

<?php get_footer(); ?>

/*固定ページ*/

div#content.page {width:100%}


ナビゲーションバーを作ります(´ω｀)ﾉ
functions.phpに追記

register_nav_menus(array(
    'navigation' => 'ナビゲーションバー'
));

header.phpに追記

<div id="nav">
<?php wp_nav_menu(array(
     'theme_location' => 'navigation'
)); ?>
</div>

/*ナビゲーションバー*/

div#header {margin-bottom: 0}

div#nav ul {backgroud-color #000000;
            padding: 8px 0;
            margin 0 0 20px}

div#nav li a {font-size: 0.75em;
              color: #ffffff;
              text-decoration: none}

div#nav li a:hover {color: #ffaa00}

div#nav li {display inline;
            list-style-type: none;
            border-right: solid 1px #ffffff;
            padding-left: 15px;
            padding-right: 15px}

div#header：ヘッダーとナビゲーションバーの間に余白が入らないようにする
div#nav ul：バーのリンク全体が%lt ul>である
div#nav li a:hover：< li>の中に%lt a>を適用し、リンクの文字とデザインを変更
display inline：縦棒の挿入