やってみたこと・変更履歴など
仕様変更 アーカイブページでのカテゴリー表示のスタイルを変更しました 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
カテゴリーアーカイブページもいろいろとカスタマイズしています。
詳しいカスタマイズ内容についてはこちらをご覧ください
Font Awesome 6 のアニメーションを VK 見出し・VK ボタン で使ってみる2022年4月16日
Font Awesome 6 に追加されたアニメーションを VK 見出し と VK ボタン で使ってみました。
Font Awesome 6 のスタイルいろいろ2022年4月16日
Font Awesome で使えるいろいろなスタイルを試してみました。
VK Post Author Display の投稿者プロフィールの画像のスタイル調整2022年4月11日
スマホで見たときに余白がかなり大きくて気になるので、CSS でカスタマイズしてみました。
register_block_style で追加したブロックスタイルの見本2022年4月11日
register_block_style により追加した見出しとグループのブロックスタイルの見本です。
段落やテーブル内のテキストリンクをボタンにするカスタマイズ2022年4月1日
WordPress のブロックエディターで、段落やテーブルの中のテキストリンクをボタンのようなスタイルにするやり方を考えてみました。
Lightning / VK All in One Expansion Unit が Font Awesome 6 に対応2022年3月11日
Lightning 14.18.0 / VK All in One Expansion Unit 9.73.0 にアップデートすると、Font Awesome 6 が使えるようになりました。
グローバルナビメニューのお問い合わせだけスタイルを変えてみました②2022年2月28日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。※スクロール時 (.header_scrolled) とタブレット (.device-mobile) の表示に対応
- カテゴリー
- Lightning G3カスタマイズ
グローバルナビメニューのお問い合わせだけスタイルを変えてみました2022年2月25日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。
- カテゴリー
- Lightning G3カスタマイズ
CSS グリッドレイアウトを使った画像のレイアウト例2022年2月23日
CSS グリッドレイアウトを使うと、柔軟で複雑なコンテンツの配置が可能になります。フレックスボックスと使い分けて活用したいですね。
- カテゴリー
- その他
ヘッダーロゴ画像のリンク先を変更するやり方2022年2月21日
フックが豊富な Lightning G3 でも、ここにはフィルターフックが用意されていなかったので、jQuery を使ってカスタマイズしました。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- jQuery
404 ページをカスタマイズしてみた2022年2月11日
大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズしてみました。
CSS だけでアコーディオンを実装しました (Lightning 無料版)2022年1月24日
JavaScript を使わずに CSS だけでアコーディオンを実装するやり方を紹介します。
- カテゴリー
- カスタマイズ
ページヘッダーに投稿のタイトルを表示するやり方【続編】2022年1月13日
投稿のタイトルに加えて、公開日・更新日・投稿者 もページヘッダーに表示することができました。
アコーディオンを実装しました (VK Blocks 無料版)2022年1月10日
VK Blocks Pro にはアコーディオンブロックが含まれていますが、無料版の VK Blocks にはないので、アコーディオンブロック相当のものを作ってみました。
外部リンクに Font Awesome アイコンをつけるカスタマイズ2021年12月28日
段落内のテキストリンクに自動的に Font Awesome アイコンをつけるやり方を紹介しています。
グローバルメニューの Font Awesome アイコン カスタマイズ例 72通り!!2021年11月12日
「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。※全72パターンあります。
グローバルメニューの Font Awesome アイコン カスタマイズ例2021年11月11日
「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。
投稿のアイキャッチ画像をページヘッダーの背景画像にするカスタマイズ2021年11月4日
Lightning G3 Pro Unit は投稿のアイキャッチ画像をページヘッダーの背景画像に設定することができますが、それを無料版でアクションフックを使ってやってみました。