やってみたこと

仕様変更 アーカイブページでのカテゴリー表示のスタイルを変更しました 2021.9.15

機能追加 検索結果ページでも上記同様にカテゴリー表示のスタイルを変更しました 2021.11.5

機能追加 個別投稿ページの日付に曜日の表示を追加しました。2022.2.1

仕様変更 VK Filter Search のフォームをコンパクトにしました。2022.6.7

VK Filter Search のフォームをコンパクトにしました
register_block_style で追加したブロックスタイルの見本
カテゴリー
WordPressカスタマイズ

register_block_style により追加した見出しとグループのブロックスタイルの見本です。

段落やテーブル内のテキストリンクをボタンにするカスタマイズ
カテゴリー
WordPressカスタマイズ

WordPress のブロックエディターで、段落やテーブルの中のテキストリンクをボタンのようなスタイルにするやり方を考えてみました。

Lightning / VK All in One Expansion Unit が Font Awesome 6 に対応
Lightning / VK All in One Expansion Unit が Font Awesome 6 に対応
カテゴリー
ExUnitLightning G3

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カスタマイズ

フックが豊富な Lightning G3 でも、ここにはフィルターフックが用意されていなかったので、jQuery を使ってカスタマイズしました。

404 Error!
404 ページをカスタマイズしてみた
カテゴリー
Lightning G3カスタマイズ

大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズしてみました。

【CSS だけ】アコーディオンを実装しました (Lightning 無料版)
カテゴリー
カスタマイズ

JavaScript を使わずに CSS だけでアコーディオンを実装するやり方を紹介します。

ページヘッダーに投稿のタイトルを表示するやり方【続編】
カテゴリー
Lightning G3カスタマイズ

投稿のタイトルに加えて、公開日・更新日・投稿者 もページヘッダーに表示することができました。

アコーディオンを実装しました (Lightning 無料版)
カテゴリー
カスタマイズ

VK Blocks Pro にはアコーディオンブロックが含まれていますが、無料版の VK Blocks にはないので、アコーディオンブロック相当のものを作ってみました。

リンク(アンカー)
外部リンクに Font Awesome アイコンをつけるカスタマイズ
カテゴリー
Lightning G3カスタマイズ

段落内のテキストリンクに自動的に Font Awesome アイコンをつけるやり方を紹介しています。

グローバルメニューの Font Awesome アイコン カスタマイズ例 72通り!!
カテゴリー
Lightning G3カスタマイズ

「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。※全72パターンあります。

グローバルメニューの Font Awesome アイコン カスタマイズ例
カテゴリー
Lightning G3カスタマイズ

「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。

投稿のアイキャッチ画像をページヘッダーの背景画像にするカスタマイズ
カテゴリー
Lightning G3カスタマイズ

Lightning G3 Pro Unit は投稿のアイキャッチ画像をページヘッダーの背景画像に設定することができますが、それを無料版でアクションフックを使ってやってみました。

テーブルのセルの結合・分割ができるプラグイン Flexible Table Block
テーブルのセルの結合・分割ができるプラグイン Flexible Table Block
カテゴリー
WordPress

こんな便利なプラグインができたんですね。

ログインしているときのツールバーの表示/非表示を切り替える【続編】
カテゴリー
WordPress

プラグインを使う方法が完全でなかったので、アクションフックを使ってプロフィール編集画面をショートカットキーでかんたんに開くことができるようにしました。

Hide WP Toolbar
ログインしているときのツールバーの表示/非表示を切り替える
カテゴリー
WordPress

プラグイン Hide WP Toolbar を使って、WordPress にログインしているときにツールバーの表示/非表示をワンクリックで切り替える方法を紹介します。

「メディアとテキスト」ブロックのデザインをカスタマイズ
「メディアとテキスト」ブロックのカスタマイズ例
カテゴリー
WordPressカスタマイズ

WordPress 標準の「メディアとテキスト」ブロックを CSS でカスタマイズして、テキストをずらしてメディアに重ねたデザインにしてみました。

Lightning G3 無料版でページヘッダーに投稿のタイトルを表示してみた
ページヘッダーに投稿のタイトルを表示するやり方
カテゴリー
Lightning G3カスタマイズ

公開日・更新日・投稿者 をページヘッダーに表示するのはむずかしそうなので断念して、パンくずリストの下に表示してあります。