Šablóna 1 s Bitrixom. Hotové riešenia. Kde sú dvaja, tam sú traja

Šablóna definuje rozloženie funkčné prvky, zobrazenie stránky a umelecký štýl. Všeobecné vzhľad stránky.

Zvyčajne sa pre všetky stránky používa jedno rozloženie, ale 1C Bitrix vám umožňuje súčasne používať niekoľko možností dizajnu.

Pomocou vstavaných nástrojov si môžete nastaviť vlastné šablóny pre všetky sekcie a dokonca aj stránky. Môžete tiež nastaviť rôzne podmienky pre zobrazenie konkrétneho obvodu. Nastavenia sa vykonávajú cez administračný panel.

Šablóny stránok sú uložené v priečinku „šablóny“ s rovnakým názvom. IN vizuálny editor Jednoducho vyberte požadovanú možnosť zo zoznamu a doplňte ju o potrebné údaje. Znakom šablónovania je oddelenie logiky od prezentácie.

Kto potrebuje šablóny a prečo?

Systém Bitrix vám umožňuje vytvárať a používať vopred pripravené šablóny a aplikovať ich na pracovné priestory.

Ide o praktické a efektívne riešenie pri práci s viaczložkovými stránkami so zložitou štruktúrou, napríklad pri práci s internetovým obchodom alebo spravodajským portálom.

Výhody správne zvolenej šablóny:

• Prvý dojem. Dizajn webovej stránky dáva jasne najavo, na čo sa spoločnosť špecializuje, a vytvára priaznivý dojem.
• Zapamätateľnosť. Stránka je spojená s konkrétnou spoločnosťou a zostáva rozpoznateľná.
• bezúhonnosť. Šablóna musí byť napísaná do najmenších detailov, čím sa vytvorí harmonický obraz.
• Funkčnosť. Atraktivita sa snúbi s použiteľnosťou a praktickosťou.

Nezávislé vytvorenie šablóny pre 1C Bitrix

Štruktúra šablóny 1C Bitrix je zbierka súborov a priečinkov. Hlavný adresár obsahuje popis a všeobecné informácie pre administratívny úsek. Niekedy sú tam priradené aj nejaké doplnkové funkcie.

Pracovná oblasť šablóny sa používa na umiestnenie hlavného obsahu a potreba rozdelenia je spôsobená štruktúrou. Označuje sa ako pracovná_oblasť a zapisuje sa do editačného formulára, pričom funguje ako oddeľovač medzier.

Hlavné časti stránky sú tiež prezentované vo forme zodpovedajúcich adresárov. Základom šablóny 1C Bitrix sú súbory hlavičky a päty. Obsahujú kód, rozšírenia o volanie, CSS a ďalšie funkcie.

Dynamický obsah je zahrnutý v šablóne so smernicami Bitrix Framework. Tu môžete nastaviť PHP inserty, ktoré volajú špeciálne Bitrix komponenty.

Najprv sa nastaví nadpis, ikony, kaskádové štýly, značky a ďalšie základné parametre. Potom je potrebné určiť umiestnenie administratívnej časti. Je lepšie umiestniť všetky pracovné obrázky do jedného konkrétneho priečinka.

Číslovaný zoznam s ponukou je nahradený volaním komponentu Bitrix na vytváranie a úpravu položiek. Väčšina ostatných štandardných prvkov je tiež vytvorená ako komponenty.

Pre umiestnenie požadovanej klapky sa na vopred zvolené miesto na stránke vloží kód na jej volanie. Spočiatku sa nachádza v používateľskej dokumentácii alebo na karte vizuálneho editora.

Ďalším dôležitým aspektom sú CSS súbory šablóny. Spočiatku sú tri: hlavný a dva pomocné na navrhovanie obsahu. Toto rozlíšenie je však veľmi svojvoľné, pretože všetky prvky sú úzko prepojené.

Ako nainštalovať šablónu?

Inštalácia hotovej šablóny sa vykonáva podľa nasledujúcej schémy:

V sekcii šablón na paneli správcu musíte vybrať tlačidlo „pridať“;

Formulár vytvorenia je štandardný: špecifikuje ID, názov a popis;

Pri práci s html je dôležité jasne oddeliť prvky súvisiace s dizajnom a obsahom;

Direktíva work_area sa vloží do editačného poľa, kde sa skopíruje šablóna;

Ak máte CSS, musíte prejsť na kartu štýly, kde sa vkladá kód;

Výsledok si môžete uložiť a výslednú prácu zhodnotiť.

Poslednou časťou je označenie všetkých premenných Bitrix, ktoré sú zapísané v hlavičkovom súbore. Je dôležité pamätať na úpravu ciest v CSS a uloženie medzivýsledkov. Potom môžete použiť šablónu na stránku tak, že ju vyberiete z príslušného zoznamu v nastaveniach produktu.

závery

Šablóny 1C Bitrix sú celkom praktické a funkčné. Ich použitie výrazne zjednoduší a urýchli vývoj projektu. Na webovej stránke spoločnosti si môžete zakúpiť hotové šablóny.

V tomto článku sa pozrieme na všetky funkcie vytvárania šablóny pre Bitrix od začiatku. Nezáleží na tom, či máte hotový layout, alebo ste len perfekcionista, ktorý ho nechá napísať niečo samého bez sprostredkovateľov :)

Aké súbory sú potrebné na vytvorenie šablóny?

Vzhľad vašej stránky (alebo prezentácie stránky) je vždy uložený v samostatnom priečinku. V 1C-Bitrix leží cesta k šablóne cez zložku bitrix, ktorá obsahuje zložku šablón a už obsahuje zoznam všetkých našich šablón.

Cesta k šablónam: /bitrix/templates/

Šablónu môžete vytvoriť 3 spôsobmi:

možno skopírovať hotová šablóna a na zaklade toho si to zmenit tak, aby ti vyhovovalo

môžete vytvoriť prázdnu šablónu cez admin panel

môžete vytvoriť prázdny priečinok a postupne ho zapĺňať súbormi a priečinkami

Ako ste pochopili, tretia možnosť je najtvrdšia :) Poďme na administračný panel, Správa > Nastavenia > Nastavenia produktu > Webové stránky > Šablóny webových stránok > Pridať šablónu.
odkaz týkajúci sa stránky: /bitrix/admin/template_admin.php?lang=ru

ID šablóny je v podstate názov priečinka, v ktorom sa bude nachádzať, budem to nazývať vývoj . Ostatné polia vyplňte čo najpohodlnejšie, momentálne nie sú veľmi dôležité. Pridajte nasledujúci kód do kódu šablóny:

#PRACOVNÁ OBLASŤ#

— tento riadok napíšeme, aby sa súbor nedal volať priamo z prehliadača a nespustil sa;
— zobraziť aktuálny názov stránky;
— zobraziť kľúčové slová, popis a všetky skripty;
— zobraziť panel pre správcov.

Po uložení šablóny môj súbor description.php vyzerá takto:

Skvelé, v koreňovom adresári by nám malo zostať 5 súborov, zvyšok by mal zostať tento moment nebudeme používať:

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

Časť kódu, ktorá je pred #WORK_AREA#, sa nakoniec zapíše do header.php. Hádajte, ktorá časť je napísaná v footer.php :) (tá za ním). Samotná pracovná oblasť je dynamický obsah (nie je vždy taký dynamický), ktorý sa nachádza napríklad v priečinku /contacts/ alebo /about/ v súbore index.php. Samotný súbor zvyčajne začína zahrnutím hlavičky a končí zahrnutím päty:

Napíšte hir

Zatiaľ všetko vyzerá logicky.

Priečinky 1C-Bitrix a štruktúra novej šablóny

V dokumentácii je niekoľko odporúčaní, ktoré sa mi osobne nepáčia. Po prvé, radi pomenujú priečinok s obrázkami obrázky namiesto skráteného img . A samozrejme všetkému rozumiem, ale keď píšeš slohy, aj tak sa potrebuješ odvolávať na obrázky, prečo písať 2x viac? :) Po druhé, bolo tu odporúčanie uložiť zahrnuté oblasti do priečinka include_areas - prečo nevytvoriť inc? Po tretie, prečo potrebujeme 2 súbory so štýlmi? Ak chcem všetko vložiť do samostatného súboru a neskôr podľa potreby pripojiť, potom sa tieto štýly uložia buď do šablóny komponentu alebo do priečinka css šablóny.

Aby sme to zhrnuli, naša správna štruktúra šablóny je:

Komponenty obrázkov Include_areas js

Byť trochu rebelantský:

Inc img components js

V zásade vás nikto neobmedzuje, sú to len odporúčania.

A teraz sa plynule dostávame k prvému problému – hardcode. Hardcode je, keď namiesto dynamických hodnôt napr Doménové meno, použite textový vstup. Väčšina začínajúcich vývojárov nepozná konštantu SITE_ TEMPLATE_PATH, ktorá ukladá cestu k aktuálnej šablóne ako hodnotu – v našom prípade je to /bitrix/templates/development (bez koncovej lomky, všimnite si). A preto, keď zahrniete svoje skripty alebo zahrnuté oblasti, pre priečinok musíte napísať: