Șablonul 1 cu Bitrix. Soluții gata făcute. Unde sunt doi, sunt trei

Șablonul definește aspectul elemente functionale, afișarea paginii și stilul artistic. Generalul aspect site-ul.

De obicei, este utilizat un singur aspect pentru toate paginile, dar 1C Bitrix vă permite să utilizați simultan mai multe opțiuni de design.

Folosind instrumente încorporate, vă puteți seta propriile șabloane pentru toate secțiunile și chiar pentru pagini. De asemenea, puteți seta diferite condiții pentru afișarea unui anumit circuit. Setările se fac prin panoul de administrare.

Șabloanele de pagină sunt stocate în folderul „șabloane” cu același nume. ÎN editor vizual Pur și simplu selectați opțiunea dorită din listă și completați-o cu datele necesare. O caracteristică a modelării este separarea logicii de prezentare.

Cine are nevoie de șabloane și de ce?

Sistemul Bitrix vă permite să creați și să utilizați șabloane prefabricate, aplicându-le în spațiile de lucru.

Aceasta este o soluție practică și eficientă atunci când lucrați cu pagini multicomponente cu o structură complexă, de exemplu când lucrați cu un magazin online sau un portal de știri.

Avantajele unui șablon selectat corect:

• Prima impresie. Designul site-ului web clarifică în ce este specializată compania și creează o impresie favorabilă.
• Memorabilitatea. Site-ul este asociat cu o anumită companie și rămâne recunoscut.
• Integritate. Șablonul trebuie notat până la cel mai mic detaliu, prezentând o imagine armonioasă.
• Funcționalitate. Atractivitatea este combinată cu utilitatea și caracterul practic.

Crearea independentă a unui șablon pentru 1C Bitrix

Structura șablonului 1C Bitrix este o colecție de fișiere și foldere. Directorul principal conține descrierea și Informații generale pentru secția administrativă. Uneori, acolo sunt atribuite și unele funcții suplimentare.

Zona de lucru a șablonului este folosită pentru a plasa conținutul principal, iar nevoia de divizare se datorează structurii. Este desemnat ca work_area și este scris în forma de editare, acționând ca un separator de spațiu.

Secțiunile principale ale site-ului sunt, de asemenea, prezentate sub formă de directoare corespunzătoare. Baza șablonului 1C Bitrix este fișierele antet și subsol. Acestea conțin cod, extensii de apel, CSS și alte funcții.

Conținutul dinamic este inclus în șablonul cu directive Bitrix Framework. Aici puteți seta inserții PHP care apelează componente Bitrix speciale.

În primul rând, sunt setate titlul, pictogramele, foile de stil în cascadă, etichetele și alți parametri de bază. După aceasta, este necesar să se stabilească locația părții administrative. Este mai bine să plasați toate imaginile de lucru într-un folder specific.

Lista numerotată cu un meniu este înlocuită prin apelarea componentei Bitrix pentru a crea și edita elemente. Majoritatea celorlalte elemente standard sunt create și ca componente.

Pentru a plasa extensia necesară, codul de apelare este introdus într-un loc preselectat de pe pagină. Inițial, se află în documentația utilizatorului sau în fila editorului vizual.

Un alt aspect important sunt fișierele CSS ale șablonului. Inițial sunt trei dintre ele: cel principal și două auxiliare pentru proiectarea conținutului. Dar această distincție este foarte arbitrară, deoarece toate elementele sunt strâns legate între ele.

Cum se instalează un șablon?

Instalarea șablonului finit se realizează conform următoarei scheme:

În secțiunea de șabloane a panoului de administrare, trebuie să selectați butonul „adăugați”;

Formularul de creare este standard: precizează ID, titlul și descrierea;

Când lucrați cu html, este important să separați clar elementele legate de design și conținut;

Directiva work_area este inserată în câmpul de editare, unde este copiat șablonul;

Dacă aveți CSS, trebuie să mergeți la fila stiluri, unde este inserat codul;

Puteți salva rezultatul și evalua munca rezultată.

Partea finală este indicarea tuturor variabilelor Bitrix care sunt scrise în fișierul antet. Este important să vă amintiți să editați căile în CSS și să salvați rezultatele intermediare. După aceasta, puteți aplica șablonul pe site selectându-l din lista corespunzătoare din setările produsului.

