ヘッダーロゴの左右に画像付きメニューを並べるカスタマイズNew!
カテゴリー
Lightning G3カスタマイズ

左右に2つずつ配置されているメニュー項目はお客様側でかんたんに変更を行っていただけるようにしました。

WordPress のアーカイブのドロップダウンで年を選択するカスタマイズ
カテゴリー
WordPressカスタマイズ

WordPress 6.0 では年でグループ化できるようになっていました。

グローバルナビの任意の項目を画面の右端に固定表示するカスタマイズ例
カテゴリー
Lightning G3カスタマイズ

HTML / CSS に関する知識をお持ちでないお客様側でも 外観 ⇒ メニュー で右端に固定表示するナビ項目を自由に設定・差し替えできるようになっています。

Lightning G3 無料版でスクロール時にヘッダーロゴ画像を表示するには
カテゴリー
Lightning G3カスタマイズ

このカスタマイズは CSS だけでできます。

Google フォントを使ったグローバルナビのカスタマイズ例
カテゴリー
WordPressカスタマイズ

Google フォント を使った英語表記メニューの例としてお客様へのデモ用に作ってみたものです。フォントの切り替えができるようになっています。

WordPress のメニューでナビの特定の項目を一時的に非表示にするやり方
カテゴリー
WordPress

セミナーの参加申込みの受付を不定期で行うようなケースで、メニュー項目を削除せずに一時的に非表示にするやり方を紹介しています。

メニュー編集画面
WordPress メニュー編集画面の「詳細メニュー設定」を解説
カテゴリー
WordPress

WordPress で [外観] → [メニュー] でメニューを編集する画面の「詳細メニュー設定」の使い方について解説しています。

グローバルナビの最後の2項目を画面の右端に固定表示するカスタマイズ例
カテゴリー
Lightning G3カスタマイズ

このカスタマイズを行っておくことによって、HTML/CSS をいじらなくてもいいので、誰でもかんたんに 外観 ⇒ メニュー で右端の2項目を設定(差し替えも)できるようになっています。

Lightning G3 モバイルナビのカスタマイズ例
Lightning G3 モバイルナビのカスタマイズ例
カテゴリー
Lightning G3カスタマイズ

Lightning G3 のモバイルナビをモノクロのダークカラーでカスタマイズしてみました。

Lightning G3 無料版でスクロール時のヘッダー固定を解除するやり方
カテゴリー
Lightning G3カスタマイズ

フィルターフックを使ってヘッダー固定を解除するカスタマイズ手順を紹介します。

パスワードで保護された投稿のカスタマイズ
カテゴリー
WordPressカスタマイズ

投稿の抜粋をアーカイブページに表示したり、タイトル前の「保護中: 」の表記をアイコンに変更したり、いろいろカスタマイズしています。

この記事にはパスワードが設定されています。

VK Filter Search カスタマイズ例 - アマゾンっぽい小さい検索ボックス
カテゴリー
カスタマイズその他

VK Filter Search ブロックをカスタマイズして、アマゾンの検索ボックスのようなデザインでコンパクトなものにしてみました。

画像ブロックを下余白なしにするやり方
カテゴリー
VK Blocks

作業が楽になってきていて、これから CSS のコードを書く機会がだんだん減っていく傾向のように感じています。

パンくずリストの先頭のアイコン・表記を変更するには
カテゴリー
Lightning G3カスタマイズ

Lightning G3 はフィルターフックでアイコンをカスタマイズできます。

VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション②
カテゴリー
VK Blocksカスタマイズ

VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。【続編】

カラムブロックの左右を入れ替える TIPS
カテゴリー
WordPressその他

カラムブロックに 追加 CSS クラス vk-cols--reverse を指定すると、画面幅が大きいときにカラムの並び順が左右逆になる。

VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション
カテゴリー
VK Blocksカスタマイズ

VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。

Font Awesome 6 のアニメーションを VK 見出し・VK ボタン で使ってみる
カテゴリー
VK Blocksその他

Font Awesome 6 に追加されたアニメーションを VK 見出し と VK ボタン で使ってみました。

Font Awesome 6 のスタイルいろいろ
カテゴリー
その他

Font Awesome で使えるいろいろなスタイルを試してみました。