1c Bitrix cum se instalează un șablon. Crearea unui șablon Bitrix. Gestionarea șabloanelor. Scoatem expresii de limbă

Salutare prieteni, aceasta este o continuare a seriei de lecții, sau mai degrabă a cincea lecție despre crearea unei pagini de destinație pe CMS 1C-Bitrix.

Deoarece am înregistrat lecțiile anterioare de mult timp, să reinstalăm platforma și să transferăm acolo șablonul cu care am lucrat anterior.

Înregistrați gazduirea pentru 1C-Bitrix

Să mergem la secțiunea de știri, să deschidem articolul 3 luni de găzduire gratuită de la MAKHOST și să copiam codul promoțional de pe acesta (8A93-0ECC-D7AD-4A76). Apoi accesați Makhost și selectați elementul de meniu CMS hosting, apoi faceți clic pe pictograma 1C-Bitrix.

Înregistrați un cont pe Makhost
Introduceți adresa de e-mail, codul promoțional și voilà, avem trei luni hosting gratuit.




La pasul următor, verificăm caracterul complet al datelor și le confirmăm. După înregistrarea cu succes, primim un e-mail cu un login și o parolă pentru a vă conecta în panoul Gazduire.




După activarea contului, accesați setări PHPși modificați configurația pentru 1C-Bitrix.


Setăm următorii parametri:

Display_errors - Activat
default_charset - „UTF-8”
mbstring.func_overload - 2
mbstring.internal_encoding - „UTF-8”

Apoi mergem la managerul de fișiere al domeniului nostru și ștergem toate fișierele inutile, lăsând doar programul de instalare.


Lansați programul de instalare 1C-Bitrix. Doar copiați linkul din scrisoare și lipiți-l în linia browserului.


Instalarea PATTERN-ului din lecția anterioară

Pe în acest moment am instalat șablon gol Bitrix, din acest motiv vedem un ecran alb. Accesați partea administrativă, faceți clic pe pictograma Conținut -> Fișiere și foldere -> bitrix -> șabloane. Creați un folder gol în acest director pentru șablonul numit „lendtv”. Accesați-l și descărcați șablonul din lecția anterioară. O despachetăm și ștergem arhiva, nu vom mai avea nevoie de ea.


Pentru ca șablonul să se conecteze, trebuie să-l selectăm în setările site-ului curent. Pentru a face acest lucru, accesați Setări -> Setări produs -> Site-uri -> Listă de site-uri.


Deschideți primul site, mergeți în jos și în secțiunea „Șablon de site”, selectați șablonul pe care l-am copiat anterior.


Să mergem la pagina de start, resetați-i memoria cache și, după cum puteți vedea, șablonul s-a conectat cu succes.


Ca aceasta într-un mod simplu Puteți să vă creați propriile șabloane și apoi să le transferați între proiecte. Asta e tot, în lecția următoare ne vom uita la cum să transferăm un astfel de șablon în folderul local.

Lecția a fost pregătită de Denis Gorelov.

În al doilea articol despre șabloanele Bitrix, vom vorbi despre gestionarea șabloanelor, vom descrie procesul de instalare a unui nou șablon și, de asemenea, vă vom spune cum să configurați afișarea diferitelor șabloane pentru pagini diferite si sectiuni.

Un șablon Bitrix este un set de fișiere PHP, fișiere de stil, imagini și șabloane de componente. Toate șabloanele sunt situate în folderul /bitrix/templates/ și pot fi aplicate ca un șablon pe mai multe site-uri sau mai multe șabloane pe un site. Pe pagina Setări → Setări produs → Șabloane site-uri în panoul administrativ este afișată o listă de șabloane disponibile în sistem.

Instalarea unui nou șablon

Șablonul Bitrix este o arhivă .tar.gz care conține toate fișierele PHP necesare, fișierele de stil, scripturile și imaginile. Puteți instala un șablon nou fie pur și simplu despachetând arhiva în folderul /bitrix/templates/, fie utilizând formularul din pagina Setări → Setări produs → Șabloane site din panoul administrativ Bitrix. Pe această pagină trebuie să faceți clic pe butonul Încărcare șablon, selectați disc local arhivați cu șablonul și introduceți codul simbolic al șablonului.

Figura 1 prezintă lista de șabloane din panoul administrativ, Figura 2 arată formularul pentru adăugarea unui nou șablon.

După descărcarea arhivei, aceasta va fi automat dezambalată în folderul /bitrix/templates/ și va fi afișată în lista de șabloane din panoul de administrare.

Când descărcați un șablon, puteți selecta site-ul pe care șablonul va fi aplicat implicit.

Aplicarea unui șablon pe site-ul curent

