Lightning Pro
Lightning Pro でヘッダーを透過にするときの CSS の例

キャンペーンテキストを表示している場合・表示していない場合の例を紹介しています。

ExUnit
ページトップへ戻るボタンに「PAGE TOP」の文字を表示するやり方

Lightning Pro / Lightning G3 / X-T9 / Katawara で使える、子テーマの CSS などにコピペするだけのお手軽カスタマイズを紹介します。

その他
カラムブロックとカバーブロックで作る積み上げ棒グラフ

theme.json が有効になっていない Lightning Pro でも棒グラフを使えるか試してみたところ、少し CSS を書いたらできました。

Lightning Pro
モバイル固定ナビをパソコンでも使ったカスタマイズ例

Lightning モバイル固定ナビ をパソコンでも使えるようにカスタマイズして、ベクトルさんのサイト横断メニューのような画面下部のメニューを実装しています。

Lightning Pro
6 Web Fonts with CSS で投稿日・投稿者のアイコンが表示されない問題

調べてみたところ、body タグに付与されるクラス名がセレクタに使われていることが原因でした。

ExUnit
ExUnit のシェアボタン(ソーシャルボタン)のカスタマイズ例いろいろ

VK All in One Expansion Unit のシェアボタン(ソーシャルボタン)をカスタマイズした例をいくつか載せています。

ExUnit
ページトップへ戻るボタンのデザインをカスタマイズ

Lightning Pro / Lightning G3 / X-T9 / Katawara で使える、子テーマの CSS などにコピペするだけのお手軽カスタマイズを紹介します。

その他
画像を拡大表示するプラグイン Simple Lightbox を CSS で調整してみました

画像を Lightbox 効果で拡大表示するだけの用途なら Simple Lightbox は必要十分だと思います。

Lightning Pro
404 ページをカスタマイズする方法

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

Lightning Pro
スライドショーで画像をじわぁ~っとズームインさせるには

数行の CSS を書くだけで、かんたんです。

Lightning Pro
ハンバーガーメニューをパソコンでも表示するカスタマイズ

パソコン画面でグローバルメニューをシンプルにして(または表示しないで)、ハンバーガーメニューをメインで使うユーザーインターフェースにしたいときに役立ちそうなお手軽なカスタマイズ方法です。

Lightning Pro
ヘッダー上部のお問い合わせボタンをスクロール時に画面の右端に表示

ボタンをちょっとだけ大きめに表示して、マウスホバー時に動きを持たせてあります。