以前のフッター
以前、「フッターにコピーライトを入れた」という記事を書きました。
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>
上記ピンクマーカー部分の<!-- コピーライト -->
<div id="copyright">
<p><a href="https://www.
© 2016-2020
</div>
〇〇〇、△△△：リンクのURL
◇◇◇：サイト名
を入れてください。
サイト名の前にあるサイト運営年も書き換える。
CSSに記述
ダッシュボード→デザイン→カスタマイズ→デザインCSSと進み、以下のコードを書き込む。
（ここは前回使用したコードのままです）
CSSに記述
/*-------------------- コピーライト --------------------*/
#copyright {
padding: 20px;
text-align: center;
background: #f7ece8;/背景色/
font-size: 14px;
color:#888;/文字の色/
}
/*-------------------- コピーライト --------------------*/
#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>
<!-- コピーライト -->
<div id="copyright">
<p><a href="https://www.〇〇〇">PRIVACY POLICY</a> / <a href="https://www.△△△">CONTACT</a></p>
© 2016-2020 ◇◇◇
</div>
フッターに書き加えた上記HTMLにピンクマーカー部分を書き足します。
AAA：サイトトップページのURL
BBB：ボタン画像のURL
前回よりも少しはフッターらしくなりました。
