2013年02月11日

Seesaaブログのスマートフォン版表示をごにょごにょ

※仕様が変わって、本記事の内容を実施するとアクセスループするようです。
詳しくはこの記事へのトラックバック先を御覧ください。


Seesaaブログ利用者用の記事。

今回はJavascriptとcss。

Seesaaはカスタマイズの自由度あるけどスマホ専用ページだけはほとんどイジれない。

自分みたいにPC表示ですら1段カラムのブログの場合はスマホでもPC表示で見て欲しいので導入。

一般的にブログは2段カラム3段カラムが普通なので、そんなブログがこれを導入しても閲覧者には嫌われるかもしれない。


スマートフォンページからデスクトップ版ページに自動で飛ばす


スマートフォンのコンテンツ設定でコンテンツを自由形式だけにしたりして、コンテンツのHTMLに以下のスクリプトを埋め込めば飛べる。

<SCRIPT LANGUAGE="JavaScript">
<!--
function autoLink()
{
document.cookie = 'force_pc=1; max-age=15768000; path=/';
location.href=location.pathname;
}
setTimeout("autoLink()",1000);
// -->
</SCRIPT>


参考
http://myweblogblog.seesaa.net/article/305109458.html (とある秘密ブログの更新うぇぶろぐ)
http://siriasu.s10.xrea.com/webtips/tips12.htm (sirasu.net)

スマートフォンでデスクトップ版を開くときだけ文字サイズを拡大


スマートフォンで開いた時に文字サイズを2倍に設定。

cssのbodyクラス内に以下を追加

-webkit-text-size-adjust:200%;


雑感


このページをiPhone4Sで見てみたら割といい感じ?になったかな。

少なくともSeesaaが用意したスマートフォン専用ページよりは見やすい。

その他の端末からのテストができないので何とも言えないけどとりあえずこの設定にしておく。

-





この記事へのコメント

まつきさん、ありがとうございます。
お陰さまで、この問題は完結しました。

Posted by echo at 2013年02月12日 12:53
--------------------------------------------------

いえいえ。
こちらこそ非常に参考になりました。
有益な情報ありがとうございます。

Posted by まつき at 2013年02月12日 13:03
--------------------------------------------------

素晴らしい!
googleで検索しても解決策無しで無理だと思っていたので、諦めていました。掲載して頂きありがとうございます。

Posted by ヤシロ at 2013年02月13日 11:30
--------------------------------------------------

お役に立てたのでしたら良かったです。

Seesaaとしてはスマホページは広告収入の一つでしょうし
無料で使わせてもらってる身としてはどうかなと思ったりもするんですけどね(・_・;
あまりにも自由度がないのでこうするしかないですね...

Posted by まつき at 2013年02月13日 18:39
--------------------------------------------------

ありがとうございます!
利用させて頂きます!

Posted by 山田 at 2013年03月31日 03:26
--------------------------------------------------

どうにかスマフォからPCサイトに飛ばせないかと悩んでいたのですが解決しました!
ありがとうございます!

Posted by 紫樹 at 2013年04月19日 21:47
--------------------------------------------------

素敵な情報、ありがとうございます。
助かりました。

Posted by まきちゃん at 2013年05月21日 22:36
--------------------------------------------------

本当に助かりました!!

もう少しおしゃれなテンプレートや複雑なカスタマイズができたら良いと思ってたんですが...

悩んでいたんですが、解決できました!!
本当にありがとうございました!!

また、遊びに来てください♪

Posted by ポンダ宮 at 2013年07月18日 00:41
--------------------------------------------------

name:

mail:

HP:

comment:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

Seesaaブログの「スマートフォン専用ページを表示」を消す (改修版)
Excerpt: Seesaa側のコード変更で自動でデスクトップに飛ばなくなり永久ループしてました。
Weblog: とある秘密ブログの更新うぇぶろぐ
Tracked: 2014-05-17 02:17
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。