2014年7月14日 (月)

スマートフォン閲覧

ここ1～2年のトレンドとして、ウェブサイトやブログはスマートフォンからの閲覧が急増しています。


最近では、スマートフォンは中高生でも当たり前に使っているので、さもありなんといったかんじですが、スマートフォンからのアクセスのほうが、PCより多いという逆転現象もチラホラ。


そこで、今回はスマートフォン閲覧の設定方法を説明します。



C777_iphonewomiserukoibito500





スマートフォンでの閲覧

Lekumo ビジネスブログでは、スマートフォンでブログにアクセスすると、スマートフォン用の閲覧画面に自動的にリダイレクトされます。



例えばブログの URL が以下の場合、

http://xxxxx.lekumo.biz/blog/




以下のスマートフォン閲覧画面を自動的に表示します。

http://xxxxx.lekumo.biz/.s/blog/




PC 閲覧画面とは表示形式が異なり、スマートフォンで閲覧した場合は以下の形式で表示され、サイドバー項目は記事一覧の下に続けて表示されます。



Smartphone1




スマートフォン閲覧画面の設定

  1. 管理画面上部メニュー [ブログ管理] - [デザイン] をクリックする

    Smartphone2



  2. [スマートフォン] タブをクリックする

    Smartphone3



  3. 以下各設定項目より、設定する項目を選択する
    • レイアウトを変更
    • 表示項目を選択
    • 並べ方を変更
    • バナー
    • カスタムCSSを編集

    Smartphone4




設定した内容は、[スマートフォン表示の確認] ボタンより表示を確認できます。



設定の際は以下の点にご注意ください。

  • バナー画像の追加を行うと、PC 閲覧画面に適用しているテーマのバナー画像を引き継いだ上でアップロードしたバナー画像を表示します。この機能をご利用の場合、[表示項目を選択（スマートフォン閲覧画面）] にて「ブログヘッダー」項目を無効にした上でご利用ください。


  • スマートフォン閲覧画面のデザインは、ブログごとに独立しています。複数ブログで 1 つのデザインを共用する事はできません。