LightningとX-T9で効率よくサイトを制作するには？

こんにちは、ベクトルスタッフのササキです。
前回の、スタッフ 久納さんによる『 子ども用に「できたよシート・クリスマスVar」をWordPressとVK Blocksのブロックで作ってみた』の記事は読まれましたか？パターン職人（芸人）のおひとりである久納さん、またまた可愛いパターンを作っていましたね。いつもアイデアに脱帽です…まだ読んでいない方、特に、お子さんのいらっしゃる方はぜひ読んでみてください。

引き続き、ササキからは「効率よくサイトを制作する」に焦点を当てて、LightningとX-T9のおすすめ情報や、VK Blocks / Pro を使いこなすための設定・機能などをピックアップして紹介します。

普段、お知らせ記事や機能紹介ページをつくる担当ということで、もっと活用してほしいー！という思いを込めて書きます。最後までぜひ読んでください。

制作のベースとなる環境をすばやく用意する

まず、サイトやブログを制作するときには、作り込んでいく環境が必要ですよね。

Lightning も X-T9 も、それぞれのデモサイトを丸ごと再現できる「クイックスタート」を使えば、すばやくセットアップできます。

また、X-T9には、有料プラグインを使用してカスタム投稿タイプにも対応したデモサイトもあります。
『X-T9 Pro クイックスタート』を使えば、このデモサイトも再現できるんです。上記の設定ガイドでも案内しています。

そして実は、Lightningでも、有料版インポートデータの配布をしています。
『Lightning G3 Pro クイックスタート（軽量版）（仮）』です。（仮）が急いで作った感を醸し出していますね……。こちらは軽量版のため、コンテンツは入っていません。各ページは空の状態です。コンテンツは要らないからベースになるすぐに使える環境がほしい人におすすめです。

『X-T9 Pro クイックスタート』と『Lightning G3 Pro クイックスタート（軽量版）（仮）』は、
ベクトルパスポート 有効期間中の方であれば、VWSのマイアカウントページからダウンロードできます。ぜひご活用ください！

VK Blocks / Pro の機能・設定を使いこなす

ベースとなる環境ができたら、VK BlocksやVK Blocks Proのブロックを使ってコンテンツを作っていきます。より効率よく作業するために、以下の機能・設定を使ってみてください。

よく使うFont Awesomeのアイコンをカスタムリストに追加しておく

よく使うFont Awesomeのアイコンをカスタムリストにあらかじめ追加しておけば、Font Awesome のサイトにアクセスして毎度検索して探さなくてもいいんです。

よく利用するブロックだけにして選びやすくする

VK Blocks / Pro のブロックはたくさんありますよね。もし、あまり使わないブロックがある場合は、非表示にできます。インサーターにはよく使うブロックに絞っておくと、選びやすくなります！

よく利用するスタイルだけにして選びやすくする

こちらは「スタイル」です。VK Blocks / Pro が独自に追加しているスタイルのうち、使わないスタイルは非表示にできます。設定サイドバーにはよく使うスタイルのみに限定して表示しておくと、ササッと選びやすくなります。

オリジナルのスタイルを登録しておく

CSSを書いてブロックに施した独自の装飾は、オリジナルの「スタイル」として登録できます！登録しておけば、設定サイドバーのスタイルから簡単に選べます。

「VK Blocks設定」を他サイトでも使い回す

管理画面【設定】>【VK Blocks】の各設定を他のサイトに移植して使いたいときは、「インポート・エクスポートツール」があります。エクスポートすると、JSON形式のファイルで保存できるので、そのファイルを移植先のサイトでインポートするだけ。VK Blocksの設定はそのまま使い回しできます！

とにかくパターンを使いたおす

日々「パターンを公開しました！」と、パターンパターン言うてますが、ブロックパターンはまだまだ浸透しておらず、使いこなしていらっしゃる人は多くないと思っています。

キッズ向けオンラインプログラミングスクールのパターンを公開しました🎮子どもの興味がわくような色や装飾を意識しました🎨メニューで使用しているグリッドカラムカードはカラム全体にリンクが貼れて超便利🎶https://t.co/Pqcecj0gwQ#wpvektor #コピペで使える #VKパターンライブラリ #ワードプレス

— 株式会社ベクトル / Vektor,Inc. WordPress Solutions (@vektor_inc) November 16, 2023

よくある交通案内図をパターンにしてみました。🚃
カスタマイズして使えるバス時刻表も付いてます。🚍無料ブロックだけでできていますので、ぜひご活用ください。🚶https://t.co/4E2qjYbk7F#wpvektor #コピペで使える #VKパターンライブラリ #ワードプレス

— 株式会社ベクトル / Vektor,Inc. WordPress Solutions (@vektor_inc) September 5, 2023

「VK Pattern Library（VK パターンライブラリ）」を公開したのは、2022年2月です。もうけっこう経っていますね、早いものです。今年は、とくにイケてるパターン作りに力を入れてきましたので、ぜひ使ってみてください。
2023年12月5日時点で272パターンを公開中です！検索項目も増えて探しやすくなっています。

無料で使えるものから、ベクトルパスポート有効期間中のアカウントの方が利用できる高品質なプレミアムパターンまで取り揃えています。

そして、気に入ったパターンは、お気に入りに登録できる便利機能もありますよ。

明日は、いつもパターンを褒めてくれるかんたさんが記事を書いてくれます！「VK Pattern Libraryが最近ヤバいので、ちょっと何か書こうかと思います。」とのことで、お楽しみにー！