こんにちは。
レスポンシブデザインの勉強をしたので、ついにスマホからブログを見たときのデザインを変更しました。
ライブドアブログではスマホのCSSを変更できないはずだったのですが、裏技を使って変更しました。
↓参考にしました。感謝感激；；
【裏ワザ】ライブドアブログのスマホ表示にPCのCSSを適用するカスタマイズ方法を大公開 : よっしゃらまる’ｓブログ ～金持ち父さん、オシャレ父さん～
ライブドアブログのスマホ表示にPCのCSSを適用させる方法を、画像を使いながら丁寧に解説しています。最近では、ブログへのアクセスはPCからではなく圧倒的にスマホやタブレットからが多いです。にもかかわらず、ライブドアブログではPCのCSSがスマホに適用されない。これじゃあ話になりません。ぜひ本記事をご覧になって、スマホ表...
yossharamaru.blog.jp
改装内容
スマホ版のデザインを変更しました
見出し・箇条書きリスト・表など、PC版に近いデザインになるように変更しました。
今まではスマホからだとCSSが反映されないので、めちゃくちゃ読みづらいブログだったと思います。ごめんなさい。
残念ながらFont Awesomeは使えなかったので、リストのデザインはちょっとショボいです。
1記事1記事手作業でデザインを反映させているので、もしかすると適用漏れがあったり、一部の記事でレイアウトが崩壊しているかもしれません。
もし見つけたら教えて頂けると助かります。
画面サイズが700px以下のときにスマホ版のCSSが適用されるようにしているので、タブレットや画面が大きすぎるスマホの場合は変に表示されるかもしれません。
万が一パソコンでの表示が崩れていたり、スマホのデザインが以前とまったく変わってなかった場合はマジで教えてください！ヤバいです！
記事をいくらか消しました
いつも通り無駄な記事を削除しました。
今回削除したのは大学関連のものが多めです。
そろそろ消す記事も少なくなってきたので、これ以上の大量削除は無いと思います。
おわりに
いつも通り記事リクエスト受け付けています。
私が書ける範囲で何か書いてほしいことがあれば、この記事にコメントするか、Twitterへのリプライ・DMなどでリクエストしてみてください。
コメント