راه حل های آماده. الگوهای پروژه برای 1 با Bitrix

روش نصب؟

انتخاب راه حل برای نصب راه حل آماده ای که انتخاب کرده اید، باید محصول نسخه ای که این راه حل در آن گنجانده شده است را دانلود و نصب کنید. می‌توانید راه‌حل‌های آماده دیگری که در این نسخه وجود دارد را بعداً با راه‌اندازی ویزارد «Test a new solution» از کنترل پنل سایت خود امتحان کنید. تست یک راه حل جدید شما می توانید هر راه حل آماده را تنها با چند کلیک آزمایش کنید:
  • ویزارد ویژه تست را مستقیماً از کنترل پنل اجرا کنید
  • راه حل آماده مورد نیاز را انتخاب کنید
  • تمام مراحل جادوگر را طی کنید


یک راه حل جدید را تست کنید


لطفاً توجه داشته باشید که تمام راه‌حل‌هایی که آزمایش کرده‌اید از منوی همان دکمه «تست راه‌حل جدید» در دسترس خواهند بود. شما فقط باید یکی از راه حل های نصب شده را از لیست انتخاب کنید تا به وب سایت نهایی بروید. علاوه بر این، می توانید جادوگر را برای تغییر طراحی و تنظیمات سایت فعلی از کنترل پنل اجرا کنید و مثلاً الگو یا طرح رنگ را تغییر دهید. انتخاب راه حل آماده از نصب کننده محصول شما می توانید بلافاصله هنگام نصب محصول 1C-Bitrix: Site Management یکی از راه حل های موجود در نسخه مورد نظر خود را انتخاب کنید.



راه حل های آماده "1C-Bitrix"


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




انتخاب به همین جا ختم نمی شود، زیرا چندین گزینه طراحی برای هر نوع سایت وجود دارد.




و به نوبه خود، هر طرح در ترکیب رنگ های مختلف وجود دارد - این نیز انتخاب شماست. به عنوان مثال، برای یک وب سایت شخصی می توانید یکی از 4 گزینه طراحی را انتخاب کنید و آن را در رنگ های مورد علاقه خود "رنگ آمیزی" کنید.




با انتخاب یک قالب از پیش تعیین شده، وبسایتی به دست می آورید که نه تنها از نظر طراحی، بلکه از نظر محتوا تا حد امکان به واقعیت نزدیک است و در عین حال با موضوعی که انتخاب کرده اید همخوانی دارد. علاوه بر این، می توانید دو پروژه کاملاً متفاوت ایجاد کنید - با قالب ها و طرح های مختلف، زیرا هر نسخه از برنامه به شما امکان می دهد این کار را مطابق با خط مشی مجوز 1C-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 است (بدون اسلش انتهایی، لطفاً توجه داشته باشید). و بنابراین، هنگامی که اسکریپت ها یا قسمت های شامل شده خود را اضافه می کنید، برای پوشه باید بنویسید: