ページコンテンツへ画像の挿入はURLでしか指定ができないため、あらかじめご自身がお持ちのサーバーなどに画像をアップロードしていただく必要があります。

ここではレンタルサーバーやいくつかのインターネットサービスを使った画像のURL取得方法について解説いたします。

エックスサーバーを利用する場合

１．エックスサーバーの管理画面にログインして、「ファイル管理」または「ファイルマネージャ」を表示します。

２．本システムに表示させたい画像をエックスサーバーに保存します。

※保存方法などご不明点はエックスサーバーにお問い合わせください。

３．画像ファイルのURLを確認します。

URLのコピー機能はないようなので下記の通り、手動でURLを作成します。

例えば下図の場合は、「tebanasu-header.jpg」という画像が「tebanasu.jp」内の「Public_html」内の「test」に保存されています。

そのため、URLは「https://tebanasu.jp/test/tebanasu-header.jpg」となります。

※「Public_html」は省略するのがルールです。

このURLを後述する「ページコンテンツでの画像挿入方法」に従って本システムで指定します。

Wordpressを利用する場合

１．Wordpressの管理画面にログインして、「メディア」メニューを表示します。

２．［新規追加］をクリックし、本システムに表示させたい画像を保存します。

３．保存した画像ファイルをクリックして詳細画面を表示し、右側の［URLをクリップボードにコピー］をクリックします。

このURLを後述する「ページコンテンツでの画像挿入方法」に従って本システムで指定します。

Googleドライブを使用する場合

１．Googleドライブに画像ファイルを保存します。

２．ファイルを右クリックし、「リンクを取得」をクリックします。

３．そのまま［リンクをコピー］をクリックします。

※このURLを本システムで直接使用することはできません。

４．メモ帳などのテキストエディタを開き、コピーしたURLを貼り付けます。

５．画像ファイルのURLを確認します。

Googleドライブから取得したURLは直接画像を参照する指定になっていないため、そのままで本システムで使用することはできません。

そのため、以下のURL形式になるように修正します。

■Googleドライブで取得したURL

https://drive.google.com/file/d/a1b2c3d4e5f6g7h8i9j0/view?usp=sharing

■本システム用のURL

https://drive.google.com/uc?export=view&id=a1b2c3d4e5f6g7h8i9j0

Googleドライブから取得したURLには画像ファイルのIDが含まれます。（背景黄色の太字部分）

そのIDを「http://drive.google.com/uc?export=view&id=」の後ろに貼り付けたものが、本システムでの画像指定用のURLとなります。

このURLを後述する「ページコンテンツでの画像挿入方法」に従って本システムで指定します。

ページコンテンツでの画像挿入方法

１．予約ページの編集画面を表示し、「ページコンテンツ」の画像挿入ボタンをクリックします。

２．取得した画像ファイルのURLを貼り付けて、「画像挿入」をクリックします。

こんなときは

「画像挿入」をクリックしても画像が表示されない

SSL（Secure Socket Layer）認証がされていない（「http://」から始まる）URLの画像を挿入しようとした場合、ブラウザのセキュリティポリシーにより表示がブロックされることがあります。

その場合はご利用のサーバーでSSL認証対応を行うことで、すべてのブラウザで画像を表示できるようになります。（「https://」から始まるURLに変わります）

SSL認証の設定方法については、ご利用のサーバーのサポートページをご確認ください。

画像のサイズ変更方法

挿入した画像のwidth（幅）を指定することが可能です。

画像をクリックすると「100％  50%  25%･･･」といったメニューが表示されます。

こちらから『100％』を選択していただきますと、画面のサイズに合わせて画像が100％（レスポンシブ対応）で表示されるようになります。

#横幅 #ピッタリ #px #サイズ