会員サイトの本文欄に画像を張付ける方法

Q.会員サイトの本文欄に画像を張り付けたいのですが、どうすればよいですか?

会員サイトの記事に画像を挿入する場合、次の2つの方法があります。

1)MyASPに画像をアップロードし会員サイトの記事に表示する
2)外部のサーバーにある画像ファイルを会員サイトの記事に表示する

それぞれの手順について説明します。

1)MyASPに画像をアップロードし会員サイトの記事に表示する

MyASPに画像をアップロードし会員サイトの記事に表示するには、
以下の手順を実行します。

・画像のアップロード

1.「会員サイト管理」画面を開きます。

会員サイト管理画面は
シナリオ管理画面の<最初に設定する項目> > 会員サイト設定 > 会員サイト管理から
開くことができます。

3009 20210204 02

2.「会員サイト管理」画面下部にある「会員サイトディレクトリ」の
 「ファイルアップロード」から、画像をアップロードします。
 ※画像ファイルは【images】に中にアップロードしてください。

3009 20210204 03

3009 20210204 04

アップロード先のディレクトリに、既に同名ファイルが存在していた場合は、
アップロードしたファイルで上書きされます。

・記事への画像挿入

1.「会員サイト記事管理」画像を挿入したい記事の編集画面を開き、
  本文入力欄の下にある「置き換え文字の挿入」をクリックします。

2.「会員サイト画像」という項目の下に
  会員サイトにアップロードされている画像名が表示されますので、
  アップロードしたものを選択すると記事に画像が挿入されます。

3009 20210204 11


補足:置き換え文字の挿入の一覧に画像ファイルが出ない場合

置き換え文字の一覧には、
【images】のディレクトリの直下に入れた画像ファイルのみ、表示されます。

ご自身で(任意)ディレクトリを作成し、
そのディレクトリの中に画像ファイルを入れた場合は、以下の操作で挿入ことができます。

操作手順

1)挿入したい画像にカーソルをあわせ、
  ファイル名の右側に表示される「□(プレビュー)」をクリックします。

3009 20210204 12

2)画像が表示されたら、アドレスバーのURLをコピーします。

3009 20210204 19

3)画像を挿入したい記事の編集画面を開き、
  「置き換え文字の挿入」から「会員サイト画像」に表示される画像のどれかを選択し、
   記事にhtmlタグを挿入します。

3009 20210204 14

4)挿入した「img」タグの
 ・src の 「”(ダブルクォーテーション)」 の中のURL を 2)でコピーしたURL
 ・alt の 「”(ダブルクォーテーション)」 の中のファイル名を 差替えた画像のファイル名
に差し替えることで、任意ディレクトリ内の画像が挿入できます。

3009 20210204 18

参考1)ディレクトリの追加方法

ディレクトリとは、ファイルを保管するためのフォルダのことです。

ディレクトリを作成し、画像を保管するフォルダを分けることで、
管理がしやすくなります。

1)「images」の既存ディレクトリにカーソルを合わせ、
  「ディレクトリ作成」アイコンをクリックします。

3009 20210204 05
2)ディレクトリ名を入力し、「保存」をクリックします。
  ディレクトリ名には、
  半角英数字、「-」(半角ハイフン)、「_」(半角アンダーバー)のみ利用できます。

3009 20210204 06

3)作成したディレクトリが追加されます。
  自身で追加したディレクトリは、
  【任意】ディレクトリとして黄色アイコンで表示されます。

3009 20210204 07

参考2)ファイルの移動方法

アップロードしたファイルは、お好きなディレクトリに移動することができます。
※ドラッグによるファイルの移動はできません

1)移動したいファイルにカーソルを併せ、「移動」のアイコンをクリックします。

3009 20210204 08

2)移動先のディレクトリを選択し、「保存」をクリックします。

3009 20210204 09

3009 20210204 10

2)外部のサーバーにある画像ファイルを会員サイトの記事に表示する

会員サイトの記事内にHTMLのimgタグを記載することで
外部のサーバーにある画像ファイルを記事内に貼り付けることが出来ます。

その場合は、記事編集画面の本文入力欄の下にある
「URLはクリックできるようにリンクに変換する」のチェックを外していただく必要があります。
チェックが入っている場合、記事表示時に本文中のURLすべてにaタグを付けるため
正常に画像が参照できなくなります。

3009 20210204 17

サブコンテンツ

このページの先頭へ