Predloga 1 z Bitrixom. Pripravljene rešitve. Kjer sta dva, so trije

Predloga določa postavitev funkcionalni elementi, prikaz strani in umetniški slog. General videz mesto.

Običajno se za vse strani uporablja ena postavitev, vendar 1C Bitrix omogoča hkratno uporabo več možnosti oblikovanja.

Z vgrajenimi orodji lahko nastavite lastne predloge za vse razdelke in celo strani. Nastavite lahko tudi različne pogoje za prikaz določenega vezja. Nastavitve se izvajajo prek skrbniške plošče.

Predloge strani so shranjene v mapi »predloge« z istim imenom. IN vizualni urejevalnik Preprosto izberite želeno možnost s seznama in jo dopolnite s potrebnimi podatki. Značilnost šablon je ločitev logike od predstavitve.

Kdo potrebuje predloge in zakaj?

Sistem Bitrix vam omogoča ustvarjanje in uporabo vnaprej pripravljenih predlog, ki jih uporabljate v delovnih prostorih.

To je praktična in učinkovita rešitev pri delu z večkomponentnimi stranmi s kompleksno strukturo, na primer pri delu s spletno trgovino ali novičarskim portalom.

Prednosti pravilno izbrane predloge:

• Prvi vtis. Oblikovanje spletnega mesta jasno pove, za kaj je podjetje specializirano, in ustvarja ugoden vtis.
• Pomnljivost. Stran je povezana z določenim podjetjem in ostaja prepoznavna.
• Integriteta. Predloga mora biti zapisana do najmanjših podrobnosti, ki predstavljajo harmonično sliko.
• Funkcionalnost. Privlačnost je združena z uporabnostjo in praktičnostjo.

Samostojna izdelava predloge za 1C Bitrix

Struktura predloge 1C Bitrix je zbirka datotek in map. Glavni imenik vsebuje opis in splošne informacije za upravni del. Včasih so tam dodeljene tudi nekatere dodatne funkcije.

Delovno območje predloge se uporablja za postavitev glavne vsebine, potreba po delitvi pa je posledica strukture. Označen je kot delovno_območje in je zapisan v obrazcu za urejanje, ki deluje kot ločilo presledkov.

Glavni deli spletnega mesta so predstavljeni tudi v obliki ustreznih imenikov. Osnova predloge 1C Bitrix so datoteke glave in noge. Vsebujejo kodo, razširitve klicev, CSS in druge funkcije.

Dinamična vsebina je vključena v predlogo z direktivami Bitrix Framework. Tukaj lahko nastavite vstavke PHP, ki kličejo posebne Bitrix komponente.

Najprej se nastavijo naslov, ikone, kaskadne slogovne liste, oznake in drugi osnovni parametri. Po tem je treba določiti lokacijo upravnega dela. Bolje je, da vse delovne slike postavite v eno določeno mapo.

Oštevilčen seznam z menijem nadomestimo s klicem komponente Bitrix za ustvarjanje in urejanje elementov. Tudi večina drugih standardnih elementov je ustvarjenih kot komponente.

Za namestitev zahtevane razširitve se koda za klic vstavi na vnaprej izbrano mesto na strani. Na začetku se nahaja v uporabniški dokumentaciji ali na zavihku vizualnega urejevalnika.

Drug pomemben vidik so datoteke CSS predloge. Sprva so trije: glavni in dva pomožna za oblikovanje vsebine. Toda to razlikovanje je zelo poljubno, saj so vsi elementi med seboj tesno povezani.

Kako namestiti predlogo?

Namestitev končne predloge se izvede po naslednji shemi:

V razdelku s predlogami na skrbniški plošči morate izbrati gumb »dodaj«;

Obrazec za ustvarjanje je standarden: podaja ID, naslov in opis;

Pri delu s html-jem je pomembno jasno ločiti elemente, ki se nanašajo na obliko in vsebino;

Direktiva work_area se vstavi v polje za urejanje, kamor se predloga kopira;

Če imate CSS, morate iti na zavihek slogov, kjer je vstavljena koda;

Rezultat lahko shranite in ocenite nastalo delo.

Zadnji del je navedba vseh Bitrix spremenljivk, ki so zapisane v datoteki glave. Pomembno je, da ne pozabite urediti poti v CSS in shraniti vmesnih rezultatov. Po tem lahko predlogo uporabite na spletnem mestu, tako da jo izberete na ustreznem seznamu v nastavitvah izdelka.

