PAGE TOP

ホームページファクトリー

テンプレート型ホームページ作成ツール

メルマガバックナンバー

HOME ≫ 記事内に画像を直接設置する方法 ≫

本文内に画像を設置する方法

旧バージョンでは裏技的な方法で入れることが出来た本文中への画像設置が新バージョンではアイコンから選択できるようになりました。

記事内に画像を直接設置する方法

1 新規記事追加または、画像を設置したい記事を開きます。

2 「イメージアイコン」イメージアイコン をクリックします。  

3 表示された画像のプロパティから「ファイルマネージャーから選択」をクリックします。

4 ファイル一覧から設置する画像を選択します。
ファイル一覧に無い場合はアップロードをしてください。

5 画像のプロパティに戻るので下部の「OK」ボタンをクリックします。
本文欄内に画像が表示されたことを確認します。

6 画像配置を「中央配置」に変更します。
配置の初期値が左配置になっているので、本文中に画像を設置する場合は「中央配置」に変更します。

7 左下の「登録」をクリックして完了です。

8 正しく画像が設置されているか確認しましょう。

画像のサイズが想定と違う場合には、ファイル管理にアップロードした元画像を拡大/縮小し、再度、上記設定手順を繰り返します。
配置が想定と違う場合は本文中に設定した画像のについて、(左づめ・中央寄せ・右づめ)を見直しましょう。

補足

以前は画像サイズを直接「%」指定でサイズ変更できましたが、この方法だとスマートフォンでは画像が見切れる(画像の幅に納まらない)ことがありますので、本来は設置前にサイズの縮小をして頂く必要があります。
本文の上の画像設置欄で設置した画像は記事幅に合わせて自動的にサイズが制御されますが、本文中に設置した画像は自動的にリサイズされません。
よって、スマホでの表示も意識しましょう。



推奨サイズ
・記事幅一杯に表示させる場合:600px程度
9066c53e4cce13992d9861d1bcd017d1_s_コピー

・横に2枚並べて設置させる場合
サンプル2   サンプル3

※ 注 意 ※
記事内に画像を直接設置した場合、その画像についてファイル管理に一覧表示された際には使用中アイコン 使用中アイコン は表示されないのでご注意ください。
記事本文内に設置した画像をファイル管理にて削除した場合、記事内に設置してある画像も削除され表示され無くなりますのでご注意下さい。

 

 

 2019年 4月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        
が定休日です

 

 

 

モバイルサイト

HPFユーザーサポートサイトスマホサイトQRコード

株式会社シーピーユーモバイルサイトへはこちらのQRコードからどうぞ!