やってみたこと

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

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

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

現在、このブログには61の記事があります。まだこれからどんどん増やしていきたいと思ってます。😀
Lightning G3 モバイルナビのカスタマイズ例
Lightning G3 モバイルナビのカスタマイズ例New!
カテゴリー
Lightning G3カスタマイズ

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

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

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

パスワードで保護された投稿に関するカスタマイズNew!
カテゴリー
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 Blocksその他

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

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

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

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 ページをカスタマイズしてみました。