公式：https://material.angular.io/components/menu/overview
https://stackblitz.com/edit/dynamic-nested-topnav-menu?file=app%2Fapp.component.html
ネストと関係ないかもですが参考ページ
https://stackoverflow.com/questions/48343082/mat-menu-and-button-in-different-components
WordPressで発行されたSQLを確認する
wp-config.phpに以下を記述
define (‘SAVEQUERIES’, true);
SQLを発行した後の個所で以下を記述
global $wpdb;
$sql = $wpdb->queries;
var_dump($sql[0][0]);
マウスホバーで開閉するアコーディオンメニュー（PC版）
アコーディオンメニューのサンプルコードを記載します。
ファイルの差分を確認・マージするツール：WinMerge
WinMergeというツールを使うと、ファイルの差分を取ることができます。
テキストのマージやsqlファイルのマージなど、windowsで使用可能。
サイズの違う画像の縦横比をキープしつつ、同じサイズで表示するレスポンシブ対応
画像を縦なり横なりに並べる時、サイズの異なる画像を混ぜると、一つだけ横幅が足りなかったり、画像の高さが違って不格好になったりしてしまいました。
わざわざ同じサイズの画像を使用するルールを決めるのも煩雑なので、異なるサイズの画像を複数表示しても、画像の縦横比率はキープしたまま同じ縦横サイズで見切れて表示させるスタイルの当て方をまとめました。
flexboxでのパーツ作成（タブ・バッジ）IE10～
グリッドレイアウトには、float, display:table, flexでの対応がありますが、flexboxが主流なので、flexboxでの対応をまとめます。
IE11でdisplay:table-cell;を当てたインライン要素の高さがない
IE11でdisplay:table-cell;を当てたテーブルにネストされたインライン要素に高さが出ずに画面が崩れていた時の対応。
カスタムタクソノミーにカスタムフィールドを追加して出力する
カスタム投稿タイプの記事にカスタムフィールドを追加するのはよくありますが、カスタムタクソノミーにカスタムフィールドを追加するのは珍しい対応でした。
１：カスタムフィールドを追加
２：出力
という手順です。プラグインはアドバンストカスタムフィールドを使用しています。
WordPressのエディタ機能をカスタマイズする方法
カードやボックスなどの装飾を実現するエディタのカスタマイズ方法です。プラグインはAddQuicktagとClassic Editorを使用します。
エディタが Gutenbergだと今のところクイックタグが使えないので、Classic Editorで旧リッチエディタのクラシックエディタを使用できるようにします。グーテンベルグのエディタは「ブロックエディタ」と呼ばれています。