ゆきのふ

上下2段に分かれたヘッダーを作る方法 上下2段に分かれたヘッダーを作る方法を紹介します。ヘッダーを上下2段に分けることで、サイト名や補助リンクと、メインのナビゲーションメニューを整理して配置できます。情報量が多いWebサイトでも見やすいレイ...

検索・通知などのアイコン付きヘッダーを作る方法 検索・通知などのアイコン付きヘッダーを作る方法を紹介します。ヘッダーの右側に検索、通知、プロフィールなどのアイコンを配置することで、よく使う操作へすぐにアクセスできるレイアウトを作成できます。...

検索フォーム付きヘッダーを作る方法 検索フォーム付きヘッダーを作る方法を紹介します。ヘッダーへ検索フォームを配置することで、ユーザーがどのページからでも目的の情報を探しやすくなります。ブログやニュースサイト、ECサイト、サービスサイトなど、...

中央にロゴを配置したヘッダーを作る方法 中央にロゴを配置したヘッダーを作る方法を紹介します。ロゴをヘッダーの中央へ配置するレイアウトは、ブランドイメージを強調したいWebサイトでよく使われるデザインです。左右のバランスが取りやすく、シンプル...

左側にロゴ・右側にメニューを配置したヘッダーを作る方法 左側にロゴ・右側にメニューを配置したヘッダーを作る方法を紹介します。このレイアウトは、Webサイトで広く採用されている定番のヘッダーデザインです。左側へサイト名やロゴを配置し、右側へナ...