プライバシーポリシーとお問い合わせをフッターに移動した

ブログづくり

備忘録に。 

プライバシーポリシーとお問い合わせは、わざわざサイドメニューに場所をとる必要もないなと思って、ページ一番下のフッター部分に移動させることにした。

 

design.syofuso.com

 まずは上記のサイトさんにご教示いただき、デフォルトのフッターを消すこと、ページ一番下との間に出る余白を消すことをした。

すごく基本的なことなのでしょうが、デザインCSSにコードを貼るときは/*こんなの/*を挟んで何のためのコードかをつけるのが良いのですね。今まで全部コピペだったので全然意識してなかった。

というわけで、設定 ＞ デザイン ＞ デザインCSS に以下を貼った。 

/*もとのフッターを消す*/
#footer  {
display: none;
}
/*自分で設定したフッターとページ下の余白を消す*/
#container {
  margin-bottom: 0;
}

 

www.seoteach.xyz

 それから上記サイトさんにご教示いただき、新しくフッターを設定した。

 

まずは　設定 ＞ デザイン ＞ フッター　に以下を貼りつけ。

<div id="copyright">© 2017 禅ねずみ</div>

 

続いて デザインCSSに下を貼りつけ。

/*自分で設定したフッター*/
#copyright {
    padding: 20px;
    text-align: center;
    background: #343838;/*背景色*/
    font-size: 14px;
    color:#fff;/*文字の色*/
}

 

これでフッターができた。

あとはサイドメニューに入れていた、プライバシーポリシーとお問い合わせのリンクコードを、上記の「© 2017 禅ねずみ」のあとに入れれば完成。

 

背景色や文字の色は、#数字;の数字を変えればよい。色見本は下のページ。

WEB色見本 原色大辞典 - HTMLカラーコード

 

最後に、コピーライトの書き方は下のサイトさんが書かれている通りで、一番シンプルな「© 2017 禅ねずみ」という記載にした。これで用が事足りるなら。

長いとスマホで表示したときに、プライバシーポリシーとお問い合わせとで２行になってしまっていたので。

 

serinaishii.hatenablog.com

 

できたできた。ありがたやありがたや。