قالب 1 با Bitrix. راه حل های آماده. هر جا دو تا هست سه تا هست

قالب طرح بندی را تعریف می کند عناصر عملکردی، نمایش صفحه و سبک هنری. به طور کلی ظاهرسایت.

معمولاً یک طرح برای همه صفحات استفاده می شود، اما 1C Bitrix به شما امکان می دهد همزمان از چندین گزینه طراحی استفاده کنید.

با استفاده از ابزارهای داخلی، می توانید الگوهای خود را برای تمام بخش ها و حتی صفحات تنظیم کنید. همچنین می توانید شرایط مختلفی را برای نمایش یک مدار خاص تنظیم کنید. تنظیمات از طریق پنل مدیریت انجام می شود.

الگوهای صفحه در پوشه "قالب ها" به همین نام ذخیره می شوند. که در ویرایشگر بصریبه سادگی گزینه مورد نیاز را از لیست انتخاب کنید و آن را با داده های لازم تکمیل کنید. یکی از ویژگی های قالب بندی، جداسازی منطق از ارائه است.

چه کسی و چرا به قالب نیاز دارد؟

سیستم Bitrix به شما این امکان را می دهد که الگوهای از پیش ساخته شده ایجاد و استفاده کنید و آنها را در فضای کاری اعمال کنید.

این یک راه حل عملی و موثر هنگام کار با صفحات چند جزئی با ساختار پیچیده است، به عنوان مثال هنگام کار با یک فروشگاه آنلاین یا یک پورتال خبری.

مزایای یک الگوی درست انتخاب شده:

• اولین برداشت طراحی وب سایت مشخص می کند که شرکت در چه مواردی تخصص دارد و تأثیر مطلوبی را ایجاد می کند.
• خاطره انگیز بودن این سایت با یک شرکت خاص مرتبط است و قابل تشخیص است.
• تمامیت. الگو باید با کوچکترین جزئیات نوشته شود و یک تصویر هماهنگ ارائه دهد.
• عملکرد. جذابیت با قابلیت استفاده و کاربردی بودن ترکیب شده است.

ایجاد مستقل یک الگو برای 1C Bitrix

ساختار قالب 1C Bitrix مجموعه ای از فایل ها و پوشه ها است. دایرکتوری اصلی شامل توضیحات و اطلاعات کلیبرای بخش اداری گاهی اوقات برخی از توابع اضافی نیز در آنجا اختصاص داده می شود.

از ناحیه کاری قالب برای قرار دادن محتوای اصلی استفاده می شود و نیاز به تقسیم بندی به دلیل ساختار است. به عنوان work_area تعیین شده است و در فرم ویرایش نوشته شده است و به عنوان جداکننده فضا عمل می کند.

بخش های اصلی سایت نیز در قالب دایرکتوری های مربوطه ارائه شده است. اساس قالب 1C Bitrix فایل های هدر و پاورقی است. آنها حاوی کد، پسوند تماس، CSS و توابع دیگر هستند.

محتوای پویا با دستورالعمل های چارچوب Bitrix در قالب گنجانده شده است. در اینجا می‌توانید درج‌های PHP را تنظیم کنید که اجزای خاص Bitrix را فراخوانی کنند.

ابتدا عنوان، نمادها، شیوه نامه های آبشاری، برچسب ها و سایر پارامترهای اساسی تنظیم می شوند. پس از این لازم است محل قسمت اداری مشخص شود. بهتر است تمام تصاویر کار را در یک پوشه خاص قرار دهید.

لیست شماره گذاری شده با منو با فراخوانی مؤلفه Bitrix برای ایجاد و ویرایش موارد جایگزین می شود. اکثر عناصر استاندارد دیگر نیز به عنوان اجزاء ایجاد می شوند.

برای قرار دادن پسوند مورد نیاز، کد فراخوانی آن در یک مکان از پیش انتخاب شده در صفحه درج می شود. در ابتدا، در اسناد کاربر یا در تب ویرایشگر بصری قرار دارد.

یکی دیگر از جنبه های مهم فایل های CSS قالب است. در ابتدا سه مورد از آنها وجود دارد: یکی اصلی و دو مورد کمکی برای طراحی محتوا. اما این تمایز بسیار دلخواه است، زیرا همه عناصر به طور نزدیک به هم مرتبط هستند.

چگونه یک قالب نصب کنیم؟

نصب قالب تمام شده طبق طرح زیر انجام می شود:

در بخش قالب های پنل مدیریت، باید دکمه "افزودن" را انتخاب کنید.

فرم ایجاد استاندارد است: شناسه، عنوان و توضیحات را مشخص می کند.

هنگام کار با html، مهم است که عناصر مرتبط با طراحی و محتوا را به وضوح جدا کنید.

دستورالعمل work_area در قسمت ویرایش درج می شود، جایی که الگو کپی می شود.

اگر CSS دارید، باید به تب styles بروید، جایی که کد درج شده است.

می توانید نتیجه را ذخیره کنید و کار حاصل را ارزیابی کنید.

بخش پایانی نشانگر تمام متغیرهای Bitrix است که در فایل هدر نوشته شده است. مهم است که به یاد داشته باشید که مسیرها را در CSS ویرایش کنید و نتایج میانی را ذخیره کنید. پس از این، می توانید با انتخاب آن از لیست مناسب در تنظیمات محصول، قالب را در سایت اعمال کنید.

نتیجه گیری

قالب های 1C Bitrix کاملا کاربردی و کاربردی هستند. استفاده از آنها به طور قابل توجهی توسعه پروژه را ساده و سرعت می بخشد. شما می توانید قالب های آماده را در وب سایت شرکت خریداری کنید.

در این مقاله تمام ویژگی های ایجاد یک قالب برای Bitrix را از ابتدا بررسی خواهیم کرد. فرقی نمی‌کند که چیدمان آماده دارید یا فقط یک کمال‌گرا هستید که به او اجازه می‌دهید خودش بدون واسطه چیزی بنویسد :)

چه فایل هایی برای ایجاد یک قالب مورد نیاز است؟

ظاهر سایت شما (یا ارائه سایت) همیشه در یک پوشه جداگانه ذخیره می شود. در 1C-Bitrix، مسیر قالب از طریق پوشه bitrix است که حاوی یک پوشه templates است و از قبل حاوی لیستی از همه الگوهای ما است.

مسیر رسیدن به الگوها: /bitrix/templates/

شما می توانید یک قالب را به 3 روش ایجاد کنید:

قابل کپی است قالب آمادهو بر اساس آن آن را متناسب با خود تغییر دهید

می توانید از طریق پنل مدیریت یک قالب خالی ایجاد کنید

می توانید یک پوشه خالی ایجاد کنید و به تدریج آن را با فایل ها و پوشه ها پر کنید

همانطور که متوجه شدید گزینه 3 هاردکورترین است :) بیایید به پنل مدیریت بروید، Administration > Settings > Product settings > Websites > Website Templates > Add template.
لینک مربوط به سایت: /bitrix/admin/template_admin.php?lang=ru

شناسه قالب اساساً نام پوشه ای است که در آن قرار خواهد گرفت، من آن را توسعه می نامم. بقیه فیلدها را تا حد امکان به راحتی پر کنید؛ آنها در حال حاضر خیلی مهم نیستند. کد زیر را به کد قالب اضافه کنید:

#منطقه_کار#

— این خط را می نویسیم تا فایل را مستقیماً از مرورگر فراخوانی نکند و شروع به اجرا نکند.
- نشان دادن عنوان فعلی برای صفحه؛
- نمایش کلمات کلیدی، توضیحات و همه اسکریپت ها؛
- نمایش پنل برای مدیران

پس از ذخیره قالب، فایل description.php من به شکل زیر است:

عالیه ما باید 5 تا فایل روت داشته باشیم بقیه باید باشه این لحظهما استفاده نخواهیم کرد:

• description.php,
• header.php,
• footer.php,
• styles.css،
• template_styles.css

بخشی از کد که قبل از #WORK_AREA# است، در نهایت در header.php نوشته می شود. حدس بزنید کدام قسمت در footer.php نوشته شده است :) (پس از آن). منطقه کاری خود محتوای پویا است (همیشه آنقدر پویا نیست) که برای مثال در پوشه /contacts/ یا /about/ در فایل index.php قرار دارد. خود فایل معمولاً با درج هدر شروع می شود و با درج پاورقی به پایان می رسد:

hir را پیامک کنید

تا اینجا همه چیز منطقی به نظر می رسد.

پوشه های 1C-Bitrix و ساختار قالب جدید

چندین توصیه در اسناد وجود دارد که من شخصاً آنها را دوست ندارم. اول، آنها دوست دارند به جای علامت اختصاری img، نام پوشه تصویر را تصاویر بگذارند. و البته، من همه چیز را می فهمم، اما زمانی که شما سبک می نویسید، به هر حال باید به تصاویر مراجعه کنید، چرا 2 برابر بیشتر بنویسید؟ :) ثانیاً، توصیه ای برای ذخیره مناطق شامل در پوشه include_areas وجود دارد - چرا inc را ایجاد نکنیم؟ ثالثاً چرا به 2 فایل با استایل نیاز داریم؟ اگر بخواهم همه چیز را در یک فایل جداگانه قرار دهم و بعداً در صورت نیاز آن را متصل کنم، این استایل ها یا در قالب کامپوننت یا در پوشه css قالب ذخیره می شوند.

به طور خلاصه، ساختار صحیح قالب ما این است:

Include_areas images components js

برای اینکه کمی سرکش باشیم:

Inc img components js

در اصل، هیچ کس شما را محدود نمی کند، اینها فقط توصیه هایی هستند.

و اکنون به آرامی به اولین مشکل می رسیم - کد سخت. هاردکد زمانی است که به جای مقادیر پویا، به عنوان مثال نام دامنه، استفاده کنید ورود متن. اکثر توسعه دهندگان مبتدی در مورد ثابت SITE_ TEMPLATE_PATH، که مسیر الگوی فعلی را به عنوان یک مقدار ذخیره می کند، نمی دانند - در مورد ما /bitrix/templates/development است (بدون اسلش انتهایی، لطفاً توجه داشته باشید). و بنابراین، هنگامی که اسکریپت ها یا قسمت های شامل شده خود را اضافه می کنید، برای پوشه باید بنویسید: