Lucrul cu stiluri în Bitrix, alexey valeev

În acest articol, voi continua povestea creării unui șablon pentru Bitrix. Prima parte descrie procesul de separare inițială a unui aspect machetă și crearea fișierelor necesare. Este timpul să abordați organizarea convenabilă a stilurilor.

În primul rând, vom ajunge puțin în teorie. Potrivit ideii dezvoltatorilor Bitrix, ar trebui să existe o mulțime de fișiere cu stiluri ... indiferent de cum ar părea ridicol. Deci, componenta de stil a șablonului site-ului presupune prezența:
1. fișier template_styles.css - în terminologia Bitrix "stiluri șablon"
2. styles.css - "stiluri de site-uri"
3. style.css - stiluri de șablon pentru componente
4. Fișiere de stil suplimentare

template_styles.css

Fișierul este situat în directorul rădăcină al șablonului și include reguli care nu sunt responsabile pentru afișarea rezultatelor componentelor, a conținutului site-ului și a conținutului zonelor incluse. De obicei, aceasta include aspectul de bază al aspectului - dimensiunea și poziția coloanelor, fundalul general al site-ului, cadrele zonelor incluse etc. Acest fișier din corpul paginii este conectat ultima dată, prin urmare, cu specificitate egală. regulile de la template_styles.css vor înlocui celelalte.

styles.css

Descrierile sunt stocate în fișierul .styles.php în formular

Acesta este fișierul de stil pentru șablonul de component copiat. Este conținutul său care poate fi editat din modul de dezvoltare.

Fișierul este localizat în folderul șablon al componentei și conține reguli pentru formatarea rezultatelor lucrării.

Fișiere de stil suplimentare

Servește pentru nevoi arbitrare, de exemplu, aproape întotdeauna fac layout.css cu stilurile scheletului site-ului.

Aceste fișiere sunt incluse în secțiunea din fișierul header.php al șablonului printr-un astfel de apel de funcție

Un exemplu de creare de fișiere de stiluri pentru Bitrix

Mai întâi, selectăm blocurile semantice din codul general (cu un aspect competent, acest lucru se face imediat).

Împărțim în 3 părți - stilurile de șabloane, stilurile site-urilor și stilurile șablonului de componente (în cazul nostru, bitrix: search.form)

Asta e tot pentru ziua de azi. Întregul proces este mai greu de descris decât de a înțelege, de a practica și de a umple rândurile de designeri calificați de șabloane :)

Articole similare