Contents Contents( 目次 ) 1 重要編集の際の注意事項 2 編集可能なページ部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等 ) 7 サイドバーバナー部分 8

Size: px

Start display at page:

Download "Contents Contents( 目次 ) 1 重要編集の際の注意事項 2 編集可能なページ部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等 ) 7 サイドバーバナー部分 8"

しまなみうら
5 years ago
Views:

1 アークスグループ事業会社各社 Web サイト編集マニュアル株式会社ユニバース様

2 Contents Contents( 目次 ) 1 重要編集の際の注意事項 2 編集可能なページ部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等 ) 7 サイドバーバナー部分 8 サイドバーバナー部分事業会社レイアウト用 9 サイドバーバナー部分店舗レイアウト用 10 採用情報各社独自ページ 11 CSS Javascript 等について ( 上級者向け注意事項 ) CSS について CSS を追加したい場合は module_2.css module_3.css に記述してくださいそれ以外の css ファイルには変更を加えないようにお願いいたします Javascript について html ファイルに直接 javascript を記述するとシステム障害の原因となります新たな javascript を追加する場合はスクリプト記述を外部ファイルとして読み込むようにしてください

3 重要編集の際の注意事項編集の際の注意事項本サイトは店舗情報キャンペーン情報チラシ情報最新情報 RARA レシピ等々 CMS (Content Management System) を導入しリアルタイム編集を可能にしていますそのためこのシステムに必要な記述を破壊してしまったりシステムの障害となるサーバーサイドスクリプト (Javascript php 等 ) を書き加えてしまうとシステムが正常に作動しなくなる ( サイトのページが表示されなくなる等 ) の障害が起きる可能性がありますお客様 ( あるいは依頼を受けた業者様 ) がページの編集更新を行う際は上記の点に十分注意してくださいまたお客様の編集によってシステムの不具合が起きてしまった場合その保障はいたしかねますのでご了承ください万一の事態に備え更新の際は必ずバックアップを取ってから行うよう徹底することをお勧めいたしますサイトの文字コードサイトの文字コードは utf-8 で作成されていますそれ以外の文字コードで編集するとシステム障害文字化け等を引き起こしますので編集の際は必ず utf-8 で編集できるソフトウエアをご利用ください編集の際の推奨ソフトウエアページ編集の際には以下のソフトウエアを推奨いたします ADOBE DREAMWEAVER 文字コード指定のできる (utf-8 で編集できる ) テキストエディタ注意一般の方を対象にしたホームページ編集ソフトの中には必要のない独自タグ ( 記述 ) を勝手に挿入するものがあります ( 例 ) IBM のホームページビルダー等これらの独自タグが原因でシステムに障害の起きる可能性がございますのでご利用はご遠慮ください編集可能なページ部分につきましては次ページ以降でご説明いたします

4 編集可能なページ部分トップページトップページ _tpl_list.html 4~7 キャンペーン (campaign) チラシ情報 (flyer) 会社案内 (about) システム領域により編集不可サイドバー下部バナーのみ可能採用情報 (recruit) 採用情報 recruit/_tpl_list.html 13 店舗情報一覧 (map) 店舗情報 TOP(shop) 店舗情報 Flash 11~12 店舗情報詳細 (shop/information) レシピページ (shop/rara) RARA カード (raracard) サイドバーバナー会社用店舗用 (inc) サイドバー下部バナー部分 inc/_tpl_side_global.html inc/_tpl_side_shop.html 8~10 各社独自ページ各社独自ページ採用情報の編集方法と同じです

5 トップページ ( _tpl_list.html ) トップ Flash の内容変更編集方法は P5~6 をご参照くださいおすすめ情報 ( カタログギフト等 ) 編集方法は P7 をご参照くださいサイドバー下部バナー部分編集方法は P8~9 をご参照ください

jpg photo02.jpg photo03.jpg } メイン画像 photo01.jpg~photo03.

