やってみたこと
仕様変更 アーカイブページでのカテゴリー表示のスタイルを変更しました 2021.9.15
機能追加 検索結果ページでも上記同様にカテゴリー表示のスタイルを変更しました 2021.11.5
機能追加 個別投稿ページの日付に曜日の表示を追加しました。2022.2.1
Lightning G3 モバイルナビのカスタマイズ例New!
- カテゴリー
- Lightning G3カスタマイズ
Lightning G3 のモバイルナビをモノクロのダークカラーでカスタマイズしてみました。
VK Filter Search カスタマイズ例 - アマゾンっぽい検索ボックス
VK Filter Search ブロックをカスタマイズして、アマゾンの検索ボックスのようなデザインでコンパクトなものにしてみました。
VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション②
VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。【続編】
カラムブロックの左右を入れ替える TIPS
カラムブロックに 追加 CSS クラス vk-cols--reverse を指定すると、画面幅が大きいときにカラムの並び順が左右逆になる。
VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション
VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。
段落やテーブル内のテキストリンクをボタンにするカスタマイズ
WordPress のブロックエディターで、段落やテーブルの中のテキストリンクをボタンのようなスタイルにするやり方を考えてみました。
Lightning / VK All in One Expansion Unit が Font Awesome 6 に対応
Lightning 14.18.0 / VK All in One Expansion Unit 9.73.0 にアップデートすると、Font Awesome 6 が使えるようになりました。
グローバルナビメニューのお問い合わせだけスタイルを変えてみました②
- カテゴリー
- Lightning G3カスタマイズ
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。※スクロール時 (.header_scrolled) とタブレット (.device-mobile) の表示に対応
グローバルナビメニューのお問い合わせだけスタイルを変えてみました
- カテゴリー
- Lightning G3カスタマイズ
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。
CSS グリッドレイアウトを使った画像のレイアウト例
CSS グリッドレイアウトを使うと、柔軟で複雑なコンテンツの配置が可能になります。フレックスボックスと使い分けて活用したいですね。
ヘッダーロゴ画像のリンク先を変更するやり方
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- jQuery
フックが豊富な Lightning G3 でも、ここにはフィルターフックが用意されていなかったので、jQuery を使ってカスタマイズしました。
