ライブドアブログでスマホページのデザインを変える方法。

現在、僕はライブドアブログを使っています。ライブドアブログのメリットは無料で使えることです。他のブログサービスでは有料オプションな部分も無料で使えることはありがたいです。

ただ、1点気に入らないことがあります。それはスマホ用ページをいじれないこと。PC用ページはHTMLもCSSもいじれるのですが、スマホ用ページはHTMLとかCSSとかをいじれないのでデザインを変えることができません。なので、ライブドアが用意したテンプレートのままのデザインにしかできません。なんとか変えることができないかといろいろ試してみたところ、一部を無理やり変えることに成功しました。

唯一、スマホ用ページに影響を与えられるのがブログ記事を書くページです。なので、デザインを変えられるのは個別記事ページだけにはなります。さらに言うと、書き方としては無理やり感があったり、ブラウザによっては対応してないこともあったりするのであまりおすすめできないです。

まず記事編集ページでHTMLタグ編集にしてください。

"<style scoped>   </style>”

書いた記事の一番下に入れておくのがいいです。一番上にこれを書くと、トップページに個別記事ページの記事概要（article description）を載せている場合、このコードが表示されてしまいます。

あとはこれに変えたい場所のCSSを書けばOKです。
 

ただ、PC用ページにも反映されてデザインも変わってしまうので、うまく妥協点を探してください。あとは場合によってライブドアブログの規約に違反するようなことがあるかもしれないのでご注意を。