Odată ce șablonul este descărcat și adăugat la sistem, acesta poate fi aplicat pe unul dintre site-uri. Pentru a face acest lucru, trebuie să selectați site-ul pentru care trebuie aplicat șablonul în panoul administrativ din pagina Setări / Setări produs / Lista de site-uri (Figura 3 arată lista de site-uri din panoul de administrare).

Se va deschide formularul de configurare a site-ului. Ultimii parametri ai acestui formular sunt setările șablonului site-ului. Aici puteți selecta unul sau mai multe șabloane pentru a fi utilizate pentru acest site.

Condiții de utilizare a șabloanelor

Pentru ca diferite șabloane să fie utilizate în cadrul aceluiași site în condiții diferite, puteți specifica condițiile de utilizare a șablonului în formularul de configurare a site-ului. Sistemul oferă următoarele tipuri de condiții: Pentru folder sau fișier, Pentru grupuri de utilizatori, Perioada de timp, Parametru în URL, Expresie PHP. Să ne uităm la fiecare dintre ele mai detaliat:

Pentru un folder sau fișier— această condiție ar trebui aplicată atunci când ar trebui utilizate diferite șabloane pentru diferite pagini și secțiuni. Pentru ca șablonul să fie aplicat numai secțiunii contului personal a utilizatorului, valoarea acestei condiții ar trebui setată la „/personal/” - calea către secțiunea din folderul rădăcină în care se află secțiunea „. Cont personal" Dacă șablonul ar trebui să fie diferit doar pentru pagina cu o eroare 404, ar trebui să specificați „/404.php” ca valoare a condiției.

Pentru grupuri de utilizatori- o sarcină comună când aspectul site-ului ar trebui să fie diferit pentru manageri și vizitatorii obișnuiți este rezolvată folosind o condiție de acest tip. Valoarea proprietății ar trebui să fie setată la un grup de utilizatori, de exemplu, „Editori de conținut”. Un vizitator autorizat ca utilizator din grupul Editori de conținut va vedea un aspect diferit al site-ului față de toți ceilalți vizitatori.

Perioada de timpbun exemplu utilizare această condiție— Tema de Anul Nou pentru site. Dacă șablon de revelion ar trebui să fie aplicat pe site în perioada de timp 25 decembrie - 10 ianuarie, trebuie să specificați acest interval ca valoare pentru condiția de tip Perioada de timp. După încheierea perioadei, șablonul se va schimba automat la șablonul implicit.

Parametru în URL- Acest tip de condiție este cel mai adesea folosit pentru a crea o versiune imprimabilă sau pentru a testa un șablon. Pentru a crea utilizarea unui șablon de imprimare, trebuie să specificați „print=Y” ca valoare a condiției de acest tip. Pentru a testa un șablon nou, puteți specifica „test=Y” ca condiție - și pe orice pagină, dacă parametrul de testare egal cu Y este trecut, va fi folosit șablonul de testare.

Expresia PHP— valoarea acestei condiții poate fi oricare Expresia PHP, Funcția Bitrix API.

Șabloanele de site sunt aplicate în funcție de valoarea indexului de sortare. Dacă se pot folosi mai multe șabloane pentru o pagină, va fi selectat cel cu indicele de sortare mai mare. Prin urmare, specificați cu atenție sortarea șabloanelor - plasarea incorectă a indicilor de sortare poate duce la erori neplăcute.

Nu uitați că „nu ar trebui să înmulțiți lucrurile existente în mod inutil”, adică dacă o problemă poate fi rezolvată fără a crea un șablon suplimentar, atunci este mai bine să nu creați un șablon suplimentar. Acest lucru se datorează faptului că prin copierea unui șablon pentru a face modificări minore, vă forțați să mențineți mai multe fișiere identice și să faceți modificări la mai multe șabloane în același timp.

Deci, ne-am uitat la procesul de gestionare a șabloanelor: încărcarea unui șablon nou în sistem, aplicarea unui șablon pe un site, condițiile de utilizare a diferitelor șabloane pe o pagină. În următoarele articole, vom trece direct la crearea propriului șablon.

Încă o dată, încercând să găsesc un programator care să lucreze cu CMS 1C-Bitrix în orașul meu, am întâlnit o problemă...

Există programatori care au lucrat cu diverse cadre gratuite, cum ar fi Joomla, WordPress etc., dar când vine vorba de Bitrix, toată lumea spune: „Oh, este plătit, de ce am nevoie de el când există o grămadă de altele gratuite.” Și nu vor să învețe ceva nou.

Așa am început, cu excepția unui lucru, mi-au arătat imediat cum, ce și de ce. Dar am găsit materialul online și pe Habré. Prin urmare, voi începe cu ceva simplu, cum ar fi un programator obișnuit cu cunoștințe de PHP și cel puțin HTML de bază, CSS, JS, începe să lucreze cu Bitrix.

