読者です 読者をやめる 読者になる 読者になる

ココッチィ

なりふり構わず

はてなブログのスマホ表示を使いやすくカスタマイズをしよう!

ブログ道

f:id:love4pink9:20160929002611j:plain

こんにちは。ricoです。スマホでブログを読む人は全体の7割だそうですよ。そういえば、私も読者登録させていただいてる方のブログをパソコンで読むことは、ほとんどありません。寝る前に布団の中で読んだり、朝の通勤だったり、皆さんもそうですよね。

スマホが7割

そういう事から記事の更新時間は夜中から明け方より、朝7時くらいがいいっていうんでしょうね。お昼休み頃の更新もいいらしいです。でも、夜中から明け方までのアクセスは少ないけど、滞在時間が長いそうです。夜中に眠れなくて、おもしろそうなブログを見つけたら、どんどん読みたくなるってこと、ありますよね~わかるわ~

 

以前、やってたブログの時からスマホで表示された時の操作性がとても気になっていました。私はヘッダー画像を自作して貼ってるんですが、スマホで表示されたときに、とにかくデカい!そうなってくると、これ「操作性」以前の問題ですよ。見づらいったらありゃしない。邪魔だっつ~の。

 

ご覧ください。ここまでブログタイトルを主張してくる意味がわからんでしょ。更新記事も見えないよ。何、この残念な感じ。

f:id:love4pink9:20160929005809j:plain

 

 

ずっと悩んだ末。もう、誰かに相談するっきゃない!そうだ、あの人にお願いしよう!

www.imuza.com

 

昨日の夜に質問したのに、今日、早速、記事にしてくださって。まあ仕事の早いこと。感動しました。素晴らしい方です。惚れてまうわ~。いや、でもですね、これだけ言わせてください。私、ricoと申します。IMUZA.comさん、「ココッチィさん」って呼ばれちゃってる。いや、いいんですけどね。タイトルで呼んでくださって、構いませんよ。でも、発見した時は「借り暮らしか!床下ぐらしか!」って突っ込みましたよ。あ、これ。アリエッティね。

 

スマホヘッダー画像のカスタマイズ

ほらね、ヘッダー画像が小さくなったでしょう。納まりがいい!わかります?後は日付がまるくて可愛いんだけども、スマホで表示するときはベタなのがいいかも。尺とりすぎ感ありますな。ここは、これから変えていきます。

f:id:love4pink9:20160929011924j:plain

 

 

このカスタマイズでのお気に入りは下に設置されてメニューです。色は元々のテーマに合わせてミントグリーンにしています。「TOP」で上に戻ります。

f:id:love4pink9:20160929012557p:plain

 

 

「カテゴリ」をクリックするとツルツルっとカテゴリが登場!

f:id:love4pink9:20160929012825p:plain

 

 

 

「人気記事」をクリックで読まれてる順に5記事が並びます。はは~ん、やっぱり離婚の記事ですね。

f:id:love4pink9:20160929012915p:plain

 

 

 

「記事一覧」をクリックで今までの記事が並びます。ここは元は「HOME」でしたが変えています。あれ?アイコンを変えるの、忘れてるな。

f:id:love4pink9:20160929013253p:plain

 

 

記事一覧はカテゴリ別ではなくて全部が日付順に並びます。ダダ~とね。

f:id:love4pink9:20160929014139j:plain

 

 

このメニューの設定はこの方の記事を読んでカスタマイズしました。ありがとうございます。大満足です。はてな界では有名な方なんですね。

www.yukihy.com

 

現在はヘッダー画像の下にグローバルメニューは設置していません。今のとこ、このメニューバーが下に固定されることで私的には足りてる気がしています。パソコンでも、一応表示されますからね。実際、スマホでブログを見るときにトグルメニューをタラッと下ろしてカテゴリを見てクリックする人ってどのくらいいるのかな?私自身、皆さんのブログを読む時にタラッと下ろすことはあってもクリックまでは、あまりしないです。

 

 

それから、スマホで表示される際の不要だな、と思う部分も消しました。こちらの方の記事を参考にさせていただいてます。ありがとうございます。

www.mataro1.com

 

以上、私のスマホ表示のカスタマイズでした。皆さんはどんなふうにカスタマイズされてます?カスタマイズなんて、カタカナでかっこいいこと言ってますけども、はてな村の皆々様の教えを有難く使わせていただいてるだけのアリエッティです。皆々様、ありがとうございます。

 

今日も読んでくださってありがとうございました。