ページテンプレートを作成する

しかし Blocs Webページを最初から自由にデザインできるので、事前に作成されたページテンプレートから始めたい場合があります。 Blocs 作成したページを簡単に保存およびエクスポートできる強力なテンプレート機能がいくつかあります Blocs テンプレートとして。

テンプレートライブラリにページを追加する

テンプレートライブラリにページを追加するには、メインメニューに移動して、[ ページ>テンプレートライブラリに追加、これは開きます ページテンプレートオプション シート。

このシートから、テンプレートに 名、その設定 キーワード （内のテンプレートライブラリを検索するときに使用されます Blocs）、ページのグローバルエリアコンテンツをテンプレートに含めるかどうかを選択し、 カスタムクラス テンプレートに含めたい。 デフォルトでは Blocs 現在のページで使用されているすべてのカスタムクラスのチェックボックスが自動的に有効になりますが、特定のクラスを除外または含める場合は、含めるように設定されているクラスを再確認することをお勧めします。

テンプレートに含める名前、キーワード、カスタムクラスを設定したら、簡単に 左クリック ラベルの付いたボタン Save （これは、の右下隅にあります ページテンプレートオプション）ページをテンプレートライブラリに保存するためのシート。 これで、新しいページを追加するか、次に新しいプロジェクトを開始すると、テンプレートがインストールされ、ページテンプレートライブラリ内で使用できるようになります。

ページをページテンプレートとしてエクスポートする

内にいる間にテンプレートライブラリにページテンプレートを追加するだけでなく Blocs、エクスポートして共有することも可能です Blocs お互いにページテンプレート。 ページをページテンプレートとしてエクスポートするには、メインメニューに移動して、[ ファイル>エクスポート>名前を付けてエクスポート…>ページテンプレート、これは開きます ページテンプレートオプション シート。

このシートから、テンプレートに 名、その設定 キーワード （内のテンプレートライブラリを検索するときに使用されます Blocs）、ページのグローバルエリアコンテンツをテンプレートに含めるかどうかを選択し、 カスタムクラス テンプレートに含めたい。 デフォルトでは Blocs 現在のページで使用されているすべてのカスタムクラスのチェックボックスが自動的に有効になりますが、特定のクラスを除外または含める場合は、含めるように設定されているクラスを再確認することをお勧めします。

テンプレートに含める名前、キーワード、カスタムクラスを設定したら、簡単に 左クリック ラベルの付いたボタン Save （これは、の右下隅にあります ページテンプレートオプション シート）。 ハードドライブ上の場所を選択して保存するように求められます BEX ファイル（Blocs 拡張）。

カスタムクラスとページテンプレート

ページテンプレートを作成するときは、カスタムクラス名がテンプレートに固有である必要があることを覚えておくことが重要です。 これは、テンプレートを使用する予定のプロジェクトのクラスと一致する名前のカスタムクラスを含むテンプレートがある場合、クラスがマージされ、ページまたは全体のスタイルに影響を与える可能性があるためです。事業。 ページテンプレート内で使用するカスタムクラスを作成するときは、テンプレート名にサフィックスまたはプレフィックスを使用するようにクラス名を調整することをお勧めします。 だから使うのではなく .ダウンロードボタン、使用を検討してください .download-btn-fresh-tmpt。 このアプローチを使用すると、サイトが外部で編集されている場合、開発者がテンプレートに関連するクラスを簡単に識別できるようになります。 Blocs アプリケーション。

ページテンプレートをインストールする

をインストールするには Blocs ページテンプレート、単にに移動します BEX ハードドライブにファイルしてから ダブルクリック メインの間にそれ Blocs アプリケーションが開いています。 これで、新しいページを追加するか、次に新しいプロジェクトを開始すると、テンプレートがインストールされ、ページテンプレートライブラリ内で使用できるようになります。

ページテンプレートのアンインストール

アンインストールするには Blocs ページテンプレート、メインメニューからExtension Managerを開き、 ウィンドウ> Extension Manager 次に、ページテンプレートを検索します。 見つけたら、それを選択し、ボタンをクリックします。 – ExtensionManagerの右上隅にある記号。