カスタム検索

コンテンツを作成してみる

DNO-CBWeb のコンテンツ

電脳卸専用ホームページ作成ソフト DNO-CBWeb では、ページ に 複数のコンテンツを作成できます。

コンテンツとは、ページの内容そのもので、HTML TAG を含む文章を記述します。

ただし、HTMLの大枠は、既に テンプレートに埋め込まれた メニュー と ページで 作成しているので、純粋に コンテンツ の内容を記述するだけで、難しい事はありません。

では、サンプルサイト001 にコンテンツ を作成していきましょう。

新規コンテンツの作成

コンテンツ を作成するには、 任意の ページ の上で 右クリックして表示されるポップアップの子コンテンツの作成 を実行します。

お茶
お勧めのお茶

先ずは、お勧めのお茶 に 子コンテンツ を作成してみましょう。

新規コンテンツ作成のためのポップアップメニュー ← ツリーの お勧めのお茶 の上で右クリックして、表示されたポップアップから
子コンテンツ作成 を実行します。


新規コンテンツが作成された状態のツリー ← ツリーに新規コンテンツ() が作成されました。

作成した直後は、意味の無い名前が付いています。

コンテンツのプロパティを編集しましょう。


新規作成したコンテンツを編集するため選択した状態のツリー ← のように、作成したコンテンツ を選択します。

選択すると、↓のように ツリーの下に コンテンツのプロパティを編集するWindowが表示されます。


コンテンツプロパティ編集Window

コンテンツのプロパティは、このWindowで編集します。

コンテンツプロパティの編集

コンテンツのプロパティには、

  • 名称
    ツリー上に表示される名前

  • タイトル
    HTMLページで<H3>~<H6>で埋め込まれるコンテンツの題名

  • 追加タグ
    そのコンテンツ固有のタグ(ページキーワード)

などがあります。

項目に、 コンテンツテンプレート, 配置エリア, コンテンツタイプ などありますが、今は関係無いので無視してください。

では、名称、タイトル、追加タグ を考えてみましょう。

今、電脳卸に登録するために お勧めのお茶 に、なにが必要かというと、
「このページに~を掲載する予定です!」 という内容の文章があれば良いでしょう。

コンテンツのタイトルは、端的に ”お勧めの お茶 ピックアップ” とでもしてみましょうか。

コンテンツの追加タグは ”ピックアップ” と入力しておけば、ページ で設定したキーワードと合成されるので、

”お茶”、”お勧め”、”ピックアップ”

となって、とりあえずはページを表すキーワードが揃うと思います。

では、さっそく入力していきます。

プロパティを編集した コンテンツ
名称タイトル
”お勧めの お茶 ピックアップ”
追加タグ
”ピックアップ” と入力してみました。


コンテンツの更新ボタン ←コンテンツのプレビューを更新するため、コンテンツHTML編集 Window の
更新 ボタンを押します。

↓プレビュー用ブラウザが更新されて 入力したタイトルが表示されました。


お勧めの お茶 ピックアップ

続いて、コンテンツの内容を入力します。

コンテンツの内容を編集

今は、電脳卸に登録するためのページを作成しているので,

ここに 日本茶、中国茶、紅茶 のピックアップした商品写真を掲載します。

と言うような、電脳卸のページを確認してくれる人に伝えたい文章を記載しておきます。

新規作成した コンテンツ には、<p>文章</p> という内容が入っているので、 これを上のような文章に書き換えていきます。

ツリーでコンテンツ お勧めの お茶 ピックアップ が選択されていれば、 プレビュー用ブラウザの下に コンテンツHTML編集 用のWindowが表示されています。

コンテンツ HTML 入力1

はじめは、↑のように<p>文章</p>と入力されています。これは削除して、
ここに ”日本茶、中国茶、紅茶 のピックアップした商品写真を掲載します。” と入力します。

コンテンツ HTML 入力2

コンテンツHTML編集 Window では、 CTRL + P で 選択テキストを<p>~</p>タグで囲む事ができるので、 今入力した文章を選択して CTRL + P を押してみましょう。

入力文字列を選択した状態の コンテンツHTML編集Window

↑は、文章を選択した状態のコンテンツHTML編集Windowです。

ここで、 CTRL キーと P キーを同時に押します。

コンテンツHTML編集Window Pタグで囲まれた文章

はい OK です。
入力した文章をPタグで囲むことができました。

他のコンテンツも

ここまでで、新規コンテンツを1つ作成し、プロパティを編集して、内容を記述することができました。

同様にして 他のページにもコンテンツを作成してください。
オイラは、下の表のように入力してみました。

ページ名称・タイトル追加タグ(キーワード)文章(HTML)
日本茶日本茶リスト日本茶<p>日本茶の商品リストを掲載します。</p>
中国茶中国茶リスト中国茶<p>中国茶の商品リストを掲載します。</p>
紅茶紅茶リスト紅茶<p>紅茶の商品リストを掲載します。</p>

次へ

全てのページで コンテンツが用意できました。
ここで一旦保存しておきましょう。

次は、サイトを公開する前段階として 作成したサイトを HTML として出力します。

HTML を出力する へ進んでください。