Bitrix бар 1-үлгі. Дайын шешімдер. Екі болған жерде үшеу бар

Үлгі орналасуды анықтайды функционалдық элементтер, бетті көрсету және көркемдік стиль. генерал сыртқы түрісайт.

Әдетте барлық беттер үшін бір макет пайдаланылады, бірақ 1C Bitrix бір уақытта бірнеше дизайн опцияларын пайдалануға мүмкіндік береді.

Кірістірілген құралдарды пайдаланып, барлық бөлімдер мен тіпті беттер үшін өзіңіздің үлгілеріңізді орнатуға болады. Сондай-ақ белгілі бір схеманы көрсету үшін әртүрлі шарттарды орнатуға болады. Параметрлер басқару тақтасы арқылы жасалады.

Бет үлгілері аттас «үлгілер» қалтасында сақталады. IN визуалды редакторТек тізімнен қажетті опцияны таңдап, оны қажетті деректермен толықтырыңыз. Үлгілеудің ерекшелігі логиканы презентациядан бөлу болып табылады.

Үлгілер кімге және не үшін қажет?

Bitrix жүйесі жұмыс кеңістігіне қолдана отырып, алдын ала жасалған үлгілерді жасауға және пайдалануға мүмкіндік береді.

Бұл күрделі құрылымды көп компонентті беттермен жұмыс істегенде, мысалы, интернет-дүкенмен немесе жаңалықтар порталымен жұмыс істегенде практикалық және тиімді шешім.

Дұрыс таңдалған үлгінің артықшылықтары:

• Алғашқы әсер. Веб-сайттың дизайны компанияның қандай маманданғанын көрсетеді және жағымды әсер қалдырады.
• Есте сақтау. Сайт белгілі бір компаниямен байланысты және танымал болып қалады.
• Тұтастық. Үлгі үйлесімді суретті ұсынатын ең кішкентай бөлшектерге дейін жазылуы керек.
• Функционалдылық. Тартымдылық ыңғайлылықпен және практикалықпен үйлеседі.

1С Bitrix үшін шаблонды тәуелсіз құру

1C Bitrix үлгісінің құрылымы файлдар мен қалталардың жиынтығы болып табылады. Негізгі каталогта сипаттама және жалпы ақпаратәкімшілік бөлім үшін. Кейде кейбір қосымша функциялар да сол жерде тағайындалады.

Үлгінің жұмыс аймағы негізгі мазмұнды орналастыру үшін пайдаланылады, ал бөлу қажеттілігі құрылымға байланысты. Ол жұмыс_аймақ ретінде белгіленеді және кеңістікті бөлгіш ретінде әрекет ететін өңдеу пішінінде жазылады.

Сайттың негізгі бөлімдері де сәйкес каталогтар түрінде берілген. 1C Bitrix үлгісінің негізін үстіңгі және төменгі колонтитул файлдары құрайды. Оларда код, қоңырау кеңейтімдері, CSS және басқа функциялар бар.

Динамикалық мазмұн Bitrix Framework директивалары бар үлгіге енгізілген. Мұнда арнайы Bitrix компоненттерін шақыратын PHP кірістірулерін орнатуға болады.

Алдымен тақырып, белгішелер, каскадты стиль кестелері, тегтер және басқа негізгі параметрлер орнатылады. Осыдан кейін әкімшілік бөліктің орналасқан жерін анықтау қажет. Барлық жұмыс кескіндерін белгілі бір қалтаға орналастырған дұрыс.

Мәзірі бар нөмірленген тізім элементтерді жасау және өңдеу үшін Bitrix компонентін шақыру арқылы ауыстырылады. Басқа стандартты элементтердің көпшілігі де құрамдас бөліктер ретінде жасалған.

Қажетті кеңейтімді орналастыру үшін оған қоңырау шалу коды бетте алдын ала таңдалған орынға енгізіледі. Бастапқыда ол пайдаланушы құжаттамасында немесе визуалды редактор қойындысында орналасқан.

Тағы бір маңызды аспект - үлгінің CSS файлдары. Бастапқыда олардың үшеуі бар: мазмұнды жобалауға арналған негізгі және екі көмекші. Бірақ бұл айырмашылық өте ерікті, өйткені барлық элементтер бір-бірімен тығыз байланысты.

Үлгіні қалай орнатуға болады?

Дайын шаблонды орнату келесі схема бойынша жүзеге асырылады:

Әкімші панелінің үлгілер бөлімінде «қосу» түймесін таңдау керек;

Жасау формасы стандартты: ол идентификаторды, тақырыпты және сипаттаманы көрсетеді;

html-мен жұмыс істегенде дизайн мен мазмұнға қатысты элементтерді нақты бөлу маңызды;

Жұмыс_аймақ директивасы үлгі көшірілетін өңдеу өрісіне енгізіледі;

Егер сізде CSS болса, код енгізілген стильдер қойындысына өту керек;

Нәтижені сақтауға және алынған жұмысты бағалауға болады.

Соңғы бөлім тақырып файлында жазылған барлық Bitrix айнымалыларының көрсеткіші болып табылады. CSS-те жолдарды өңдеуді және аралық нәтижелерді сақтауды есте сақтау маңызды. Осыдан кейін үлгіні өнім параметрлеріндегі сәйкес тізімнен таңдау арқылы сайтқа қолдануға болады.