6 トップ Flash ( 画像 : フォルダ photo ) メイン画像部分スライド画像 3 枚を表示できますフォルダ photo の中の画像を差し替えますサイズは横 662px 縦 253px で固定フォルダ photo の初期内容 photo01.jpg photo02.jpg photo03.jpg } メイン画像 photo01.jpg~photo03.jpg が順番にスライド表示されますメイン画像部分初期の画像を残しておきたい場合はファイル名を変えてフォルダ photo にアップしてくださいその場合設定ファイルを変更します ( 次ページ参照 )

7 トップ Flash ( 設定 :photo.xml) 設定ファイルの編集画像ファイル名を変えるクリックした際のリンク先を変えるなど設定を変更する場合は photo.xml を編集します編集の際は必ず utf-8 で編集できるソフトウエアをご利用ください <?xml version="1.0" encoding="utf-8"?> <feed> <entry> <entryphoto ImgPhoto="photo/photo01.jpg" /> <entryphoto ImgPhoto="photo/photo02.jpg" /> <entryphoto ImgPhoto="photo/photo03.jpg" /> </entry> </feed> スライド表示されるメイン画像名

を表示させたい場合はコメントアウト ( 赤い部分 ) の記述を削除しその代わりに記事 2 つバージョン ( 青の部分 ) をコメントアウトで囲みます編集の際は必ず utf-8 で編集できるソフトウエアをご利用ください <h2 class= clearfix index ><img src= _images/index/h2_02.

class="gift_title"><img src="../_images/gift_ttl_00.gif" alt=""> <div class= gift_img ><img src= _images/index/gift_img_01.

jp target= _blank > 詳しく見る </a> <div class="gift_item fi_right"> <div class="gift_title"><img src="../_images/gift_ttl_00.

8 おすすめ情報 ( _tpl_list.html ) おすすめ情報 ( カタログギフト等 ) の変更おすすめ情報の部分は記事が 1 つのバージョンと 2 つのバージョンを入れられるようタグをご用意しています記事が 1 つのバージョン記事が 2 つのバージョン以下は記事 2 つバージョンを表示させている場合のタグ記述例です記事 1 つバージョン ( 黄色の部分 ) を表示させたい場合はコメントアウト ( 赤い部分 ) の記述を削除しその代わりに記事 2 つバージョン ( 青の部分 ) をコメントアウトで囲みます編集の際は必ず utf-8 で編集できるソフトウエアをご利用ください <h2 class= clearfix index ><img src= _images/index/h2_02.gif alt= ユニバースのおすすめ情報 " class="fi_left" height="41" width="680"></h2> <div class="index_box"> <div id="gift_box" class="clearfix"> <div class="gift_item fi_left"> <div class="gift_title"><img src="../_images/gift_ttl_00.gif" alt=""> <div class= gift_img ><img src= _images/index/gift_img_01.jpg alt= ポイント " height="213" width="283"> <div class= gift_path ><a href= target= _blank > 詳しく見る </a> <div class="gift_item fi_right"> <div class="gift_title"><img src="../_images/gift_ttl_00.gif" alt=""> <div class= gift_img ><img src= _images/index/gift_img_02.jpg alt= 生活応援価 " height="213" width="283"> <div class= gift_path ><a href= _images/common/cgc_sale.pdf target= _blank > 詳しく見る </a>

9 サイドバー下部バナー部分 ( inc/_tpl_side_global.html inc/_tpl_side_shop.html) サイドバー下部バナー部分の変更サイト内のサイドバー下部は事業会社レイアウト ( トップページや会社案内等 ) と店舗レイアウトでそれぞれのバナー部分を読み込んでいます各ファイルを編集することでサイト内すべてのページのバナー部分が変更されます事業会社用レイアウトのバナー部分店舗用レイアウトのバナー部分フォルダ inc の _tpl_side_global.html を編集します次ページ参照フォルダ inc の _tpl_side_shop.html を編集します次ページ参照

サイドバー下部バナー部分 ( inc/_tpl_side_global.html) 事業会社レイアウト用バナー部分の変更フォルダ inc の_tpl_side_global.htmlを編集します編集の際は必ず utf-8 で編集できるソフトウエアをご利用ください <!-- side 事業会社用サイドバナー :st --> <!

