6-1 ページ編集　どんどん！メルマガ応援団

ページ編集とは？
ダウンロードセンターに表示するページを作成する事ができます。
カテゴリとページに分けてダウンロードセンター内に階層化したページを作成出来ます。

ページID…ページを作成すると自動で付番されます。
タイトル…ページのタイトル。のマークがついているのがカテゴリになります。
表示順…ページの表示順を決定します。
表示許可ステータス…ダウンロードセンター内のグローバルメニューの表示／非表示の設定です。この欄に記載のあるステータスにのみグローバルメニューが表示されます。表示するステータスの設定はの詳細から行います。
有効期限内…会員の有効期限と連動して表示／非表示の設定が行えます。
有効期限切れ…会員の有効期限切れと連動して表示／非表示の設定が行えます。
秘密のページ…秘密のページにするかしないかの設定。詳しくは6-1-A 秘密のページを作成する
詳細…カテゴリーまたはページの詳細設定へリンクします

ページ編集でできること
（１）新規カテゴリを作る
（２）カテゴリの設定を編集する
（３）新規子ページを作る
（４）子ページの設定を編集する
（５）子ページに見出しを作る
（６）見出しのコンテンツを編集する

ダウンロードセンター＞ページ編集





カテゴリのタイトルを入力します。
「なし」を選択します。
表示順を入力します。管理しやすいお好きな数字を入力してください。

[保存する]ボタンをクリックします。

ダウンロードセンター＞ページ編集


表示許可ステータスから閲覧を許可するステータスを選択してください。



カテゴリのタイトルを入力します。
表示順を入力します。管理しやすいお好きな数字を入力してください。
選択したステータスのダウンロードセンターにだけ、編集中のカテゴリが表示されます。
カテゴリを削除したい場合はチェックを入れます。

[保存する]ボタンをクリックします。

ダウンロードセンター>ページ編集





子ページのタイトルを入力します。
子ページを作りたいカテゴリを選択します。
表示順を入力します。数字が小さいほど実際のページで上側に表示されます。

[保存する]ボタンをクリックします。





プレビュー＞表示許可を出したステータス

ダウンロードセンター>ページ編集





子ページのタイトルを入力します。
数字が小さいほど実際のページで上側に表示されます。
子ページを表示したいカテゴリを選択します。
表示許可ステータスはカテゴリ毎に管理されます。
選択を変えると青文字で詳しい説明が出てきますので確認してください。
このページの時限式にページの公開、非公開を設定できます。
このページのレイアウトを変更できます。
子ページを削除する場合はチェックを入れます。

[保存する]ボタンをクリックします。

ダウンロードセンター>ページ編集








見出しのタイトルを入力します。
数字が小さいほど実際のページで上側に表示されます。
見出しの本文（コンテンツ）を入力します。

[保存する]ボタンをクリックします。





プレビュー＞表示許可を出したステータス

ダウンロードセンター>ページ編集








コンテンツを編集します。

[保存する]ボタンをクリックします。

■画像ファイルimageタグの作成方法
１、画像のファイルURLを取得する。

（１）ファイル管理から画像をアップロード
（２）アップロードしたファイルURLを取得します。
　例：http://www.xxx.com/image/aaa.png

２、画像のタグをカスタマイズする
左寄せ
<img class="img-responsive pull-left" src="★画像ファイルURL★" />
中央寄せ
<img class="img-responsive center-block" src="★画像ファイルURL★" />
右寄せ
<img class="img-responsive pull-right" src="★画像ファイルURL★" />

■YouTubeのタグの作成方法
１、YouTubeから埋め込みタグを取得
<iframe width="560" height="315" src="//www.youtube.com/embed/xxxxxx" frameborder="0" allowfullscreen></iframe>

２、埋め込みタグの上下にレスポンシブ用のタグを追加
<div class="youtubewrapper youtubewrapper-w70">
★埋め込みタグ★
</div>

1行目「youtubewrapper-w70」部分を別のテキストに変更する事によりＰＣ閲覧時の動画の大きさが変更出来ます。
youtubewrapper-w50
youtubewrapper-w60
youtubewrapper-w70
youtubewrapper-w80
youtubewrapper-w90

YouTubeタグ作成例
<div class="youtubewrapper youtubewrapper-w80">
<iframe width="560" height="315" src="//www.youtube.com/embed/xxxxxx" frameborder="0" allowfullscreen></iframe>
</div>