concluzii

Șabloanele 1C Bitrix sunt destul de practice și funcționale. Utilizarea lor va simplifica și accelera semnificativ dezvoltarea proiectului. Puteți achiziționa șabloane gata făcute de pe site-ul companiei.

În acest articol, vom analiza toate caracteristicile creării unui șablon pentru Bitrix de la zero. Nu contează dacă ai un aspect gata făcut sau ești doar un perfecționist care doar l-a lăsat să scrie singur ceva fără intermediari :)

Ce fișiere sunt necesare pentru a crea un șablon?

Aspectul site-ului dvs. (sau prezentarea site-ului) este întotdeauna stocat într-un folder separat. În 1C-Bitrix, calea către șablon se află prin folderul bitrix, care conține un folder de șabloane și conține deja o listă cu toate șabloanele noastre.

Calea către șabloane: /bitrix/templates/

Puteți crea un șablon în 3 moduri:

poate fi copiat șablon gata făcutși pe baza ei, schimbați-l pentru a vă potrivi

puteți crea un șablon gol prin panoul de administrare

puteți crea un folder gol și îl umpleți treptat cu fișiere și foldere

După cum înțelegeți, a treia opțiune este cea mai hardcore :) Să mergem la panoul de administrare, Administrare > Setări > Setări produs > Site-uri > Șabloane de site-uri > Adăugați șablon.
link privind site-ul: /bitrix/admin/template_admin.php?lang=ru

ID-ul șablonului este în esență numele folderului în care va fi localizat, îl voi numi dezvoltare . Completați restul câmpurilor cât mai convenabil posibil; nu sunt foarte importante în acest moment. Adăugați următorul cod la codul șablonului:

#ZONA DE LUCRU#

— scriem această linie astfel încât fișierul să nu poată fi apelat direct din browser și să nu înceapă să se execute;
— arată titlul curent al paginii;
— afișați cuvintele cheie, descrierea și toate scripturile;
— afișați panoul pentru administratori.

După salvarea șablonului, fișierul meu description.php arată astfel:

Grozav, ar trebui să ne rămână 5 fișiere în rădăcină, restul ar trebui să fie acest moment nu vom folosi:

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

Partea de cod care este înainte de #WORK_AREA# este în cele din urmă scrisă în header.php. Ghici care parte este scrisă în footer.php :) (cea de după ea). Zona de lucru în sine este conținut dinamic (nu este întotdeauna atât de dinamic), care se află, de exemplu, în folderul /contacts/ sau /about/ din fișierul index.php. Fișierul în sine începe de obicei cu includerea antetului și se termină cu includerea subsolului:

Text hir

Până acum, totul pare logic.

Foldere 1C-Bitrix și structura noului șablon

Există mai multe recomandări în documentație care personal nu prea îmi plac. În primul rând, le place să numească folderul imagini imagini în loc de img abreviat. Și, desigur, înțeleg totul, dar când scrii stiluri, oricum trebuie să te referi la imagini, de ce să scrii de 2 ori mai mult? :) În al doilea rând, a existat o recomandare de a stoca zonele incluse în folderul include_areas - de ce nu creați inc? În al treilea rând, de ce avem nevoie de 2 fișiere cu stiluri? Dacă vreau să pun totul într-un fișier separat și să-l conectez mai târziu după cum este necesar, atunci aceste stiluri vor fi stocate fie în șablonul de componentă, fie în folderul css al șablonului.

Pentru a rezuma, structura noastră corectă a șablonului este:

Include_areas imagini componente js

A fi puțin rebel:

Inc img componente js

În principiu, nimeni nu te limitează, acestea sunt doar recomandări.

Și acum ajungem fără probleme la prima problemă - hardcode. Hardcode este atunci când în loc de valori dinamice, de exemplu Numele domeniului, utilizare introducerea textului. Majoritatea dezvoltatorilor începători nu știu despre constanta SITE_ TEMPLATE_PATH, care stochează calea către șablonul curent ca valoare - în cazul nostru este /bitrix/templates/development (fără bara oblică finală, vă rugăm să rețineți). Și, prin urmare, atunci când includeți scripturile sau zonele incluse, pentru folder trebuie să scrieți: