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

WordPressのカスタム投稿タイプ記事一覧ページで最新の投稿だけ表示内容やCSSを変える方法

カスタム投稿タイプの記事一覧ページで、 最新投稿記事のみ表示の方法を変えたかったので

記事を読む

RSS

RSSフィードをサイト内に表示サムネイル付きで表示させる時。表示されない時の注意点も。

外部サイトの更新を自分のサイト内に サムネイル付きで表示させたい時。 ちょっとつ

記事を読む

jQuery

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

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

記事を読む

Wordpress

[WordPress]非推奨のquery_postsじゃなくて、get_posts()で投稿一覧をアイキャッチ付きで表示させる方法

タイトルのとおりです。 query_postsはあまり使わないほうがいいみたいなので

記事を読む

Wordpress

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

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

記事を読む

Wordpress

WordPressのカスタム投稿タイプで記事一覧を表示させる

カスタム投稿タイプの記事一覧を表示したい時のコードをメモ。 サムネイル付きで。

記事を読む

Wordpress

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

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

記事を読む

no image

WordPressでタグがあるかどうかの条件分岐

タイトルどおり。 Wordpressの条件分岐についてメモ。 タグがあるかどうか

記事を読む

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 ↑