やってみたこと
仕様変更 アーカイブページでのカテゴリー表示のスタイルを変更しました 2021.9.15
機能追加 検索結果ページでも上記同様にカテゴリー表示のスタイルを変更しました 2021.11.5
機能追加 個別投稿ページの日付に曜日の表示を追加しました。2022.2.1
仕様変更 VK Filter Search のフォームをコンパクトにしました。2022.6.7
Hover.css を使って VK ボタンをカスタマイズしてみた
VK ボタンと Hover.css のスタイルがバッティングしたり相性が悪かったりするので調整が必要ですが、調整してしまえば使いやすいです。
モバイルナビのオーバーレイメニューをカスタマイズしてパソコンでも使う
カスタマイズしてフェードイン方式のオーバーレイメニューに変更して、そのオーバーレイメニューをパソコンでも使用するようにしてあります。
WordPress の「メディアとテキスト」ブロックのカスタマイズ例②
WordPress 標準のメディアとテキストブロックをカスタマイズして、テキストをメディアに重ねたデザインにしてみました。縦書き・横書きの両パターンを作ってあります。
グローバルナビメニューの中央にヘッダーロゴ画像を配置したカスタマイズ
ヘッダーロゴ画像の左右に配置されているメニュー項目はブロックエディターを使ってお客様側でかんたんに変更していただけるようになっています。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- アクションフック
VK ボタンでアイコンとインライン文字のサイズ変更ができるようになった
VK Blocks 1.40.* にアップデートすると、VK ボタン ブロックのアイコンとインライン文字のサイズ変更ができるようになります。
Lightning G3 個別投稿ページの投稿日・カテゴリーのカスタマイズ例
投稿日を円の中に白抜きで表示しています。月を英語表記にしました。カテゴリーは Lightning Pro のように投稿タイトルの右上に置きました。
Lightning のスライドショーの幅をコンテナ幅に合わせるカスタマイズ
Lightning のスライドショーは初期状態では画面幅いっぱいに表示されますが、スライドショーの幅を小さくしたくなることもあると思います。そのようなときのカスタマイズの一例を紹介します。
- カテゴリー
- Lightning G3カスタマイズ
ヘッダーロゴ画像を中央に 画像付きメニューを左右に配置したカスタマイズ
左右に2つずつ配置されているメニュー項目はお客様側でかんたんに変更を行っていただけるようにしました。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- アクションフック
グローバルナビの任意の項目を画面の右端に固定表示するカスタマイズ例
HTML / CSS に関する知識をお持ちでないお客様側でも 外観 ⇒ メニュー で右端に固定表示するナビ項目を自由に設定・差し替えできるようになっています。
- カテゴリー
- Lightning G3カスタマイズ
Google フォントを使ったグローバルナビのカスタマイズ例
Google フォント を使った英語表記メニューの例としてお客様へのデモ用に作ってみたものです。フォントの切り替えができるようになっています。
WordPress のメニューでナビの特定の項目を一時的に非表示にするやり方
セミナーの参加申込みの受付を不定期で行うようなケースで、メニュー項目を削除せずに一時的に非表示にするやり方を紹介しています。
WordPress メニュー編集画面の「詳細メニュー設定」を解説
WordPress で [外観] → [メニュー] でメニューを編集する画面の「詳細メニュー設定」の使い方について解説しています。