Bitrix ilə şablon 1. Hazır həllər. İki olan yerdə üç də var

Şablon tərtibatı müəyyən edir funksional elementlər, səhifə ekranı və bədii üslub. General görünüş Sayt.

Adətən bütün səhifələr üçün bir tərtibat istifadə olunur, lakin 1C Bitrix eyni vaxtda bir neçə dizayn variantından istifadə etməyə imkan verir.

Daxili alətlərdən istifadə edərək, bütün bölmələr və hətta səhifələr üçün öz şablonlarınızı təyin edə bilərsiniz. Müəyyən bir dövrəni göstərmək üçün müxtəlif şərtlər də təyin edə bilərsiniz. Parametrlər admin panel vasitəsilə edilir.

Səhifə şablonları eyni adlı “şablonlar” qovluğunda saxlanılır. IN vizual redaktor Sadəcə siyahıdan tələb olunan variantı seçin və onu lazımi məlumatlarla əlavə edin. Şablonlaşdırmanın bir xüsusiyyəti məntiqin təqdimatdan ayrılmasıdır.

Şablonlar kimə lazımdır və niyə?

Bitrix sistemi əvvəlcədən hazırlanmış şablonları yaratmağa və istifadə etməyə, onları iş sahələrinə tətbiq etməyə imkan verir.

Bu, mürəkkəb struktura malik çoxkomponentli səhifələrlə işləyərkən, məsələn, onlayn mağaza və ya xəbər portalı ilə işləyərkən praktik və effektiv həlldir.

Düzgün seçilmiş şablonun üstünlükləri:

• İlk təəssürat. Veb sayt dizaynı şirkətin nədə ixtisaslaşdığını aydınlaşdırır və xoş təəssürat yaradır.
• Yaddaşlıq. Sayt müəyyən bir şirkətlə əlaqələndirilir və tanınır.
• Dürüstlük. Şablon ahəngdar bir şəkil təqdim edərək ən kiçik detallara qədər yazılmalıdır.
• Funksionallıq. Cəlbedicilik istifadəyə yararlılıq və praktiklik ilə birləşir.

1C Bitrix üçün şablonun müstəqil yaradılması

1C Bitrix şablonunun strukturu fayl və qovluqların toplusudur. Əsas kataloqda təsvir və ümumi məlumat inzibati bölmə üçün. Bəzən orada bəzi əlavə funksiyalar da təyin olunur.

Şablonun iş sahəsi əsas məzmunu yerləşdirmək üçün istifadə olunur və bölmə ehtiyacı strukturla bağlıdır. O, iş_sahəsi kimi təyin edilir və boşluq ayırıcı kimi çıxış edərək redaktə formasında yazılır.

Saytın əsas bölmələri də müvafiq kataloqlar şəklində təqdim olunur. 1C Bitrix şablonunun əsasını başlıq və altbilgi faylları təşkil edir. Onların tərkibində kod, zəng uzantıları, CSS və digər funksiyalar var.

Dinamik məzmun Bitrix Framework direktivləri ilə şablona daxil edilmişdir. Burada xüsusi Bitrix komponentlərini çağıran PHP əlavələrini təyin edə bilərsiniz.

Əvvəlcə başlıq, nişanlar, kaskad stil cədvəlləri, etiketlər və digər əsas parametrlər təyin olunur. Bundan sonra inzibati hissənin yerini müəyyən etmək lazımdır. Bütün işləyən şəkilləri bir xüsusi qovluğa yerləşdirmək daha yaxşıdır.

Menyu ilə nömrələnmiş siyahı elementləri yaratmaq və redaktə etmək üçün Bitrix komponentinə zəng etməklə əvəz olunur. Digər standart elementlərin əksəriyyəti də komponentlər kimi yaradılmışdır.

Tələb olunan genişləndirməni yerləşdirmək üçün ona zəng etmək üçün kod səhifədə əvvəlcədən seçilmiş yerə daxil edilir. Əvvəlcə istifadəçi sənədlərində və ya vizual redaktor sekmesinde yerləşir.

Digər vacib cəhət şablonun CSS fayllarıdır. Əvvəlcə bunlardan üçü var: məzmunun dizaynı üçün əsas və iki köməkçi. Lakin bu fərq çox ixtiyaridir, çünki bütün elementlər bir-biri ilə sıx bağlıdır.

Şablonu necə quraşdırmaq olar?

Bitmiş şablonun quraşdırılması aşağıdakı sxemə uyğun olaraq həyata keçirilir:

İdarəetmə panelinin şablonlar bölməsində "əlavə et" düyməsini seçməlisiniz;

Yaradılma forması standartdır: şəxsiyyət vəsiqəsi, başlıq və təsviri müəyyən edir;

html ilə işləyərkən dizayn və məzmunla bağlı elementləri aydın şəkildə ayırmaq vacibdir;

iş_sahəsi direktivi şablonun kopyalandığı redaktə sahəsinə daxil edilir;

Əgər sizdə CSS varsa, kodun daxil edildiyi üslublar sekmesine keçməlisiniz;

Nəticəni saxlaya və əldə edilən işi qiymətləndirə bilərsiniz.

