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ではデフォルトで投稿内にリンクがあった場合にそのリンク先に通知を試みる設定になっています。 こちらの機能を無効化するには以下の設定から行えます。 設定 > ディスカッション設定 > …

no image

WordPressテーマの変更方法

テーマとは WordPressサイトの表示やそれに関わる機能を司るもので、PHP、HTML、CSS、JS、画像ファイル等からなります。 現在設定されているテーマはWordPress管理画面の[外観] …

no image

WordPressテンプレート関連のフィルターフック一覧

こんにちは、今日はWordPressでテンプレート関連のフィルターフックについてまとめていきます。 確認環境 WordPress 5.5.1 フィルターフック一覧 フック名説明locale_style …

no image

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

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

no image

WordPressプラグインの作り方

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