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プラグインの作り方

こんにちは、今日はWordPressプラグインの作り方についてまとめていきます。 確認環境 WordPress 5.5.1 開発手順 プラグインのフォルダとメインファイルの作成 プラグインファイルが単 …

no image

WordPressでURLにクエリパラメータを付与する方法

こんにちは、今日はWordPressでURLにクエリパラメータを付与する方法についてまとめていきます。 確認環境 WordPress 5.5 クエリパラメータを付与する WordPressでURLにク …

no image

WordPressで特定投稿タイプの投稿リストのカスタム列ごとに発生するアクションフックmanage_{$post_type}_posts_custom_columnの使い方

こんにちは、WordPressで特定投稿タイプの投稿リストのカスタム列ごとに発生するアクションフックmanage_{$post_type}_posts_custom_columnの使い方についてまとめ …

no image

WordPress – 目次を追加するEasy Table of Contentsの使い方

こんにちは、今日はWordPressで目次を追加することができるEasy Table of Contentsの使い方についてまとめていきます。 見出しを用いて記述を行なっていれば、自動で検出して全ペー …

no image

WordPressテンプレートのアクションフック一覧

こんにちは、今日はWordPressテンプレートのアクションフックについてまとめていきます。 確認環境 WordPress 5.5.1 アクションフック一覧 フック名説明after_setup_the …