1. veidne ar Bitrix. Gatavi risinājumi. Kur divi, tur trīs

Veidne nosaka atrašanās vietu funkcionālie elementi, lapas attēlojums un mākslas stils. Tas ir atkarīgs no vispārējā izskats vietne.

Parasti visām lapām tiek izmantota viena shēma, bet 1C Bitrix ļauj vienlaikus izmantot vairākas dizaina iespējas.

Izmantojot iebūvētos rīkus, varat iestatīt savas veidnes visām sadaļām un pat lapām. Varat arī iestatīt dažādus nosacījumus konkrētas shēmas izvadei. Iestatījumi tiek veikti, izmantojot administratora paneli.

Lapu veidnes tiek saglabātas tāda paša nosaukuma mapē "veidnes". IN vizuālais redaktors vienkārši atlasiet vajadzīgo opciju sarakstā un aizpildiet to ar nepieciešamajiem datiem. Veidņu veidošanas iezīme ir loģikas atdalīšana no prezentācijas.

Kam un kāpēc ir vajadzīgas veidnes?

Bitrix sistēma ļauj izveidot un izmantot iepriekš sagatavotas veidnes, pielietojot tās darbvietās.

Tas ir praktisks un efektīvs risinājums, strādājot ar daudzkomponentu lapām ar sarežģītu struktūru, piemēram, strādājot ar interneta veikalu vai ziņu portālu.

Labi izvēlētas veidnes priekšrocības:

• Pirmais iespaids. Vietnes dizains skaidri parāda, uz ko uzņēmums specializējas, un rada labvēlīgu iespaidu.
• Iegaumējamība. Vietne ir saistīta ar konkrētu uzņēmumu un joprojām ir atpazīstama.
• Integritāte. Veidnei jābūt uzrakstītai līdz mazākajai detaļai, veidojot harmonisku attēlu.
• Funkcionalitāte. Pievilcība ir apvienota ar lietojamību un praktiskumu.

1C Bitrix veidnes pašizveide

1C Bitrix veidnes struktūra ir failu un mapju kolekcija. Galvenajā direktorijā ir apraksts un Galvenā informācija administratīvajai sadaļai. Dažreiz tur tiek piešķirtas dažas papildu funkcijas.

Veidnes darbvieta kalpo galvenā satura ievietošanai, un sadalīšanas nepieciešamība ir saistīta ar struktūru. Tas ir apzīmēts kā darba_apgabals un ir rakstīts rediģēšanas formā, kas darbojas kā atstarpes atdalītājs.

Galvenās vietnes sadaļas ir parādītas arī atbilstošu direktoriju veidā. 1C Bitrix veidnes pamatā ir galvenes un kājenes faili. Tajos ir ierakstīts kods, pieslēgti zvanīšanas paplašinājumi, CSS un citas funkcijas.

Dinamiskais saturs ir iekļauts veidnē ar Bitrix Framework direktīvām. Šeit tiek definēti PHP ieliktņi, kas izsauc īpašus Bitrix komponentus.

Pirmkārt, tiek iestatīts nosaukums, ikonas, kaskādes stila lapas, tagi un citi pamata parametri. Pēc tam nepieciešams noteikt administratīvās daļas atrašanās vietu. Visus darba attēlus vislabāk ievietot vienā noteiktā mapē.

Numurēts saraksts ar izvēlni tiek aizstāts ar Bitrix komponenta izsaukumu, lai izveidotu un rediģētu vienumus. Lielākā daļa citu standarta elementu arī ir izveidoti kā komponenti.

Lai ievietotu nepieciešamo paplašinājumu iepriekš izvēlētā vietā lapā, tiek ievietots tā izsaukuma kods. Sākotnēji tas atrodas lietotāja dokumentācijā vai vizuālā redaktora cilnē.

Vēl viens svarīgs aspekts ir veidnes CSS faili. Sākotnēji tie ir trīs: galvenais un divi satura dizaina palīgierīces. Bet šī atšķirība ir ļoti nosacīta, jo visi elementi ir cieši savstarpēji saistīti.

Kā instalēt veidni?

Gatavās veidnes uzstādīšana tiek veikta saskaņā ar šādu shēmu:

Sadaļā ar admin paneļa veidnēm atlasiet pogu "pievienot";

Izveidošanas forma ir standarta: tajā norādīts ID, nosaukums un apraksts;

Strādājot ar html, ir svarīgi skaidri nodalīt elementus, kas saistīti ar dizainu un saturu;

Direktīvu work_area ievieto rediģēšanas laukā, kur tiek kopēta veidne;

Ja jums ir CSS, jums jāiet uz stilu cilni, kur tiek ievietots kods;

Jūs varat saglabāt rezultātu un novērtēt iegūto darbu.

Pēdējā daļa ir norāde uz visiem Bitrix mainīgajiem, kas ir rakstīti galvenē. Ir svarīgi neaizmirst rediģēt ceļus CSS un saglabāt starprezultātus. Pēc tam jūs varat lietot veidni vietnei, atlasot to no atbilstošā saraksta produkta iestatījumos.

