料理 詳細編集
( 1 ) 料理 詳細編集
管理画面のメニューから、『料理 詳細編集』ボタンをクリックします。
( 2 ) 基本画面
追加料理の詳細画面に表示される内容を編集します。
右側のデータの列にある
ボタンをクリックします。
が表示されている料理は、追加料理一覧で表示オンに設定されているものです。表示オフになっている場合はこの部分が濃いグレーとなります。
ここで詳細情報が一件も登録されていない料理は、一覧画面で番号の右に詳細ボタンが表示されません。
( 3 ) 料理詳細データの編集
修正したい料理の右隣にある
ボタンをクリックすると料理詳細選択画面に遷移します。
現在登録されている表示データが画面に表示されます。
① メッセージエリアです。ここにエラーメッセージや作業内容などが文章で表示されます。
② 現在編集中の料理名が表示されています。
③ 選択画面に戻るボタンです。
をクリックしますと ( 2 ) 基本画面 へと戻ります。④ 作成ブロック選択エリアです。５種類のブロックパターンから使用するブロックを選択します。
⑤ ④でブロックを選択しましたら、
ボタンをクリックしますと選択したブロック内容で追加作成を開始します。⑥ 番号の列です。この列より下に表示されている
ボタンをクリックしますと、登録済みのブロックを再度編集する事ができます。⑦ 削除の列です。この列より下に表示されている
ボタンをクリックしますと、その登録済みのブロックを削除できます。⑧ 上下の列です。この列より下に表示されている
ボタンをクリックしますと、その登録済みのブロックを一つ上に。
ボタンをクリックしますと、その登録済みのブロックを一つ下に移動できます。⑨ 新規追加したブロックはこの下に追加表示されていきます。
( 4 ) ブロック編集：文章のみのブロック
※ 以降に使用している画像はプランのものです。料理詳細も動作的にはプラン詳細と全く同じです。
文章のみのブロックを編集します。
上部に文章を編集するウィジウィグエディターが表示されます。
① ウィジウィグエディターに文章を入力したら
ボタンをクリックして、編集登録が完了します。② 編集作業をやめて前の画面に戻る場合は
ボタンをクリックしてください。( 5 ) ブロック編集：表組みブロック
表組み作成ブロックを編集します。
横方向に６マス、縦方向に１０マスの表組み入力画面が表示されます。
① 入力マス(赤枠内)に文章を入力編集します。これによりマスの一カ所が変更されます。
① 横に複数分のマスを結合したい場合は、まず結合したいマスの中で一番左の入力マス(赤枠内)に文章を入力編集します。
① 次に結合したいマスとの間にあるチェックボックスにチェックを入れます。
② 横３マス分を結合したいので、このチェックボックスにもチェックを入れます。
例：この行は横３マスの二つ並びにしたいので、同様に右の３マスもチェックボックスにチェックをいれて結合しておきます。
① その行を表題にする場合は、一番右の表題の列にあるチェックボックスにチェックをつけます。
※ 表題にした行の文字は太字になり、マスの中央寄せとなります。
① 全ての入力編集が終わりましたら、
ボタンをクリックして、編集登録が完了します。( 6 ) ブロック編集：左に画像１枚・右に文章のブロック
左に画像１枚掲載し、右には文章を表示するブロックの編集します。
左側に画像のアップローダ、右側に文章を編集するウィジウィグエディターが表示されます。
①
ボタンをクリックして編集登録が完了します。② 画像を登録する場合、左側にある
ボタンをクリックします。
ファイルのアップロードウインドウが表示されますので、
一覧に掲載したい画像を選択して
ボタンをクリックしてください。画像の掲載をやめる場合は
ボタンをクリックします。※ アップロードできる画像一枚あたりのファイル容量の上限は、上部枠内に赤文字で書いてある数値をご覧ください。
( 7 ) ブロック編集：左に文章・右に画像１枚のブロック
左に文章を表示し、右には画像１枚掲載するブロックの編集します。
左側に画像のアップローダ、右側に文章を編集するウィジウィグエディターが表示されます。
①
ボタンをクリックして編集登録が完了します。※ アップロードできる画像一枚あたりのファイル容量の上限は、上部枠内に赤文字で書いてある数値をご覧ください。
( 8 ) ブロック編集：画像のみ（最大３枚・横並び）のブロック
画像のみ最大で横に３枚掲載できるブロックを編集します。
①
ボタンでファイルのアップロードウインドウが表示されます。使い方は ( 6 ) ブロック編集：左に画像１枚・右に文章のブロック を参照してください。
② このチェックボックスにチェックを入れて登録しますと、その画像は削除されます。
③ キャプション用に短い文章を入力する事ができます。
④
ボタンをクリックして画像のアップロードとキャプションが編集登録が完了します。( 9 ) ウィジウィグエディターの操作
テキスト入力で使用しているウィジウィグエディターの各機能について説明いたします。
■ ソース(HTMLを記述)
ソース
ここをクリックすると、エディターの中身がHTML表示になります。
もう一度クリックしますと、元の表示にもどります。
※HTMLとはホームページを構成するための言語です。専門知識のある方はご使用ください。
※HTMLの記述を間違えるとページ全体のデザインが崩れる恐れがあります。
■ 太字
太字
ここをクリックすると、選択した範囲の文字が太字に変わります。
 |
→ |  |
→ |  |
■ アンダーライン
アンダーライン
ここをクリックすると、選択した範囲の文字にアンダーラインが入ります。
|
→ | |
→ |  |
■ 打ち消し線
打ち消し線
ここをクリックすると、選択した範囲の文字に打ち消し線が入ります。
|
→ | |
→ |  |
■ テキストカラー
テキストカラー
ここをクリックすると、文字に色をつけることができます。
色をつけたい文字を範囲選択し、ツールバーの文字色をクリックするとカラーマップが表示されます。
その中から好きな色をクリックすれば、選んだ文字がその色に変わります。
例えばカラーマップから「赤」を選んだ場合は
|
→ | |
→ |  |
※もしカラーマップ内に選択したい色が見つからない場合、カラーマップ下の「その他の色」をクリックしますと
もっと細かい色指定が可能な色選択ウインドウが表示されます。
■ バックグラウンドカラー
バックグラウンドカラー
ここをクリックすると、文字の背景に色をつけることができます。
背景色をつけたい文字を範囲選択し、ツールバーの文字色をクリックするとカラーマップが表示されます。
その中から好きな色をクリックすれば、選んだ文字の背景がその色に変わります。
例えばカラーマップから「黄色」を選んだ場合は
|
→ | |
→ |  |
※テキストカラー同様に、カラーマップ下の「その他の色」をクリックしますと色選択ウインドウがが表示されます。
■ サイズ
サイズサイズを変えたい文字を範囲選択し、ツールバーのサイズから文字の大きさを選択すればその大きさに変わります。
例えばサイズ選択から一番小さい「smaller」を選んだ場合は
|
→ | |
→ |  |
中サイズよりやや大きめの「medium」を選んだ場合は
|
→ | |
→ |  |
一番大きい「xx-large」を選んだ場合は
|
→ | |
→ |  |
と、なります。
■ リンク
リンク
■ リンクタイプ ここにはURL、このページのアンカー、E-Mailと３つ選択できます。
| URL | 他のページへのジャンプに使用します。 下のURLの部分にリンク先のURLを入力してください。  ※通常プロトコルは http:// のままで変更しないでください。一部のページは https:// になっている場合がありますので、その場合は各ページに合わせてください。 |
| このページのアンカー | 同じページ内の任意の場所へ移動します。 ※アンカーへの移動はページ内にあらかじめアンカーを設置する必要がありますので使用できません。 |
| メールアドレスが入力された状態でメーラーを起動します。 E-Mailアドレス・件名・本件の入力フォームが表示されますので それぞれ必要な内容を入力してください。 ※メーラーを起動するだけ送信はユーザーが行います。できるだけＵＲＬでお問い合わせページへ誘導してください。 |
ハイパーリンクウインドウのターゲットタブをクリックしますと、ターゲットの選択に変わります。
ターゲットはいくつか選択できますが、現在のウインドウのままリンクしたい場合は <なし>を、
新しくウインドウを開いてリンクしたい場合は <新しいウインドウ>を選択してください。
HTML知識の無い方は他の選択肢は選ばないでください。
『ＯＫ』ボタンをクリックすると範囲選択した文字にリンクが適用されます。
|
→ | |
→ |  |
リンクを適用したくない場合は『キャンセル』か右上の『×』をクリックしてください。
また一度適用したリンクを外したい場合は、文字を範囲選択しますと先ほどのリンクボタンの右隣（普段はグレーアウトしています）のアイコンをクリックするとリンクが解除されます。