ブログ

スマホで画像2つを横並びに配置する方法!JINブログカスタマイズ

blogger-soul

基本的にHTMLコーディングとかがほとんどできないタイプのブロガーであるたkるです。

サイト作成ってすごい高度な技術を要するのでは??と思う人も多いかもですが、最近はテーマにあらかじめショートコードが組み込まれていることも多く、そんなに高度な技術は要らないです。

たkる
たkる
ボタン一つでできちゃいます。

という事情の中で、全くプログラミングができない自分でもできる範囲のブログカスタマイズとして、今日は、スマホでも画像を2つ横並びにする最も簡単な方法を紹介します。

たkる
たkる
ちなみに自分の使っているテーマはJINなので、主にJINの人向けです。(多分他のテーマでもできるけど)

スマホ表示でも画像2つを横並びにする最も簡単なカスタマイズ方法

というわけでスマホ表示でも画像2つを横並びで表示する方法を紹介します。

こうです!

  1. 記事作成エディターで「テーブルを追加」
  2. テーブルサイズ「2×1」を選択
  3. テーブルの中に「メディアを追加」

これで終わりです。IEで見るとややバグることもあるんですが、まあそこはご愛嬌ということで。

で出来上がりはこんな感じになります。

画像は適当です↓

beranda-booksberanda-book-goods
たkる
たkる
これ↑が多分、スマホで見てもパソコンで見ても横に並んで表示されているはずです!

ではそれぞれのステップをもう少しだけ細かく見ていきましょう!

テーブルを追加

まず最初に画像を置きたい場所にテーブルを追加します。

table-add-customize

テーブルの追加はテーマにもよると思うんですが、JINの場合だとクラシックエディターの上にショートカットがあるのでそれを選択するだけでOKです。

3秒でできます。

2×1を選択

続いてはテーブルのサイズとして2(横)×1(縦)を選択します。

table-add-customize2

これも2秒でできます

テーブルの中にメディアを追加

そしたらこんな感じの空の表ができると思うので、ここにメディアを追加します。

これもエディターの「メディアを追加」から画像を選ぶだけでOK!

で、これを両方の表の中に画像を入れたら完成です。

エディター上でこんな感じで表示されるはず↓

smafo-yokokansei

以上です。多分初めての人でも1分くらいでできたんじゃないかなと思います。

この方法でさらに画像横並び数を増やすことも可能!

ちなみにこの方法で、さらに画像の横並び数を増やすこともできます。

こんな感じ↓

table-add-customizetable-add-customize2

ただ、あんまりやると、スマホではめっちゃ見辛くなるので、ほどほどに。

そんな感じの誰でもできる系カスタマイズの方法でした。

こういうめっちゃどうでも良いノウハウたくさん持っているので、「なんかこうしたい!」みたいなのあれば聞いていただければ、答えられる範囲で答えます。

そんな感じ、ではまた。良いブロガーライフを!

shohyou-asp
【初心者必見!】書評ブログで登録すべきASPおすすめまとめ書評ブロガーとして2年くらい活動しているたkると申します。 おかげさまで月5~10万PVくらいになり、月の収益も数万円となりました...
koudonahonsuki-top
高度な本好きの会話【読書家あるあるSSシリーズ】高度な本好きともなると、会話も一味違ってくることもあるかと思います。 今日はそんな高レベルな本好きたちにあるかもしれない、ちょっと...
本好き読書家の副業に書評アフィリエイトがオススメな理由会社の収入だけではちょっと物足りない、空いた時間を使って今後のために何か副業をしたいというような人には書評アフィリエイトがオススメです。...