ページに画像を表示したい。

このページでできること

※クリックで画像を拡大できます

こちらのページでは,作成したページに画像を表示させる方法をご紹介します。

1.個別ページの編集画面を開く

※クリックで画像を拡大できます

心スタイルにログインします。

心スタイルへのログインの仕方はこちらをご覧ください。


※クリックで画像を拡大できます

上部の「新しいサイトを追加する」の横にある,編集したいサイト名をクリックすることで,個別ページの編集画面を開くことができます。

※クリックで画像を拡大できます

クリックすると,このような画面が表示されます。

ここでは例として「サンプルページ」に画像を表示させます。

まだページを作成していない方はこちらをご覧ください。

2.「編集」ボタンをクリックする

※クリックで画像を拡大できます

編集したいページ名の下にある「編集」ボタンをクリックします。

※クリックで画像を拡大できます

クリックすると,このような画面が表示されます。

3.「記事の追加」ボタンをクリックする

※クリックで画像を拡大できます

「記事の追加」ボタンをクリックします。

※クリックで画像を拡大できます

クリックするとこのような画面が表示されます。

4.画像をテキストの上に表示するか下に表示するかを決める

※クリックで画像を拡大できます

デフォルトでは「記事の下に画像を表示」が選択されています。

テキストの上に画像を表示させたい場合は,赤枠内の「記事の上に画像を表示」横にある〇をクリックして選択します。

選択された項目は,〇の真ん中に●がつきます。

 

「記事の上に画像を表示」を選択した場合の見え方

※クリックで画像を拡大できます

 

「記事の下に画像を表示」を選択した場合の見え方

※クリックで画像を拡大できます

※クリックで画像を拡大できます

赤枠内のバーをクリックしたまま,マウスを下方向に移動させます。

※クリックで画像を拡大できます

このような画面が表示されます。

※クリックで画像を拡大できます

パソコンとスマホ,それぞれの端末ごとに,ページ内に表示される画像の設定をおこなうことができます。

5.「選択」ボタンをクリックする

※クリックで画像を拡大できます

「選択」ボタンをクリックします。

※クリックで画像を拡大できます

クリックするとこのような画面が表示されます。

心スタイルに画像をアップロードする方法は,こちらをご覧ください。

6.画像を選択する

※クリックで画像を拡大できます

赤枠で囲んだ範囲内をクリックすることで,画像を選択することができます。

※クリックで画像を拡大できます

選択した画像は,このようにマークがつきます。

※クリックで画像を拡大できます

「選択」ボタンをクリックします。

※クリックで画像を拡大できます

選択された画像が表示されます。

SPの方も同じように画像を選択します。

パソコンとスマホで違う画像を表示させることも可能です。

7.保存する

※クリックで画像を拡大できます

 

画像を選択したら,「保存」ボタンをクリックします。

PC・SPどちらか片方だけに画像を入れた状態でも保存できます。

※クリックで画像を拡大できます

画像が表示されました。

画像の表示サイズを変更する方法に関しましては,こちらをご覧ください。

PageTop