Kadenceチュートリアル：Kadenceデザイン・ライブラリの機能を使いこなそう

使用中 ケイデンス ウェブサイトを構築する際ケイデンス・デザイン・ライブラリー は非常に便利なツールです。プリセットされたブロックが多数内蔵されており、全ページが表示されます。テンプレートワンクリックでインポート、スタイル切り替え、ギャラリー管理、クラウド接続をサポートし、ウェブサイト構築の効率を大幅に向上させます。

この記事では、Kadence Design Libraryの使い方や様々な機能の設定について順を追って説明します。

ケイデンス・デザイン・ライブラリーへ

デザイン・ライブラリは2つの場所で開くことができます：

• エディタの左上隅で、デザイン・ライブラリのアイコン（リスト・ビュー・アイコンの隣）をクリックします。

• 行レイアウトブロックを追加するには、レイアウトを選択し、"Design Library "ボタンをクリックします。

中に入ると、パターンとページのテンプレートを閲覧することができます。

スイッチング・デザイン・パターン

デザイン・ライブラリーには2つのモードがあります：

• デザインクラシック・テンプレート・デザイン
• AIとイネーブル ケイデンス 現在のページコンテンツに基づいてブロックやページを生成するAI

デザインライブラリライブラリの上部にあるトグルボタンで、2つのモードを素早く切り替えることができます。

パターンの使用

パターン は、一般的なコンテンツ構造を幅広くカバーする、再利用可能な小さなモジュールです。含まれています：

• グラフィック・ブロック：ヒーロー、グラフィック・ミックス、メディア＆テキスト
• レイアウトブロック：マルチカラムレイアウト、カード、スライダー、リスト
• 機能ブロック：フォーム、レビュー、ロゴウォール、よくあるご質問メニュー、ビデオプレゼンテーション
• ビジネスモジュール：製品サイクル、価格表、チームプロフィール、統計など

いくつかのテンプレートはProバージョンで、オンにする必要があります。 ケイデンス・ブロック・プロ プラグイン。

ページの使用

デザイン・ライブラリーでは、全ページをご覧いただけます。テンプレート構造を構築する必要はなく、コンテンツを入れ替えるだけでいい：

• 選択可能なページタイプには、ホーム、会社概要、お問い合わせ、サービス、ポートフォリオなどがあります。
• ワンクリックで全ページのコンテンツをインポートし、完成したページを素早く生成

デザインライブラリ設定の調整

デザインライブラリの左上にある歯車アイコンをクリックし、設定メニューに入ります：

• アクティベートまたはアップデート ケイデンス AI機能
• アドバンスオプションで読み込みの動作を調整する：
  • 画像のカスタム選択を無効にし、ワイヤーフレーム版のみを読み込むことができる。
  • ライブ・プレビューをオフにして静止画像を表示することも可能

これらの設定は、ロードのスピードアップやインターフェイスの簡素化に役立つ。

カスタム画像コレクション

デザインライブラリは、デフォルトイメージの代わりに自作ライブラリの使用をサポートしています：

• 設定で「デザインライブラリの画像を更新」をクリックします。

• Kadence Starterライブラリをブラウズするか、独自のライブラリを作成してください。
• 自分のコレクションを作る」をクリックして、名前を付け、写真を追加する。

• ギャラリーを編集し、"コレクションに追加 "をクリックします。

• 最後に "Update My Design Library "をクリックして変更を保存します。

フィーチャー画像と背景画像に別々のギャラリーを設定することで、ビジュアルを簡単に統一できます。

カラースキームの切り替え

テンプレートを選択すると、左サイドバーの下部に3つの配色オプションが表示されます：

• ライト：カラーパレット#1より
• ダーク：カラーパレット#2より
• ハイライト：カラーパレット#9より

クリック後すぐに適用して、異なる配色でのレイアウト効果を簡単にプレビューできます。

クラウドライブラリーの追加 クラウド接続

他のサイトやサードパーティが提供する Kadence Cloud ライブラリに接続することができます：

• ターゲット・ライブラリへのリンクを取得する (URLおよびアクセス・キー
• デザインライブラリのプラスアイコンをクリックします。

• 情報を入力し、接続を追加する
• 正常に追加されると、同じブロック・コンテンツ・セットを複数のサイトで共有することができます。

この機能は、チームコラボレーション、テンプレートの再利用、または自作モジュールライブラリ管理に適しています。

デザインライブラリエントリを隠す（権限制御）

クライアント サイトで操作している場合は、[デザイン ライブラリ] ボタンを非表示にできます：

• の右上をクリックします。 ケイデンス アイコン

• Kadenceブロックコントロールの設定パネルに移動します。
• コンポーネント サブメニューでデザイン・ライブラリの項目を探します。

• どのユーザ・ロールがボタンを表示できるかを設定する

このようにして、管理者以外のユーザーによるデザイン・ライブラリへのアクセスを制限し、カスタム・コンテンツ構造を保護することができます。

概要

ケイデンス デザイン・ライブラリーには豊富なブロックが用意されています。テンプレートとフルページデザインだけでなく、ギャラリー管理、スタイル切り替え、クラウド統合機能を備えています。これらの機能に精通することで、ウェブサイトを構築する時間を大幅に短縮し、統一されたスタイル、プロフェッショナルなウェブサイトの合理的な構造を構築することができます。

素早くページを作成する場合でも、クライアントのためにカスタムモジュールを作成する場合でも、デザインライブラリは欠かせないツールです。