SIRIUS2深掘り

検索結果

「 モバイル 」の検索結果
  • アイキャッチ画像
    スマホサイト同時生成-SIRIUS2
    当サイトでは基本的にベーステンプレートでの動作検証となってます。そのため他のテンプレート利用時にはここで使用しているキャプチャ画像とは若干異なる場合もあります。また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。SIRIUS2のテンプレートはすべてレスポンシブ対応デザインとなっています。筆者”レスポンシブ”というのは、PCでもスマホでもその端末に合わせて最適化されたレイアウトで表示される仕組みのことです。それゆえ通常はこのあとご紹介する「スマホサイト同時生成」機能を使わなくても何の問題もありません。しかしながら「PCとは別のコンテンツをスマホで表示したい」とか「画像を縮小してサイトの表示速度を上げたい」といったような場合、テンプレートだけで処理するには限界があったりします。こういう場合に役に立つのがSIRIUS2に標準で搭載されている<スマホサイト同時生成>機能です。旧SIRIUSでは<iPhone同時生成機能>という名称で搭載されてた機能のバージョンアップ版です。スマホでの表示を細かくカスタマイズしたい方向けの機能です。当サイトでご紹介しているSIRIUS2テンプレート【Volar2】はレスポンシブ対応のみでの動作チェックとなっており、「スマホサイト同時生成」ONでの動作チェックはやっておりません。基本設定<スマホサイト同時生成>機能を使うには、【サイトオプション】→【スマホサイト設定】タブ内の『スマホサイト同時生成』をONにする必要があります。縮小版①フォルダ名スマホ用サイトを出力するフォルダ名です。特に変える必要はないですけど、デフォルトの「_sp」というフォルダ名は変更可能です。(※半角英数字のみ使用可)②拡張子通常は「.html」で問題なし。もしもメインサイトの拡張子が「.php」なら変更も可。(※かなりの上級者向け設定です)③テンプレートスマホサイトで使いたいテンプレートを選択します。(迷ったらPCサイトと同じものを選んでおきましょか)④自動振り分けスマホからのアクセスを専用のスマホサイトに自動的に振り分けるかどうかの設定。特に理由がなければ「同じURLで自動振り分けをする」を選択しておきます。さくらサーバーまたはお名前.comサーバーを利用している場合は、「同じURLで自動振り分けする(さくら、お名前.com用)」を選択します。⑤RewriteBaseここはこのままいじらないでおきます。(※上級者設定用です)⑥改行の最適化PCで読みやすいように句点(、)のあととか任意の場所で改行している場合、画面幅の狭いスマホ上では予期しないところで改行されてしまうケースがあります。この改行を無効化できるのが『改行の最適化』機能です。通常は「句点(、)+改行を最適化する」で問題ないです。必要ない場合は「最適化しない」にします。⑦スタイルシートスタイルシートの最適化設定です。「最適化する(コメントアウトを除去)」ではスタイルシートからコメントアウトを削除することでファイルサイズが小さくなるよう調整されています。(不要なタブ・スペースなども除去します)この処理が不要なら「最適化しない」を選択します。⑧キャッシュ化画像・スタイルシート・Javascriptなどをキュッシュ(一時保存)するかどうかの設定です。「キャッシュ化する」を選択すると2回目以降にサイトにアクセスした場合、一時保存されたキャッシュを読みにいくためサイト表示が若干早くなります。ひんぱんに画像を差し替えるようなサイト作りかけのときは、「キャッシュ化する」を選択してるとキャッシュされた画像を優先的に読み込みに行くため”画像が更新されてないよ~”といった現象に悩まされることもあります。そういうときは「キャッシュ化しない」にしておくといいでしょう。詳細設定縮小版①ヘッダー画像「メインと同じヘッダー画像」はPC用の画像をそのまま表示します。PCとは別にスマホ専用のヘッダー画像を設定したい場合は「個別にヘッダー画像を指定する」に変更します。(これを選択した時に限り、直下のグレー表示の「画像の指定」で画像の指定ができるようになります)スマホのみヘッダー画像を非表示にしたい場合は「非表示にする」を選択します。※右脇にある『スマホ用にリサイズする』にチェックを入れると、画像横幅を750pxまで縮小してファイルサイズを軽量化します。②記事中の画像「縮小変換して表示」とあるのがスマホ用にリサイズする設定で、「(中央揃えにする)」がくっつくと画像を中央揃えで表示します。右脇にある「画像のリサイズ設定」は画像の横幅の最大値設定で、750(px)よりも小さく(大きく)したい場合は数値を変えてやります。(最大値よりも小さな画像はリサイズされません)③アクセス解析スマホサイト専用のアクセス解析をここで指定できます。(空欄の場合は<全体設定>で指定しているアクセス解析タグがそのまま挿入されます)④その他ここはよくわかりません。しかしながら特別な事由がない限りはデフォルトのままでも特に問題はありません。フリースペース①メインと同じフリースペースを使用チェックを入れればメイン(PC用)サイトと同じフリースペースが適用されます。チェックが外れていれば②や③の設定が可能になります。②スマホ専用のフリースペース①のチェックが外れていればスマホ専用のフリースペースを設定できます。【フリースペース上段】→PCの【メインカラム上段】に該当し、記事の上部に表示されます。【フリースペース中段/上】→PCの【メインカラム上段】に該当し、記事の下部に表示されます。【フリースペース中段/下】→PCの【メインメニュー上段】に該当し、サイドメニューの上部に表示されます。【フリースペース下段】→PCの【メインメニュー下段】に該当し、サイドメニューの下部に表示されます。③スマホサイトのフリースペース設定フリースペースの表示テンプレートを選択できます。特定のページでフリースペースを非表示にしたい場合は、”ページの詳細設定”で個別にフリースペースの表示・非表示が選択できます。
    Read More