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

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

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

記事を読む

Wordpress

[WordPress]タグアーカイブページ投稿一覧から、固定ページを除外する方法

私の使っているテーマだけなのか、 タグアーカイブページに固定ページも表示されてしまうの

記事を読む

no image

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

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

記事を読む

Wordpress

WordPressのカスタム投稿タイプで記事と同一タクソノミーの記事一覧をサムネイル付きで表示する

何だかタイトルでは、長いのでわかりにくいのですが、 要はカスタム投稿タイプを使って書い

記事を読む

Wordpress

WordPressで固定ページのタイトル部分を画像に。

各固定ページ部分のタイトルを画像に変更しました。 その時に使ったコードをメモ。

記事を読む

Wordpress

WordPressの条件分岐でカスタム投稿タイプを判断する時

用語集をカスタム投稿タイプで作りました。 その時にサイドバーを条件分岐によって変更

記事を読む

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 ↑