JUGEMブログの表示をPC版からスマホ版へ切り替える

7

こんにちわ、ちかです

iPhone/AndroidでのJUGEMブログの表示は
スマホ版からPC版に切り替えることはできますが
PC版からスマホ版に戻す方法が明示されていません

Cookieをクリアすれば戻ります
たかが表示切替のためにCookieをみんなクリアするなんておかしいですよねぇ

なので
ちょっとソースを調べてみました。

PC版への切り替えは
pcview_on() を呼ぶことで行われています。

function pcview_on(){
    document.cookie = "iphone_pcview=on";
    document.cookie = "android_pcview=on";
    window.location.reload();
}

./templates/smartphone/js/smart_phone.js ※ スマホでのみアクセス可

ということは
Cookie "iphone_pcview", "android_pcview" を削除すれば
スマホ版に戻ります!

ということで
スマホ版に切り替えるスクリプトを作りました

スマホ版

スクリプトソース:

(当サイト以外の) JUGEMブログ読者さんへ:

上記スクリプトをブックマークレットにしておけば
PC版からスマホ版へいつでも切り替えられるようになります

※ iPhone (Safari) でのブックマークレット登録方法は次のリンクから↓
ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。

JUGEMブログオーナーさんへ:

管理者ページの [デザイン] - [HTML・CSS編集] で
上記スクリプトを実行するリンク (下記ソース) をどこかに配置しておけば
PC版からスマホ版へいつでも切り替えられるようになります

ソース:

HTMLを直接編集しなくても
管理者ページの [デザイン] - [フリースペース] で
フリースペースの内容欄に上記ソースを貼り付ければ
同様にスマホ版へ切り替えられるようになります

【JUGEM】スマホ版への切り替え【フリースペース】

※ PCからアクセスしてもスマホ版への切り替えリンクが表示されちゃいますが。。

次は RINO さんです

関連記事


ブログの文章に背景色と境界線をつけるブックマークレット

0

    こんにちわ、ちかです

    ちかのブログの文章には
    背景色がついてたり
    罫線 (境界線) が引かれてたりしますよねぇ

    ですが
    JUGEMブログのWYSIWYGエディタには
    背景色・境界線を設定する機能がありませぬ。。

    それで

    なんかちかだけズルイ

    って思っちゃうひとのために
    ブログに背景色と境界線を設定するスクリプトを作ってみました

    背景色と境界線を設定  ※ Internet Explorer 専用です (IE7 以降)

    つかいかた (おためし)

    1. いま見えているブログ内の文字列を選択して、上のスクリプト (リンク) をクリックします。
    《→ ウィンドウの右上に設定画面が出てきます。》

    2. 背景色 (background-color) ・境界幅 (border-width) ・境界色 (border-color) を指定して [OK] ボタンを押します。
    《→ 選択した文字列に背景色と境界線が設定されます。》

    つかいかた (ブログ投稿)

    1. 上のスクリプト (リンク) をお気に入りに登録します。以下はその手順。
    (1) スクリプトのリンクを右クリック → [お気に入りに追加]
    (2) (「安全でない可能性があります。続行しますか?」って聞かれたら [はい])
    (3) (呼び出しを簡単にするために、作成先を「お気に入りバー」に変更)
    (4) [追加]

    2. JUGEMブログ編集画面 (WYSIWYGエディタ) で、入力した文章を選択して、お気に入りからスクリプトを実行します。
    《→ 背景色と境界線が設定されます (アップされるブログにも反映されます)。》

    ((こういうのって、需要、あるのかな??))

    でゎでゎまたね〜



    教室情報

    無料体験申込



    ハロー!パソコン教室
    イトーヨーカドー大森校
    〒143-0016
    大田区大森北2-13-1
    イトーヨーカドー大森店3F

    お問合せ(お電話)
    03-3762-8600

    営業時間などの詳細はこちらをご覧ください

    ハロー!パソコン教室イトーヨーカドー大森校無料体験レッスンのお申し込みはこちらから

    ハロー!パソコン教室イトーヨーカドー大森校の地図

    MOS試験会場校

    大森校はこんなところ!


    明るく楽しいスタッフ達があなたのやりたいことを徹底的にサポートします!
    MOS資格も保持していますので、安心して何でもご質問ください!


    大森校ではMOS資格を取得された生徒様が多数いらっしゃいます!
    合格率100%を誇る教室で、あなたもきっと合格できます。

    安心の個別学習
    レッスンは集合形式ではなく、個別学習式。パーテーションで区切られた個別空間でご自分のペースでレッスンを受講いただけるのが人気の理由の一つです!

    雇用保険に加入している方へ
    教育訓練給付金制度のお知らせ
    教育訓練給付制度のお知らせ

    iPhone講座 開講中
    iPhoneの使い方を
    基礎から丁寧に学べます。

    最近の記事

    カテゴリ

    アーカイブ

    コメント

    時間割

    10:10〜
    11:10〜
    12:20〜
    13:20〜
    14:20〜 休み時間
    15:20〜
    16:20〜
    17:30〜
    18:30〜
    19:30〜
    20:30〜
    店舗都合により上記以外にお休みをいただく場合がございますので、ご来校の際は事前に教室までお問い合わせ下さい。

    その他のリンク

            

    Microsoft Office Specialist

    サイト内検索

    その他

    携帯用QRコード

    qrcode

    PR