電脳卸専用ホームページ作成ソフト DNO-CBWeb のホームページです。
慣れるとガリガリ と静的ページが増やせる電脳卸のアフィリエイトサイトツール。
電脳卸専用ホームページ作成ソフト DNO-CBWeb では、
ページ に
複数の
コンテンツを作成できます。
コンテンツとは、ページの内容そのもので、HTML TAG を含む文章を記述します。
ただし、HTMLの大枠は、既に テンプレートに埋め込まれた
メニュー と
ページで
作成しているので、純粋に コンテンツ の内容を記述するだけで、難しい事はありません。
では、サンプルサイト001 に
コンテンツ を作成していきましょう。
コンテンツ を作成するには、
任意の
ページ の上で
右クリックして表示されるポップアップの を実行します。
お茶
お勧めのお茶
先ずは、
お勧めのお茶 に 子コンテンツ を作成してみましょう。
← ツリーの
お勧めのお茶 の上で右クリックして、表示されたポップアップから
を実行します。
← ツリーに新規コンテンツ(
) が作成されました。
作成した直後は、意味の無い名前が付いています。
コンテンツのプロパティを編集しましょう。
← のように、作成した
コンテンツ を選択します。
選択すると、↓のように ツリーの下に コンテンツのプロパティを編集するWindowが表示されます。
コンテンツのプロパティは、このWindowで編集します。
コンテンツのプロパティには、
ツリー上に表示される名前
HTMLページで<H3>~<H6>で埋め込まれるコンテンツの題名
そのコンテンツ固有のタグ(ページキーワード)
などがあります。
項目に、 , , などありますが、今は関係無いので無視してください。
では、名称、タイトル、追加タグ を考えてみましょう。
今、電脳卸に登録するために
お勧めのお茶 に、なにが必要かというと、
「このページに~を掲載する予定です!」 という内容の文章があれば良いでしょう。
コンテンツのタイトルは、端的に ”お勧めの お茶 ピックアップ” とでもしてみましょうか。
コンテンツの追加タグは ”ピックアップ” と入力しておけば、
ページ で設定したキーワードと合成されるので、
”お茶”、”お勧め”、”ピックアップ”
となって、とりあえずはページを表すキーワードが揃うと思います。
では、さっそく入力していきます。
←
、 に
”お勧めの お茶 ピックアップ”
に
”ピックアップ” と入力してみました。
←コンテンツのプレビューを更新するため、コンテンツHTML編集 Window の
ボタンを押します。
↓プレビュー用ブラウザが更新されて 入力したタイトルが表示されました。
続いて、コンテンツの内容を入力します。
今は、電脳卸に登録するためのページを作成しているので,
ここに 日本茶、中国茶、紅茶 のピックアップした商品写真を掲載します。
と言うような、電脳卸のページを確認してくれる人に伝えたい文章を記載しておきます。
新規作成した コンテンツ には、<p>文章</p> という内容が入っているので、 これを上のような文章に書き換えていきます。
ツリーでコンテンツ
お勧めの お茶 ピックアップ が選択されていれば、
プレビュー用ブラウザの下に コンテンツHTML編集 用のWindowが表示されています。
はじめは、↑のように<p>文章</p>と入力されています。これは削除して、
ここに ”日本茶、中国茶、紅茶 のピックアップした商品写真を掲載します。” と入力します。
コンテンツHTML編集 Window では、 で 選択テキストを<p>~</p>タグで囲む事ができるので、 今入力した文章を選択して を押してみましょう。
↑は、文章を選択した状態のコンテンツHTML編集Windowです。
ここで、 キーと キーを同時に押します。
はい OK です。
入力した文章をPタグで囲むことができました。
ここまでで、新規コンテンツを1つ作成し、プロパティを編集して、内容を記述することができました。
同様にして 他のページにもコンテンツを作成してください。
オイラは、下の表のように入力してみました。
| ページ | 名称・タイトル | 追加タグ(キーワード) | 文章(HTML) |
|---|---|---|---|
| 日本茶 | 日本茶リスト | 日本茶 | <p>日本茶の商品リストを掲載します。</p> |
| 中国茶 | 中国茶リスト | 中国茶 | <p>中国茶の商品リストを掲載します。</p> |
| 紅茶 | 紅茶リスト | 紅茶 | <p>紅茶の商品リストを掲載します。</p> |
全てのページで コンテンツが用意できました。
ここで一旦保存しておきましょう。
次は、サイトを公開する前段階として 作成したサイトを HTML として出力します。
HTML を出力する へ進んでください。