フッターを表示する

フッター部分

• コピーライト情報などを表示します

関数

管理者のメールアドレスを出力

<?php bloginfo('admin_email'); ?>

コピーライトを表示

<!-- ▼#footer -->
<div id="footer">
<address>Copyright &copy; ひだまり日記</address>
</div><!-- ▲#footer -->

管理者メールアドレスへのリンクを設定

<address>Copyright &copy; 
<a href="mailto:<?php bloginfo('admin_email'); ?>">ひだまり日記</a>
</address>

フッターの回り込みを解除する

• フッターの上部にfloatが設定されているため、それが継承されてしまいます
• clearプロパテイでfloatに引きづられて回りこむことを回避します

フッターのデザインを設定

• フッター上部に罫線を表示する
• コピーライトの文字を設定する

/* #footer */
#footer {
  clear: both;
  padding: 8px 0;
  border-top: dotted 1px #333;
}
address {
  font-size: 0.75em;
  font-style: normal;
  font-family:
    Verdana, Geneva, sans-serif;
  text-align: center;
}
address a {
  color: #000;
}