IKA Times

イカと雑学と…ときどき愚痴

はてなブログPROになって30秒後に後悔した話

 

f:id:aziwaiatarime:20170705223305p:plain

最初に言っておきますが

 

決してPROを否定する記事ではありません

 

これはただただ僕がやらかした話です

 

やらかした話

 

まだ立ち上げたばかりで

毎日カスタマイズをしているこのブログ

 

PC版のCSSをメインで変更し、

スマホでのレイアウトは時間がないので

先送りにしてました

 

が!!

 

やはり、スマホのデザインも変えたい

せめてPCで変更した部分はスマホにも反映させたい

 

スマホにPC版のCSSを反映させる方法

 

この場合の方法は大きく2つ

 

レスポンシブデザインにする

スマホ版のヘッダにCSS記述

 

ふむ

前者一択!!

 

スマホ版のヘッダにCSS記述はPROだけですもの

 

 

レスポンシブデザインにした結果

 

とりあえずやってみましょう

 

レスポンシブデザインを紹介されているこちらの記事を参考に

happylife-tsubuyaki.hatenablog.com

 

 

とりあえず導入

 

①気に入ったテーマのページに飛び

②インストールボタンを押すだけ!!

※このときCSSの中身がリセットされるので注意

 

簡単!

 

よっしゃこれで僕のブログは

PC/スマホ両用ブログに進化した!!

 

さっそくチェック!

 

f:id:aziwaiatarime:20170705215148p:plain

 

変わっとらんがな!!

 

なんでやーーーーー!!!

 

そして私はPROになる

 

やはり金を払わねばいかんか

 

まぁ、近いうちにPROにしようと思ってましたし

ちょっと時期が早まっただけや!

 

そうときまれば即行動

 

f:id:aziwaiatarime:20170705220229p:plain

あ、ポチっとな

 

……

………

 

ぱぱーん!!!!

f:id:aziwaiatarime:20170705220304p:plain

 

よっしゃー!!

 

あとはスマホのヘッダーにCSS書くだけや!

 

30秒後の悲劇

 

たしかスマホのCSS記述するところは

 

管理画面⇒設定⇒スマホマーク⇒ヘッダ⇒タイトル下

 

だったはず

 

f:id:aziwaiatarime:20170705221514p:plain

 

ん?

なんか不吉な事書いてる気が…

 

詳細設定……?

 

 

 

そして悲劇は起こる!!

 

 

 

f:id:aziwaiatarime:20170705221639p:plain

 

チェック外れ取るやーーーーーーん!!

 

いやいや

そんなまさかね

 

これチェック入れたら

PCのCSSがスマホに反映されるとか …

 

f:id:aziwaiatarime:20170705222108p:plain

 

 

反映されとるう!!!

 

いやいや、PROにした意味!笑

 

30秒でPROにしたモチベ全否定やんけ

 

 

いいです、いいです

これも何かの思し召し的なsomethingやろ

 

『より一層ブログに励みなさい!』

 

的なやつ

 

 

まとめ

 

ググるときはしっかりググろう!

 

ばいちゃ