使い方マニュアル 業種別ホームページ

様々な業種に対応した業種別ホームページの使い方マニュアルをご案内します。

各種設定や編集などの操作方法を解説しております。その他ご不明な点がございましたら9BOX宛にご連絡いただきますようお願い申し上げます。

使い方マニュアル 業種別ホームページ

ログイン

ホームページの編集を行う場合、管理画面にログインすることで編集が可能となっております。

ここではログインについてご説明します。

1.設定情報シートの確認

業種別ホームページをご契約のお客様には必ず設定情報シートをお渡ししております。

設定情報シートにはお客様のご契約されたWEBサイトのURL、管理画面URL、ログインID、ログインパスワードが記入されております。

設定情報シートの確認

2.管理画面URLを開く

管理画面のURLを開いていただくとログインID及びログインパスワードの入力欄がございますので設定情報シートを基にご入力していただきます。

管理画面URLを開く

3.ログイン処理

ログインID及びログインパスワードをご入力されましたらログインボタンを押してログインしていただきます。

管理トップページが開きましたら無事ログインが完了となります。

ログイン処理

管理トップ

管理トップではページの編集をスムーズに行う為の設定を行うことができます。

ここでは管理トップについてご説明します。

1.ページの並び替え

管理トップの並び替えアイコンをドラッグアンドドロップすることで各ページの並び替えを行うことができます。

例えば編集する機会が多いブログや出勤情報を上の方に並び替えることでスムーズに編集を行うことが可能となっております。ご契約のページによって異なりますが、出勤ページをご利用の場合出勤表が表示され、予約ページをご利用の場合予約管理が表示されるようになります。

ページの並び替え

2.ページ編集ボタン

各ページには「ページ編集」ボタンが設置されております。ページ編集を押すことで各ページの編集を行うことができます。

ページ編集ボタン

3.掲載ページボタン

各ページには「掲載ページ」ボタンが設置されております。掲載ページを押すことで各ページの掲載されているページの確認を行うことができます。

掲載ページボタン

4.表示切換えボタン

各ページには「チェックマークアイコン」が設置されております。これはページの表示・非表示を切り替えるアイコンでチェックマークが入っている場合は、ページが表示され、チェックマークが入っていない場合は、非表示(404ページ)となります。

表示切換えボタン

サイト設定(初期設定)

サイト設定では店舗情報やSNS、ロゴの設定などのサイト全体に関わる初期設定を行います。

具体的な設定方法を下記でご説明します。

1.店舗情報設定

表示設定

表示設定では検索エンジンの表示切換えを行うことができます。

「検索エンジンに表示する」にチェックが入っている場合は、検索エンジンに表示され、チェックが入っていない場合は検索エンジンに表示されません。

※反映にはクローラーの巡回頻度による影響を受ける為数日から数週間かかる場合がございます。

表示設定

サイト名の設定

サイト名ではサイトを表す表示名を設定します。

サイト名は全ページのヘッダー部分またはフッター部分に表示され、「9BOX WEB関連サービス」のように「店舗名+業種やコンセプト」で設定することをオススメします。

※選択したデザインによっては表示されない場合もございます。

サイト名の設定

メールアドレスの設定

メールアドレスの設定ではお問い合わせや予約時に受信するメールアドレスとなっております。

※お問い合わせページや予約ページを使用している場合、メールアドレスの設定がされていないと受信できませんので必ず設定してください。

メールアドレスの設定

電話番号の設定

電話番号の設定ではWEBサイトから電話のお問い合わせがあった際にかかってくる番号となっております。

電話を受け付けたくない場合は未入力も可能となっており、その場合WEBサイトには表示されません。

電話番号の設定

FAXの設定

FAXの設定ではWEBサイトのフッター部分に表示する設定となっております。

FAXを受け付けたくない場合は未入力も可能となっており、その場合WEBサイトには表示されません。

FAXの設定

住所の設定

住所の設定ではWEBサイトのフッター部分に表示する設定となっております。

未入力の場合表示されません。

住所の設定

LINEお問い合わせ先の設定

LINEお問い合わせ先の設定ではLINEからのお問い合わせがあった際に受信するLINEのURLを設定していただきます。

LINEでのお問い合わせを受け付けない場合、未入力が可能となっております。

LINEお問い合わせ先の設定

メール→LINE転送の設定

メール→LINE転送の設定ではお問い合わせや予約をメールで受信した際、LINEにも通知がくるようになります。

LINEにも通知がくるように設定する場合はLINEアクセストークンをご入力下さい。

未入力の場合LINEに転送されません。

メール→LINE転送の設定

営業時間の設定

営業時間の設定ではWEBサイトのフッター部分に営業時間を表示する設定となっております。

未入力の場合表示されません。

営業時間が2部に分かれない場合、営業時間のタイトル及び営業時間2の入力は未入力にして下さい。

営業時間が2部に分かれる場合、営業時間のタイトルを「午前の部」のように設定し、営業時間2の入力欄に入力して下さい。

営業時間の設定

最終受付の設定

最終受付の設定ではWEBサイトのフッター部分に最終受付を表示する設定となっております。

フリーテキストの為、「22:00」や「LO.22時」など自由に設定することができます。

未入力の場合表示されません。

最終受付の設定

定休日の設定

定休日の設定ではWEBサイトのフッター部分に定休日を表示する設定となっております。

フリーテキストの為、「年中無休」や「土・日・祝」など自由に設定することができます。

未入力の場合表示されません。

定休日の設定

消費税表記の設定

消費税表記の設定ではWEBサイトの料金で掲載する消費税の表記方法の設定となっております。

消費税表記はテイクアウトの合計金額を算出する際に表示されます。

消費税表記の設定

パンくずリストの設定

パンくずリストの設定では各ページのh1タグ(見出し)上部に表示される設定となっております。

「パンくずリストを表示する」にチェックがない場合、パンくずリストは表示されません。

パンくずリストの設定

スマホ固定フッターの設定

スマホ固定フッターの設定ではスマートフォンのデバイス端末のみ下部に固定で表示されるフッターメニューとなっております。

「電話番号ボタンを表示する」にチェックがある場合、電話アイコンが表示されます。

「メールボタンを表示する」にチェックがある場合、メールアイコンが表示されます。

「LINEボタンを表示する」にチェックがある場合、LINEアイコンが表示されます。

全てチェックがない場合、スマホ固定フッターは表示されません。

スマホ固定フッターの設定

更新ボタンをクリック

更新ボタンをクリックすることで上記入力項目の更新を行うことができます。

更新ボタンをクリック

2.SNSの設定

SNSのURL設定

SNSのURLを設定することで各ページの上部またはページ下部に表示されます。

「ツイッターURL」に入力されている場合、ツイッターアイコンが表示されます。

「ラインURL」に入力されている場合、ラインアイコンが表示されます。

「フェイスブックURL」に入力されている場合、フェイスブックアイコンが表示されます。

「インスタグラムURL」に入力されている場合、インスタグラムアイコンが表示されます。

未入力のSNSは表示されません。

SNSの設定

更新ボタンをクリック

更新ボタンをクリックすることで上記入力項目の更新を行うことができます。

更新ボタンをクリック

3.アクセス解析

1.アクセス解析を閲覧するには、Googleアナリティクスを開きます。

2.メールアドレスまたは電話番号入力欄にアクセス解析のアカウントIDを入力します。

アクセス解析のアカウントIDを入力

3.パスワード欄にアカウントPASSを入力します。

アクセス解析のアカウントPASSを入力

4.ログイン後アナリティクスの情報からアクセス解析を閲覧することが可能となっております。

4.住所(マップ)設定

住所(マップ)の表示設定

全てのページの下部に住所(マップ)を表示したい場合「住所を表示する」にチェックを入れます。

「住所を表示する」にチェックが入っていない場合はマップは表示されません。

住所(マップ)の表示設定

住所を入力

住所から検索の入力欄に都道府県から始まる住所を入力し、検索を押すと住所からマップが作成されます。

マップを拡大・縮小したい場合はズームレベルから設定をおこなうことができます。

住所を入力

更新ボタンをクリック

マップを登録する場合更新ボタンをクリックすることで住所(マップ)設定が完了となります。

更新ボタンをクリック

5.画像設定

ロゴ画像の設定

ロゴ画像の設定では各ページのヘッダー部に表示されるロゴの設定を行います。

ロゴ画像で使える拡張子は「jpg,png,gif」となっております。推奨サイズは横300px縦91pxとなっております。

ロゴ画像を追加したら更新ボタンを押して設定が完了となります。

ロゴ画像の設定

フッターロゴ画像の設定

フッターロゴ画像の設定では各ページのフッター部に表示されるロゴの設定を行います。

フッターロゴ画像で使える拡張子は「jpg,png,gif」となっております。推奨サイズは横300px縦91pxとなっております。

フッターロゴ画像を追加したら更新ボタンを押して設定が完了となります。

フッターロゴ画像の設定

ファビコンの設定

ファビコンの設定ではパソコンやスマートフォンでホーム画面に追加された時に表示される画像の設定を行います。

ファビコン画像で使える拡張子は「png」となっております。推奨サイズは横256px縦256pxとなっております。

ファビコンを追加したら更新ボタンを押して設定が完了となります。

ファビコンの設定

サブページ画像の設定

サブページ画像の設定ではトップページ以外のページで表示されるトップ画像の設定を行います。

デバイスに応じて画像をきれいに表示できるようPCとスマートフォン用で画像を設定することが可能です。

サブページ画像を追加したら更新ボタンを押して設定が完了となります。

サブページ画像の設定

6.グローバルメニューの設定

グローバルメニューの設定ではヘッダー部に表示されるメニューの設定を行うことができます。

メニューの順番はドラッグアンドドロップで並び替えを行うことができ、グローバルメニューで表示させたくないメニューはチェックマークを外すことによって非表示の設定を行うことができます。

更新は処理を行う都度自動で更新されます。

グローバルメニューの設定

7.フッターメニューの設定

フッターメニューの設定ではフッター部に表示されるメニューの設定を行うことができます。

メニューの順番はドラッグアンドドロップで並び替えを行うことができ、フッターメニューで表示させたくないメニューはチェックマークを外すことによって非表示の設定を行うことができます。

更新は処理を行う都度自動で更新されます。

フッターメニューの設定

ページ設定

ページ設定では検索エンジンで表示されるタイトルやページ内で使われるタイトル(h1タグ)などの設定が可能となっております。

ここではページ設定についてご説明します。

1.ページタイトルの設定

ページタイトルの設定を行うことで検索エンジンで表示されるタイトルを設定することができます。

基本設定ボタンをクリック

編集を行うページを開き、上部左上にある「基本設定」ボタンをクリックします。

基本設定ボタンをクリック

検索エンジンで表示される文字に入力

検索エンジンで表示される文字の入力欄にページタイトルを入力します。

ページタイトルの設定は「サービス内容 - 9BOX」のようにページのタイトルと店舗名の組み合わせがよくご利用される書き方となっております。地域に特化したい場合は「サービス内容 - 〇〇市のエステサロン 9BOX」のように地名と業種を入れた組み合わせをオススメしております。

検索エンジンで表示される文字に入力

更新ボタンをクリック

更新ボタンをクリックすることでページタイトルの更新が完了となります。

更新ボタンをクリック

2.ページh1タグの設定

ページh1タグの設定を行うことでページ内に表示されるタイトルを設定することができます。

基本設定ボタンをクリック

編集を行うページを開き、上部左上にある「基本設定」ボタンをクリックします。

基本設定ボタンをクリック

ページ内で表示されるタイトルに入力

ページ内で表示されるタイトルの入力欄にh1タグとして表示する文字を入力します。

基本的にはページタイトルと同じ設定でも問題ありませんが、店舗名を除いたページのタイトルのみでご利用されることが多くあります。

ページ内で表示されるタイトルに入力

更新ボタンをクリック

更新ボタンをクリックすることでページ内で表示されるタイトル(h1タグ)の更新が完了となります。

更新ボタンをクリック

3.ページ内キーワードの設定

ページ内キーワードの設定を行うことでHTMLファイルのmeta keywordsタグにキーワードが設定されます。

基本設定ボタンをクリック

編集を行うページを開き、上部左上にある「基本設定」ボタンをクリックします。

基本設定ボタンをクリック

ページのキーワード欄に入力

ページのキーワードの入力欄にキーワードを「,」区切りで入力します。

また、キーワードの設定は未設定も可能です。

ページのキーワード欄に入力

更新ボタンをクリック

更新ボタンをクリックすることでページキーワードの更新が完了となります。

更新ボタンをクリック

4.ページ内要約の設定

ページ内要約の設定を行うことで検索エンジンで表示される説明文及びページ内の要約を設定することができます。

基本設定ボタンをクリック

編集を行うページを開き、上部左上にある「基本設定」ボタンをクリックします。

基本設定ボタンをクリック

ページの要約欄に入力

ページの要約の入力欄に要約を入力します。

こちらもキーワード同様、未設定も可能です。

ページの要約欄に入力

更新ボタンをクリック

更新ボタンをクリックすることでページの要約の更新が完了となります。

更新ボタンをクリック

5.メニュー表示文字の設定

メニュー表示文字の設定を行うことでグローバルメニューやフッターメニューの表示文字の設定を行うことができます。

基本設定ボタンをクリック

編集を行うページを開き、上部左上にある「基本設定」ボタンをクリックします。

基本設定ボタンをクリック

メニューで表示される文字の入力欄に入力

メニューで表示される文字の入力欄にメニュー名を入力します。

例えば「お問い合わせ」を「CONTACT」と設定することでメニューの表示を変更することが可能となっております。

メニューで表示される文字の入力欄に入力

更新ボタンをクリック

更新ボタンをクリックすることでメニューで表示される文字の更新が完了となります。

更新ボタンをクリック

6.h1タグデザインの設定

h1タグデザインの設定を行うことでページ内で表示されるタイトルのデザインを設定することができます。

ページ内のh1タグをクリック

ページ内にあるh1タグ(見出し)をクリックします。

ページ内のh1タグをクリック

デザインから任意のデザインを選択

デザインに使用する項目が表示されますので、任意のデザインを選択します。

h1タグのデザインは下記の通りとなっております。

  • 左線
  • 上下線
  • 囲み二重線
  • 二重線
  • 全体を線で囲む
  • 左右に線
  • スラッシュで囲む
  • 細カギカッコ
  • 大括弧
  • 点線
  • ラインマーカー【青】
  • ラインマーカー【黄緑】
  • ラインマーカー【ピンク】
  • ラインマーカー【赤】
  • ボーダーで囲む×手書き風
デザインから任意のデザインを選択

横幅を選択

横幅を「通常」または「ワイド」から選択します。

横幅を選択

背景色を選択

背景色を選択します。

背景色を選択

余白を選択

余白を上下pxで選択します。pxは最小0pxから最大90pxまで選択することができます。

余白を選択

見出し文字サイズの選択

見出しの文字の大きさを選択します。サイズは最小6pxから最大60pxまで選択することができます。

見出し文字サイズの選択

見出し文字色の選択

見出しの文字色を選択します。

見出し文字色の選択

見出し文字位置の選択

見出しの文字位置を「左寄せ」または「中央寄せ」から選択します。

見出し文字位置の選択

更新ボタンをクリック

更新ボタンをクリックすることでh1タグデザインの更新が完了となります。

なお、h1タグデザインの更新を行うことで全ページ共通のデザインとなります。

更新ボタンをクリック

セクション設定

セクション設定ではページ内セクションにおける追加や編集などの設定を行うことができます。

ここではセクション設定についてご説明します。

1.セクションの追加

セクション追加ボタンをクリック

編集を行うページを開き、「セクション追加」ボタンをクリックします。

※最上部にあるセクション追加ボタンは最上部にセクションの追加を行うことができます。
※最下部にあるセクション追加ボタンは最下部にセクションの追加を行うことができます。
セクション追加ボタンをクリック

セクションデザイン一覧から任意のデザインをクリック

セクションデザイン一覧から任意のデザインをクリックします。

セクションデザイン一覧から任意のデザインをクリック

セクションデザイン一覧のカテゴリは下記の通りとなっております。

  • 文章のみ
  • 画像のみ
  • 文章+画像
  • 文章+画像(複数)
  • リスト
  • マップ
  • 料金
  • フォーム
  • 予約
  • 商品詳細
  • スタッフ詳細
  • テイクアウト
  • 出勤時間
  • プログ/お知らせ一覧
  • ブログ/お知らせ詳細
  • ボタン
  • EC

セクション追加完了

以上でセクションの追加が完了しますが、追加時はWebサイトに反映されないよう非表示となっておりますので編集が完了した上で、表示に切り替えてください。

セクション追加完了

2.セクションの並び替え

並び替えを行うセクションの上下アイコンをクリック

各セクションごとに設置された上下アイコンをクリックすることで上に移動または下に移動することができます。

「↑」アイコンをクリックすることで1つ上のセクションより上へ移動させることができます。

「↓」アイコンをクリックすることで1つ下のセクションより下へ移動させることができます。

並び替えを行うセクションの上下アイコンをクリック

3.セクションの編集

1.編集アイコンをクリック

各セクションごとに設置されている編集アイコンをクリックします。

編集アイコンをクリック

2.編集画面に入力

編集アイコンをクリックすることで編集画面が立ち上がります。

編集画面に入力

セクションの編集が可能な項目は下記の通りとなっております。

セクションタイトル編集

セクションタイトルの編集を行うことが可能です。

セクションタイトルとはこの領域ではこんなことを説明するよといった見出し(h2)的な役割を持ちます。

料金ページで例を挙げると、「メニュー表」や「お支払い方法について」がセクションタイトルに該当します。

セクションタイトル編集
セクション詳細編集

セクション詳細の編集を行うことが可能です。

セクション詳細とはセクションタイトルに対しての補足分となります。

料金ページで「メニュー表」というセクションタイトルがあった場合の例を挙げると、

「掲載しているメニューは全て税込価格となっております」がセクション詳細に該当します。

セクション詳細編集
背面画像編集

各セクションごとの背面画像の編集を行うことができます。

背景画像を表示する場合は、次項でご説明する背景色が「画像」または「画像固定」が選択されていないと反映されません。

背面画像編集
横幅編集

セクションごとの横幅を編集することが可能です。

「通常」を選択すると画面サイズ最大768pxの範囲内でセクションを表示することができます。

「ワイド」を選択すると画面サイズ関係なく横幅いっぱいに表示することができます。

横幅編集
背景色編集

セクションごとの背景色を編集することが可能です。

背景色に設定できる項目は下記の通りとなっております。

  • ベージュ
  • グレー
  • ライトブラウン
  • ブラウン
  • ダークブラウン
  • ブラックブラウン
  • ブルー
  • スカイブルー
  • ライトブルー
  • ダークブルー
  • ダークライトブルー
  • ライトピンク
  • ダークライトピンク
  • ショッキングピンク
  • ライトレッド
  • ショッキングレッド
  • ライトイエロー
  • イエロー
  • ショッキングイエロー
  • ライトオレンジ
  • オレンジ
  • ショッキングオレンジ
  • ライトパープル
  • パープル
  • ダークパープル
  • ライトグリーン
  • グリーン
  • ダークグリーン
  • イエローグリーン
  • 画像
  • 画像固定
背景色編集
アニメーション編集

セクションごとのアニメーション効果を編集することが可能です。

アニメーション効果で設定できる項目は下記の通りとなっております。

  • フェードイン
  • フェードアップ
  • フェードアップビッグ
  • バウンド
  • フラッシュ
  • パルス
  • ラバーバンド
  • シェイク
  • スウィング
  • ジャジャーン!
  • ワブル
  • ゼリー
  • バウンドイン
  • バウンドダウン
  • バウンドレフト
  • バウンドライト
  • バウンドインアップ
  • バウンドアウト
  • バウンドアウトダウン
  • バウンドアウトレフト
  • バウンドアウトライト
  • バウンドアウトアップ
  • フェードインダウン
  • フェードインダウンビッグ
  • フェードインレフト
  • フェードインレフトビッグ
  • フェードインライト
  • フェードインライトビッグ
  • フェードアウト
  • フェードアウトダウン
  • フェードアウトダウンビッグ
  • フェードアウトレフト
  • フェードアウトレフトビッグ
  • フェードアウトライト
  • フェードアウトライトビッグ
  • フェードアウトアップビッグ
  • フリップインX
  • フリップインY
  • フリップアウトX
  • フリップアウトY
  • ライトスピードイン
  • ライトスピードアウト
  • ローテートイン
  • ローテートインダウンレフト
  • ローテートインダウンライト
  • ローテートインアップレフト
  • ローテートインアップライト
  • ローテートアウト
  • ローテートアウトダウンレフト
  • ローテートアウトダウンライト
  • ローテートアウトアップレフト
  • ローテートアウトアップライト
  • ヒンジ
  • ロールイン
  • ロールアウト
  • ズームイン
  • ズームインダウン
  • ズームインレフト
  • ズームインライト
  • ズームインアップ
  • ズームアウト
  • ズームアウトダウン
  • ズームアウトレフト
  • ズームアウトライト
  • ズームアウトアップ
  • スライドインダウン
  • スライドインレフト
  • スライドインライト
  • スライドインアップ
  • スライドアウトダウン
  • スライドアウトレフト
  • スライドアウトライト
  • スライドアウトアップ
アニメーション編集
余白編集

セクションごとの余白を編集することが可能です。

余白で設定できる項目は上下0px~90pxとなります。

余白編集
タイトルデザイン編集

セクションごとのタイトルデザインを編集することが可能です。

タイトルデザインで設定できる項目は下記の項目となっております。

  • 左線
  • ラインマーカー【赤】
  • ラインマーカー【ピンク】
  • ラインマーカー【黄緑】
  • ラインマーカー【青】
  • 点線
  • 大括弧
  • 細カギ括弧
  • スラッシュで囲む
  • 左右に線
  • 全体を線で囲む
  • 二重線
  • 囲み二重線
  • 上下線
  • ボーダーで囲む×手書き風
タイトルデザイン編集
タイトル文字サイズ編集

セクションごとのタイトルの文字サイズを編集することが可能です。

文字サイズで設定できる範囲は6px~60pxとなります。

タイトル文字サイズ編集
タイトル文字色編集

セクションごとのタイトルの文字色を編集することが可能です。

文字色はRGBから多数の色を設定することができます。

タイトル文字色編集
詳細の文字色編集

セクションごとの詳細の文字色を編集することが可能です。

文字色はRGBから多数の色を設定することができます。

詳細の文字色編集
文字位置編集

セクションごとの文字位置を編集することが可能です。

文字位置は中央寄せ・左寄せから設定することができます。

文字位置編集

4.セクションの削除

削除を行うセクションのゴミ箱アイコンをクリック

各セクションごとに設置されたゴミ箱アイコンをクリックすることでセクションを削除することが可能となっております。

セクションの削除はセクション内のブロックも全て削除されます。

削除を行うセクションのゴミ箱アイコンをクリック

5.セクションの表示切換

表示ボタンをクリック

セクションの表示切換えを行うには、表示ボタンをクリックすることで表示または非表示の切り替えが可能となっております。

表示ボタンが緑色の場合表示され、灰色の場合非表示となります。

表示ボタンをクリック

6.セクションの複製

セクションコピーボタンをクリック

各ページの上部にある「セクションコピー」ボタンをクリックします。

セクションコピーボタンをクリック

コピー元のページとセクション名を選択し追加ボタンをクリック

コピーしたいセクションを選択する為、ページ名及びセクション名を選択します。

ページ名にはコピー元となるページを選択します。

セクション名にはコピー元となるページのセクション名を選択します。

コピー元のページとセクション名を選択し追加ボタンをクリック

追加をクリックしセクションコピーの完了

追加ボタンをクリックするとコピー元のセクションが編集画面に反映されます。

セクションコピーはセクション内に含まれるブロックも全てコピーされます。

追加をクリックしセクションコピーの完了

ブロック設定

ブロック設定ではセクション内のブロックにおける追加や編集などの設定を行うことができます。

ここではブロック設定についてご説明します。

1.ブロックの追加

プラスボタンをクリック

編集を行うページを開き、「+」ボタンをクリックします。

※セクションを作成していない場合、「+」ボタンが表示されませんのでセクションの追加を行ってください。
プラスボタンをクリック

入力フォームへ記入

ブロックに応じた入力フォームが表示されますので記入します。

※ブロックの入力フォームはセクションデザインに応じて入力項目が異なります。
入力フォームへ記入

装飾の設定

セクション同様ブロックごとの装飾設定を行うことができます。

※ブロックの装飾設定はセクションデザインに応じて入力項目が異なります。
装飾の設定

詳細ページの設定

各ブロックごとに詳細ページを作成することができます。

「詳細を公開」にチェックを入れることで詳細ページへリンクを設置することが可能です。

また、「詳細ページ編集」ボタンをクリックすることで詳細ページの編集を行うことができます。

詳細ページの設定
外部サイトへ遷移させたい場合

特定のブロックをクリックした際に詳細ページではなく、外部サイトへ遷移させたい場合「遷移先URL」を入力することで外部サイトへ戦死することができます。

また、同一のサイト内ページに遷移することも可能となっております。

外部サイトへ遷移させたい場合

更新ボタンをクリック

ブロックの入力フォーム、装飾設定、詳細ページ設定が完了しましたら更新ボタンをクリックします。

ブロックが追加されることを確認し、ブロックの追加は完了となります。

更新ボタンをクリック

2.ブロックの並び替え

並び替えを行うブロックをドラッグ&ドロップ

ブロックを移動したい場合、移動させるブロックを長押しし、対象の場所へ移動させた後ブロックを離すことで並び替えが完了となります。

並び替えを行うブロックをドラッグ&ドロップ

3.ブロックの編集

編集をおこなうブロックをクリック

編集をおこなうブロックをクリックします。

編集をおこなうブロックをクリック

入力フォームに記入

ブロックをクリックすることで編集画面が立ち上がります。

ブロックの編集では「入力フォーム」「装飾設定」「詳細ページ設定」を行うことができます。

入力フォームの編集について

入力フォームでは、ブロックのタイトルや説明文、画像等の編集を行うことができます。

※入力フォームで編集できる項目はセクションで選択したデザインによって異なります。
入力フォームの編集について
装飾設定

ブロックの装飾設定を行うことが可能となっております。

※装飾設定で編集できる項目はセクションで選択したデザインによって異なります。
装飾設定

3.詳細ページ設定

各ブロックごとに詳細ページを作成することができます。

「詳細を公開」にチェックを入れることで詳細ページへリンクを設置することが可能です。

また、「詳細ページ編集」ボタンをクリックすることで詳細ページの編集を行うことができます。

詳細ページ設定
外部サイトへ遷移させたい場合

特定のブロックをクリックした際に詳細ページではなく、外部サイトへ遷移させたい場合「遷移先URL」を入力することで外部サイトへ遷移することができます。

また、同一のサイト内ページに遷移することも可能となっております。

外部サイトへ遷移させたい場合

4.ブロックの削除

削除を行うブロックのゴミ箱アイコンをクリック

各ブロックごとに設置されたゴミ箱アイコンをクリックすることでブロックを削除することが可能となっております。

削除を行うブロックのゴミ箱アイコンをクリック

5.ブロックの表示切換

目のアイコンをクリック

ブロックの表示切換えを行うには、目のアイコンをクリックすることで表示または非表示の切り替えが可能となっております。

目のアイコンが開いて緑色の場合表示となります。

目のアイコンが閉じて灰色の場合非表示となります。

目のアイコンをクリック

画像設定

画像設定ではお客様がご用意した画像のアップロードをWEBサイトに掲載できることの他に、1000枚を超えるサンプル画像から設定を行うことが可能です。

ここでは画像設定についてご説明します。

1.画像のアップロード

1.画像選択ボタンをクリック

変更したいデザインをクリックすることで「画像選択ボタン」が表示されますのでボタンをクリックします。

画像選択ボタンをクリック
サイト設定ページ内の場合

サイト設定ページ内にあるロゴやファビコン、サブページ画像の場合は「画像選択ボタン」が表示されますのでボタンをクリックします。

サイト設定ページ内の場合
トップ画像の場合

トップ画像のアップロードの場合は編集アイコンをクリックすることで「画像選択ボタン」が表示されますのでボタンをクリックします。

トップ画像の場合

2.画像をアップロードするを押下

画像選択ボタンをクリックすることで画像ライブラリが表示されますので、「画像をアップロードする」をクリックします。

画像をアップロードするを押下

3.エクスプローラーから任意の画像を選択

Windowsの場合お客様のエクスプローラーが表示されますので任意のディレクトリから画像を選択し「開く」ボタンをクリックします。

エクスプローラーから任意の画像を選択

4.画像ライブラリからアップロード画像を選択

画像ライブラリに画像がアップロードされますのでアップロードされた画像を選択します。

画像ライブラリからアップロード画像を選択

5.画像を追加を押下

画像を選択したら、「画像を追加」をクリックします。

※画像が選択されていない場合「画像を追加」ボタンが押せなくなります。必ず画像を選択してください。

画像を追加を押下

6.更新ボタンを押下

既存の画像からアップロードした画像に切り替わっておりますので更新ボタンをクリックすることで画像のアップロードが完了となります。

更新ボタンを押下

2.サンプル画像の掲載

画像選択ボタンをクリック

変更したいデザインをクリックすることで「画像選択ボタン」が表示されますのでボタンをクリックします。

画像選択ボタンをクリック
サイト設定ページ内の場合

サイト設定ページ内にあるロゴやファビコン、サブページ画像の場合は「画像選択ボタン」が表示されますのでボタンをクリックします。

サイト設定ページ内の場合
トップ画像の場合

トップ画像のアップロードの場合は編集アイコンをクリックすることで「画像選択ボタン」が表示されますのでボタンをクリックします。

トップ画像の場合

サンプル画像をクリック

画像選択ボタンをクリックすることで画像ライブラリが表示されますので、「マイライブラリ」タブから「サンプル画像」タブに切り替えます。

サンプル画像をクリック

任意のカテゴリタブを選択し、画像を追加をクリック

サンプル画像では業種に応じた画像を多数ご用意しておりますので任意のカテゴリを選択します。

任意のカテゴリから好みの画像を選択し、「画像を追加」をクリックします。

※画像が選択されていない場合「画像を追加」ボタンが押せなくなります。必ず画像を選択してください。

任意のカテゴリタブを選択し、画像を追加をクリック
  • エステ
  • 美容室
  • 居酒屋
  • 料亭
  • 整体
  • 接骨
  • マッサージ
  • 建設
  • 歯医者
  • ネイル
  • ペットサロン
  • 住宅
  • 旅館
  • 運送
  • 結婚式場
  • 福祉介護
  • 清掃サービス
  • キャバクラ
  • 風俗

更新ボタンを押下

サンプル画像で選択した画像に切り替わっておりますので更新ボタンをクリックすることで画像の掲載が完了となります。

3.画像の削除

画像を削除するにチェック

変更したいデザインをクリックすることで「画像を削除する」が表示されますのでチェックボタンにチェックを入れます。

画像を削除するにチェック

更新ボタンをクリック

右下の更新ボタンをクリックすることで画像の削除を行うことができます。

更新ボタンをクリック

お気軽にお問い合わせください

お電話でのお問い合わせ

0285-36-3931
営業時間 09:00~18:00 月~金

メールでのお問い合わせ

ホームページ制作
事業一覧