Lightning G3

Lightning G3 は2021年5月にリリースされた Lightning の第3世代です。Lightning は、シンプルでカスタマイズしやすい、という特徴を持っています。アップデートにより進化し続けて使いやすくなっていることもこのテーマの大きな魅力です。

Lightning G3
スマホで横スクロールする、パソコンと共通のグローバルナビ

スマホでアイコン付きのグローバルナビを常時表示して、メニュー項目の数が多くて画面幅が足りないときには横スクロールするカスタマイズを行いました。

カテゴリー
Lightning G3, カスタマイズ, VK Blocks
続きを読む
Lightning G3
Lightning G3 でフッターナビを右寄せ・中央揃えするには

CSS を追加してフッターナビの位置を指定できます。

カテゴリー
Lightning G3
続きを読む
Lightning G3
細かすぎて伝わらないカスタマイズ① パンくずリスト

Font Awesome のアイコンを使ってアニメーションまで実装しているのになかなか気づいてもらえないところがポイントです。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
Lightning のアーカイブページを2カラムにカスタマイズするやり方

CSS を使ってアーカイブページを2カラムでコンパクトに表示するカスタマイズのやり方を紹介しています。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
アーカイブページをアコーディオン仕様にしたカスタマイズ例

FAQ のように個々の投稿のコンテンツが比較的小さく、投稿の件数が多いカスタム投稿タイプに適したカスタマイズです。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
前の記事・次の記事のレイアウトやデザインを超シンプルにカスタマイズ

フィルターフックと CSS を使ってカスタマイズしました。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
会員企業アーカイブに企業ロゴを表示する機能を追加しました

カスタムフィールド、フィルターフック、CSS を使ってカスタマイズしました。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
ヘッダーに電話番号・お問い合わせボタン・検索窓を追加してドロワーメニュー(ハンバーガーメニュー)と組み合わせたカスタマイズ例

ウィジェットを使ってブロックを配置しています。アクションフックと CSS も使っています。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
画面右端のお問い合わせボタンのデザインを変えてみました

お問い合わせボタンのデザインを変えたパターンを作ってみました。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
Lightning で画面右端にお問い合わせボタンを固定表示するプラグイン

メニューの差し替え、ボタンの色の変更をお客様側でかんたんに行うことができます。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
カテゴリーアーカイブでは冗長なターム表示がない方がすっきりしていい

アーカイブページってそういうもの、こうなって当たり前、と思っていままでは見ていたのですが、いまさらになって、やっぱりこれってちょっと変じゃないかと気になりました。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
モバイルナビのカスタマイズ例 - 背景黒・文字とボタンを大きく

メニュー項目が少ないサイトの場合は文字サイズを大きくした方が使いやすいので、この投稿のモバイルナビをカスタマイズしてみました。

カテゴリー
Lightning G3, カスタマイズ
続きを読む