Î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 :)