Malli 1 Bitrixin kanssa. Valmiita ratkaisuja. Missä on kaksi, siellä on kolme

Malli määrittää asettelun toiminnallisia elementtejä, sivun näyttö ja taidetyyli. Yleinen ulkomuoto sivusto.

Yleensä kaikilla sivuilla käytetään yhtä asettelua, mutta 1C Bitrix mahdollistaa useiden suunnitteluvaihtoehtojen käytön samanaikaisesti.

Sisäänrakennettujen työkalujen avulla voit asettaa omia malleja kaikille osiolle ja parillisille sivuille. Voit myös asettaa erilaisia ​​ehtoja tietyn piirin näyttämiselle. Asetukset tehdään hallintapaneelin kautta.

Sivumallit tallennetaan samannimiseen "templates" -kansioon. SISÄÄN visuaalinen editori Valitse vain haluamasi vaihtoehto luettelosta ja täydennä sitä tarvittavilla tiedoilla. Mallin ominaisuus on logiikan erottaminen esityksestä.

Kuka tarvitsee malleja ja miksi?

Bitrix-järjestelmän avulla voit luoda ja käyttää valmiita malleja ja soveltaa niitä työtiloihin.

Tämä on käytännöllinen ja tehokas ratkaisu työskennellessäsi monikomponenttisivujen kanssa, joilla on monimutkainen rakenne, esimerkiksi verkkokaupan tai uutisportaalin kanssa.

Oikein valitun mallin edut:

• Ensivaikutelma. Sivuston suunnittelu tekee selväksi, mihin yritys on erikoistunut ja luo suotuisan vaikutelman.
• Muistettavuus. Sivusto liittyy tiettyyn yritykseen ja pysyy tunnistettavissa.
• Rehellisyys. Malli on kirjoitettava pienintä yksityiskohtaa myöten, mikä antaa harmonisen kuvan.
• Toiminnallisuus. Houkuttelevuus yhdistyy käytettävyyteen ja käytännöllisyyteen.

Itsenäinen mallin luominen 1C Bitrixille

1C Bitrix -mallin rakenne on tiedostojen ja kansioiden kokoelma. Päähakemisto sisältää kuvauksen ja yleistä tietoa hallinnollista osaa varten. Joskus siellä on myös lisätoimintoja.

Mallin työaluetta käytetään pääsisällön sijoittamiseen, ja jaon tarve johtuu rakenteesta. Se on nimetty työalueeksi ja se on kirjoitettu muokkausmuotoon, joka toimii välilyöntierottimena.

Sivuston pääosat esitetään myös vastaavien hakemistojen muodossa. 1C Bitrix -mallin perusta on ylä- ja alatunnistetiedostot. Ne sisältävät koodia, puhelulaajennuksia, CSS:ää ja muita toimintoja.

Dynaaminen sisältö sisältyy malliin Bitrix Framework -ohjeiden avulla. Täällä voit asettaa PHP-lisäosat, jotka kutsuvat erityisiä Bitrix-komponentteja.

Ensin asetetaan otsikko, kuvakkeet, peräkkäiset tyylisivut, tunnisteet ja muut perusparametrit. Tämän jälkeen on tarpeen määrittää hallinnollisen osan sijainti. On parempi sijoittaa kaikki työkuvat yhteen tiettyyn kansioon.

Numeroitu luettelo, jossa on valikko, korvataan kutsumalla Bitrix-komponentti kohteiden luomista ja muokkaamista varten. Suurin osa muista vakioelementeistä on myös luotu komponentteina.

Tarvittavan alaliittymän sijoittamiseksi siihen soittamisen koodi lisätään ennalta valittuun kohtaan sivulla. Aluksi se sijaitsee käyttäjän dokumentaatiossa tai visuaalisen editorin välilehdessä.

Toinen tärkeä näkökohta ovat mallin CSS-tiedostot. Aluksi niitä on kolme: pääasiallinen ja kaksi apua sisällön suunnitteluun. Mutta tämä ero on hyvin mielivaltainen, koska kaikki elementit liittyvät läheisesti toisiinsa.

Kuinka asentaa malli?

Valmiin mallin asennus suoritetaan seuraavan kaavion mukaisesti:

Hallintapaneelin mallit-osiossa sinun on valittava "lisää"-painike;

Luontilomake on vakio: se määrittää tunnuksen, otsikon ja kuvauksen;

Html:n kanssa työskennellessä on tärkeää erottaa selkeästi suunnitteluun ja sisältöön liittyvät elementit;

Work_area-direktiivi lisätään muokkauskenttään, johon malli kopioidaan;

Jos sinulla on CSS, sinun on siirryttävä tyylit-välilehteen, johon koodi lisätään.

Voit tallentaa tuloksen ja arvioida tuloksena saatua työtä.

Viimeinen osa on osoitus kaikista Bitrix-muuttujista, jotka on kirjoitettu otsikkotiedostoon. On tärkeää muistaa muokata polkuja CSS:ssä ja tallentaa välitulokset. Tämän jälkeen voit käyttää mallia sivustolla valitsemalla sen sopivasta luettelosta tuoteasetuksissa.

