40代こじらせ女子のワードプレスdeブログ

私生活の事とか世の中の事とか徒然に。あんまり働いていないので、副業としてネットビジネスの足跡も記録的に書いてみる・・・

      

ワードプレス 画像を横に並べて表示する方法(STINGER5)



昨日、目の疲れについての日記の中に
Amazonアソシエイトの画像を貼った。
でもさ、画像が縦に並んで表示されて
見た目が間延びしちゃうのよね・・・

↓見た目がこんな感じ

ワードプレス 画像を横に並べる方法

これはなんとかしたいわ!
画像横に並べて表示する方法とか
画像を並列に表示するプラグインは!?
って探すことにした。

そこで出てきたのが
WP Canvas – Shortcodes
っていうプラグイン。
画像を横に並べて表示できる
プラグインなんだって!
※テーマはSTINGER5を使用してます

・・スポンサーリンク・・


WP Canvas – Shortcodes

まずはWP Canvas – Shortcodesをインストール

ワードプレス 画像を横に並べる方法
プラグインの新規追加で
WP Canvas – Shortcodesを探し
インストールします

プラグインを有効化

ワードプレス 画像を横に並べる方法
プラグインを有効化します

記事投稿画面で・・・

ワードプレス 画像を横に並べる方法
赤で囲ったアイコンが追加されています

WP Canvas – Shortcodes使い方

ワードプレス 画像を横に並べる方法
画像を並べて表示したい部分に
カーソルをわせたまま、
columns→1/2+1/2 を
選択します

画像を移動させる

ワードプレス 画像を横に並べる方法
こんなコードが記述されます
Sampleの部分に画像を移動させます

ワードプレス 画像を横に並べる方法

画像の並列表示完成形!

ワードプレス 画像を横に並べる方法
更新をかけて日記をみると
こんな感じで画像が並列表示
されました♪


情報がお役に立てば、共有いただけると嬉しいです♪

 - ワードプレスプラグイン , , ,

     

  関連記事

ワードプレス
ワードプレス 最近の投稿の横に画像を表示する方法

週末ともなると、この時間になってずーっとワードプレスをいじってる。まっ、ここのと …

ワードプレス
ワードプレス ブログにスパムコメントが付いて困った時のプラグインAkismet

このワードプレスを使ったブログを開設してから10日前後が経過したのだけど、新しい …

ワードプレス
ワードプレス カテゴリの表示順番を変更する方法

毎日ワードプレスをカチャカチャといじる私。もう完全にワードプレスがおもちゃ状態で …

モバイルフレンドリー
モバイルフレンドリー モバイルの検索結果が4月21日から変更に

2014年11月からGoogleの ウェブマスターツール上で アナウンスされてい …

ワードプレス
ワードプレス 投稿日記の中に目次を表示する方法

昨日は友達と会うために夕方から出かけて、戻ってきたら日付が変わっててブログを更新 …

           

Message

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