はてなブログPROになって30秒後に後悔した話
最初に言っておきますが
決してPROを否定する記事ではありません
これはただただ僕がやらかした話です
やらかした話
まだ立ち上げたばかりで
毎日カスタマイズをしているこのブログ
PC版のCSSをメインで変更し、
スマホでのレイアウトは時間がないので
先送りにしてました
が!!
やはり、スマホのデザインも変えたい
せめてPCで変更した部分はスマホにも反映させたい
スマホにPC版のCSSを反映させる方法
この場合の方法は大きく2つ
✔レスポンシブデザインにする
✔スマホ版のヘッダにCSS記述
ふむ
前者一択!!
スマホ版のヘッダにCSS記述はPROだけですもの
レスポンシブデザインにした結果
とりあえずやってみましょう
レスポンシブデザインを紹介されているこちらの記事を参考に
happylife-tsubuyaki.hatenablog.com
とりあえず導入
①気に入ったテーマのページに飛び
②インストールボタンを押すだけ!!
※このときCSSの中身がリセットされるので注意
簡単!
よっしゃこれで僕のブログは
PC/スマホ両用ブログに進化した!!
さっそくチェック!
変わっとらんがな!!
なんでやーーーーー!!!
そして私はPROになる
やはり金を払わねばいかんか
まぁ、近いうちにPROにしようと思ってましたし
ちょっと時期が早まっただけや!
そうときまれば即行動
あ、ポチっとな
…
……
………
ぱぱーん!!!!
よっしゃー!!
あとはスマホのヘッダーにCSS書くだけや!
30秒後の悲劇
たしかスマホのCSS記述するところは
管理画面⇒設定⇒スマホマーク⇒ヘッダ⇒タイトル下
だったはず
ん?
なんか不吉な事書いてる気が…
詳細設定……?
そして悲劇は起こる!!
チェック外れ取るやーーーーーーん!!
いやいや
そんなまさかね
これチェック入れたら
PCのCSSがスマホに反映されるとか …
反映されとるう!!!
いやいや、PROにした意味!笑
30秒でPROにしたモチベ全否定やんけ
いいです、いいです
これも何かの思し召し的なsomethingやろ
『より一層ブログに励みなさい!』
的なやつ
まとめ
ググるときはしっかりググろう!
ばいちゃ