johtopäätöksiä

1C Bitrix -mallit ovat varsin käytännöllisiä ja toimivia. Niiden käyttö yksinkertaistaa ja nopeuttaa merkittävästi hankkeen kehitystä. Voit ostaa valmiita malleja yrityksen verkkosivuilta.

Tässä artikkelissa tarkastellaan kaikkia Bitrix-mallin luomisen ominaisuuksia tyhjästä. Sillä ei ole väliä onko sinulla valmis ulkoasu vai oletko vain perfektionisti, joka antaa hänen kirjoittaa jotain itse ilman välikäsiä :)

Mitä tiedostoja tarvitaan mallin luomiseen?

Sivustosi ulkoasu (tai sivustosi esitys) tallennetaan aina erilliseen kansioon. 1C-Bitrixissä polku malliin kulkee bitrix-kansion kautta, joka sisältää mallikansion ja sisältää jo luettelon kaikista malleistamme.

Polku malleihin: /bitrix/templates/

Voit luoda mallin kolmella tavalla:

voidaan kopioida valmis malli ja muuta se itsellesi sopivaksi sen perusteella

voit luoda tyhjän mallin hallintapaneelin kautta

voit luoda tyhjän kansion ja täyttää sen vähitellen tiedostoilla ja kansioilla

Kuten ymmärrät, 3. vaihtoehto on kovimmat :) Siirrytään hallintapaneeliin, Hallinta > Asetukset > Tuoteasetukset > Verkkosivustot > Verkkosivustomallit > Lisää malli.
linkki sivustoon: /bitrix/admin/template_admin.php?lang=ru

Mallin tunnus on pohjimmiltaan sen kansion nimi, jossa se sijaitsee, kutsun sitä kehitykseksi. Täytä loput kentät mahdollisimman kätevästi; ne eivät ole juuri nyt tärkeitä. Lisää mallikoodiin seuraava koodi:

#TYÖ ALUE#

— kirjoitamme tämän rivin, jotta tiedostoa ei voida kutsua suoraan selaimesta eikä se ala suoriutua;
— näyttää sivun nykyisen otsikon;
— Näytä avainsanat, kuvaus ja kaikki skriptit;
— näytä paneeli järjestelmänvalvojille.

Mallin tallentamisen jälkeen description.php-tiedostoni näyttää tältä:

Hienoa, meillä pitäisi olla 5 tiedostoa jäljellä juurissa, loput pitäisi olla Tämä hetki emme käytä:

• kuvaus.php,
• header.php,
• alatunniste.php,
• styles.css,
• template_styles.css

Se koodin osa, joka on ennen #WORK_AREA#, kirjoitetaan lopulta header.php:hen. Arvaa mikä osa on kirjoitettu footer.php:ssä :) (sen jälkeen). Itse työalue on dynaamista sisältöä (se ei aina ole niin dynaamista), joka sijaitsee esimerkiksi index.php-tiedoston /contacts/ tai /about/ kansiossa. Itse tiedosto alkaa yleensä otsikon lisäämisellä ja päättyy alatunnisteeseen:

Tekstiviesti hir

Toistaiseksi kaikki näyttää loogiselta.

1C-Bitrix-kansiot ja uuden mallin rakenne

Asiakirjoissa on useita suosituksia, joista en henkilökohtaisesti pidä. Ensinnäkin he haluavat nimetä kuvakansion kuvat lyhenteen img sijaan. Ja tietysti ymmärrän kaiken, mutta kun kirjoitat tyylejä, sinun on joka tapauksessa viitattava kuviin, miksi kirjoittaa 2 kertaa enemmän? :) Toiseksi, oli suositus tallentaa sisällytetyt alueet kansioon include_areas - miksi et luo inc? Kolmanneksi, miksi tarvitsemme 2 tiedostoa tyyleillä? Jos haluan laittaa kaiken erilliseen tiedostoon ja yhdistää sen myöhemmin tarpeen mukaan, niin nämä tyylit tallennetaan joko komponenttimalliin tai mallin css-kansioon.

Yhteenvetona oikea mallirakennemme on:

Sisällytä_alueet -kuvakomponentit js

Ollakseni hieman kapinallinen:

Inc img komponentit js

Periaatteessa kukaan ei rajoita sinua, nämä ovat vain suosituksia.

Ja nyt pääsemme sujuvasti ensimmäiseen ongelmaan - kovakoodiin. Kovakoodi on esimerkiksi kun dynaamisten arvojen sijaan Verkkotunnus, käytä tekstin syöttö. Useimmat aloittelevat kehittäjät eivät tiedä vakiosta SITE_ TEMPLATE_PATH, joka tallentaa polun nykyiseen malliin arvona - meidän tapauksessamme se on /bitrix/templates/development (ilman perässä olevaa kauttaviivaa, huomaa). Ja siksi, kun lisäät skriptejä tai sisällytettyjä alueita, sinun on kirjoitettava kansioon: