こんにちは、さぼです。
ブログをJINを使って書いています。ユーザーさんが多いので、わからないことがあってもJINの公式サイトを参考にしたり検索すれば解決することができて気に入って使っています。
今のところ大抵のことはすぐ解決したのですが、『カラムで横並びに入れた画像がスマホで横並びにならない』と事象が発生し、解決に時間がかかったことがあったので覚書します。
さぼ
苦労して横並びで画像入れたのにスマホで見たら縦になってるー!
なんとかしたーい!!
画像を横並びにしたかったので、『カラム』の機能を使って2つの画像を横並びにしていました。これでスマホでも同じように2つ横並びで画像が表示されるものだと思っていたのですが、実際にはパソコンでは横並びになっていましたが、スマホでは縦に1つずつ画像が表示されていたのです。
検索をしてみたらプラグインやCSSを使を使う方法があったのですが、初心者すぎて上手くできませんでした。初心者の私はCSSもよく意味がわからず…
ですが、色々いじくっていたらめちゃくちゃ簡単に2カラム・3カラムの画像がスマホでも横表示になる方法がありました!
やり方
1. まずカラム機能を使います。
![](https://sabocchaimasite.com/wp-content/uploads/2022/10/ee8f36a445469df61a92dbad9c5cf449-1024x403.png)
2. 好きなカラムを選んで、画像を挿入します。
![](https://sabocchaimasite.com/wp-content/uploads/2022/10/6EBC56DD-F479-42FC-8420-B385DBDC44B3.jpg)
![](https://sabocchaimasite.com/wp-content/uploads/2022/10/624B7C42-46A0-4854-BC3B-FE8C79DB812E.jpg)
3. どちらかの画像を選択し、「カラムを選択」を2回押します。
![](https://sabocchaimasite.com/wp-content/uploads/2022/10/ca7f3af32db120e27631b083a9f86286-1.jpg)
![](https://sabocchaimasite.com/wp-content/uploads/2022/10/4a7aa13459c8c39566783c7cbb574048-1-1024x294.jpg)
4. 編集画面の右側に『モバイルでは縦に並べる』という項目が出てくるのでここのチェックを外します。
![](https://sabocchaimasite.com/wp-content/uploads/2022/10/B91E71EA-A9DC-4D59-A6D6-5D56AB812C88.png)
以上!!
これでスマホの画面でも横並びに画像が表示されます。
最初この機能を知らなくて苦労しましたが簡単に横並びに出来ました!
さぼ
参考になれば幸いです。