Шаблон 1 со Bitrix. Готови решенија. Каде што има двајца, има три

Шаблонот го дефинира распоредот функционални елементи, приказ на страница и стил на уметност. Генералот изгледсајт.

Обично еден распоред се користи за сите страници, но 1C Bitrix ви овозможува истовремено да користите неколку опции за дизајн.

Користејќи вградени алатки, можете да поставите свои шаблони за сите делови, па дури и страници. Можете исто така да поставите различни услови за прикажување на одредено коло. Поставките се прават преку административниот панел.

Шаблоните на страниците се зачувани во истоимената папка „шаблони“. ВО визуелен уредникЕдноставно изберете ја потребната опција од списокот и дополнете ја со потребните податоци. Карактеристика на шаблоните е одвојувањето на логиката од презентацијата.

Кој има потреба од шаблони и зошто?

Системот Bitrix ви овозможува да креирате и користите претходно направени шаблони, применувајќи ги на работните простори.

Ова е практично и ефективно решение кога работите со повеќекомпонентни страници со сложена структура, на пример кога работите со онлајн продавница или портал за вести.

Предности на правилно избраниот шаблон:

• Првиот впечаток. Дизајнот на веб-страницата јасно покажува за што е специјализирана компанијата и создава поволен впечаток.
• Незаборавност. Сајтот е поврзан со одредена компанија и останува препознатлив.
• Интегритет. Шаблонот мора да биде запишан до најмалите детали, прикажувајќи хармонична слика.
• Функционалност. Атрактивноста е комбинирана со употребливост и практичност.

Независно креирање на шаблон за 1C Bitrix

Структурата на шаблонот 1C Bitrix е збирка датотеки и папки. Главниот директориум го содржи описот и генерални информацииза административниот дел. Понекогаш таму се доделуваат и некои дополнителни функции.

Работната површина на шаблонот се користи за поставување на главната содржина, а потребата за поделба се должи на структурата. Таа е означена како работна_област и е напишана во форма за уредување, дејствувајќи како раздвојувач на просторот.

Главните делови на страницата се исто така претставени во форма на соодветни директориуми. Основата на шаблонот 1C Bitrix се датотеките за заглавие и подножје. Тие содржат код, екстензии за повици, CSS и други функции.

Динамичната содржина е вклучена во шаблонот со директивите на Bitrix Framework. Овде можете да поставите PHP инсерти кои повикуваат специјални компоненти на Bitrix.

Прво, се поставуваат насловот, иконите, каскадните стилски листови, ознаките и другите основни параметри. По ова, неопходно е да се одреди локацијата на административниот дел. Подобро е да ги ставите сите работни слики во една специфична папка.

Нумерираната листа со мени се заменува со повикување на компонентата Bitrix за креирање и уредување ставки. Повеќето од другите стандардни елементи се исто така создадени како компоненти.

За да ја поставите потребната екстензија, кодот за повикување се вметнува на претходно избрано место на страницата. Првично, се наоѓа во корисничката документација или во табулаторот за визуелен уредник.

Друг важен аспект се CSS-датотеките на шаблонот. Првично има три од нив: главната и две помошни за дизајнирање на содржината. Но, оваа разлика е многу произволна, бидејќи сите елементи се тесно поврзани.

Како да инсталирате шаблон?

Инсталирањето на готовиот образец се врши според следнава шема:

Во делот за шаблони на администраторскиот панел, мора да го изберете копчето „додај“;

Формуларот за креирање е стандарден: наведува ID, наслов и опис;

Кога работите со html, важно е јасно да се издвојат елементите поврзани со дизајнот и содржината;

Директивата work_area се вметнува во полето за уредување, каде што се копира шаблонот;

Ако имате CSS, треба да отидете во јазичето стилови, каде што е вметнат кодот;

Можете да го зачувате резултатот и да ја оцените добиената работа.

Последниот дел е означување на сите Bitrix променливи кои се запишани во датотеката за заглавие. Важно е да запомните да уредувате патеки во CSS и да зачувате средни резултати. По ова, можете да го примените шаблонот на страницата со избирање од соодветната листа во поставките на производот.

заклучоци

Шаблони 1C Bitrix се доста практични и функционални. Нивната употреба значително ќе го поедностави и забрза развојот на проектот. Можете да купите готови шаблони на веб-страницата на компанијата.

Во оваа статија ќе ги разгледаме сите карактеристики за создавање шаблон за Bitrix од нула. Не е важно дали имате готов распоред, или сте само перфекционист кој само му дозволува да напише нешто сам без посредници :)

Кои датотеки се потребни за да се создаде шаблон?

Изгледот на вашата страница (или презентацијата на страницата) секогаш се чува во посебна папка. Во 1C-Bitrix, патеката до шаблонот лежи низ папката bitrix, која содржи папка со шаблони и веќе содржи листа на сите наши шаблони.

Патека до шаблоните: /bitrix/templates/

Можете да креирате шаблон на 3 начини:

може да се копира готов шаблони врз основа на тоа променете го за да ви одговара

можете да креирате празен образец преку административниот панел

можете да креирате празна папка и постепено да ја пополнувате со датотеки и папки

Како што разбирате, 3-та опција е најхардкор :) Ајде да одиме до административниот панел, Администрација > Поставки > Поставки за производи > Веб-страници > Шаблони за веб-страници > Додај шаблон.
врска во врска со страницата: /bitrix/admin/template_admin.php?lang=ru

ИД на шаблонот во суштина е името на папката во која ќе се наоѓа, јас ќе ја наречам развој. Пополнете ги останатите полиња што е можно поудобно; тие не се многу важни во моментов. Додадете го следниов код во кодот на шаблонот:

#РАБОТНА_ПОВЛАСТ#

— ја пишуваме оваа линија така што датотеката не може да се повика директно од прелистувачот и да не започне да се извршува;
— прикажете го тековниот наслов за страницата;
— прикажете клучни зборови, опис и сите скрипти;
— прикажете го панелот за администратори.

По зачувувањето на шаблонот, мојата датотека description.php изгледа вака:

Одлично, треба да ни останат 5 фајлови во root, останатите треба да бидат овој моментнема да користиме:

• 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 компоненти js

Да бидам малку бунтовник:

Inc img компоненти js

Во принцип, никој не ве ограничува, тоа се само препораки.

И сега непречено доаѓаме до првиот проблем - хард-код. Хардкод е кога наместо динамички вредности, на пример Име на домен, употреба внесување текст. Повеќето програмери почетници не знаат за константата SITE_ TEMPLATE_PATH, која ја складира патеката до тековниот шаблон како вредност - во нашиот случај тоа е /bitrix/templates/development (без заостанувачката коса црта, ве молиме забележете). И затоа, кога ги вклучувате вашите скрипти или вклучени области, за папката треба да напишете: