Angularのネストメニュー

公式:https://material.angular.io/components/menu/overview

参考:
https://stackoverflow.com/questions/48146171/dynamic-nested-material-menu-from-json-object-in-angular-5

https://stackoverflow.com/questions/51548225/error-error-mat-menu-trigger-must-pass-in-an-mat-menu-instance

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

https://stackoverflow.com/questions/36018478/getting-reference-to-child-component-in-parent-component

サイズの違う画像の縦横比をキープしつつ、同じサイズで表示するレスポンシブ対応

画像を縦なり横なりに並べる時、サイズの異なる画像を混ぜると、一つだけ横幅が足りなかったり、画像の高さが違って不格好になったりしてしまいました。

わざわざ同じサイズの画像を使用するルールを決めるのも煩雑なので、異なるサイズの画像を複数表示しても、画像の縦横比率はキープしたまま同じ縦横サイズで見切れて表示させるスタイルの当て方をまとめました。

続きを読む →

WordPressのカスタム分類(タクソノミー)を整理

カスタム分類を整理しました。カスタム分類は英語でカスタム・タクソノミーと言います。

WordPress では、「分類(タクソノミー)」は投稿(またはリンク、カスタム投稿タイプ)をグループ化するための仕組みのことです。

分類内のさまざまなグループ名を「terms(項目)」 と呼びます。 

Codexはこちら。まとめた表を下に載せます。

続きを読む →