【はてなブログカスタマイズ】デフォルトのスマートフォン表示から不要な要素を削除して、「はてな」っぽさをなくす - この世の果てブログ

2014-11-19 【はてなブログカスタマイズ】デフォルトのスマートフォン表示から不要な要素を削除して、「はてな」っぽさをなくす 【Sponsored Link】 はてなブログのスマートフォン表示のカスタマイズ。 俺が使用しているテーマ「Afterrain」はレスポンシブ対応ではないので、iPhone などのスマートフォンでの表示は、はてなブログ純正のものになる。で、このはてなブログ純正画面なのだが、あまり必要性を感じないリンクや装飾がかなりあるので、スタイルシートでじゃんじゃん消していった。基本的には消したい要素の displayプロパティの指定を【none】にして消す方法。要素の指定などで少し詰まった点があったので、記録として。 スマートフォン表示のスタイルシートの記述場所 【ダッシュボード】→【デザイン】→【スマートフォン】→【ヘッダ】の【タイトル下】に記述する。スタイルシート

[Rosylife]

参考になりました★[はてなブログ]

[kiiroihoshi]

とてもわかりやすい説明をありがとうございます。

[yutoma233]

使わせて頂きました。ありがとうございました！

[A1riron]

まだまだ断捨離できそうだけど、ちょっとまだ保留。

[samueside]

はてなブログスマホ表示の変更に利用させてもらいました。ありがとうございます。非常にわかりやすく助かりました。

[horitsukiko]

はてなブログのスマホ表示画面のいらない部分を断捨離しました。この記事を参考にサクサク消していきました

[MoneyReport]

メモ

[korino_n]

あー分かりやすい。ありがとうございます！

[Gururi]

あとでやってみよう(・ω・)

[emj1025]

スマートフォン版もボタンひとつでパーツを非表示できるように対応して欲しいですね。さらに非表示箇所はソースからも消えて欲しい

[dougacc]

これはちょういいまとめ！！！わかりやすい！！！こういう記事はもっと読まれるべき

[hamachang1111]

おぉ！すごいかも！時間あったらやってみようかな (｀･ω･´)