どうもスーです。今週のブログのカスタマイズの振り返りをやります。もうすぐで2ヶ月経つのでこのタイトルはそろそろラストですかね。今週は主にポケモンとアニソン記事を書くのに全力を尽くしたのでボリューム少ないですが記録として残しておきます。ではどうぞ。
カスタマイズでやったこと
PC画面から見たh2の見出しを変更
たまたまcssをいじっていた時に余分なコードを書いたため見出しのデザインが変更してしまいました。本人的にはデザインを変更したときにしっくりきたためそのまま採用することにしました。偶然の産物と呼ぶべきかもしれない。前のデザインのほうが良かったとか意見があれば直すので教えてください。
フッターにコピーライトを表示させる
コピーライトを記すとブログ全体がしまって見えるとのことで表示させてみました。カタカナの「スーミン」がダサい気がするのは僕だけだろうか...
テーマ「Naked」を利用させていただいているので出来たカスタマイズですね。参考にさせていただいた記事はこちらです。
theme-naked.hatenablog.jp
ページトップへ戻るボタンを配置
さり気なく付けてる方結構いますよね。僕もあれば便利だなと思って付けました。初めは「^」のマークのボタンにしようとしていたのですがデザインが崩れてしまったため断念しました。スマホ画面は下部にメニューバーがあるから設置はしなくても良いかなと思いPC画面だけ付けています。調べてる途中にホーム画面へ戻るボタンも見つけてこれも付けたいと思ったんですけどやり方が分からず断念しました。断念しまくってますがページトップボタンは付けれたのでとりあえず満足しています。
参考にしたのはこちらの記事の1番目の見出しのコードです。
www.webopixel.net
htmlとjavascriptはフッタに記述しデザインcssは下記の部分だけ数値を変更してボタンのサイズをオリジナルのものよりも小さくしました。
width: 80px; /*ボタンの横幅*/ padding: 20px 0;/*ボタンの縦幅*/
記事上にも人気記事一覧を設置する
先週記事下に人気記事一覧を設置しましたが記事上にも同じものを設置しました。デザインを変えたりもうひと工夫する必要があるように感じます。全く同じものを記事上と記事下に配置しただけですからね。良さそうなものが見つかり次第変更することとして様子見の設置ですね。
デザイン→カスタマイズ→記事→記事上
デザイン→スマートフォン→記事→記事上
に前回の記事のコードを追加しただけです。
はてなブログ初心者のカスタマイズとか色々【2016/11/6〜11/12】 - スーミン
画像に枠を付ける
これも意外とブロガーさんがやっていたことなので早速実装しました。見やすさは大切にしたいポイントなのでやらずにはいられないってことで行いました。立体感が出て確かに見やすくなったように感じます。関係ないけどUFOの食レポ記事書いたときはケンタロス応援してたけどポケモンSMでケンタロス大活躍で僕は嬉しい。
参考にしたのはこちらの記事です。
www.hatena-memorandum.com
最後に
今週の振り返りは以上で終わりです。付けたい機能があってもやり方が分からず断念したことがあったりしました。まだまだ課題はたくさんありそうですね。
ではまた!!
◆はてなブログの当ブログで行ったカスタマイズ記事
はてなブログ初心者のカスタマイズとか色々【2016/11/13〜11/19】 - スーミン
はてなブログ初心者のカスタマイズとか色々【2016/11/6〜11/12】 - スーミン