Son hissə başlıq faylında yazılmış bütün Bitrix dəyişənlərinin göstəricisidir. CSS-də yolları redaktə etməyi və aralıq nəticələri saxlamağı xatırlamaq vacibdir. Bundan sonra şablonu məhsul parametrlərində müvafiq siyahıdan seçərək sayta tətbiq edə bilərsiniz.

nəticələr

1C Bitrix şablonları olduqca praktik və funksionaldır. Onların istifadəsi layihənin inkişafını əhəmiyyətli dərəcədə sadələşdirəcək və sürətləndirəcəkdir. Hazır şablonları şirkətin saytında əldə edə bilərsiniz.

Bu yazıda biz sıfırdan Bitrix üçün şablon yaratmağın bütün xüsusiyyətlərini nəzərdən keçirəcəyik. Fərqi yoxdur ki, hazır planınız olsun, yoxsa sadəcə ona vasitəçi olmadan nəsə yazmağa icazə verən mükəmməl bir insansınız :)

Şablon yaratmaq üçün hansı fayllar lazımdır?

Saytınızın görünüşü (və ya saytın təqdimatı) həmişə ayrıca qovluqda saxlanılır. 1C-Bitrix-də şablona gedən yol, şablonlar qovluğunu ehtiva edən və artıq bütün şablonlarımızın siyahısını ehtiva edən bitrix qovluğundan keçir.

Şablonlara gedən yol: /bitrix/templates/

Şablonu 3 yolla yarada bilərsiniz:

kopyalana bilər hazır şablon və ona əsaslanaraq onu özünüzə uyğun dəyişin

admin panel vasitəsilə boş şablon yarada bilərsiniz

boş bir qovluq yarada və onu tədricən fayl və qovluqlarla doldura bilərsiniz

Anladığınız kimi, 3-cü seçim ən sərtdir :) Gəlin admin panelinə keçək, İdarə > Parametrlər > Məhsul parametrləri > Vebsaytlar > Veb sayt şablonları > Şablon əlavə edin.
saytla bağlı keçid: /bitrix/admin/template_admin.php?lang=ru

Şablon identifikatoru əsasən onun yerləşəcəyi qovluğun adıdır, mən onu inkişaf adlandıracağam. Qalan sahələri mümkün qədər rahat şəkildə doldurun; onlar hazırda çox vacib deyil. Şablon koduna aşağıdakı kodu əlavə edin:

#İŞ_SAHASI#

— biz bu sətri elə yazırıq ki, fayl birbaşa brauzerdən çağırılmasın və icrasına başlamasın;
— səhifənin cari başlığını göstərmək;
— açar sözləri, təsviri və bütün skriptləri göstərin;
— adminlər üçün paneli göstərin.

Şablonu saxladıqdan sonra description.php faylım belə görünür:

Əla, kökdə 5 fayl qalmalıdır, qalanları olmalıdır Bu an istifadə etməyəcəyik:

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

Kodun #İŞ_ALANI#-dan əvvəl olan hissəsi sonda header.php-ə yazılır. Footer.php-də hansı hissənin yazıldığını təxmin edin :) (ondan sonrakı). İş sahəsinin özü dinamik məzmundur (həmişə o qədər də dinamik deyil), o, məsələn, index.php faylının /contacts/ və ya /about/ qovluğunda yerləşir. Faylın özü adətən başlığın daxil edilməsi ilə başlayır və altbilginin daxil edilməsi ilə bitir:

Mətn göndər

Hələlik hər şey məntiqli görünür.

1C-Bitrix qovluqları və yeni şablonun strukturu

Sənədlərdə şəxsən mənim bəyənmədiyim bir neçə tövsiyə var. Birincisi, onlar qısaldılmış img əvəzinə şəkil qovluğuna şəkillərin adını verməyi xoşlayırlar. Və təbii ki, hər şeyi başa düşürəm, amma üslubları yazanda, onsuz da şəkillərə müraciət etmək lazımdır, niyə 2 dəfə çox yazırsınız? :) İkincisi, daxil edilmiş sahələrin daxildir_areas qovluğunda saxlamaq tövsiyəsi var idi - niyə inc yaratmayaq? Üçüncüsü, niyə bizə üslublu 2 fayl lazımdır? Hər şeyi ayrı bir fayla yerləşdirmək və lazım gəldikdə sonradan birləşdirmək istəsəm, bu üslublar ya komponent şablonunda, ya da şablonun css qovluğunda saxlanılacaq.

Xülasə etmək üçün düzgün şablon quruluşumuz belədir:

Include_areas şəkillər komponentləri js

Bir az üsyankar olmaq üçün:

Inc img komponentləri js

Prinsipcə, heç kim sizi məhdudlaşdırmır, bunlar sadəcə tövsiyələrdir.

İndi rəvan şəkildə birinci problemə - hardkoda gəldik. Hardcode, məsələn, dinamik dəyərlər əvəzinə zamandır Domen adı, istifadə edin mətn girişi. Təcrübəsiz tərtibatçıların əksəriyyəti cari şablona gedən yolu dəyər kimi saxlayan SITE_ TEMPLATE_PATH sabiti haqqında bilmir - bizim vəziyyətimizdə bu, /bitrix/templates/inkişafdır (arxadakı kəsik işarəsi olmadan, lütfən, qeyd edin). Buna görə də, skriptlərinizi və ya daxil edilmiş sahələri daxil etdiyiniz zaman qovluq üçün yazmalısınız: