フッターを表示する

フッター部分

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

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

<?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;
}