iPhone/iPod touch – iOSのSafariで、ぷららブログ(Broach)の表示をスマホ用・パソコン用に切り替える方法

公開日:  最終更新日:2014/06/05

すいません m(_ _)m、本記事はブログ引越時に書式が崩れました。順次修正中です。

ℹ️本記事にはPRが含まれています。


当ブログ(SISO-LAB)をiPhoneやiPod touchで見ると、スマホ用の表示になるため、ホワイトがバックグランドカラーの、割と普通のブログに見えているかと思います。パソコンのブラウザでみるとわかるのですが、実は、ダークブルーがバックグランドカラーの、一昔前な感じのブログになっています。最近のサイトは、端末を自動認識して強制的に表示モードを切り替えてしまうことが多いのですが、Broach(ぷららブログ)の場合は、パラメータを設定することで切り替えることができます。


 


■SISO-LABをiPhoneで見ると…



 


こんな感じです。普通に今時な感じです。なんでトップにあるイラストの背景色がダークブルーなのか、さっぱり理由がわかりません。いつも、スマホで見ている方もいらっしゃるかと思いますので、パソコン用表示で見ると、どんなふうに見えているか紹介します。じゃーん。



 


こうなっています(右側の各エントリを表示している状態は、ピンチ操作で主文部分を拡大しています)。オリジナルのデザイン意図としては、あえて今時感を外して、背景を暗い色にして文字を明るくし、全体的には古臭いイメージを狙っています。


しかし、スマホ用表示の方は、ホワイトがバックグランドの今風な感じになっています。テキストや画像データは同じ物を使っているのでしょうけど、書式関係のデータが違うんでしょうね。Broachの場合、パソコン表示用のテンプレートは変更・修正することができるのですが、スマホ用表示のテンプレートは変更どころか、ユーザーに公開されていません。


SISO-LABでブログエントリを書くとき、あまりテキストに色をつけないようにしています(デフォルトで設定した書式に従うのみ、ということです)。その理由が、スマホ用画面でも表示がおかしくならないようにするためです。例えば、ダークブルーが背景色の場合、明るい灰色は映えて見えますが、ホワイトが背景色だと見えなくなってしまいます。スマホ用とパソコン用で色使いが正反対になってしまうと、こういうところで苦労しちゃうんですね。


後は、パソコン用ではハテブのボタンとかを設置しているのですが(苦労して設置したのですが…誰か押していただけるとうれしいのですが…もっとクオリティの高いエントリが書けるようがんばります)、これも、引っ張ってくる書式が違うためか、スマホ用では表示されません。


 


実は以前、ぷららに要望を出したのですが、「開発の方にリクエストしておきます」と言われてそれっきり。


 


Broach(ぷららブログ)は、よくサーバが重たくなることもあるので、別のブログシステムに引っ越すのも検討したことはあるのですが、過去データも含めて考えると、大変と言うか、ほぼ無理というか、簡単にはいきそうもありません。


 


 


■ブックマーク用リンク


以下、iPhone等のスマートフォンから、意図的にスマホ用表示/パソコン用表示を切り替えるためのリンクです。



 


Broachの他のブログも同じ方法で切り替えることが可能かと思います。お試しアレ~。


 


 


■今日の一言二言三言


 


ぷららさん、ここぞ一発がんばって、


さらに魅力的なブログシステムになーれ。


 


しばらく前(2013/05/30)に新規申し込みが停止したところをみると、これ以上、システムを拡張しないのかな?とか思ったり。「表示すごい時間がかかります。なんとかなりませんか?」とメールしたら「そういうこともあります」みたいな感じで、何かと覇気を感じないBroachですが、ぜひ、表示速度などのレスポンスアップとか、SNSに対応した機能の標準実装とか、がんばってください。応援してますよ!


 


 





関連エントリ





SISO-LABオススメエントリ



購入参考情報などです。SISOが使用しているAU版iPhone4S白ロム機と関連商品は以下の物です。リンク先はamazon.co.jpです。最近はSIM下駄を入れてスマホ化したので、アクティベイトカードは使っていません。














AU iPhone4S 64GB黒 白ロム au専用アクティベートカード マイクロSIMサイズ版 CAZE iPhone4/4S対応 世界最薄バンパー 最新GPP正規品 最新ios6.1.3対応au版iPhone4s gevey simロック解除アダプター 設定手順&apn設定など全てサポート




SPONSORED LINKS

  • このエントリーをはてなブックマークに追加
  • Pocket

関連前後記事

Your Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

*

PAGE TOP ↑