はてなブログ人気テーマ「zeno-teal」の「フッター部分(下の部分)」のカスタマイズを徹底解説!!!

f:id:conartist:20170626080330j:plain

やっほー!よっく(@yokku49)です

今日もブログのカスタマイズをしていくぞ!

今回は「フッター部分」のカスタマイズを一緒にしていこう!

「フッター」とはブログの一番下の部分のことだよ!!

このフッター部分も簡単にカスタマイズが出来る様になっているんだ!

 

なぜかって・・・

 

それは人気テーマ「zeno-teal」の作者さん(orefolder (id:c-miya) )がカスタマイズの方法をブログ(http://zeno-teal.hatenablog.com/)で詳しく教えてくれているからなんだ!

 

作者さん本当にありがとうございます!!!

 

今回はこの作者さんのブログに書いてあるカスタマイズの方法を引用して、初心者向けに分かり易く解説していくよ!!!(以下のカスタマイズ方法は作者さんのブログからの引用になりますm(__)m)

 

「そもそもフッターを編集する必要ってあるの??? 」という声が聞こえてくる(幻聴)んだけど、僕は編集した方が断然イイと思うよ!

 

フッターって何だっけ???

 

ブログの一番最後に目にする部分だよね?

 

てことはさ、ここで自分のことを印象付けられれば自分のブログを好きになってもらえるよね?!?!

 

やっぱ、最後の印象が一番記憶に残るジャン?

 

散々迷惑掛けた悪ガキから卒業の時に感謝の言葉を言われて今では一番可愛がっている的な感じです

 

ご理解頂けませんよね?!?!?!?!?

 

というわけで、フッター大切なんで

 

zeno-tealのフッターはカスタマイズ簡単なんで

 

フッターのカスタマイズをしていこう!!

 

 

フッターのカスタマイズ方法

 

①「ダッシュボード」にアクセスして「デザイン」をクリック!!!

f:id:conartist:20170626084007p:plain

 

 

②「工具マーク」をクリック!!!

f:id:conartist:20170626084044p:plain

 

 

③「フッタ」をクリック!!!

f:id:conartist:20170626084115p:plain

 

 

④「フッタ」部分をクリックしてから下のコードをペースト!!!

f:id:conartist:20170626084142p:plain

 

※下のコードの白い字で書かれている部分を自分好みに編集して下さい!!!

(白い字で書かれている部分がブログに反映されるので!!!)

※改行をしたい場合は改行をしたい箇所に「<br>」と書いて下さい!!!

(Enterキーを押すだけだと改行はされません!!!)

<div class="three-footer">
<div class="footer-1">
    <div class="footer-h"><i class="blogicon-help-alt lg"></i> ABOUT</div>
    <p>ZENO TEALはトップページをカード型にしたはてなブログ用テーマです。全体的にはフラットにまとめています。テーマをもとに、いろいろカスタマイズして自分に使いやすいようにカスタマイズしてみてください。</p>
</div>

<div class="footer-2">
    <div class="footer-h"><i class="blogicon-account lg"></i> CREATOR</div>
    <p>製作者:orefolder</p>
    <p>茨城県つくば市在住のウェブサイト運営者。普段は<a href="http://www.orefolder.net">orefolder.net</a>というAndroidスマートフォンの情報サイトをメインに活動しています。はてな歴は2017年で13年ほどの中堅。</p>
    <p>ブログ:<a href="http://www.foxism.jp">FOXISM</a></p>
</div>

<div class="footer-3">
    <div class="footer-h">LIFE <i class="blogicon-heart lg"></i><i class="blogicon-heart lg"></i><i class="blogicon-heart-alt lg"></i><i class="blogicon-heart-alt lg"></i><i class="blogicon-heart-alt lg"></i></div>
    <p>書くことがない…。</p>
</div>
</div>

 

※ちなみに僕のコードを下に貼り付けておきますm(__)mご参考までに('ω')ノ

<div class="three-footer">
<div class="footer-1">
<div class="footer-h"><i class="blogicon-help-alt lg"></i> ABOUT</div>
<p>あらゆる欲を追求するブログ<br>欲に支配され、欲に生かされる<br>欲の塊</p>
</div>

<div class="footer-2">
<div class="footer-h"><i class="blogicon-account lg"></i> CREATOR</div>
<p>製作者:よっく</p>
<p>本州最北のブロガー<br>はてな歴1年の初心者中の初心者</p>
<p>ブログ:<a href="http://http://www.yokuyoku.com/">欲欲ブログ</a></p>
</div>

<div class="footer-3">
<div class="footer-h">LIFE <i class="blogicon-heart lg"></i><i class="blogicon-heart lg"></i><i class="blogicon-heart-alt lg"></i><i class="blogicon-heart-alt lg"></i><i class="blogicon-heart-alt lg"></i></div>
<p>LIFEがない…。</p>
</div>
</div>

 

 

⑤最後に「変更を保存する」をクリック!!!

f:id:conartist:20170626084203p:plain

 

 

⑥フッターカスタマイズの完成だ!!!

f:id:conartist:20170626084231j:plain

 

 

まとめ

 

いよいよみんなのブログもイイ感じに仕上がってきたんじゃないかな?!

 

どんどんカスタマイズしてカッコいいブログを目指そうぜ!

 

みんなのブログライフに少しでもお役に立てたら嬉しいぞ!

 

じゃ、また明日!