$jpg" alt="{literal}cgc GROUP{/literal}" width="200" height="50" class="roll_alpha" /></a> <div class="mb_10"> <a href="/group/shinohara/shop/rara/one"><img src="/group/_images/side_resepi_bnr.$

10 サイドバー下部バナー部分 ( inc/_tpl_side_global.html) 事業会社レイアウト用バナー部分の変更フォルダ inc の_tpl_side_global.htmlを編集します編集の際は必ず utf-8 で編集できるソフトウエアをご利用ください   <div class="mb_10"> <a href=" target="_blank"><img src="/group/_images/side_cgc_bnr.jpg" alt="{literal}cgc GROUP{/literal}" width="200" height="50" class="roll_alpha" /></a> <div class="mb_10"> <a href="/group/shinohara/shop/rara/one"><img src="/group/_images/side_resepi_bnr.gif" alt="{literal}rara レシピ詳しくはこちら {/literal}" width="200" height="132" class="roll_alpha" /></a>   黄色い部分が編集不可の領域です青い部分が編集可能領域ですので新たなバナーを追加していただくことができますその場合バナーの幅は200px 以下にしてください画像へのパスは絶対パス ( ルート相対またはから始まるパス ) で指定してください alt( 画像説明文 ) に日本語を使う際は {literal} RARAレシピ詳しくはこちら {/literal} のように文節を {literal} ~{/literal} で囲んでくさい

$-- 以下の画像は編集できません画像の変更する場合は新たに画像を作成しアップロード先のパスを指定してください :st --> <div class="mb_10"> <a href="/group/universe/raracard/?id={$shop_id}"><img src="/group/_images/side_bnr04.$

11 サイドバー下部バナー部分 ( inc/_tpl_side_shop.html) 店舗レイアウト用バナー部分の変更フォルダ inc の_tpl_side_shop.htmlを編集します編集の際は必ず utf-8 で編集できるソフトウエアをご利用ください   <div class="mb_10"> <a href="/group/universe/raracard/?id={$shop_id}"><img src="/group/_images/side_bnr04.jpg" alt="{literal}rara カード会員募集中 {/literal}" class="mb_10 roll_alpha" /></a> <div class="mb_10"> <a href="/group/universe/shop/rara/one/?id={$shop_id}"><img src="/group/_images/side_resepi_bnr.gif" alt="{literal}rara レシピ詳しくはこちら {/literal}" width="200" height="132" class="roll_alpha" /></a>   黄色い部分が編集不可の領域です青い部分が編集可能領域ですので新たなバナーを追加していただくことができますその場合バナーの幅は200px 以下にしてください画像へのパスは絶対パス ( ルート相対またはから始まるパス ) で指定してください alt( 画像説明文 ) に日本語を使う際は {literal} RARAレシピ詳しくはこちら {/literal} のように文節を {literal} ~{/literal} で囲んでくさい

12 ファイル名画面名称 (title) 作成にあたってのポイント採用情報 (recruit/_tpl_list.html) その他各社独自ページ採用情報各社独自ページの変更採用情報 (recruite/_tpl_list.html) あるいは各社独自ページは通常のhtml 編集に近いものですただし編集するのはファイルの編集可能領域に限定してくださいまた編集の際は必ず utf-8 で編集できるソフトウエアをご利用くださいページ内のタグで  ~~~  で囲まれている部分のみ編集いただけます編集可能領域 copyright Eixia, All rights reserved. 11

13 採用情報採用情報 CMS について管理画面より情報を登録可能な CMS を実装 ( 仮 ) CMS CMS 導入が決まりましたら登録方法などマニュアルをご用意いたします

アークスグループ事業会社各社 Web サイト編集マニュアル株式会社ふじ様

アークスグループ事業会社各社 Web サイト編集マニュアル株式会社ふじ様アークスグループ事業会社各社 Web サイト編集マニュアル株式会社ふじ様 http://www.arcs-g.co.jp/group/fuji/ Contents Contents( 目次 ) 1 重要編集の際の注意事項 2 編集可能なページ部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等