改訂版【muragonカスタマイズ】吹き出しを使った会話風(LINE風)の設置【コピぺするだけ】
先日アップした
こちらの記事では、
スマホで吹き出しが表示されないコトをご指摘いただきまして、
その後チロル合衆国IT総合戦略本部本部長のPC師匠にヘルプをお願いいたしましたところ、
ムラゴンのCSS(スタイルシート)はスマホには出力してないようだ、と。
そうなってくると、それはムラゴンの仕様ってコトだし、
(要するにオレのせいじゃない。オレのせいじゃない。オレのせいじゃない)
オレに出来るコトはもうないな…と諦めかけたそのトキ…
最後まで…
希望を捨てちゃいかん
あきらめたら
そこで試合終了だよ…
安西先生…
バスケがしたいです……
てな感じで、
脳内劇場でひとりで遊んでたら、
PC師匠が、あっという間に
HEY!できましたYO!と。
えっ?
マジで。
えっ?
師匠の言う通りやってみたら、
マジやんけええええええええ!
(あのスマホは親方(ヨメ)のお古のiPhoneをオレが貰って、バスのカーステ(音楽プレーヤー)として使ってるヤツでござる。WiFi環境下ならネットも使えるんだ)
忙しいPC師匠にオレが
「緊急事態宣言」のヘルプミー☆メール
を送信したばっかりに、
いくつか「こんな感じなら出来るかも」ってのを光速で提案してくれまして、
これはその中のひとつ。
コピペの回数が一個増えますし、
割とオオゴトな気もしますが、それでもやってみたいって方だけどうぞ。
基本的なコトは前回記事の通りです。
それはやってください。
それ以外のもう一手間が、
上記四角(引用)の中身を、一切読まず、何も考えず、コピーして
吹き出しを使いたい記事の最後に、
※必ずHTMLモードにしてからペーストしてください。
VIEWモードで見ると、
・・・。
なんか崩れまくってますが、安心してください(履いてます)
プレビューではちゃんと見えているようです。
そして、前回一切スマホから確認しなかった反省から、
スマホのプレビューでも確認しましたあ。
考え方としては、ムラゴンのCSSはスマホに反映されないならば、
記事の中に強引にCSSを埋め込んでスマホに反映させるって方向です。
もちろん考え出したのはオレじゃないんだぜ?
天才プログラマ(←これは本当)のPC師匠のなせる技。
で、スマホに反映させているようです。
なので、
下書きに吹き出し使う際のHTML以外に
スマホ用埋め込みCSSも下書きとして保存しときました。
こんな面倒なコトまでしてブログで吹き出し会話を使いたいか、くれぐれももう一度自問してからお願いします。
オレは意地でも使いますよ。
くだらないコトに。
赤い彗星も地に墜ちたものだな…
これでもまだ表示されないとか「わかりません…こうですか?」って方はコメントからお願いします。