3テラバイト

プログラム関連備忘録サイト。主にゲーム。

WordPress

WordPressでMasonryを使用する方法

投稿日:

こんにちは、今日はWordPressでグリッドレイアウトを行うことができるJavaScriptライブラリであるMasonryを使用する方法についてまとめていきます。

Masonry公式サイト

https://masonry.desandro.com/

読み込み

このライブラリはWordPress内にデフォルトで存在するため、以下のコードをfunction.phpに記述するのみで読み込むことができます。

function enqueue_my_script() {
  wp_enqueue_script( 'jquery-masonry' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_my_script' );

-WordPress


comment

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


reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

関連記事

no image

WordPress – ソースコードのシンタックスハイライトを行うSyntaxHighlighter Evolvedの使い方

こんにちは、今日はWordPressでソースコードのシンタックスハイライトが行えるSyntaxHighlighter Evolvedの使い方についてまとめていきます。 インストール方法 プラグイン > …

no image

STINGER8にGoogle アナリティクスのトラッキングコードを設置する方法

こんにちは、今日は人気の無料WordPressテーマSTINGER8にGoogle アナリティクスのトラッキングコードを設置する方法について解説します。 STINGER8は以下のページからダウンロード …

no image

WordPress管理画面にメタボックスを追加する方法

こんにちは、今日はWordPress管理画面にメタボックスを追加する方法についてまとめていきます。 確認環境 WordPress 5.5.1 追加方法 メタボックスの追加にはadd_meta_box関 …

no image

WordPressでクエリ句をフィルタリングするposts_clausesの使い方

こんにちは、今日はWordPressでクエリ句をフィルタリングするposts_clausesの使い方についてまとめていきます。 確認環境 WordPress 5.5.1 使い方 $clausesはWH …

no image

WordPressでSSL接続か確認する関数is_sslの使い方

こんにちは、今日はWordPressでSSL接続か確認する関数is_sslの使い方についてまとめていきます。 確認環境 WordPress 5.5.1 使い方 引数は無く、SSL接続かどうかをtrue …