Mal 1 med Bitrix. Ferdige løsninger. Der det er to, er det tre

Malen definerer oppsettet funksjonelle elementer, sidevisning og kunststil. Generalen utseende nettstedet.

Vanligvis brukes ett oppsett for alle sider, men 1C Bitrix lar deg bruke flere designalternativer samtidig.

Ved å bruke innebygde verktøy kan du angi dine egne maler for alle seksjoner og partallssider. Du kan også stille inn ulike betingelser for å vise en bestemt krets. Innstillinger gjøres via administrasjonspanelet.

Sidemaler lagres i mappen "maler" med samme navn. I visuell redaktør Bare velg ønsket alternativ fra listen og suppler det med nødvendige data. Et trekk ved maling er atskillelsen av logikk fra presentasjon.

Hvem trenger maler og hvorfor?

Bitrix-systemet lar deg lage og bruke forhåndslagde maler, bruke dem på arbeidsområder.

Dette er en praktisk og effektiv løsning når man jobber med flerkomponentsider med kompleks struktur, for eksempel når man jobber med en nettbutikk eller en nyhetsportal.

Fordeler med en riktig valgt mal:

• Førsteinntrykk. Nettsidedesignet gjør det tydelig hva selskapet spesialiserer seg på og skaper et gunstig inntrykk.
• Minneverdighet. Siden er knyttet til et spesifikt selskap og forblir gjenkjennelig.
• Integritet. Malen må skrives ned til minste detalj, og presentere et harmonisk bilde.
• Funksjonalitet. Attraktivitet kombineres med brukervennlighet og praktisk.

Uavhengig opprettelse av en mal for 1C Bitrix

Strukturen til 1C Bitrix-malen er en samling av filer og mapper. Hovedkatalogen inneholder beskrivelsen og generell informasjon for den administrative delen. Noen ganger er det også tildelt noen tilleggsfunksjoner der.

Arbeidsområdet til malen brukes til å plassere hovedinnholdet, og behovet for deling skyldes strukturen. Det er utpekt som work_area og er skrevet i redigeringsskjemaet, og fungerer som en space separator.

Hoveddelene av nettstedet presenteres også i form av tilsvarende kataloger. Grunnlaget for 1C Bitrix-malen er topptekst- og bunntekstfilene. De inneholder kode, anropsutvidelser, CSS og andre funksjoner.

Dynamisk innhold er inkludert i malen med Bitrix Framework-direktiver. Her kan du sette PHP-innlegg som kaller spesielle Bitrix-komponenter.

Først settes tittelen, ikonene, overlappende stilark, tagger og andre grunnleggende parametere. Etter dette er det nødvendig å bestemme plasseringen av den administrative delen. Det er bedre å plassere alle arbeidsbildene i en bestemt mappe.

Den nummererte listen med en meny erstattes av å kalle Bitrix-komponenten for å opprette og redigere elementer. De fleste av de andre standardelementene er også laget som komponenter.

For å plassere ønsket internnummer, settes koden for å ringe den inn på et forhåndsvalgt sted på siden. Til å begynne med ligger den i brukerdokumentasjonen eller i fanen for visuell redigering.

Et annet viktig aspekt er CSS-filene til malen. I utgangspunktet er det tre av dem: den viktigste og to hjelpemidler for utforming av innholdet. Men dette skillet er veldig vilkårlig, fordi alle elementer er nært forbundet.

Hvordan installere en mal?

Installasjon av den ferdige malen utføres i henhold til følgende skjema:

I maler-delen av administrasjonspanelet må du velge "legg til"-knappen;

Opprettingsskjemaet er standard: det spesifiserer ID, tittel og beskrivelse;

Når du jobber med html er det viktig å skille klart elementer knyttet til design og innhold;

Work_area-direktivet settes inn i redigeringsfeltet, hvor malen kopieres;

Hvis du har CSS, må du gå til stiler-fanen, hvor koden er satt inn;

Du kan lagre resultatet og evaluere det resulterende arbeidet.

Den siste delen er indikasjonen av alle Bitrix-variabler som er skrevet i header-filen. Det er viktig å huske å redigere stier i CSS og lagre mellomresultater. Etter dette kan du bruke malen på nettstedet ved å velge den fra den aktuelle listen i produktinnstillingene.

