操作マニュアル 管理画面の仕様・項目ガイド よくあるご質問

トップページにフラッシュを表示させる

ここでは、トップページにフラッシュを挿入する方法を解説します。
「メイン上ピクチャ(トップ)」を使うと、ブログのトップページのメインエリアにフラッシュを表示することができます。
トップページ専用部品です。

メイン上フラッシュに入れることができる横幅サイズは、
 ・標準(1段組):760px
 ・標準(2段組):576px
 ・標準(3段組):384px
 ・ワイド(1段組):970px
 ・ワイド(2段組):786px
 ・ワイド(3段組):594px
です。横幅が大きすぎる動画を貼り付けると、ブログの表示が崩れます。ご注意ください。

トップページに画像を表示する場合は、「メイン上ピクチャ(トップ)」部品を使うと、便利です。

操作の前に

フラッシュを追加するには、

  • フラッシュ用の「swfファイル」
  • フラッシュ作成時に一緒にできる「embed」タグ

が必要です。

フラッシュ用の「swfファイル」、フラッシュ作成時に一緒にできる「embed」タグは、お客さまご自身でご用意ください。
(業者に依頼してフラッシュを作成した場合は、制作した業者にお問い合わせください。)
フラッシュファイルの作成については、操作サポートのサポート範囲外となります。
作成方法等についてお問い合わせいただいても、ご案内はできかねますので、何卒ご了承ください。

操作手順

あらかじめ、ブログ管理画面にログインしておきましょう。

【1】「メイン上フラッシュ(トップ)」部品の追加方法
【2】「メイン上フラッシュ(トップ)」部品の編集方法

【1】「メイン上フラッシュ(トップ)」部品の追加方法

(1)swfファイル(フラッシュ動画)のアップロード
(2)swfファイル(フラッシュ動画)のURL確認(コピー)
(3)「embed」タグの編集
(4)「メイン上フラッシュ(トップ)」部品の追加

(1)swfファイル(フラッシュ動画)のアップロード

1.「ページ管理」−「画像/ファイル一覧」をクリックします。

→「画像/ファイル一覧」画面が表示されます。

2.「ファイル選択」にて「参照」ボタンをクリックします。

→「ファイルの選択」画面が開きます。

3.アップロードしたいファイルを選択し、「開く」をクリックします。

4.必要に応じて、画像の名前を入力します。

ブログの管理画面上で管理しやすい名前を「画像の名前」欄に任意で入力します。
「アップロード済み画像/ファイル一覧」画面で、アップロードしたファイルの「タイトル」として表示されます。
ファイル名ではありません。

5.「アップロード」ボタンをクリックします。

→「ファイルを追加しました」と表示されます。

「アップロード済み画像/ファイル一覧」に、追加されたことを確認します。

(2)swfファイル(フラッシュ動画)のURL確認(コピー)

→ 【1】でアップロードしたswfファイルを開くためのURLを確認し、コピーしてメモ帳などに貼り付けます。

6.「アップロード済み画像/ファイル一覧」にて、URLを確認したいファイルのタイトルをクリックします。

7.「通常表示画像」部分に表示されているURLが、ファイルを開くためのURLです。必要に応じ、コピーしてご利用ください。

アップロード済みファイルが画像ファイルの場合は、URLではなく、画像が表示されます。

→ 念のため、「メモ帳」ソフトなどにコピーしたURLのバックアップを貼り付けておきましょう。

(3)「embed」タグの編集

8.タグを編集するため、「embed」タグを、「メモ帳」ソフトなどに貼り付けます。

9.タグ内の、「embed src="xxxx.swf"」 の " " の中を、【2】でコピーしたファイルのURLに書き換えます。

(4)「メイン上フラッシュ(トップ)」部品の追加

1.「デザイン管理」-「レイアウト変更」をクリックします。

「レイアウト変更」画面が開きます。

→「レイアウト変更」画面が表示されます。

2.メイン用部品の、「メイン上フラッシュ(トップ」を選択します。

3.「追加」ボタンをクリックします。

→メインエリアに「メイン上フラッシュ」部品が表示されます。

4.部品名をクリックします。

→設定画面が表示されます。

5.タグ記入欄に、(3)−9で書き換えたタグを貼付ます。

6.「部品名」に、管理しやすい部品名(例えば、フラッシュ動画1)を入力し、「保存」ボタンをクリックします。

→ 「設定が完了しました」と表示されます。

7.「部品画面に戻る」ボタンをクリックします。

8.「部品の変更を保存する」ボタンをクリックします。

9.「再構築を実行する」ボタンをクリックします。

「メイン上フラッシュ(トップ)」部品の位置を移動する方法は下記オンラインマニュアルをご参照ください。

これで、メインエリアにフラッシュ動画を追加する操作は完了です。
ブログを閲覧し、画像を確認しておきましょう。

【2】「メイン上フラッシュ(トップ)」部品の編集方法

1.「デザイン管理」-「レイアウト変更」をクリックします。

「レイアウト変更」画面が開きます。

2.画面右側の編集エリアに表示されている「メイン上フラッシュ(トップ)」をクリックします。

→設定画面が開きます。

3.設定変更フォームに、表示したい内容を入力・設定します。

4.「保存」ボタンをクリックします。

→「設定を完了しました」というメッセージが表示されます。

5.「部品配置画面に戻る」をクリックします。

→画面が閉じて、「レイアウト変更」画面に戻ります。

6.画面右側の編集エリアの「部品の変更を保存する」ボタンをクリックします。

→「設定を変更しました。」というメッセージが表示されます。

7.「再構築を実行する」ボタンをクリックします。

→再構築が開始されます。 “再構築が完了しました” というメッセージが表示されたら終了です。
できあがりを「サイトの確認」で確認しましょう。