WordPressの記事中で画像を横に並べる一番簡単な方法

ワードプレスwordpressカスタマイズ

WordPressで記事を書いていると、たまに小さな画像などを横並びで表示したい時があります。

この記事では、そんな時に最も手取り早い方法をご紹介します。

 

スポンサードリンク

画像を横並びにする方法

方法は至ってシンプル、html直書きです。

プラグインを入れたり、CSSを編集したりと色々方法はあると思いますが、この程度であれば、もう書いちゃうのが一番早いです。

何でもかんでもプラグインに頼ってしまうというのは、あまり好きじゃないんですよねー。
プラグインによっては大した機能ではないのに、I/Oが無駄に多くWordPressを重くしてしまう原因になってしまうこともありますから。

ちなみにコードを書くといっても、実際にはエディタをテキストモードにして、ソースをコピペするだけです。

そのソースがこちらです。


<div style="float:left; margin: 20px">
  <img src="image1" />
</div>
<div style="float:left; margin: 20px">
  <img src="image2" />
</div>
<div style="clear: both;"></div>

「image1」と「image2」のところをそれぞれ、並べたい画像と置き換えるだけです。

並べた画像に隙間を開けたい場合は、marginで調整してください。

これなら一瞬で対応できます!


【こちらの記事もおすすめです!】

これだけでOK!最初に絶対必要なWordPressおすすめプラグイン13選!

2017.06.23

1 個のコメント

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です