Nu voi vorbi despre structura directorului șablonului, puteți citi despre asta. Primul lucru cu care trebuie să vă ocupați este integrarea unui șablon HTML într-un CMS.

Să presupunem că aveți un șablon HTML gata făcut și trebuie să îl integrați în sistem. Să începem cu instalarea pe server:

  • Accesați site-ul web Bitrix și descărcați programul de instalare;
  • Încărcați bitrixsetup.php pe server și începeți instalarea.
    Primul lucru pe care vi-l oferă instalatorul este să selectați o ediție:

    Selectați distribuția de care aveți nevoie (de obicei „Gestionare site”), dacă aveți o cheie, introduceți-o și faceți clic pe „Descărcați”. Procesul a început...

  • Dacă despachetarea a avut succes, atunci veți vedea fereastra de instalare de bun venit


  • Următorul lucru pe care îl întâlnesc programatorii începători este „Parametrii de sistem necesari”, și anume:


    Pentru a rezolva această problemă, mergeți la server, deschideți fișierul .htaccess și găsiți acolo următoarele rânduri

    #php_value mbstring.func_overload 2 #php_value mbstring.internal_encoding UTF-8

    Să le decomentăm. Apăsați F5 și totul funcționează... Dacă tot nu funcționează (și uneori se întâmplă acest lucru), atunci scrieți o solicitare către asistența tehnică. suport pentru gazduire.

  • Următorul pas este instalarea bazei de date. Nu cred că este nevoie să o descriem aici. Deci hai să mergem mai departe. Dacă totul este în regulă, atunci veți vedea procesul de instalare Bitrix:


  • Am ajuns la alegerea soluțiilor oferite de Bitrix. Deoarece avem nevoie de un sistem curat, fără suplimente, selectăm „Site demo pentru dezvoltatori”

  • În continuare suntem întâmpinați de „Maestru” standard


    Folosind-o puteți instala date demo. Nu avem nevoie de asta, faceți clic pe „Anulați”.

  • Aceasta finalizează etapa de instalare, trecem direct la integrarea șablonului. Accesați panoul de administrare din secțiunea „Setări”. Apoi, coborâm în arborele setărilor: Setări produs - Șabloane de site, faceți clic pe butonul „Adăugați șablon”.


    Se deschide forma standard crearea unui șablon.


    Vino cu un ID (de obicei folosesc main), introduceți numele șablonului. Câmpul „Descriere” nu este obligatoriu; este mai degrabă făcut pentru dezvoltatori pentru a nu confunda șabloanele dacă există mai multe dintre ele.

    Aici a început distracția. De obicei, un șablon Pagini HTML arata asa:

    ... ... ... ... ...

    Principalul lucru aici este să înțelegeți ce aparține șablonului și ce aparține părții de conținut. În acest exemplu, partea de conținut începe între eticheta de secțiune. Prin urmare, copiem șablonul în câmpul „ Aspectșablon de site. Între etichetă inserăm directiva de serviciu #WORK_AREA# . Ca rezultat, șablonul dvs. va arăta astfel:

    ... ... ... #ZONA_LUCRĂ# ...

    Dacă aveți CSS, atunci accesați fila „Stiluri șabloane” și inserați-o acolo.


    În continuare, de obicei editez fișiere prin FTP. Deschide-l pe al tău editor de text(Folosesc Notepad++, așa că nu voi scrie în exemplul său) și merg la server. Întregul șablon Bitrix se află la /bitrix/templates/template_name/, dacă aveți imagini sau fișiere de stil suplimentare, scripturi JS etc., atunci copiați totul în acest folder.

    Să trecem la partea finală și să înregistrăm toate variabilele Bitrix necesare. Deschideți fișierul header.php și începeți editarea. Primul lucru pe care trebuie să-l faceți este să conectați ieșirea antetului site-ului:

    … …

    De asemenea, vrem să vedem panoul de administrare a site-ului în partea publică a site-ului:

    … … …

    Pentru a afișa titlul paginii, adăugați o funcție la eticheta corespunzătoare. Ca rezultat, obținem următorul fișier:

    ... ... ...

    Apropo, am uitat să spun că dacă există fișiere suplimentare, fie ele JS, CSS, favicon și așa mai departe, atunci pentru a nu scrie calea lungă completă /bitrix/…/ există o constantă specială SITE_TEMPLATE_PATH . Îl inserăm în locurile potrivite:


    - în loc de etichetele meta, antetul și conexiunile fișierelor CSS eliminate din secțiunea head, plasăm apeluri la funcțiile Bitrix care vor genera dinamic aceste date

    Scriem întreaga parte a 3-a în footer.php
    - adăugați /bitrix/templates// la toate căile relative De exemplu, a fost



    
    Top