ウエブ制作デザイン覚え書き

DESIGN NOTES

WordPressやCSS、調べたことをまとめておけばスピードアップできるかなぁ。
制作メモをマイペースでアップしています。

最近の記事

Google Fontsの好きな書体を気軽に使いたい!コード記述方法でページ軽量化も

2022/05/05

Google Fontsの好きな書体を気軽に使いたい!コード記述方法でページ軽量化も

初心者でもカンタン!Google Fontsを使ってみよう ユーザーの端末によって、作ったサイトの書体が変わるのって、ちょっと残念。 見てくれてる側は、あまり気にしてないかもしれないけど、思ったより細 …

「ダークモード」対応の注意点と手順を知りたい!

2022/04/18

「ダークモード」対応の注意点と手順を知りたい!

Webサイトの「ダークモード」対応にチャレンジ! 「ダークモード」とは? パソコンやスマホ等のブラウザ画面に「ライトモード」と「ダークモード」があります。 明るい背景に暗色系の文字が「ライトモード」、 …

バージョンアップしたContact Form 7 に入力確認画面をつけたい!

2022/03/14

バージョンアップしたContact Form 7 に入力確認画面をつけたい!

入力確認画面が作れるプラグイン「Contact Form 7 Multi-Step Forms」 Contact Form 7をアップデートしたらフォームが動かなくなってしまった! 調べてみると確認画 …

【MW Form】ラジオボタンの選択項目によって分岐させたい!

2022/01/08

【MW Form】ラジオボタンの選択項目によって分岐させたい!

ラジオボタンの選択によって表示・非表示を変える 難しいと思って避けてた案件… 下のサンプルのように、選択したラジオボタンによって表示・非表示を切り変えるフォームを作ります! 資料請求のラジオボタンで「 …

カテゴリーなどの一覧ページに並び順を変更できるボタンをつけたい

2021/11/15

カテゴリーなどの一覧ページに並び順を変更できるボタンをつけたい

投稿記事一覧をソートするボタンを作りたい! よくネットショップで見かける、値段の安い順、高い順、人気順など見たい順番を選べるボタン。 WordPressのカテゴリー一覧ページなどに設置できれば、ユーザ …

MW WP Formセレクトボックスに特定カテゴリーの記事タイトルを自動で表示させたい!

2021/10/25

MW WP Formセレクトボックスに特定カテゴリーの記事タイトルを自動で表示させたい!

フォームセレクトボックスの選択肢をカテゴリーと連動 フォームの質問事項が頻繁に変わるとき、例えば商品が変わる度、注文フォームをいちいち修正するのは慣れていないと大変です。 新しい記事をアップしたら自動 …

【MW WP Form】必須項目をラジオボタン選択肢によって変えたい

2021/10/24

【MW WP Form】必須項目をラジオボタン選択肢によって変えたい

MW WP Formの必須項目を分岐で変更! お問い合わせフォームなどで、選択肢によって分岐させ、フォームの項目を変えるのは難しい。例えば、資料請求を選んだら住所入力欄が出てくるとか。 必須が多いとフ …

横並びのデザインをもっと自由に!フレックスボックスレイアウト

2021/10/21

横並びのデザインをもっと自由に!フレックスボックスレイアウト

子要素のレイアウトを指定する ナビゲーションメニューやページネーション、並列のレイアウト等に欠かせないフレックスボックスレイアウトについてまとめてみました! 横の配置をデザインする「justify-c …