secinājumus

1C Bitrix veidnes ir diezgan praktiskas un funkcionālas. To izmantošana ievērojami vienkāršos un paātrinās projekta izstrādi. Uzņēmuma vietnē varat iegādāties gatavas veidnes.

Šajā rakstā mēs apsvērsim visas iespējas, kā izveidot Bitrix veidni no nulles. Nav svarīgi, vai tev ir gatavs makets, vai arī tu esi vienkārši perfekcionists, kurš ļauj viņam pašam kaut ko uzrakstīt bez starpniekiem 🙂

Kādi faili ir nepieciešami, lai izveidotu veidni

Jūsu vietnes izskats (vai vietnes skats) vienmēr tiek saglabāts atsevišķā mapē. Programmā 1C-Bitrix ceļš uz veidni atrodas caur mapi Bitrix, kurā ir veidņu mape un kurā jau ir visu mūsu veidņu saraksts.

Ceļš uz veidnēm: /bitrix/templates/

Ir 3 veidi, kā izveidot veidni:

var kopēt gatava veidne un uz tā pamata mainīt sev

Jūs varat izveidot tukšu veidni, izmantojot administrēšanas paneli

varat izveidot tukšu mapi un pakāpeniski to aizpildīt ar failiem un mapēm

Kā jūs saprotat, 3. iespēja ir vissmagākā 🙂 . Dodamies uz administratora paneli, Administrēšana > Iestatījumi > Produkta iestatījumi > Vietnes > Vietņu veidnes > Pievienot veidni.
saite saistībā ar vietni: /bitrix/admin/template_admin.php?lang=ru

Veidnes ID būtībā ir tās mapes nosaukums, kurā tas atradīsies, es to saukšu par izstrādi. Atlikušos laukus aizpildiet pēc iespējas ērtāk, tie šobrīd nav īpaši svarīgi. Pievienojiet veidnes kodam šādu kodu:

#WORK_AREA#

- mēs rakstām šo rindu, lai failu nevarētu izsaukt tieši no pārlūkprogrammas un tas nesāktu izpildīt;
- parādīt pašreizējo lapas nosaukumu;
— parādīt atslēgvārdus, aprakstu un visus skriptus;
- parādīt paneli administratoriem.

Pēc veidnes saglabāšanas mans apraksts.php fails izskatās šādi:

Lieliski, saknē vajadzētu atstāt 5 failus, bet pārējie ir ieslēgti Šis brīdis mēs neizmantosim:

• apraksts.php
• header.php,
• kājene.php,
• stili.css
• template_styles.css

Koda daļa, kas atrodas pirms #WORK_AREA#, galu galā tiek ierakstīta header.php. Uzminiet, kura daļa ir rakstīta kājenē.php 🙂 (pēc tās). Pati darbvieta ir dinamisks saturs (ne vienmēr tik dinamisks), kas atrodas, piemēram, faila index.php mapē /contacts/ vai /about/. Pats fails parasti sākas ar galvenes savienojumu un beidzas ar kājenes savienojumu:

Rakstiet hir

Pagaidām viss izskatās loģiski.

1C-Bitrix mapes un jaunās veidnes struktūra

Dokumentācijā ir daži ieteikumi, kas man personīgi ne visai patīk. Pirmkārt, viņiem patīk saukt attēlu mapi par attēliem, nevis īsi img. Un, protams, es visu saprotu, bet, rakstot stilus, tik un tā vajag atsaukties uz attēliem, kāpēc rakstīt 2x vairāk? 🙂 . Otrkārt, bija tāds ieteikums iekļaut iekļautos apgabalus saglabāt mapē include_areas - kāpēc gan neizveidot inc ? Treškārt, kāpēc mums ir vajadzīgi 2 faili ar stiliem? Ja es vēlos visu ievietot atsevišķā failā un vēlāk savienot pēc vajadzības, tad šie stili tiks saglabāti vai nu komponenta veidnē, vai veidnes css mapē.

Rezumējot, mūsu pareizā veidnes struktūra ir šāda:

include_areas attēlu komponenti js

Lai būtu mazliet dumpinieks, tad:

Inc img komponenti js

Principā neviens tevi neierobežo, tie ir tikai ieteikumi.

Un tā mēs gludi pietuvojāmies pirmajai problēmai - cietajam kodam. Cietais kods ir tad, kad jūs, piemēram, dinamisko vērtību vietā Domēna vārds, izmantojiet teksta ievade. Lielākā daļa iesācēju izstrādātāju nezina par konstanti SITE_TEMPLATE_PATH, kas saglabā ceļu uz pašreizējo veidni kā vērtību - mūsu gadījumā tā ir /bitrix/templates/development (bez slīpsvītras beigās, lūdzu, ņemiet vērā). Tāpēc, iekļaujot skriptus vai apgabalus, mapei ir jāraksta: