ページ作成 ・・・ 新規ページ作成 ※自由ページ1∼6 について

合資会社いずもWeb
ページ作成 ・・・ 新規ページ作成
新しいページを作るときは、「自由ページDX」を使います。
「お店のデザイン」 → 「自由ページDX」をクリックして
自由ページDXを開いてください。
※自由ページ1∼6 について
自由ページ1∼6も使用可能ですが、自由ページDXよりも機能が若干劣
る部分があります。
できれば、自由ページDXのみをご利用になることをおススメします。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 新規ページ作成 ・・・ 自由ページDXページ概要
● ここに新しいカテゴリまたはページを作成する
● 修正
新しいページを作成します。
作成したページの修正を行います。
● プレビュー
● 削除
作成したページを確認します。
作成したページを削除を行います。
● ページタイトル
● 移動
作成したページのタイトルが一覧表示されます。
※下の階層にページを追加する場合は、タイトルをクリックして
下の階層へ移動し、新しいページを作成します。
作成したページを移動します。
▼ボタンをクリック後、移動先を指定し「移動」ボタンをクリックしてください。
● 可視
可視・不可視(表示・非表示)の切替を行います。
※チェックを入れ(はずし)「更新」ボタンをクリックしてください。
● 優先度
ページの優先度指定を行います。
半角数字を入力し「更新」ボタンをクリックして下さい。
大きい数字ほど上部に表示されます。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 新規ページ作成 ・・・ 新しいページを作成する
新しいページを作成します。
「ここに新しいカテゴリまたはページを作成する」をクリックして、
記事管理モードを開いてください。
● 記事のタイトル
記事のタイトル入力を行います。
※左メニューに自動的に表示されます。
● 登録日
登録日が自動的に表示されます。
※公開ページには反映されませんので、そのままにしておいてください。
● 1行説明文
ページの簡単説明文を入力します。
※当ページの下階層ページを追加する際に使用します。
● 階層表示モード
下階層ページを追加する際の表示方法を設定します。
※当ページの下階層ページを追加する際に使用します。
● このページのURL
当ページのURLを表示しています。
● 可視・不可視
可視・不可視(表示・非表示)の設定を行います。
● 記事本文
記事を記入します。
ワード感覚で記事を書くことが出来ます。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 新規ページ作成 ・・・ 記事本文の機能説明
● 区切り線
区切り線を挿入します。
● リンク
テキスト及び画像にリンクをはります。
※テキスト及び画像を選択後、リンクボタンをクリックしてください。
URLを入力する画面が表示されますので、リンク先URLを入力してください。
● 画像レイアウト
画像のレイアウト設定を行います。
※画像の挿入のところで説明します。
● テーブルの挿入
テーブルの挿入を行います。
● ソース表示
● テキストのフォント選択
ソース表示に切り替えます。
フォントの選択を行います。
● 記事本文画面切替
● テキストサイズ選択
記事本文の入力画面を大きくすることが出来ます。
※作業後もう一度「切替マーク」をクリックすると元の画面に戻ります。
テキストのサイズ選択を行います。
● テキストの装飾
「太字」「斜体」「アンダーライン」の指定を行います。
● テキスト・画像位置
テキスト及び画像の「左寄せ」「センタリング」「右寄せ」指定を行います。
● テキストの表示方法
「段落番号」「箇条書き」「インデント(文字の左端位置)」の指定を行います。
● テキストの色
テキストの色指定を行います。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 素材登録 ・・・ 素材登録概要
記事に、画像(写真・イラスト)を使われる場合は、まず画像登録を行
います。
「素材登録」をクリックして素材登録画面を開いてください。
● 新しい素材の追加
新しい素材の追加を行います。
● カテゴリ
カテゴリごとの抽出を行います。
※素材登録の際に、カテゴリ分けを行います。
● サムネイル
登録した画像をサムネイル(縮小)表示しています。
● 素材名
素材の名前を表示します。
● 表示順
表示順指定を行います。
半角数字を入力後「並べ替え」ボタンをクリックしてください。
数字が大きいほど上に表示されます。
● 修正
素材の修正を行います。
● 削除
素材の削除を行います。
● 次の10件
素材は10件ずつ表示されます。
次の10件を見たい場合は「次の10件」をクリックしてください。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 新しい素材の追加
新しい素材の追加を行います。
「新しい素材の追加」をクリックし、素材新規登録画面を開いてください。
● 素材の名前
素材の名前を入力します。
※altタグ(代替テキスト)となります。
● カテゴリ
カテゴリを選択を行います。
※該当するカテゴリがない場合は、右の項目に入力します。
● 並び順
並び順を指定したい場合は入力します。
● 参照
参照ボタンをクリックし、画像を選択します。
● サイズ(横幅)
画像のサイズ変更を行います。希望サイズを選択してください。
● 回転
画像の回転を行います。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 記事本文に画像を挿入する
登録した画像を、記事に挿入します。
自由ページにて画像を挿入する記事を開いておいてください。
● 「素材ビュー」をクリックします。
※素材登録した画像が一覧表示されます。
● カテゴリ表示
登録した画像が増えてきた場合は、カテゴリ検索してください。
※画像が増えてくると、探すのが大変になります。
登録の際はなるべくカテゴリ分けをしておいてください。
● 画像の挿入
素材ビューに表示された画像を「ドラッグ」又は「コピー・ペースト」で、
記事本文に貼り付けてください。
1
■ 画像レイアウト(画像の回り込みについて)
左記事のように、画像の回りこみ(画像が左:テキストが右)をしたい場合は、
画像レイアウトツールをご使用ください。
1● 画像を選択(クリックし)した状態で画像レイアウトツールボタンをクリック
2
● 画像の回り込み設定
Left: 画像がテキストの左に来ます
Right: 画像がテキストの右に来ます
● 画像とテキストのスペース設定
3
画像とテキストのスペース幅を指定するピクセル数を入力してください。
2
3
Horizontal : 画像の両サイドのスペース
Vertical : 画像の上下のスペース
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 下階層にページを追加する
自由ページDXにて作成したページの下階層には
更にページを追加していくことが可能です。
● タイトルをクリック
タイトルをクリックすると、1つ下の階層に移動します。
● パンくずナビゲーション
今、自分がどの階層にいるか知ることが出来ます。
● ここに新しいカテゴリまたはページを作成する
新しいページの作成を行います。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 下階層にページを追加する
下階層ページを作成した際の表示方法を選択できます。
※新規ページ作成と同じ仕組みでページを作成しておいてください。
その後の作業です。
● 写真の登録
サムネイル用 及び 記事本文の上部に来る写真を登録する画面を表示します。
● 1行説明文
タイトルの下に表示される簡単説明文を入力します。
● 階層表示モード
下階層の表示モードを選択します。
★下階層は表示しない
★文字のみリスト表示
★サムネイル+文字のリスト表示
★サムネイルのタイトル表示
● 写真
サムネイル 及び 記事本文の上部に来る写真の登録を行います。
● レイアウト
公開画面
レシピ集ページの下階層に
記事本文の表示モードを選択します。
※サムネイル画像のサイズ変更は
●6月のレシピ
「お店のデザイン」 → 「商品表示部分」 画面の一番下にある
●ケーキのレシピ
下階層表示設定部分にて変更が可能です。
●ケーキ
●イチゴジャム
の4ページを入れています。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 日記システムを活用する
自由ページとは別に、日記システムを使って
日記を書くことが出来ます。
まず、日記システムの設定をします。
「お店のデザイン」 → 「メニュー項目・配色」をクリックして
左メニューを設定する画面を開いてください。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 日記システムを活用する ・・・ 日記の設定
左メニューの設定画面の中ごろに「日記の使用」についての項目があります。
● 日記の使用
日記システムを使用される場合は「使用する」にチェックを入れてください。
● 表示名
左メニューに表示されるテキストになります。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 日記システムを活用する ・・・ 日記の更新
日記の設定が完了したら、日記を更新していきます。
オーナー日記管理を開いてください。
● 新しい日記の記帳
新しい日記の記帳を行います。
● 表示順
表示順の設定を行います。
● 日付・タイトル・本文の一部
日付・タイトル・本文が一覧表示されます。
● 修正・削除
日記の修正・削除を行います。
新しい日記を記帳します。
新しい日記の記帳をクリックして、入力画面を開いてください。
● 日記のタイトル
日記のタイトルを記入します。
● 日付
自動的に日時が表示されます。
※日付は変えることも出来ます。
● 写真
記事の上部に写真を使われる場合は、こちらから登録してください。
※素材登録した画像を挿入されると、記事のどの位置にでも画像が
表示されるので便利です。
● 本文
本文を記入します。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 日記システム2を活用する
日記システムを複数個使用したい場合には日記2を使用します。
例)スタッフの日記、お客様の声、新着情報など
更新頻度が高く、1回に更新する記事の量が比較的少ないものなど
適していると思います。
まず日記システム2の設定を行います。
「お店のデザイン」 → 「自由ページDX」 → 「ここに新しいカテゴリまたはペー
ジを作成する」をクリックして新しくページを作成してください。
(タイトル・可視を設定しておいてください)
● モジュールの設定
モジュールの設定画面を表示。
● 拡張モジュール
拡張モジュールに nikki と入力。
● オプション1
オプション1に 1ページあたりの記事表示数 (半角数字)を入力
※ モジュールの使い方に、使用方法が記載してありますのでご確認ください。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 日記システム2を活用する
設定が完了したら日記を更新します。
● 日記2
日記2画面を開いてください。
● 新しい日記の記帳
新しい日記の記帳を行います。
● 自由ページID
自由ページDXで設定した記事のタイトルが、自由ページIDとなります。
記帳を行う記事の「自由ページID」を選択してください。
あとは、オーナー日記と同じです。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
ページ作成 ・・・ 営業日カレンダー表示
左メニューの下部に、カレンダーを自動生成します。
配色、休店日セットなど、簡単に設定できます。
カレンダー をクリックして、カレンダー設定場面を開いてください。
● 表示
カレンダーの表示設定を行います。
● 上部説明文
カレンダーの上部に説明文を入れることが出来ます。
● カレンダー
お店の休日日にチェックを入れてください。
● 配色指定
カレンダーの配色設定を行います。
● 下部説明文
カレンダーの下部に説明文を入れることが出来ます。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
基本デザイン・レイアウト ・・・ トップページ作成
トップページを作ります。
「お店のデザイン」 → 「表紙」の「設定はここをクリック」
をクリックしてトップページを作成する画面を開いてください。
Copyright (C) 2008 IzumoWeb All rights reserved
合資会社いずもWeb
基本デザイン・レイアウト ・・・ トップページ概要
● トップページの編集
トップページを作成する画面です。
● ポップアップの設定
トップページを表示したとき、ポップアップ広告が別ウィンドウで開きます。
● トップページモジュールの設定
トップページでのモジュール設定画面です。
● トップ画像の使用
トップページ用の画像を使用する場合はチェック。
※下記の「トップページの写真」部分で画像を登録された際にチェックを
入れてください。
● トップページの写真
トップページ用の画像を登録します。
● ウェルカムメッセージ
トップページを作ります。
● オリジナルトップページ
オリジナルのトップページ(左メニューや、ヘッダ、フッタを表示しない)を
作る場合に「使用する」にチェックを入れてください。
ウェルカムメッセージに入れられた情報がそのまま反映されます。
● レイアウト
トップページ用の画像を登録された際に、設定してください。
● トップ日記表示
日記システムで作成した記事がトップに表示されます。
使用される場合はチェックを入れてください。
Copyright (C) 2008 IzumoWeb All rights reserved