zaključki

Predloge 1C Bitrix so precej praktične in funkcionalne. Njihova uporaba bo bistveno poenostavila in pospešila razvoj projekta. Na spletni strani podjetja lahko kupite že pripravljene predloge.

V tem članku si bomo ogledali vse funkcije ustvarjanja predloge za Bitrix iz nič. Ni pomembno, ali imate že pripravljeno postavitev ali pa ste le perfekcionist, ki mu preprosto dovolite, da nekaj napiše sam brez posrednikov :)

Katere datoteke so potrebne za izdelavo predloge?

Videz vaše strani (oz. predstavitev strani) je vedno shranjen v ločeni mapi. V 1C-Bitrixu je pot do predloge skozi mapo bitrix, ki vsebuje mapo predlog in že vsebuje seznam vseh naših predlog.

Pot do predlog: /bitrix/templates/

Predlogo lahko ustvarite na 3 načine:

mogoče kopirati že pripravljena predloga in ga na podlagi tega spremenite tako, da vam ustreza

lahko ustvarite prazno predlogo prek skrbniške plošče

lahko ustvarite prazno mapo in jo postopoma napolnite z datotekami in mapami

Kot razumete, je tretja možnost najbolj trda :) Pojdimo na skrbniško ploščo, Administracija > Nastavitve > Nastavitve izdelka > Spletna mesta > Predloge spletnih mest > Dodaj predlogo.
povezava do strani: /bitrix/admin/template_admin.php?lang=ru

ID predloge je v bistvu ime mape, v kateri se bo nahajala, imenoval jo bom razvoj. Ostala polja izpolnite čim bolj udobno; trenutno niso zelo pomembna. Kodi predloge dodajte naslednjo kodo:

#DELOVNO_OBMOČJE#

— to vrstico napišemo tako, da datoteke ni mogoče poklicati neposredno iz brskalnika in se ne začne izvajati;
— prikaz trenutnega naslova strani;
— prikaz ključnih besed, opisa in vseh skriptov;
— pokaži ploščo za skrbnike.

Po shranjevanju predloge je moja datoteka description.php videti takole:

Super, ostalo bi nam moralo 5 datotek v korenu, ostale bi morale biti ta trenutek ne bomo uporabili:

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

Del kode, ki je pred #WORK_AREA#, je na koncu zapisan v header.php. Uganite, kateri del je zapisan v footer.php :) (tisti za njim). Samo delovno področje je dinamična vsebina (ni vedno tako dinamična), ki se nahaja na primer v mapi /contacts/ ali /about/ v datoteki index.php. Sama datoteka se običajno začne z vključitvijo glave in konča z vključitvijo noge:

Pošlji SMS hi

Zaenkrat je vse videti logično.

1C-Bitrix mape in struktura nove predloge

V dokumentaciji je več priporočil, ki meni osebno niso ravno všeč. Prvič, mapo s slikami radi poimenujejo images namesto skrajšanega img. In seveda vse razumem, toda ko pišete sloge, se morate vseeno sklicevati na slike, zakaj bi pisali 2-krat več? :) Drugič, bilo je priporočilo za shranjevanje vključenih območij v mapo include_areas - zakaj ne bi ustvarili inc? Tretjič, zakaj potrebujemo 2 datoteki s slogi? Če želim vse spraviti v ločeno datoteko in jo pozneje povezati po potrebi, bodo ti slogi shranjeni v predlogi komponente ali v mapi css predloge.

Če povzamemo, naša pravilna struktura predloge je:

Include_areas komponente slik js

Da bom malo uporen:

Inc img komponente js

Načeloma te nihče ne omejuje, to so le priporočila.

In zdaj smo gladko prišli do prve težave - trde kode. Trda koda je, ko namesto dinamičnih vrednosti npr Domena, uporaba vnos besedila. Večina razvijalcev začetnikov ne pozna konstante SITE_ TEMPLATE_PATH, ki kot vrednost shrani pot do trenutne predloge - v našem primeru je to /bitrix/templates/development (brez poševnice na koncu, upoštevajte). In zato, ko vključite svoje skripte ali vključena področja, morate za mapo napisati: