パソコンなし・スマホのみではてなブログをカスタマイズ【ブログ超初心者】

右も左もわからず始めたこのブログ。

他の方の記事を参考に、少しずつ見よう見まねでカスタマイズしてきましたが、1週間前にパソコンが壊れるという事態発生。。

もともとお下がりのボロボロパソコンで、カスタマイズのために久々に電源を入れたくらい使用頻度は低い。修理に出すとか新しく買うとか、即決できない!

スマホだけでどーにかならないかと試行錯誤した記録です。

※使用しているのはiPhoneです。

※スマホに詳しい方には、それ当たり前のことじゃん!と思われるであろう内容です^^;

 

f:id:chamano1:20180819171912j:image

スマホではCSS入力ができない?

はてなブログでカスタマイズするには、デザインCSSにコードを入力するのが必須です。

実は私、このブログを始めた際、パソコンを使う気0でした。ですが、このCSSへのコード入力でつまずいたのです。

まずスマホではてなブログにログインし、PC画面に切り替えます。そして問題のデザインCSSへ入力しようとすると…

f:id:chamano1:20180819161710j:image

上のマークのところに飛んじゃう。

軽くタップしたり、長押ししてみたり、色々試しましたがやっぱり上にいってしまい、あぁ、スマホではコード入力できないのね。と諦め、仕方なくボロボロのパソコンを出したわけです。

 

パソコン故障。ブログ終了?

パソコンが使えないということは、もうカスタマイズ出来ないってこと?一通りやっておけばよかったと後悔…

そしてデザインCSSだけではなく、他のコード入力が必要な部分も同様だと考えられるので、いきなりブログ終了の予感。

またもやスマホで入力を試みるもやっぱりできなくて、「スマホのみで  カスタマイズ」で検索してみるも、出てくるのはスマホ版のカスタマイズ方法についてばかり。

が、1人だけ、スマホのみでカスタマイズしましたという方の記事発見!手順については書かれていなかったのですが、私には一筋の希望となりました。ありがとうございます!

 

スマホでCSS入力、できる!

スマホでCSS入力、こんだけ探しても情報がないってことは、もしかしてものすごーく単純なことなのか?

ふと思い立ち、スマホを横にしてみた

 

出来た〜!!

もうめっちゃ単純なことでした。でも普段スマホを横にして使うことなんてないのですよ。

横にしても一旦は上へ飛ぶのですが、そ〜っとそ〜っと下へスクロールしていくと、

f:id:chamano1:20180819163132j:image

ちゃんと入力部分が開いてる!めっちゃ細いけどね…

ちなみにそ〜っとスクロールしないとデザインCSSの枠外下に飛んだり今どこ?状態になりますのでご注意を。

そしてあとは通常のスマホ操作で。

f:id:chamano1:20180819163543j:image

長押しして、あらかじめコピーしておいたコードをペーストします。

変更を保存するのをお忘れなく。

よかった〜!しばらくパソコンなしでブログできそう*(^o^)/*

 

まとめ

スマホのみでカスタマイズは可能!

まだまだ始めたばかりのブログですので、パソコンなしでどこまでできるのかわかりませんが、出来るところまではスマホのみで頑張ってみようと思います。

私のようにスマホのCSS入力でつまずいている方が、おそらく少ーしはいるんじゃないかと思います。どなたかの参考になれば幸いです!