ブログの記事に写真を表示したい。

こちらのページでは，新しく記事を追加し，そこに写真を表示させる場合の流れをご説明しています。

すでに作成したブログ記事に写真を追加する場合は，「投稿したブログの記事を編集したい」もあわせてご覧ください。

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

心スタイルにログインすると，このような画面が表示されます。

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

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

「記事作成」ボタンを押してください。

このボタンがない場合には，ブログを追加する必要があります。

「サイト内に新たなページを増やしたい。」ページをご覧になり，ブログを選んで追加してください。

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

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

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

「記事タイトル」を入力します。

この記事タイトルは，ホームページ上では以下のように表示されます。

 

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

 

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

赤枠の部分をクリックすることで，日付の設定画面を開くことができます。

作成した当日の年月日がはじめから入力されていますので，設定せずに投稿することも可能です。

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

クリックすると，カレンダーが表示されます。

表示したい年月日を選択してください。

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

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

「記事の上に画像を表示」を選択する場合は，赤枠内の「記事の上に画像を表示」横にある〇をクリックして選択します。

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

 

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

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

「記事の上に画像を表示」を選択した場合，パソコンで見た場合の大きさは画像のサイズにより異なります。

画像の大きさが98%以下の場合はテキストの左側，99%以上の場合はテキストの上に表示されます（画面サイズにより異なる場合があります）。

スマホで見ると，画像の大きさに関わらずテキストの上に表示されます。

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

画像を選択したら，「この内容で登録する」ボタンをクリックします。

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

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

画像が表示されました。