2021-05

HTML/CSS

[css]grid-gapを%で設定したら親要素の高さがおかしい

cssのgridを使ってコンテナの高さ幅にそれぞれギャップ(間)を持たせるために、%で指定をしたところ、親要素の高さが「grid全体の高さ−(設定したギャップ×row数)」になってしまい、次の要素が被るという現象が起きました。 原因追及まで...
HTML/CSS

[Sass]@mixinと@extend使い分け

久しぶりにCSSではなくSassを使いました。過去、Sassは変数の定義やbreak pointの設定が便利なので、使ってはいたもののそこまで使いこなせてはいませんでした。 ま、今も使いこなせてはいないのですが!(笑)とはいえ、以前よりかm...
CMS

【WordPress】カスタムフィールド/カスタム投稿/カスタムタクソノミー

メイン画面とsingleページ使われる関数はこちらをご参照ください↓ カスタムフィールド カスタムフィールドとは、決まった項目をパーツとして扱うことができる。(メニューや料金表など)ユーザーは、フィールドに必要な情報を入れていくだけなので、...