WordPress&bootstrapでもスムーズでした、横並びの要素の高さを揃えるjQueryプラグイン『matchHeight』

公開日: : jQuery, Wordpress

jQuery

私が運営するメインサイトは、
bootstrapをWordpressで使用しているのですが
横並びの要素を揃えるjQueryプラグインを使用したくて…

いろいろ試したんですが、結局最高に簡単に使えて快適なのは
これでした(もちろんレスポンシブ対応!!!)。

liabru/jquery-match-height


使い方は至って簡単。

jQuery(js)を読み込んで、
揃えたい要素を特定のクラスなどで囲むだけ。

<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.matchHeight.js"></script>
  <script>
    $(function(){
      $('.hogehoge').matchHeight();
    });
  </script>
</head>
<body>
  <div class="hogehoge">●●●</div>
  <div class="hogehoge">●●●</div>
  <div class="hogehoge">●●●</div>
</body>


簡単すぎて、快適すぎて、感動です。


ad

関連記事

Wordpress

[WordPress]サムネイル(アイキャッチ)画像の幅と高さを指定せずに一覧表示させる方法

Wordpressでレスポンシブサイトを作成する時に ネックとなるのがサムネイル(アイ

記事を読む

Wordpress

WordPressで『the_excerpt』のpタグを消す方法

タイトル通り、 Wordpressで抜粋を表示させるタグ 『the_excerpt』

記事を読む

Wordpress

WordPressで新着記事に日数を指定して『New!』マークを表示させる

Wordpressで新着記事に 『New!』のマークを表示させる方法。 日数を指

記事を読む

Wordpress

カスタムフィールドの値で投稿や固定ページを一覧表示する!

タイトル通り、特定のカスタムフィールドがある固定ページを 一覧表示させたかったのですが

記事を読む

Wordpress

WordPressのアーカイブページに指定したタイトル画像を表示

カテゴリ一覧ページや 月ごとのアーカイブページの上に タイトル画像をそれぞれいれたい

記事を読む

Wordpress

[WordPress]一覧ページに記事の中の一番最初にある画像を表示させたいとき

タイトル通り、投稿一覧ページなどで サムネイル写真を表示させたいとき、 投稿記事中の一番

記事を読む

Wordpress

カスタムフィールドに設定したものを表示させる方法

完全なるメモです。 カスタムフィールドにいれた情報を表示させたい時のコード。

記事を読む

Wordpress

WordPressで、はてなボタンやTwitterボタンのデザインが 反映されない(変わらない)

最近ソーシャルボタンのデザインをあれこれ試しておりまして。 そうすると、やっぱ

記事を読む

jQuery

ページ内リンクをよくあるスームズな動きのあるスクロールに!

ページ内リンクを設置した際、 スムーズな動きのあるスクロールにしたくて。 調べて

記事を読む

Wordpress

人気記事のプラグイン『WordPress popular posts』でカテゴリを指定して、カスタマイズ。

カテゴリーアーカイブページで、 そのカテゴリーナンバーを指定して一覧表示させたかったので

記事を読む

ad

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PAGE TOP ↑