NKS.tokyo - a.k.a Syun Nakano

DJであり作曲家の人のブログです。DTMの事を書いたり、イベント告知したりします。友達は大切にしような。

ギ!ミッシェルガン・ヒルアンドン

WordPressにsoundcloud貼り付けるとスマホで見るとき困るっていう

更新日:

おはようございます!折角アプリを購入したので朝から更新ですよ。もっと使いやすくなんないかなー?って思ったりもしますが、随分良くなりましたかね。

投稿時のプラグインが使えれば最高なのだがー。

テーマを変えたらモバイル表示でまいっちんぐ

WordPressってYouTubeとか貼り付けるの楽じゃないすか?URL記入だけで自動でiflameっていう表示方法にしてくれるんすよね。すごい楽。画面サイズに合わせた表示もしてくれるし。

しかしだね、スマホでコレを表示させると困っちゃう事があるんです。

1番困るのはsoundcloudなんだな

例えばこういうのをすると困っちゃうんですな。

https://soundcloud.com/nakano-syun/final-fantasy-opening-thema-cover

どうですかね?もしも画面いっぱいに広がってたとしたら、ユーザビリティとしてはあんまりよろしくない場合があると思います。

soundcloudのプレイヤーってちょっと触っただけでも再生されちゃうんで、ブログ読んでたらジャーン!とか鳴るかもしれないじゃないですか?

電車の中ならソッコーでブラウザごと閉じるじゃないすか?曲も聴かれなければ、文章も読まれない。で、どっちかっていうとネガティブな気分が残っちゃいがちじゃないすか?

Twitterなどが再生に対応したりして、色んな拡散方法はあるにせよ、これではもったいないので、何かしら考えなければ-。

どうもスタイルシートCSSを弄ればなんとかなるっぽい

現在このサイトで使っているWordPressテーマはSimplicityというヤツでして、モバイル表示用のスタイルシートが用意されてるみたい。

 

条件分岐とかしないでも、ここんところでiflameの表示を条件付けしてやれば、うまいことやれるのかもしれない!

 

そんな感じで構文を貼り付けてみたりしてるんですけど、なんか全然ちゃんと表示されなかったりします。

 

WordPressに最初っからついてるCSS編集の所でやると簡単に反映されるんだけれども、それだと全ての環境でスマホっぽく表示されちゃう。

 

うーん。どうも昔っからスタイルシートからの修正がうまくいかんのー。

 

ただ、方法とやりたいことは解っているので、こう言うとこをチョイチョイ修正して見てても痛くないサイトを目指していきたいと思いますです。

-ギ!ミッシェルガン・ヒルアンドン

Copyright© NKS.tokyo - a.k.a Syun Nakano , 2018 All Rights Reserved.