TieredWorks スマートフォンサイト書き出し機能ユーザーマニュアル 2011 年 9 20 作成
次 アップデート... 1 サイトデータのコンバート... 3 スマートフォン設定... 5 モジュールの設定 アップロード... 6 スマートフォンでの確認... 10 アクセス解析... 11 補 資料 1 モジュールの表 について... 13 補 資料 2 モジュールの詳細設定について... 18 各項 にあるこの枠内には重要な項 が記載されております 必ずお読み下さい
アップデート TieredWorks のアップデートを います TieredWorks バージョン 1.3.0.4 を含む以前のバージョンのサイトデータをご利 の は アップデート前に 現在ご利 中のバージョンでデータのバックアップを取っていただきますようお願いいたします バックアップの取り 1 TieredWorks トップ画 でバックアップを取るサイトデータを選択し エクスポート をクリック 2 参照 をクリックし任意のエクスポート先を指定 3 実 をクリック できること TieredWorks のアップデート テンプレートのダウンロード 1 アップデートのインストール 画 が表 されたら 今すぐインストール または 再起動時にインストール をクリックします 再起動時にインストールを選択した場合 次回の TieredWorks 起動時に 動的にアップデートのインストールが開始されます 動的に アップデートのインストール 画 が表 されない場合は下記 動的に アップデートのインストール 画 が表 されない場合 をご参照ください 動的に アップデートのインストール 画 が起動しない場合 TieredWorks を起動し ツールバーの ヘルプ か ら ソフトウェアのアップデート を選択し アッ プデートを確認 をクリックします 1
2 インストール完了後 最初の起動時に テンプレートの展開が始まります ユーザーアカウント制御画 が表 さ れた場合 許可 をクリックします 2
サイトデータのコンバート サイトデータのコンバート (TieredWorks Ver 1.4.0.1 以降に対応させるためのサイトデータの変換 ) が われます できること サイトデータのコンバート <サイトデータが存在する場合 > 1 テンプレートの展開が完了し サイトを編集する をクリックすると サイトデータ変換の確認画 が出ます OK をクリックします 2 データのコンバートが開始されます 3 コンバートが完了したら 閉じる をクリックします 3
< サイトデータをインポートする場合 > 1 TieredWorks のトップ画 左下の インポート をクリックします インポート 画 が表 されたら 参照 をクリックしサイトデータを選 択し 実 をクリックします 2 サイトデータの読み込みの後 動的にデータのコンバートが開始されます 3 サイトデータの追加が完了したら 閉じる をクリックします コンバートされたサイトデータは TieredWorks バージョン 1.3.0.4 を含む以前のバージョンの TieredWorks で 使 することは出来ません 4
スマートフォン設定 サイトデータの基本的な設定を います できること サイトデータの公開 公開設定 サイトタイトル画像の設定 テーマの設定 フッターテキストの変更 1 サイト管理 のをクリックします 以下のそれぞれの設定を います 公開 公開を選択できます サイトデータ公開設定 サイトフォルダ名 ページテーマ選択 コンテンツテーマ選択 サイトタイトル画像 フッターテキスト サイトフォルダ名の設定ができます ページ コンテンツのテーマを A E から選択することができます テーマについて をご参照下さい サイトタイトル画像の設定が出来ます 画像サイズは 動的に最適化されます サイトタイトル画像はトップページのページ上部に配置されます フッターテキストの設定が出来ます フッターモジュールの無いページでは表 されません テーマについて コンテンツテーマ ページテーマ テーマは 背景を含むページ全体の ページ テーマ と コンテンツ部分の コンテンツ テーマ をそれぞれ選択することができます ページテーマ :A コンテンツテーマ :A ページテーマ :B コンテンツテーマ :B ページテーマ :C コンテンツテーマ :C ページテーマ :D コンテンツテーマ :D ページテーマ :E コンテンツテーマ :E 2 全ての設定が完了したら 保存 をクリックします 5
モジュールの設定 アップロード モジュールごとの公開 公開の設定 アップロードを います できること モジュールごとの公開設定 プレビューでの確認 アップロード 1 プレビュー画 でモジュールを選択状態にすると 有効 無効 の切り換えボタンが利 可になります ( 対応モジュール ( ページ下部 <! 注意 > 参照 ) ではボタンがグレーになり 利 できません ) 有効にする場合 無効にする場合 有効にしたいモジュールを選択し 編集画 上部の 有効 ボタンをクリックします ページ下部の 再構築 をクリックすると サイトに反映され プレビューで確認ができます 無効にしたいモジュールを選択し 編集画 上部の 無効 ボタンをクリックします ページ下部の 再構築 をクリックすると サイトに反映され プレビューで確認ができます 有効にしたモジュールが表 されます 無効にしたモジュールは表 されません 6
2 必要に応じて各モジュールの 詳細設 定 のを変更し ます モジュールによって設定出来る項 が異 なります の設定例 記事 ( 表 領域 ): 開閉状態 出しにリンクの無い記事モジュール ( 記事モジュール Type05 など ) の場合 記事の表 状態を設定する事ができます 開閉状態を選択します 開く の場合 閉じる の場合 記事が開かれた状態で表 されます 記事が閉じられた状態で表 されます ( 出し部分のクリックで記事が開きます ) 出し ( 動改 ) 出しのあるモジュール ( 記事モジュールなど ) の場合 出しの 動改 を設定する事ができます 改 の状態を選択します 折り返す の場合 折り返さない の場合 出しが い場合には 動的に折り返されます この場合 出し : はみ出し要素の処理項 では 表 する を選択してください 出しが折り返されずに... で表 されます この場合 出し : はみ出し要素の処理項 では 表 しない を選択してください 7
3 プレビュー画 のマークをクリックし スマートフォン向けに書き出すページを確認します 4 アップロード ボタンをクリックし アップロードを います 下記の項 はスマートフォンサイトに適応されません インデックスモジュールの RSS 各モジュールの背景画像やフォントの装飾等といったデザイン設定 以下はスマートフォン 対応モジュールとなります パン屑リストモジュール FLASH モジュール FLV 動画再 モジュール カレンダーモジュール(Type01 Type03) ナビゲーションモジュールは強制的に 有効 になります 初期値は 対応モジュール以外の全てのモジュールが 有効 になります 下記の状態の場合 スマートフォンサイトが期待通りの表 にならない場合がありますので モジュールの設定内容を修正するか記事を 無効 にしてください モジュールの基本設定の項 内容が空欄になっている場合 モジュールの基本設定の項 内容に HTML タグが利 されている場合 複数のモジュールを つの記事として作成している場合 スマートフォンサイトでは アンカーリンク ( ページ特定箇所へのリンク ) は機能しません ローカルプレビューは ページ単体でのプレビュー機能であるため ナビゲーションやリンクなどの確認はスマートフォン実機にて ってください 8
PC サイトとスマートフォンサイトでのモジュールの表 の例 PC サイト スマートフォンサイト ナビゲーションモジュール ( 別のページになります ) 出しモジュール Type01 記事モジュール Type05 記事モジュール Type02 リンクバナーモジュール インデックスモジュール ( 記事アイテム ) お問い合わせフォームモジュール 9
スマートフォンでの確認 実際にスマートフォンでの表 を確認します できること スマートフォンでの表 の確認 1 アップロードが完了したら 実際にスマートフォンでサイトを表 し 確認します トップページ ヘッダーには Menu ボタンとホームボタン ページ名が配置されます トップページにのみ スマートフォン のサイトイメージ画像が配置されます トップページにのみ サイト紹介 が配置されます ( サイト紹介 は トップページの ページ情報 の 紹介 です ) Menu ボタンをクリックするとナビゲーションページが表 されます モバイル / パソコンの表 の切り換えのリンクが配置されます パソコン表 の場合 フッターが配置されます ナビゲーションページ Back ボタンとページ名が配置されます カテゴリ名とページ名が表 されます モバイル / パソコンの表 切替ボタンなどを正しく機能させるために サイト管理 > 基本情報 の HP アドレス を必ず設定してください アップロード先で テスト アップロード を選択した際のスマートフォンサイトの確認は HP アドレス / サイトフォルダ / preview/ サイトフォルダ名 ( スマートフォン )/ より ってください 10
アクセス解析 スマートフォンサイトのアクセス解析を確認します できること アクセス解析の確認 1 TieredWorks ツールバーの ツール から アクセス解析 を選択します ログイン画 が ち上がったら ID パ スワードを し ログイン をクリ ックします 初期値は管理者 ID:admin パスワード :passwd になります 2 ログ解析条件設定 画 で 解析条件を設定し 表 をクリックします 3 アクセス解析を うページ名の選択ができます アクセス解析を う期間の指定ができます PC ページとスマートフォン ページの両 あるいはいずれかの集計を切り換える事ができます ページビューでの集計 ユニークユーザーでの集計を切り換えることができます ページビュー そのページが閲覧された回数 ユニークユーザー そのページを閲覧した 数 解析したいフィールドの指定ができます 総ヒット数 サイトの総ヒット数を表 ブラウザ ブラウザの種類別にヒット数を表 語 アクセス元の 語圏 ( ブラウザの 語設定 ) を表 OS OS ごとのヒット数を表 リモートホスト リモートホスト別にヒット数を表 リンク元 リンク元を表 ページ別 ページ別のヒット数を表 検索エンジン 訪問者がどの検索エンジンを使 して検索したか 検索ワード 訪問者がどのようなワードで検索したか 11
アクセス解析の表 の例 TieredWorks Ver1.4.0.1 以降で新規作成されたサイトデータのみ スマートフォンサイト集計機能が付いたアク セス解析を利 することができます 12
補 資料 1 モジュールの表 について PC スマートフォン リンクバナーモジュール 画像は表 されず バナー : ハイパーリンク ( テキスト ) 部分に設定された 字列とアイコンが表 されます リンクバナーモジュール ( 並列 2) リンクバナーモジュール ( 並列 3) は グループ化するか個別ボタンで表 するか選択できます グループ化 個別ボタン 記事モジュール Type01 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が 出しのリンクになります 記事モジュール Type02 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が 出しのリンクになります 記事モジュール Type03 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が 出しのリンクになります 記事モジュール Type04 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が 出しのリンクになります 記事モジュール Type05 出しクリックで記事が開きます 13
記事モジュール Type06 出しクリックで記事が開きます 記事モジュール Type07 出しクリックで記事が開きます 記事モジュール Type08 出しクリックで記事が開きます 記事モジュール Type09 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が 出しのリンクになります 記事モジュール Type10 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が 出しのリンクになります 記事モジュール Type11 11-2 ファイル管理内のファイルを画像のリンク先として設定できます 出しクリックで記事が開きます 記事モジュール Type12 12-2 ファイル管理内のファイルを画像のリンク先として設定できます 出しクリックで記事が開きます 14
記事モジュール Type13 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が 出しのリンクになります 記事モジュール Type14 出しクリックで記事が開きます 記事モジュール Type15 記事モジュール Type16 16-2 16-3 出しクリックで記事が開きます 16-2 16-3 は 出しがグループ化されます 記事モジュール Type17 画像にリンクがあると記事が分割され 分割左が画像リンク 分割右が [ 詳細はこちら ] のリンクになります 記事モジュール Type18 18-2 18-3 画像にリンクがあるとアイコンが表 されます 18-2 18-3 はグループ化されます 15
記事モジュール Type19 記事モジュール Type20 出しクリックで記事が開きます インデックスモジュール ( 記事リスト ) 出しクリックで記事が開きます 検索結果の表 ( インデックスモジュール 全て同様の表 となります ) 覧の記事クリックでその記事の詳細ペ ージが開きます インデックスモジュールは 1 ページの表 記事がグループ化されます インデックスモジュール ( 記事アイテム ) Type03( 記事アイテム並列 ) Type04( 記事アイテム並列 ) Type05( 記事アイテム並列 ) 出しクリックで記事が開きます 覧の記事クリックでその記事の詳細ペ ージが開きます インデックスモジュールの並列タイプ (03,04,05) も同様の設定となります インデックスモジュールは 1 ページの表 記事がグループ化 されます インデックスモジュール ( 記事アイテム ) Type03( 記事アイテム並列 ) Type04( 記事アイテム並列 ) Type05( 記事アイテム並列 ) のメイン画像にリンク設定があった場合でも 覧表 部分は分割されません 画像の リンク設定は無効になります サブ画像のリンク設定は有効です 16
フィード取得モジュール フィード取得モジュールは 1 ページの表 記事がグループ化されます お問い合わせモジュール 必須 部分 コメント部分は 詳細設定の フォント ( ) と フォント ( サイズ ) の設定がスマートフォンサイトでも反映され ます 17
補 資料 2 モジュールの詳細設定について カテゴリ : 表 テーマページ : 表 テーマ カテゴリテーマ ページテーマ 表 テーマは カテゴリ部分 ペ ージ部分をそれぞれ選択すること が出来ます ナビゲーションモジュール カテゴリテーマ :A ページテーマ :A カテゴリテーマ :B ページテーマ :B カテゴリテーマ :C ページテーマ :C カテゴリテーマ :D ページテーマ :D カテゴリテーマ :E ページテーマ :E ( 縦 横 ) バナー : 動改 折り返す (normal) 折り返さない (nowrap) リンクバナーモジュール全て この場合 はみ出し要素の処理 では 表 する を選択し てください この場合 はみ出し要素の処理 では 表 しない を選択し てください バナー : はみ出し要素の処理 表 する (visible) 表 しない (hidden) リンクバナーモジュール全て 動改 で 折り返さない 選択を選択した場合 バナー : アイコン Left arrow Right arrow リンクバナーモジュール全て Up arrow Delete Down arrow Plus Minus Check Gear Refresh Forward Back Grid Star Alert Info Home Search False バナー : アイコンの位置 左 (left) 右 (right) リンクバナーモジュール全て 上 (top) 下 (bottom) テキスト 表 (notext) 18
バナー : グループ化 グループボタン (controlgroup) 個別ボタン (none) リンクバナーモジュール並列 2, 並列 3 出し : 動改 ( 出しにリンク有 ) 折り返す (normal) 折り返さない (nowrap) 記事モジュール Type01,02,03,04,09,10,13 この場合 出し : はみ出し要素の処理項 では 表 する を選択してください この場合 出し : はみ出し要素の処理項 では 表 しない を選択してください 出し : 動改 ( 出しにリンク無 ) 折り返す (normal) 折り返さない (nowrap) < 使 可能モジュール> 記事モジュール Type05,06,07,08,11,12,11-2, 12-2,14,16,16-2,16-3,20 インデックスモジュール全て この場合 出し : はみ出し要素の処理項 では 表 する を選択してください この場合 出し : はみ出し要素の処理 項 では 表 しない を選択してください 出し : 動改 ( 出しリンク有 画像無 ) 折り返す (normal) 折り返さない (nowrap) 記事モジュール Type15,19 フィード取得モジュール ( 付 ) 出し : はみ出し要素の処理 ( 出しにリンク有 ) 表 する (visible) 表 しない (hidden) 記事モジュール Type01,02,03,04,09,10,13 動改 で 折り返さない を選択した場合 出し : はみ出し要素の処理 ( 出しにリンク無 ) 表 する (visible) 表 しない (hidden) < 使 可能モジュール> 記事モジュール Type05,06,07,08,11,12,11-2, 12-2,14,16,16-2,16-3,20 インデックスモジュール全て 動改 で 折り返さない 選択を選択した場合でもこの 場合は表 されません 19
出し : はみ出し要素の処理 ( 出しリンク有 画像無 ) 表 する (visible) 表 しない (hidden) 記事モジュール Type15,19 フィード取得モジュール ( 付 ) 動改 で 折り返さない を選択した場合 本 : 動改 折り返す (normal) 折り返さない (nowrap) < 使 可能モジュール> 記事モジュール Type01,02,03,04,09,10,13, 17( 出し無 [ 詳細はこちら ] 有 ), 18( 出し無 ),18-2( 出し無 ), 18-3( 出し無 ) インデックスモジュール( 記事アイテム ),03,04,05 本 : 動改 ( 画像無 ) この場合本 : はみ出し要素の処理項 では 表 する を選択してください 折り返す (normal) この場合本 : はみ出し要素の処理項 では 表 しない を選択してください 折り返さない (nowrap) < 使 可能モジュール> 記事モジュール Type15,19 インデックスモジュール( 記事リスト ) フィード取得モジュール( 付 ) この場合本 : はみ出し要素の処理項 では 表 する を選択してください この場合本 : はみ出し要素の処理項 では 表 しない を選択してください 本 : はみ出し要素の処理 表 する (visible) 表 しない (hidden) < 使 可能モジュール> 記事モジュール Type01,02,03,04,09,10,13, 17( 出し無 [ 詳細はこちら ] 有 ), 18( 出し無 ),18-2( 出し無 ), 18-3( 出し無 ) インデックスモジュール( 記事アイテム ),03,04,05 本 : はみ出し要素の処理 動改 で 折り返さない を選択した場合 表 する (visible) 表 しない (hidden) < 使 可能モジュール> 記事モジュール Type15,19 インデックスモジュール( 記事リスト ) フィード取得モジュール( 付 ) 動改 で 折り返さない を選択した場合 記事 : ハイパーリンク ( アイコン ) < 使 可能モジュール> アイコンの種類はバナー : アイコンを参照のこと アイコン 記事モジュール Type01,02,03,04,09,10,13, 15( 画像無 ),17( 出し無 [ 詳細は こちら ] 有 ),18( 出し無 ), 18-2( 出し無 ),18-3( 出し無 ),19( 画像無 ) 20
分割ボタン : ハイパーリンク ( テキスト ) 分割リンク部分に設定されたリンクの代替テキストを設定します 分割ボタン とは 画像にリンクを設定した場合 リンクの認識範囲が以下のように分割されます 記事モジュール Type01,02,03,04,09,10,13 画像に設定されたリンク 出しに設定されたリンク 分割ボタン : ハイパーリンク ( アイコン ) 分割ボタン使 時のアイコンを設定します アイコンの種類はバナー : アイコンを参照のこと < 使 可能モジュール> 記事モジュール Type01,02,03,04,09,10,13, 17( 出し無,[ 詳細はこちら ] 有 ) 分割ボタンのアイコンは 表 設定はありません アイコン 記事 ( 表 領域 ): 開閉状態 開く (false) 閉じる (true) < 使 可能モジュール> 記事モジュール Type05,06,07,08,11,12,11-2, 12-2,14,16( 画像無 ),16-2( 画像無 ),16-3( 画像無 ),20( 画像無 ) 出し部分をクリックすると記事が開きます 記事 ( 表 領域 ): コンテン ツフォーマット 開閉式コンテンツ (collapsible) デフォルト (none) 記事モジュール Type20 この場合記事 : 開閉状態の項 で 開く 閉じる の指定が出来ます 検索フォーム ( 送信ボタンテー マ ) A B C D E インデックスモジュール全て 記事リスト : 開閉状態 開く (false) 閉じる (true) インデックスモジュール全て 出し部分をクリックすると記事が開きます 21
記事タイトル : 動改 ( 記事リスト ) 折り返す (normal) 折り返さない (nowrap) インデックスモジュール ( 記事リスト ) この場合記事タイトル : はみ出し要素の処理項 では 表 する を選択してください この場合記事タイトル : はみ出し要素の処理項 では 表 しない を選択してください 記事タイトル : 動改 ( 記事アイテム ) 折り返す (normal) 折り返さない (nowrap) インデックスモジュール ( 記事アイ テム ),03,04,05 この場合記事タイトル : はみ出し要素の処理項 では 表 する を選択してください この場合記事タイトル : はみ出し要素の処理項 では 表 しない を選択してください 記事タイトル : はみ出し要素の処理 ( 記事リスト ) 表 する (visible) 表 しない (hidden) インデックスモジュール ( 記事リスト ) 動改 で 折り返さない を選択した場合 記事タイトル : はみ出し要素の処理 ( 記事アイテム ) 表 する (visible) 表 しない (hidden) インデックスモジュール ( 記事アイ テム ),03,04,05 動改 で 折り返さない を選択した場合 検索結果 : 動改 折り返す (normal) 折り返さない (nowrap) インデックスモジュール全て この場合検索結果 : はみ出し要素の処理項 では 表 する を選択してください この場合検索結果 : はみ出し要素の処理 項 では 表 しない を選択してください 検索結果 : はみ出し要素の処 理 表 する (visible) 表 しない (hidden) インデックスモジュール全て 動改 で 折り返さない を選択した場合 22
送信ボタン : テーマ A B C D E お問い合わせモジュール インデックスモジュール ( 記事アイテム ) の記事について 記事 出し インデックスモジュールの 覧から記事をクリックすると詳細が表 されます 画像 ( イメージ ) にリンクの設定がある場合は無効になります ( 詳細ページの画像部分のリンク設定は有効になります ) 本 詳細ページ 詳細 ( テキスト ) 詳細ページ 画像 詳細ページ 戻るボタン 23