konklusjoner

1C Bitrix-maler er ganske praktiske og funksjonelle. Bruken av dem vil betydelig forenkle og fremskynde utviklingen av prosjektet. Du kan kjøpe ferdige maler på selskapets nettside.

I denne artikkelen vil vi se på alle funksjonene ved å lage en mal for Bitrix fra bunnen av. Det spiller ingen rolle om du har en ferdig layout, eller om du bare er en perfeksjonist som bare lar ham skrive noe selv uten mellomledd :)

Hvilke filer trengs for å lage en mal?

Utseendet til nettstedet ditt (eller presentasjonen av nettstedet) lagres alltid i en egen mappe. I 1C-Bitrix ligger banen til malen gjennom bitrix-mappen, som inneholder en mal-mappe og allerede inneholder en liste over alle våre maler.

Sti til maler: /bitrix/maler/

Du kan lage en mal på tre måter:

kan kopieres ferdig mal og basert på det, endre det slik at det passer deg

du kan lage en tom mal gjennom administrasjonspanelet

du kan opprette en tom mappe og gradvis fylle den med filer og mapper

Som du forstår, er det tredje alternativet det mest hardcore :) La oss gå til administrasjonspanelet, Administrasjon > Innstillinger > Produktinnstillinger > Nettsteder > Nettstedmaler > Legg til mal.
lenke angående nettstedet: /bitrix/admin/template_admin.php?lang=ru

Mal-ID-en er i hovedsak navnet på mappen den skal ligge i, jeg kaller det utvikling . Fyll ut resten av feltene så praktisk som mulig; de er ikke så viktige akkurat nå. Legg til følgende kode i malkoden:

#ARBEIDSPLASS#

— vi skriver denne linjen slik at filen ikke kan kalles direkte fra nettleseren og den ikke begynner å kjøre;
— vis gjeldende tittel for siden;
— vis nøkkelord, beskrivelse og alle skript;
— vis panelet for administratorer.

Etter å ha lagret malen ser description.php-filen min slik ut:

Flott, vi skal ha 5 filer igjen i roten, resten skal være det dette øyeblikket vi vil ikke bruke:

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

Den delen av koden som er før #WORK_AREA# blir til slutt skrevet inn i header.php. Gjett hvilken del som er skrevet i footer.php :) (den etter). Selve arbeidsområdet er dynamisk innhold (det er ikke alltid så dynamisk), som for eksempel ligger i mappen /contacts/ eller /about/ i index.php-filen. Selve filen begynner vanligvis med inkludering av toppteksten og slutter med inkludering av bunntekst:

Tekst hir

Så langt ser alt logisk ut.

1C-Bitrix-mapper og strukturen til den nye malen

Det er flere anbefalinger i dokumentasjonen som jeg personlig ikke liker. For det første liker de å navngi bildemappebildene i stedet for det forkortede img . Og selvfølgelig forstår jeg alt, men når du skriver stiler må du uansett referere til bilder, hvorfor skrive 2 ganger mer? :) For det andre var det en anbefaling om å lagre inkluderte områder i mappen include_areas - hvorfor ikke opprette inc? For det tredje, hvorfor trenger vi 2 filer med stiler? Hvis jeg vil legge alt inn i en egen fil og koble det til senere etter behov, så vil disse stilene lagres enten i komponentmalen eller i css-mappen til malen.

For å oppsummere er vår korrekte malstruktur:

Include_areas bilder komponenter js

For å være litt opprørsk:

Inc img komponenter js

I prinsippet er det ingen som begrenser deg, dette er bare anbefalinger.

Og nå kommer vi jevnt til det første problemet - hardcode. Hardcode er når i stedet for dynamiske verdier, for eksempel Domenenavn, bruk tekstinntasting. De fleste nybegynnere kjenner ikke til SITE_ TEMPLATE_PATH-konstanten, som lagrer banen til gjeldende mal som en verdi - i vårt tilfelle er det /bitrix/maler/development (uten skråstreken etterfølgende, vær oppmerksom på). Og derfor, når du inkluderer skriptene dine eller inkluderte områder, for mappen må du skrive: