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

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

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

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

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

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

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

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

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