қорытындылар

1C Bitrix үлгілері өте практикалық және функционалды. Оларды пайдалану жобаның дамуын айтарлықтай жеңілдетеді және тездетеді. Сіз компанияның веб-сайтында дайын үлгілерді сатып ала аласыз.

Бұл мақалада біз Bitrix үлгісін нөлден бастап жасаудың барлық мүмкіндіктерін қарастырамыз. Сізде дайын макет бар ма, әлде делдалсыз бірдеңені өзі жазуға мүмкіндік беретін перфекционистсіз бе маңызды емес :)

Үлгі жасау үшін қандай файлдар қажет?

Сайтыңыздың сыртқы түрі (немесе сайттың көрсетілімі) әрқашан бөлек қалтада сақталады. 1C-Bitrix-те үлгіге баратын жол битрикс қалтасы арқылы өтеді, онда үлгілер қалтасы бар және қазірдің өзінде біздің барлық үлгілеріміздің тізімі бар.

Үлгілерге жол: /bitrix/templates/

Үлгіні 3 жолмен жасауға болады:

көшіруге болады дайын шаблонжәне соған сүйене отырып, оны өзіңізге ыңғайлы етіп өзгертіңіз

әкімші тақтасы арқылы бос үлгіні жасауға болады

бос қалтаны жасап, оны файлдар мен қалталармен біртіндеп толтыруға болады

Өздеріңіз түсінгендей, 3-ші нұсқа ең қатал :) Әкімші тақтасына өтейік, Әкімшілік > Параметрлер > Өнім параметрлері > Веб-сайттар > Веб-сайт үлгілері > Үлгі қосу.
сайтқа қатысты сілтеме: /bitrix/admin/template_admin.php?lang=ru

Үлгі идентификаторы негізінен ол орналасатын қалтаның атауы, мен оны әзірлеу деп атаймын. Қалған өрістерді мүмкіндігінше ыңғайлы түрде толтырыңыз, олар қазір өте маңызды емес. Үлгі кодына келесі кодты қосыңыз:

#ЖҰМЫС_АЙМАҚ#

— біз бұл жолды файлды браузерден тікелей шақыруға болмайтындай және ол орындала бастамайтындай етіп жазамыз;
— беттің ағымдағы тақырыбын көрсету;
— кілт сөздерді, сипаттаманы және барлық сценарийлерді көрсету;
— әкімшілер тақтасын көрсетіңіз.

Үлгіні сақтағаннан кейін, менің description.php файлым келесідей болады:

Тамаша, бізде түбірде 5 файл қалуы керек, қалғандары болуы керек осы сәтбіз пайдаланбаймыз:

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

#ЖҰМЫС_АЙМАҚ# алдында тұрған код бөлігі ақырында header.php ішіне жазылады. footer.php файлында қай бөлік жазылғанын тап :) (одан кейінгі). Жұмыс аймағының өзі, мысалы, index.php файлындағы /contacts/ немесе /about/ қалтасында орналасқан динамикалық мазмұн (әрдайым сондай динамикалық емес). Файлдың өзі әдетте тақырыпты қосудан басталып, төменгі деректемені қосумен аяқталады:

Мәтінді жіберіңіз

Әзірге бәрі қисынды болып көрінеді.

1C-Bitrix қалталары және жаңа үлгінің құрылымы

Құжаттамада маған ұнамайтын бірнеше ұсыныстар бар. Біріншіден, олар қысқартылған img орнына кескін қалтасының кескіндерін атауды ұнатады. Және, әрине, мен бәрін түсінемін, бірақ стильдерді жазғанда, бәрібір суреттерге сілтеме жасау керек, неге 2 есе көп жазу керек? :) Екіншіден, енгізілген аумақтарды include_areas қалтасында сақтау туралы ұсыныс болды - неге inc жасамасқа? Үшіншіден, бізге стильдері бар 2 файл не үшін қажет? Егер мен бәрін бөлек файлға салып, қажетінше кейінірек қосқым келсе, онда бұл мәнерлер құрамдас үлгіде немесе үлгінің CSS қалтасында сақталады.

Қорытындылай келе, біздің дұрыс үлгі құрылымымыз:

Include_areas кескіндер құрамдастары js

Кішкене бүлікші болу үшін:

Inc img компоненттері js

Негізінде, сізді ешкім шектемейді, бұл тек ұсыныстар.

Енді біз бірінші мәселеге - қатты кодқа оңай келеміз. Қатты код - мысалы, динамикалық мәндердің орнына домен атауы, пайдаланыңыз мәтін енгізу. Жаңадан бастаған әзірлеушілердің көпшілігі ағымдағы үлгіге жолды мән ретінде сақтайтын SITE_ TEMPLATE_PATH тұрақтысы туралы білмейді - біздің жағдайда бұл /bitrix/templates/development (соңғы қиғаш сызықсыз, ескеріңіз). Сондықтан, сценарийлерді немесе енгізілген аймақтарды қосқанда, қалта үшін мынаны жазу керек: