ヘルプ

ブログなどの記事内で、複数の画像を横並びに表示するにはどうすればよいですか?

  • サイト編集
  • ブログ
  • ブログなどの記事内で、複数の画像を横並びに表示するにはどうすればよいですか?

記事の編集画面(エディタ)上で、画像をコピー&ペーストして隣り合わせに配置することで、横並びに表示させることができます。
以下の手順をお試しください。


【画像を横並びにする手順】
  1. まず、横に並べたい複数の画像をエディタ上に挿入して用意します。
  2. 並び替えたい(移動させたい)画像を1回クリックして選択状態にし、コピーします。
  3. コピーした画像を、**並べたい他の画像のすぐ隣にペースト(貼り付け)**します。
  4. コピーペーストして不要になった元の位置の画像は、選択時に表示される「×」アイコンを押すなどして削除してください。

【????横並びにする際の注意点】
上記の手順で画像が横並びで表示されるようになりますが、**表示領域の幅に対して画像をたくさん並べすぎた場合(または1枚あたりの画像サイズが大きい場合)**は、画面に入りきらないため、途中で改行(折り返し)されて表示されます。
スマートフォンなどの幅が狭い画面で閲覧した場合も同様です。

関連ヘルプ

ブログ(記事)の一覧表示

サイト編集 ブログ ①こちらから新しい記事を追加することが出来ます。 ②投稿する際に登録したタグで記事を絞り込みをすることができます。 ③ピンポイントにタイトルで検索をすることができます。 ④チェックした項目を削除することが可能です。 ⑤indexはブログのIDです。 ⑥サムネはブログの一覧表示や、記事のTOPに表示される画像です。 ⑦タイトルは記事のタイトルです。 ⑧編集ボタンから...

日付

サイト編集 ブログ ブログは、本日より過去の記事が表示されます。 本日より先の記事は非表示になり、 指定した日付になると自動で表示されます。

ブログ(記事)を投稿してみよう!(旧エディタ)

サイト編集 ブログ ①ブログ、個々に課金設定ができます。 ②ブログ一覧表示の際タグをつけていると、検索がスムーズに行えます。 ③日付は本日より過去の記事が表示されます。 ※本日より先の記事は非表示になり、指定した日付になると自動で表示されます。 ④トップのサムネイル画像です。 ※何も画像を選択しなければ、既存のNoimage画像が入ります。 ⑤ブログのタイトル部分です。 ※内容が想像で...

ブログ(記事)を投稿してみよう!(新エディタ)

ブログの追加画面 ①ブログのタイトル部分です。 ※内容が想像できるタイトルをできるだけつけましょう! ②AIが自動で記事内容を生成してくれます。ブログのタイトルから記事を生成するのでタイトルをできるだけ明確にしておくのがポイントです。 ③記事本文を書くことができるブロッグエディタになります。 解説動画 ④ブログ、個々に課金設定ができます。 ⑤ブログ一覧表示の際タグをつけていると、検索がス...

ブログの表示形式

サイト編集 ブログ ブログの表示形式は、ページエディタのパーツで「ブログ」を追加します。 右にある歯車をクリックして表示されたモーダル内の【タイプ】をカードに変更します。 ※表示件数も3件にしておきます。 ブログの表示タイプは「リスト」「横リスト」「カード」「タイル」「スライド」「画像なしリスト」となっております。 サイトプレビュー↓  

ブログのサムネイル画像のサイズを変更したり、記事内で非表示にしたりすることはできますか?

サイト編集 ブログ ブログのサムネイル画像のサイズを変更したり、記事内で非表示にしたりすることはできますか? 誠に恐れ入りますが、サムネイル画像を設定した場合、システムのデフォルト設定(標準仕様)により以下の挙動となります。   画像のサイズ変更はできません ブログの一覧ページに表示されるサムネイル画像、および記事を開いた際に最初に(最上部に)表示されるサムネイル画像は、どち...

ブログ記事に画像を挿入する方法と、画像のサイズ(最大幅)を変更する方法を教えてください。

サイト編集 ブログ ブログ記事に画像を挿入する方法と、画像のサイズ(最大幅)を変更する方法を教えてください。 ブログの編集画面から、以下の手順で画像の挿入とサイズ調整が可能です。 基本的には画像を挿入するだけで、ブログコンテンツの幅に合わせて自動で可変表示されます。 画像を小さく表示したい場合は、後半の「画像の最大値を設定する方法」をご参照ください。 【画像の挿入方法】 ブ...