Bitrix テンプレートの作成 - クイック スタート。 Bitrix テンプレートの作成 - クイック スタート 前のレッスンのテンプレートをインストールする

この投稿では、Bitrix 用のテンプレートを作成するための方法論について説明します。 これは開発者が推奨するものとは若干異なりますが、これはまず、管理パネルの使用が最小限に抑えられていることによって表れます。 サイトのレイアウト、ローカル マシンにインストールされた cms、より機能的なメモ帳の類似物、および優れたファイル マネージャー (エクスプローラーではありません:) があることを前提としています。

私が Bitrix 管理パネルが好きではない理由 - 第一に、非常に重いこと、そして第二に、テンプレートの作成にはあまり適していないことです。 比較的最近組み込まれたビジュアル エディタには、使用に関して重大な制限があります。 特に気に入ったのは、「デモ版のテンプレートはこのモードでの使用に合わせて調整されている」というフレーズですが、エディターにとってテンプレートを「シャープにする」という意味が明確ではありません。

それでは、最も重要なことを見ていきましょう。

これには、マニュアル (dev.1c-bitrix.ru からダウンロード) をじっくりと熟知し、「統合」コースを正常に完了することが必要です。 勉強すれば、いくつかの疑問は消えるはずです。

では、練習に移りましょう。

ファイル コンポーネントは手動で実行します。その方が速くて便利です。 テンプレートは /bitrix/templates/ ディレクトリに保存されます。ここで、作成用のディレクトリ (test など) を作成する必要があります。 その中に次のものを配置します。
- 画像ディレクトリ - テンプレート画像 (表示されているページに依存しない) については、公開部分に保存する必要はありません。
- include_areas ディレクトリ - インクルードされたファイル用
- page_templates ディレクトリ - 含まれる領域のサンプル用
- header.php ファイル - コンテンツの前のテンプレートの一部
- footer.php ファイル - コンテンツの後のテンプレートの一部
- ファイル description.php - テンプレートの名前と説明
- ファイル .styles.php - ビジュアル ページ エディターのスタイルの説明
- ファイル template_styles.css - テンプレート スタイル
- style.css ファイル - コンテンツと含まれる領域のスタイル

すぐに画像を画像に、すべての CSS スタイルを template_styles.css に押し込み、そこから、styles.css で必要な最小限のものを選択します。 テンプレート スタイルは常に template_styles に配置するようにしています。これは、テンプレート スタイルが最後に含まれており、誤ってオーバーライドしてもサイトのフレームワークが壊れることがないためです。

初期レイアウトでは、コンテンツの領域を選択し、レイアウトをその前、コンテンツ自体、その後の 3 つの部分に分割する必要があります。 わかりやすくするために、写真をあげます

ポイント:
- header.php には、 と タグの間の内容を除いて 1 つの部分が含まれます (各種スクリプトの組み込みは残しても構いません)。 必ず後に追加してください

- head セクションで削除されたメタ タグ、ヘッダー、CSS ファイル接続の代わりに、このデータを動的に生成する Bitrix 関数の呼び出しを配置し​​ます。

3番目の部分全体をfooter.phpに書きます。
- /bitrix/templates// をすべての相対パスに追加します。たとえば、次のようになります。