【標準機能】WordPressでCSSを使わずに画像を横並びにする方法

画像を2カラム、3カラムにしたい場合、WordPressの標準機能で簡単にレイアウトできます。(最大9カラムまで)
やり方を知って、好みのカラム表示を実現しましょう。

WordPressの画像横並びは「ギャラリーを作成」をクリック

WordPressのエディタ左上にある「メディアを追加」から「ギャラリーを作成」をクリック。
ギャラリーを作成をクリック

横並びにしたい画像を複数選択して、「ギャラリーを作成」をクリック。
画像を複数選択

□で囲った所を必要に応じて設定したら「ギャラリーを注入」をクリック。
必要な情報を設定

これで、設定したカラムの数が横並びに表示されているはずです。

テーマによっては、画像が横並びにならないことがあるようなので、その場合は、素直にCSSでコードを追記しましょう。
対応しているテーマ:OPENCAGE「Swallow」,わいひら「Cocoon」
対応していないテーマ:3M「RefinePro」
/* 2カラム */
.gallery-item {
width: 50%;
}

参考にしたサイト

WordPressでCSSを使わず画像を横並びにする方法【最大9カラム】

コメント