やってみたこと・変更履歴など
仕様変更 アーカイブページでのカテゴリー表示のスタイルを変更しました 2021.9.15
機能追加 検索結果ページでも上記同様にカテゴリー表示のスタイルを変更しました 2021.11.5
機能追加 個別投稿ページの日付に曜日の表示を追加しました。2022.2.1
仕様変更 VK Filter Search のフォームをコンパクトにしました。2022.6.7
機能追加 アーカイブの先頭にページネーションを追加しました。2023.1.14
仕様変更 ページネーションの前・後ボタンの表示を Font Awesome アイコンに変更しました。2023.1.14
仕様変更 ページネーションのページ番号の表示を四角形から円形に変更しました。2023.1.16
カテゴリーアーカイブページもいろいろとカスタマイズしています。
詳しいカスタマイズ内容についてはこちらをご覧ください
クエリーループで作った新着投稿に動きを持たせたカスタマイズ例2024年9月12日
グラデーションをつけたテキストをゆっくりと動かして、クエリーループで作った投稿リストをカルーセル仕様にしてあります。
VK スライダーのカスタマイズ例 - スライドした後で画像がフェードイン2024年4月1日
架空のグルメイベントを想定して、登場するシェフの紹介を VK Blocks のスライダーで作ってみました。
スライダーに画像ボタンメニューを重ねたカスタマイズ例② (VK Blocks)2024年3月18日
画像ボタンのメニューがスライダーに重なるように CSS でカスタマイズして、工務店サイトをイメージして作ってみました。
ヘッダーに電話番号とボタンを追加したカスタマイズ例④2023年9月4日
VK お問い合わせ セクション をウィジェットに配置してヘッダーに表示するやり方を採用しています。
Font Awesome の Twitter のアイコンを鳥から X に変更してみた2023年8月23日
VK All in One Expansion Unit を最新版にアップデートしてフォントファミリー vk_sns を利用すれば、短い CSS を書くだけで 青い鳥 が X に変わります。
カスタム投稿タイプのアーカイブページのカスタマイズ例「おいしい料理」2023年8月19日
カスタマイズで追加した部分を固定ページで作ってありますので、お客様側でかんたんに書き換えていただけます。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- アクションフック
Lightning のサイドバーに背景色を設定してみた2023年8月18日
::before 疑似要素を使って背景色を設定してみました。このやり方だと他のところに影響はないはず。
- カテゴリー
- Lightning G3カスタマイズ
グローバルナビのマウスホバー効果のカスタマイズ例2023年8月6日
マウスを合わせるとメニュー項目の中央から外側に向かって背景色が広がる動きを設定しました。
- カテゴリー
- Lightning G3カスタマイズ
カスタム投稿タイプ「賃貸物件」に設備のアイコンを追加しました2023年8月3日
カテゴリーの色を取得してアイコンの色に設定しています。
イベントのカテゴリー、イベント名、開催日をページヘッダーに表示した例2023年6月21日
ページヘッダーを見るだけでイベントの概要がひと目でわかるようにしてあります。
カスタム投稿タイプのデフォルトアイキャッチ画像を設定した実装例2023年6月15日
カスタム投稿タイプ「賃貸物件」のデフォルトのアイキャッチ画像（サムネイル画像）をサイトのデフォルトサムネイル画像とは別に自動設定するカスタマイズを行いました。