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

(1)

アークスグループ事業会社各社

Webサイト編集マニュアル

株式会社ユニバース様

(2)

◆Ｃｏｎｔｅｎｔｓ（目次）

…1

◆ 【重要】編集の際の注意事項

…2

◆編集可能なページ・部分

…3

○トップページ

…4

○トップFlashの内容変更（画像変更）

…5

○トップFlashの内容変更（設定変更）

…6

○おすすめ情報（カタログギフト等）

…7

○サイドバー・バナー部分

…8

○サイドバー・バナー部分事業会社レイアウト用

…9

○サイドバー・バナー部分店舗レイアウト用

…10

○採用情報・各社独自ページ

…11

CSS Javascript等について（上級者向け注意事項）

htmlファイルに直接javascriptを記述すると、システム障害の原因となります。

新たなjavascriptを追加する場合は、スクリプト記述を外部ファイルとして読み込むように

してください。

■

Javascriptについて

CSSを追加したい場合は、module_2.css、module_3.css に記述してください。

それ以外のcssファイルには、変更を加えないようにお願いいたします。

■

CSSについて

(3)

【重要】編集の際の注意事項

■

編集の際の注意事項

本サイトは「店舗情報」「キャンペーン情報」「チラシ情報」「最新情報」「RARAレシピ」

等々、CMS (Content Management System)を導入し、リアルタイム編集を可能にして

います。

そのため、このシステムに必要な記述を破壊してしまったり、システムの障害となる

サーバーサイドスクリプト（Javascript、php等）を書き加えてしまうと、システムが正常

に作動しなくなる（サイトのページが表示されなくなる等）の障害が起きる可能性があ

ります。

お客様（あるいは依頼を受けた業者様）がページの編集・更新を行う際は、上記の点

に十分注意してください。

ページ編集の際には、以下のソフトウエアを推奨いたします。

・ADOBE DREAMWEAVER

・文字コード指定のできる（utf-8で編集できる）テキストエディタ

注意

一般の方を対象にしたホームページ編集ソフトの中には、必要のない独自タグ（記述）を

勝手に挿入するものがあります。

（例） IBMのホームページ・ビルダー等

これらの独自タグが原因でシステムに障害の起きる可能性がございますので、ご利用は

ご遠慮ください。

■

編集の際の推奨ソフトウエア

サイトの文字コードは【utf-8】で作成されています。

それ以外の文字コードで編集すると、システム障害、文字化け等を引き起こしますので

編集の際は、必ず、

【utf-8】で編集できるソフトウエア

をご利用ください。

■

サイトの文字コード

編集可能なページ、部分につきましては、次ページ以降でご説明いたします。

またお客様の編集によってシステムの不具合が起きてしまった場合、その保障はいた

しかねますのでご了承ください。

万一の事態に備え、更新の際は必ずバックアップを取ってから行うよう、徹底すること

をお勧めいたします。

(4)

編集可能なページ・部分

キャンペーン（campaign）

チラシ情報（flyer）

会社案内（about）

採用情報（recruit）

店舗情報一覧（map)

店舗情報TOP（shop)

店舗情報詳細

（shop/information)

レシピページ

(shop/rara)

トップページ

_tpl_list.html

…4～7

サイドバーバナー

会社用・店舗用

(inc)

サイドバー下部バナー部分

inc/_tpl_side_global.html

inc/_tpl_side_shop.html

各社独自ページ

※採用情報の編集方法と同じです

…8～10

システム領域により

編集不可

※サイドバー下部

バナーのみ可能

トップページ

RARAカード（raracard)

店舗情報Flash

…11～12

採用情報

recruit/_tpl_list.html …13

(5)

トップページ（ _tpl_list.html )

■トップFlashの内容変更

編集方法は

P5～6をご参照ください。

■おすすめ情報

（カタログギフト等）

編集方法は

P7をご参照ください。

■サイドバー下部

バナー部分

編集方法は

P8～9をご参照ください。

(6)

トップFlash （画像：フォルダ「photo」)

■

メイン画像部分

スライド画像3枚を表示できま

す。

フォルダ「photo」の中の画像

を差し替えます。

サイズは

横662px×縦253px

で固定。

■

メイン画像部分

初期の画像を残しておきたい場合は、ファイル名を変えて、フォルダ「photo」に

アップしてください。

その場合、設定ファイルを変更します。（次ページ参照）

■フォルダ「photo」の初期内容

}

■

photo01.jpg～photo03.jpg が順番にスライド表

メイン画像

示されます。

photo01.jpg photo02.jpg photo03.jpg

(7)

<?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>

トップFlash （設定：photo.xml)

画像ファイル名を変える、クリックした際のリンク先を変えるなど、設定を変更する場合は

photo.xmlを編集します。

編集の際は、必ず、

【utf-8】で編集できるソフトウエア

をご利用ください。

スライド表示されるメイン画像名

■

設定ファイルの編集

(8)

<div class=“gift_path”><a href=“http://www.polestar-web.jp” target=“_blank”>詳しく見る</a></div> </div>

<div class=“gift_path”><a href=“_images/common/cgc_sale.pdf” target=“_blank”>詳しく見る</a></div> </div> </div> </div> <!-- 記事1コバージョン <div class="index_box"> <div id="gift_box_01">

<div class="gift_img"><img src="_images/index/gift_img_01.jpg" alt="ララカードポイントプレゼント！" /></div> <div class="gift_path"><a href="_images/index/rara_point.pdf" target="_blank">今ならポイントが付いちゃう♪ララカードポイントプレゼント！</a></div> </div> -->

ご用意しています。

■

以下は【記事2つバージョン】を表示させている場合のタグ記述例です。

【記事1つバージョン（黄色の部分）】を表示させたい場合は、コメントアウト（赤い部分）の記述

を削除し、その代わりに【記事2つバージョン（青の部分）】をコメントアウトで囲みます。

編集の際は、必ず、

【utf-8】で編集できるソフトウエア

をご利用ください。

記事が1つのバージョン

記事が2つのバージョン

(9)

サイドバー下部バナー部分（ inc/_tpl_side_global.html inc/_tpl_side_shop.html)

サイト内のサイドバー下部は、事業会社レイアウト（トップページや会社案内等）と、

店舗レイアウトで、それぞれのバナー部分を読み込んでいます。

各ファイルを編集することで、サイト内すべてのページのバナー部分が変更されます。

■

サイドバー下部バナー部分の変更

事業会社用レイアウトのバナー部分

店舗用レイアウトのバナー部分

フォルダ「inc」の

_tpl_side_global.htmlを編集します。

※次ページ参照

フォルダ「inc」の

_tpl_side_shop.htmlを編集します。

※次ページ参照

(10)

サイドバー下部バナー部分（ inc/_tpl_side_global.html)

■

事業会社レイアウト用バナー部分の変更

フォルダ「inc」の_tpl_side_global.htmlを編集します。編集の際は、必ず、【utf-8】で編集できるソフトウエアをご利用ください。黄色い部分が編集不可の領域です。青い部分が編集可能領域ですので、新たなバナーを追加していただくことができます。その場合、バナーの幅は200px以下にしてください。画像へのパスは絶対パス（ルート相対またはhttp://から始まるパス）で指定してください。

alt（画像説明文）に日本語を使う際は、{literal} RARAレシピ詳しくはこちら{/literal}のように、文節を{literal}～{/literal}で囲んでくさい。

</div>

<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> </div>

(11)

</div>

<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>

</div>

サイドバー下部バナー部分（ inc/_tpl_side_shop.html)

■

店舗レイアウト用バナー部分の変更

フォルダ「inc」の_tpl_side_shop.htmlを編集します。編集の際は、必ず、【utf-8】で編集できるソフトウエアをご利用ください。黄色い部分が編集不可の領域です。青い部分が編集可能領域ですので、新たなバナーを追加していただくことができます。その場合、バナーの幅は200px以下にしてください。画像へのパスは絶対パス（ルート相対またはhttp://から始まるパス）で指定してください。

alt（画像説明文）に日本語を使う際は、{literal} RARAレシピ詳しくはこちら{/literal} のように、文節を{literal} ～{/literal}で囲んでくさい。

(12)

作成にあたってのポイントファイル名画面名称（title）

