フードファンタジー攻略ブログ

フードファンタジー非公式攻略ブログです。

はてなブログ【スマホ盤】カスタマイズ

こんにちは。焼きおにぎりです。

今回は、私の「はてなブログ【スマホ盤】カスタマイズ」をご紹介します!

f:id:dahlia2339:20190123093748p:plain←コレ

 

HTML(コード)のことなどあまり分かっていないので…

参考にさせていただいたブログのリンクを貼り付けました。

備忘録を兼ねています。

ヘッダを画像のみにしたい!

 f:id:dahlia2339:20190122122310j:plain

スマホのデザイン初期設定では、上図のように画像とテキストが表示されています。

テキストの範囲広いですよね;消しましょう!

やり方は簡単です。

 f:id:dahlia2339:20190122122306j:plain

はてなブログのデザイン設定スマートフォン内の「ヘッダ」表示設定を画像だけ表示にするだけです。これでスッキリ!

 

はてなブログ特有の上のバー消去法

 f:id:dahlia2339:20190122122302j:plain

はてなブログの上バーを消したいな~と思い調べたら、方法を分かりやすく載せているブログを見つけました!

ゆずさん、ありがとうございます!

はてなブログの上バー消せました!

www.yuzuhack.me

 

記事の目次【表示/非表示】ボタン設置

記事内の目次に「表示/非表示」ボタン設置したい!

ただ、スマホ盤のコードはなかなか見つからず、四苦八苦しました。

暇を持て余したよねさんありがとうございます!

www.yone-himajin.com

 

複合メニューバーを作る!

 f:id:dahlia2339:20190123102332j:plain

スマホでご覧になられている方は、見られていると思いますが…

画面下に複合メニューバーをつけました!

ゆきひーさん、ありがとうございます!

www.yukihy.com

 

フッターの色々を非表示に!

 f:id:dahlia2339:20190123103925p:plain

スマホ初期のデザイン設定だと、フッタにプロフィールやフッターメニューなどがあります。長いですね;

さくっと、非表示にしました!

awaさん、ありがとうございます!

※フッタのデザイン設定は、はてなProの方のみ可能です

english-apple-diy.hatenablog.com

  

様々なカスタマイズ法

トップ記事の画像の大きさや日付のデザイン、フッタ見出しのデザインなど

様々なカスタマイズ方法を載せているブログを見つけました!

ありがたいですね~

森さん、ありがとうございます!

www.nekopajamas.net

 

記事下投稿時間経過の消去

 f:id:dahlia2339:20190123110858j:plain

各記事下にある投稿からの経過時間の消去方法です。

参考にさせていただいたブログがなくなったので、コードだけ貼りますね。

<style type="text/css">
span.entry-footer-time {
display: none;
}
</style>

 

シェアボタンをオシャレに

オシャレなシェアボタンがたくさんあります!

PC盤でも使用させていただきました。

だいぱんまんさん、ありがとうございます!

www.daipanman.com

 

目次のマーカーがズレる対処法

現在のブログでは使用していませんが…

目次カスタマイズでデザインが崩れたとき、対処法が分からず苦労しました。

さめはだ舞子さん、お世話になりました!

samemai.com

 

まとめ

「フードファンタジー攻略ブログ」スマホ盤カスタマイズでした!

HTML編集(コード)のことがよくわからない私にとって、カスタマイズ方法を載せている方がいると、とても助かります。

この場をお借りして、参考させていただいたブロガーの皆様に御礼申し上げます。

では、最後までご覧いただきありがとうございました。