Lightning のヘッダーやフッターをブロックで自由に変更できるよ

はい、みなさんこんにちは。いしかわでございます。
今年もアドベントカレンダーの季節がやって来てしまいました。一般の皆様のご登録お待ちしております。参加特典ありますので詳細は下記をご確認ください。

さて本題です。

Lightning のヘッダーやフッターをブロックで自由に変更できます

そんな機能を Lightning G3 Pro Unit に追加しました。ざっくりした解説はこちらをご覧ください。

もっとはやくやればよかった…

うーん、いや、実は技術的には全然難しくなくて、1年以上前からやろうかなーと思ってたのですが、でももうフルサイト編集のブロックテーマがあるから、今更 Lightning で実装する時間があるならフルサイト編集のテーマ強化したりした方がいいよなぁと思って放置していました。

なぜ今更？

フッターのパターンを「どうやって使うの？」と聞かれた

コピペで使える素敵なブロックパターンライブラリ「VK Pattern Library」にはフッターのブロックパターンなども置いてあったのですが、ランディングページやキャンペーンページ用のつもりで公開していたのですが、ユーザーの方から「どうやってLightningのフッターに反映させるんですか？」みたいな質問がありまして、「ウィジェットに貼り付けて、ウィジェットの外側の余白をCSSで無くして…」と案内するわけですが、面倒なので機能として実装してあった方が楽だろうなと…。

自分でフッターを編集できなくてイラっとした

Lightning 前提で作っていたデモサイトで、フッターが思うように編集できなくてストレスだったので、先述の通り難しい事はしなくても実装できるからと思って作りました。

まだまだクラシックテーマの需要が高いと感じた

WordCamp Tokyo 2023 で、世間はクラシックテーマからフルサイト編集のブロックテーマに移行どころかブロックエディタにもまだ移行していないなと感じて、SNSなど見ても全然 Lightning が現役なので、Lightning でのヘッダー＆フッターの編集強化はまだまだ需要が高そうだったので対応しました。

意外と面倒だった…

もともとフッターを編集できるようにしたかっただけなんですよ。でもフッター編集できるならヘッダーも編集できるようにして欲しいって要望が来るのは目に見えてるじゃないですか。

しかしながらヘッダーもとなると、

• モバイルのナビゲーションどうするの？
• ヘッダー部分の上部固定どうすんの？
• 既存のヘッダー制御機能・UIあるけどどうすんの？

という問題があって、それらの対応をするとなるとフッターだけで想定してたよりは実装工数はかかってしまいましたが、ヘッダーの固定機能なども普通に対応できたのでよかったのではないかなと思います。

今後のパターンに乞うご期待

と、言う事で、Lightningでも使えるヘッダーやフッターも適時追加しますのでご期待ください！

ご参加お待ちしてます

明日は 千葉のたいちょーが Lightning について書いてくれるようですのでお楽しみに！

ベクトルスタッフ以外の一般のユーザーの皆様の参加もウルトラ大歓迎ですのでお待ちしています！