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サイトにFacebookページの埋め込みを行う方法

こんにちは、今日はWordPressサイトにFacebookページの埋め込みを行う方法についてまとめていきます。 Facebookページの埋め込みを行う手順 埋め込みコードを作成するページにアクセス …

no image

WordPressの登録、ログイン関連フィルターフック一覧

こんにちは、今日はWordPressの登録、ログイン関連のフィルターフックについてまとめていきます。 確認環境 WordPress 5.5.1 フック一覧 フック名説明authenticateユーザー …

no image

WordPressでカスタム投稿タイプを追加する方法

こんにちは、今日はWordPressでカスタム投稿タイプを追加する方法についてまとめていきます。 確認環境 WordPress 5.5.1 カスタム投稿タイプの追加 カスタム投稿タイプを追加するには、 …

no image

ライトボックス機能を実装するWordPressプラグインEasy FancyBoxの使い方

こんにちは、今日はWordPressサイトにライトボックス機能を追加するプラグイン、Easy FancyBoxの使い方についてまとめていきます。 確認環境 WordPress 5.3.4 インストール …

no image

WordPressで取得した投稿の配列をフィルタリングするフックthe_postsの使い方

こんにちは、今日はWordPressで取得した投稿の配列をフィルタリングすることができるフック、the_postsの使い方についてまとめていきます。 確認環境 WordPress 5.5.1 使い方 …