Lightning G3
グローバルナビの後ろに電話番号と問い合わせボタンを追加するやり方

電話やお問い合わせ以外にも使えて、かんたんにできますので、興味がある方はお試しください。

VK Blocks Pro
新着情報のタブ切り替えがかんたんにできる VK Blocks Pro の新機能

新着情報のタブ切り替えをJavaScript を書かずにかんたんに実装することができます。

VK Filter Search Pro
VK Filter Search Pro - 年月で範囲指定して検索するカスタマイズ例

年月指定で検索できるようにできますか? とのご相談をいただき、動作見本を作ってみました。

Lightning G3
【カスタマイズ例】アーカイブページで投稿のリンクを無効にした例

この投稿はコンテンツが空なので、アーカイブページでリンクを無効にしてボタンも表示しないようにしてあります。ログインするとリンクが有効になって編集しやすくなります。

Lightning G3
ハンバーガーボタンに MENU ⇔ CLOSE の表示を追加したカスタマイズ例

ボタンを大きめにして、状況に応じて MENU・CLOSE の文字を切り替えて表示するようにカスタマイズしました。

WordPress
WordPress 6.4 に追加された画像の Lightbox 機能

全体の画像に適用できるらしいんだけど、どうやって設定するんだろう...?

WordPress
WordPress 6.4 のグループブロックで背景画像を設定できるようになった

グループブロックにはかんたんに設定できるスタイルが用意されているので、カバーブロックよりもお手軽に使えますね。

Lightning G3
インストールするだけでローディング画面を表示するプラグイン

このプラグインをインストールするだけで、一切の設定が不要でサイトにローディング画面が追加されます。

Lightning G3
メガメニュー内で動画を再生するカスタマイズを行いました

Lightning で制作した WordPress サイトにメガメニューを実装して、メガメニュー内で動画を再生できるようにしました。

VK Blocks Pro
VK 投稿リスト「カード」でカード全体をリンクエリアにした実装例

フックを使わずに、CSS だけでカスタマイズしています。

VK Blocks Pro
JPNSTYLE のようなページヘッダー固定っぽいデザインにするやり方

JPNSTYLE を完全再現するのはかなり大変そうなので、それっぽいのを作るお手軽なやり方です😅

VK Blocks Pro
VK Blocks Pro 投稿リストにカテゴリーのアイコンを表示したカスタマイズ

技術的に難しそうな部分をクリアすることができて🙌、とりあえずカテゴリーをアイコンで表示することができました🎉

その他
現在地を取得して天気予報を表示する JavaScript

ChatGPT に質問したら、すぐに教えてくれました。AI をうまく使いこなすことができれば、今まで苦労していたことがた易く実現できる場面がこれから増えそうですね。

Lightning G3
固定ページをメガメニューとして使用したカスタマイズ例

固定ページを使うと柔軟なレイアウトが短時間で作れて、コンテンツの追加・変更がかんたんにできます。

VK Blocks Pro
スライダーブロックの動作報告 → 解決しました

アイテムの複数表示設定で PC で 3 に指定すると、2回スライドした時点で止まってしまいます。

その他
box-shadow (inset) を一方向だけに表示するやり方

今後また使うかもしれないので、備忘録として残しておきます。

カスタマイズ
価格表のカスタマイズ例 飲食店のメニュー表②【完結編~機能追加】

Microsoft Word のタブとリーダーに相当する機能を CSS で実装してみました。テーブルブロックをカスタマイズしています。

カスタマイズ
価格表のカスタマイズ例 飲食店のメニュー表①

Microsoft Word のタブとリーダーに相当する機能を CSS で実装してみました。背景画像を使えるようにしたのがちょっとしたこだわりです。

カスタマイズ
CSS による見出しのカスタマイズ例②

CSS で見出しに円形や四角形の飾りをあしらったカスタマイズ例を載せています。

カスタマイズ
CSS による見出しのカスタマイズ例①

CSS で見出しに円形や四角形の飾りをあしらったカスタマイズ例を載せています。