スーミン

1991年生まれの現役ポケモントレーナーです 自分が感じたことを伝えたり 気になったものを紹介します

はてなブログ初心者のカスタマイズとか色々【2016/11/20〜11/26】

スポンサーリンク

どうもスーです。今週のブログのカスタマイズの振り返りをやります。もうすぐで2ヶ月経つのでこのタイトルはそろそろラストですかね。今週は主にポケモンとアニソン記事を書くのに全力を尽くしたのでボリューム少ないですが記録として残しておきます。ではどうぞ。 ブログカスタマイズ

カスタマイズでやったこと

PC画面から見たh2の見出しを変更

見出し画像
たまたまcssをいじっていた時に余分なコードを書いたため見出しのデザインが変更してしまいました。本人的にはデザインを変更したときにしっくりきたためそのまま採用することにしました。偶然の産物と呼ぶべきかもしれない。前のデザインのほうが良かったとか意見があれば直すので教えてください。

フッターにコピーライトを表示させる

コピーライト
コピーライトを記すとブログ全体がしまって見えるとのことで表示させてみました。カタカナの「スーミン」がダサい気がするのは僕だけだろうか...
テーマ「Naked」を利用させていただいているので出来たカスタマイズですね。参考にさせていただいた記事はこちらです。
theme-naked.hatenablog.jp

ページトップへ戻るボタンを配置

page top

さり気なく付けてる方結構いますよね。僕もあれば便利だなと思って付けました。初めは「^」のマークのボタンにしようとしていたのですがデザインが崩れてしまったため断念しました。スマホ画面は下部にメニューバーがあるから設置はしなくても良いかなと思い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】 - スーミン

はてなブログ初心者のカスタマイズとか色々【2016/10/30〜11/5】 - スーミン

はてなブログ脱初心者のカスタマイズとか色々【スマホ画面】 - スーミン