ライブドアブログのスマホ表示用スタイルシート(CSS)を作りたい!
でもパソコン起動するのめんどいな…いや、そもそも、パソコン持ってないわい!
そんな人向けに、全部スマホだけでやってみたよ。

ライブドアブログのPC用CSSを変更しても、スマホで見たときの表示には反映されない。
 そこで、スマホ用のCSSを作ってアップロードし、記事を書く時に読み込ませるという作業が必要。
詳しくは、ライブドアブログ PC&スマホ版CSS変更


パソコンでやれば、メモ帳で作って~と簡単なのだけど、スマホのみでやってみよう。 

CSSをスマホで作る

使用するのは、iPhone(ios14.3)

テキストを作成するアプリをインストール。
*ファイル管理(ファイル名変更や保管)ができるので、以前から使用していたやつ。

FileMaster

FileMaster - プライバシー保護
FileMaster - プライバシー保護
開発元:Shenzhen Youmi Information Technology Co. Ltd
無料
posted withアプリーチ

FileMasterを開き
右下の【More】から、【新しいテキスト】
ファイル名をつける

53052372-ADBD-4702-9B96-488CF3330257


コードを記述する

A995E162-2BFD-407F-A2DD-A9DBD8C48D07


できたファイルを長押しでメニューを表示、
拡張子を.cssに変更


長押しメニュー→共有→“ファイル”に保存

8495C7C5-E943-4B16-85EA-10B675D12459

F10F3CDC-CD27-4422-B906-8DB6203B09BE

18800BD3-3FF9-4B16-85EF-35D6CC4C3655

作成したファイルをアップロード 

アップロード→ブラウズ →作成したファイルを選択

 参考:ライブドアブログ PC&スマホ版CSS変更


B0AC299C-4FE7-46F9-9B36-BE44C41BBE4E
アップロードされたファイルを開いて、文字化けがないことを確認!


どうでしょう、スマホだけでもいけるかな?

 

SPONSORED LINK

スポンサードリンク