Someday Somewhere

A little something to say in my everyday life

フッターのコピーライトとか

f:id:tsukisai:20200509193944g:plain

以前のフッター

以前、「フッターにコピーライトを入れた」という記事を書きました。
www.tsukisai.net

PC画面は問題なかったのですが、スマホ画面では変な所で改行されて表示されていたので、今回、もう一度カスタマイズし直しました。

コピーライト部分のカスタマイズ

HTML

ダッシュボード→デザイン→カスタマイズ→フッタと進み、以下のコードを書き込む。

今回書き加えたHTML
<!-- コピーライト -->
<div id="copyright">
<p><a href="https://www.〇〇〇">PRIVACY POLICY</a> / <a href="https://www.△△△">CONTACT</a></p>
© 2016-2020 ◇◇◇
</div>
上記ピンクマーカー部分の
〇〇〇、△△△:リンクのURL
◇◇◇:サイト名
を入れてください。
サイト名の前にあるサイト運営年も書き換える。

CSSに記述

ダッシュボード→デザイン→カスタマイズ→デザインCSSと進み、以下のコードを書き込む。
(ここは前回使用したコードのままです)

CSSに記述
/*-------------------- コピーライト --------------------*/
#copyright {
padding: 20px;
text-align: center;
background: #f7ece8;/背景色/
font-size: 14px;
color:#888;/文字の色/
}

ついでに「トップページへ戻る」ボタンを設置

トップページボタンを追加
<!-- コピーライト -->
<div id="copyright">
<p><a href="https://www.AAA"><img src="https://BBB></a></p>
<p><a href="https://www.〇〇〇">PRIVACY POLICY</a> / <a href="https://www.△△△">CONTACT</a></p>
© 2016-2020 ◇◇◇
</div>

フッターに書き加えた上記HTMLにピンクマーカー部分を書き足します。
AAA:サイトトップページのURL
BBB:ボタン画像のURL

前回よりも少しはフッターらしくなりました。