ライブドアブログでスマホページのデザインを変える方法。
2016.01.18 23:00
現在、僕はライブドアブログを使っています。ライブドアブログのメリットは無料で使えることです。他のブログサービスでは有料オプションな部分も無料で使えることはありがたいです。
ただ、1点気に入らないことがあります。それはスマホ用ページをいじれないこと。PC用ページはHTMLもCSSもいじれるのですが、スマホ用ページはHTMLとかCSSとかをいじれないのでデザインを変えることができません。なので、ライブドアが用意したテンプレートのままのデザインにしかできません。なんとか変えることができないかといろいろ試してみたところ、一部を無理やり変えることに成功しました。
個別記事ページのデザインを変える。
唯一、スマホ用ページに影響を与えられるのがブログ記事を書くページです。なので、デザインを変えられるのは個別記事ページだけにはなります。さらに言うと、書き方としては無理やり感があったり、ブラウザによっては対応してないこともあったりするのであまりおすすめできないです。

記事を書くページに”<style scoped></style>”を入れる。
まず記事編集ページでHTMLタグ編集にしてください。

"<style scoped> </style>”
