CSS を使ってカスタマイズなどを行っている記事
2023年7月9日2023年7月9日
モバイルナビのカスタマイズ例 - 背景黒・文字とボタンを大きく
メニュー項目が少ないサイトの場合は文字サイズを大きくした方が使いやすいので、この投稿のモバイルナビをカスタマイズしてみました。
- カテゴリー
- Lightning G3, カスタマイズ
- タグ
- モバイルナビ, CSS, ハンバーガーメニュー
2023年7月6日2026年2月15日
スマホでスクロール時にもヘッダーロゴ画像を固定表示
ログインしてページ上端にツールバーが表示された状態のときにはレイアウトがくずれますが、実用上問題ないので対応していません。
- カテゴリー
- Lightning G3, カスタマイズ
2023年5月21日2026年3月5日
ページヘッダーのデザインをページごとに個別に切り替えるカスタマイズ例
Lightning G3 無料版で、固定ページと投稿で個別にページヘッダーの背景画像とデザインを切り替えることができるようにカスタマイズしました。
2023年5月5日2025年10月6日
CSS だけでドロワーメニュー（ハンバーガーメニュー）を実装した例③
画面右上のハンバーガーボタンをクリックするとドロワーメニューが出てきます。
- カテゴリー
- カスタマイズ
- タグ
- アクションフック, CSS, ドロワーメニュー, ハンバーガーメニュー
2023年4月30日2026年2月27日
CSS だけでドロワーメニュー（ハンバーガーメニュー）を実装した例②
画面右端のハンバーガーボタンをクリックすると、背景オーバーレイ付きのドロワーメニューが出てきます。
- カテゴリー
- カスタマイズ
- タグ
- ドロワーメニュー, ハンバーガーメニュー, CSS
2023年4月29日2026年2月27日
CSS だけでドロワーメニュー（ハンバーガーメニュー）を実装した例①
画面右端にマウスホバーするとドロワーメニューが出てきます。
- カテゴリー
- カスタマイズ
- タグ
- CSS, ドロワーメニュー, ハンバーガーメニュー
2023年4月21日2025年10月6日
カテゴリーごとに個別投稿のページヘッダー画像を切り替え
フィルターフックと CSS を使って、投稿のカテゴリーごとにページヘッダーの画像（スタイル）を自動的に切り替えるカスタマイズを行いました。
- カテゴリー
- Lightning G3, カスタマイズ
2023年4月14日2023年4月17日
[VKPL] 工務店 TOP のカラムバナーのバリエーションを作ってみた②
VK パターンライブラリのカラムバナーのアイディアをベースに、もうちょっとコンパクトなカラムバナーを作ってみました。
- カテゴリー
- VK パターンライブラリ, カスタマイズ
- タグ
- CSS
2023年4月13日2023年4月14日
[VKPL] 工務店 TOP のカラムバナーのバリエーションを作ってみた
VK パターンライブラリ の 工務店TOP の下の方にあるカラムバナーがいいかんじなので、いくつかバリエーションを作ってみました。
- カテゴリー
- VK パターンライブラリ
- タグ
- CSS
2023年4月5日2026年2月22日
フローティングバナーを設置したカスタマイズ例① PC・スマホ両対応
バナーを隠す機能・再表示する機能を実装してあります。お客様は HTML/CSS を意識することなく、画像の置換・リンク先の変更をかんたんに行っていただけます。
- カテゴリー
- カスタマイズ
- タグ
- アクションフック, フローティングバナー, CSS, jQuery