【Twenty Ten】フッターのデザインを変更

フッターにコピーライトを入れて、それなりのサイトに見えるようにしてみます。

【変更前のフッター】

【変更後のフッター】

style.cssの「/* Structure the footer area */」にある「#site-info」を以下のコードにします。

#site-info {
  float: left;
  font-size: 12px; 
  width: 100%;
  text-align: center;
}

style.cssの「/* =Footer」にある「#site-info」と「#site-info a」を以下のコードに変更して、太字をやめてリンクにアンダーラインを入れ、フッター下のマージンを変更します。

#site-info {	
}
#site-info a {
 color: #000;
 text-decoration: underline;
}
#footer {
  margin-bottom: 10px;
}

次にフッターにサイト名と共にcopyrightの文字を入れますので、「div id=”site-info”」の所を以下のコードに変更します。

<div id="site-info">
Copyright &copy; 2011<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?> </a>All Rights Reserved.
</div><!-- #site-info -->

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です