■

採用情報・各社独自ページの変更

ページ内のタグで

で囲まれている部分のみ、編集いただけます。

～～～

採用情報（recruit/_tpl_list.html) ・その他各社独自ページ

採用情報(recruite/_tpl_list.html）・あるいは各社独自ページは、通常のhtml編集に近

いものです。

ただし、編集するのはファイルの【編集可能領域】に限定してください。

また、編集の際は、必ず、

【utf-8】で編集できるソフトウエア

をご利用ください。

編集可能領域

(13)

■

採用情報・CMSについて

採用情報

管理画面より情報を登録可能なCMSを実装（仮）

CMS

CMS導入が決まりましたら、登録方法などマニュアルをご用意いたし

ます。

アークスグループ事業会社各社

Webサイト編集マニュアル

株式会社 ユニバース 様

◆Ｃｏｎｔｅｎｔｓ（目次）

…1

◆ 【重要】編集の際の注意事項

…2

◆編集可能なページ・部分

…3

○トップページ

…4

○トップFlashの内容変更（画像変更）

…5

○トップFlashの内容変更（設定変更）

…6

○おすすめ情報（カタログギフト等）

…7

○サイドバー・バナー部分

…8

○サイドバー・バナー部分 事業会社レイアウト用

…9

○サイドバー・バナー部分 店舗レイアウト用

…10

○採用情報・各社独自ページ

…11

Contents

CSS Javascript等について（上級者向け注意事項）

htmlファイルに直接javascriptを記述すると、システム障害の原因となります。

新たなjavascriptを追加する場合は、スクリプト記述を外部ファイルとして読み込むように

してください。

■

Javascriptについて

CSSを追加したい場合は、module_2.css、module_3.css に記述してください。

それ以外のcssファイルには、変更を加えないようにお願いいたします。

■

CSSについて

【重要】編集の際の注意事項

■

編集の際の注意事項

本サイトは「店舗情報」「キャンペーン情報」「チラシ情報」「最新情報」「RARAレシピ」

等々、CMS (Content Management System)を導入し、リアルタイム編集を可能にして

います。

そのため、このシステムに必要な記述を破壊してしまったり、システムの障害となる

サーバーサイドスクリプト（Javascript、php等）を書き加えてしまうと、システムが正常

に作動しなくなる（サイトのページが表示されなくなる等）の障害が起きる可能性があ

ります。

お客様（あるいは依頼を受けた業者様）がページの編集・更新を行う際は、上記の点

に十分注意してください。

ページ編集の際には、以下のソフトウエアを推奨いたします。

・ADOBE DREAMWEAVER

・文字コード指定のできる（utf-8で編集できる）テキストエディタ

注意

一般の方を対象にしたホームページ編集ソフトの中には、必要のない独自タグ（記述）を

勝手に挿入するものがあります。

（例） IBMのホームページ・ビルダー等

これらの独自タグが原因でシステムに障害の起きる可能性がございますので、ご利用は

ご遠慮ください。

■

編集の際の推奨ソフトウエア

サイトの文字コードは【utf-8】で作成されています。

それ以外の文字コードで編集すると、システム障害、文字化け等を引き起こしますので

編集の際は、必ず、

【utf-8】で編集できるソフトウエア

をご利用ください。

■

サイトの文字コード

編集可能なページ、部分につきましては、次ページ以降でご説明いたします。

またお客様の編集によってシステムの不具合が起きてしまった場合、その保障はいた

しかねますのでご了承ください。

万一の事態に備え、更新の際は必ずバックアップを取ってから行うよう、徹底すること

をお勧めいたします。

編集可能なページ・部分

キャンペーン（campaign）

チラシ情報（flyer）

会社案内（about）

採用情報（recruit）

店舗情報一覧（map)

店舗情報TOP（shop)

店舗情報詳細

（shop/information)

株式会社ユニバース様

○サイドバー・バナー部分事業会社レイアウト用

○サイドバー・バナー部分店舗レイアウト用

サイドバー下部バナー部分

トップページ（ _tpl_list.html )

トップFlash （画像：フォルダ「photo」)

トップFlash （設定：photo.xml)