Πρότυπο 1 με Bitrix. Έτοιμες λύσεις. Όπου είναι δύο, υπάρχουν τρεις

Το πρότυπο ορίζει τη διάταξη λειτουργικά στοιχεία, εμφάνιση σελίδας και στυλ τέχνης. Το Γενικό εμφάνισηιστοσελίδα.

Συνήθως μια διάταξη χρησιμοποιείται για όλες τις σελίδες, αλλά το 1C Bitrix σας επιτρέπει να χρησιμοποιείτε ταυτόχρονα αρκετές επιλογές σχεδιασμού.

Χρησιμοποιώντας ενσωματωμένα εργαλεία, μπορείτε να ορίσετε τα δικά σας πρότυπα για όλα τα τμήματα και ακόμη και τις σελίδες. Μπορείτε επίσης να ορίσετε διάφορες συνθήκες για την εμφάνιση ενός συγκεκριμένου κυκλώματος. Οι ρυθμίσεις γίνονται μέσω του πίνακα διαχείρισης.

Τα πρότυπα σελίδων αποθηκεύονται στον ομώνυμο φάκελο "πρότυπα". ΣΕ οπτικός επεξεργαστήςΑπλώς επιλέξτε την επιθυμητή επιλογή από τη λίστα και συμπληρώστε την με τα απαραίτητα δεδομένα. Ένα χαρακτηριστικό του templating είναι ο διαχωρισμός της λογικής από την παρουσίαση.

Ποιος χρειάζεται πρότυπα και γιατί;

Το σύστημα Bitrix σάς επιτρέπει να δημιουργείτε και να χρησιμοποιείτε προκατασκευασμένα πρότυπα, εφαρμόζοντάς τα σε χώρους εργασίας.

Αυτή είναι μια πρακτική και αποτελεσματική λύση όταν εργάζεστε με σελίδες πολλαπλών συστατικών με πολύπλοκη δομή, για παράδειγμα όταν εργάζεστε με ένα ηλεκτρονικό κατάστημα ή μια πύλη ειδήσεων.

Πλεονεκτήματα ενός σωστά επιλεγμένου προτύπου:

• Πρώτη εντύπωση. Ο σχεδιασμός της ιστοσελίδας καθιστά σαφές σε τι ειδικεύεται η εταιρεία και δημιουργεί μια ευνοϊκή εντύπωση.
• Αξιομνημόνευτο. Ο ιστότοπος συνδέεται με μια συγκεκριμένη εταιρεία και παραμένει αναγνωρίσιμος.
• Ακεραιότητα. Το πρότυπο πρέπει να είναι γραμμένο μέχρι την παραμικρή λεπτομέρεια, παρουσιάζοντας μια αρμονική εικόνα.
• Λειτουργικότητα. Η ελκυστικότητα συνδυάζεται με τη χρηστικότητα και την πρακτικότητα.

Ανεξάρτητη δημιουργία προτύπου για 1C Bitrix

Η δομή του προτύπου 1C Bitrix είναι μια συλλογή αρχείων και φακέλων. Ο κύριος κατάλογος περιέχει την περιγραφή και γενικές πληροφορίεςγια το διοικητικό τμήμα. Μερικές φορές ορισμένες πρόσθετες λειτουργίες εκχωρούνται επίσης εκεί.

Η περιοχή εργασίας του προτύπου χρησιμοποιείται για την τοποθέτηση του κύριου περιεχομένου και η ανάγκη για διαίρεση οφείλεται στη δομή. Ορίζεται ως χώρος_εργασίας και είναι γραμμένο στη φόρμα επεξεργασίας, ενεργώντας ως διαχωριστικό χώρου.

Οι κύριες ενότητες του ιστότοπου παρουσιάζονται επίσης με τη μορφή αντίστοιχων καταλόγων. Η βάση του προτύπου 1C Bitrix είναι τα αρχεία κεφαλίδας και υποσέλιδου. Περιέχουν κώδικα, επεκτάσεις κλήσεων, CSS και άλλες λειτουργίες.

Το δυναμικό περιεχόμενο περιλαμβάνεται στο πρότυπο με τις οδηγίες πλαισίου Bitrix. Εδώ μπορείτε να ορίσετε ένθετα PHP που καλούν ειδικά στοιχεία Bitrix.

Αρχικά, ορίζονται ο τίτλος, τα εικονίδια, τα φύλλα στυλ, οι ετικέτες και άλλες βασικές παράμετροι. Μετά από αυτό, είναι απαραίτητο να προσδιοριστεί η θέση του διοικητικού μέρους. Είναι καλύτερο να τοποθετήσετε όλες τις εικόνες εργασίας σε έναν συγκεκριμένο φάκελο.

Η αριθμημένη λίστα με ένα μενού αντικαθίσταται με την κλήση του στοιχείου Bitrix για τη δημιουργία και την επεξεργασία στοιχείων. Τα περισσότερα από τα άλλα τυπικά στοιχεία δημιουργούνται επίσης ως εξαρτήματα.

Για να τοποθετήσετε την απαιτούμενη επέκταση, ο κωδικός για την κλήση της εισάγεται σε μια προεπιλεγμένη θέση στη σελίδα. Αρχικά, βρίσκεται στην τεκμηρίωση χρήστη ή στην καρτέλα οπτικού επεξεργαστή.

Μια άλλη σημαντική πτυχή είναι τα αρχεία CSS του προτύπου. Αρχικά υπάρχουν τρία από αυτά: η κύρια και δύο βοηθητικές για το σχεδιασμό του περιεχομένου. Αλλά αυτή η διάκριση είναι πολύ αυθαίρετη, γιατί όλα τα στοιχεία συνδέονται στενά.

Πώς να εγκαταστήσετε ένα πρότυπο;

Η εγκατάσταση του τελικού προτύπου πραγματοποιείται σύμφωνα με το ακόλουθο σχήμα:

Στην ενότητα προτύπων του πίνακα διαχείρισης, πρέπει να επιλέξετε το κουμπί "προσθήκη".

Η φόρμα δημιουργίας είναι τυπική: καθορίζει αναγνωριστικό, τίτλο και περιγραφή.

Όταν εργάζεστε με html, είναι σημαντικό να διαχωρίζετε σαφώς τα στοιχεία που σχετίζονται με το σχεδιασμό και το περιεχόμενο.

Η οδηγία work_area εισάγεται στο πεδίο επεξεργασίας, όπου αντιγράφεται το πρότυπο.

Εάν έχετε CSS, πρέπει να μεταβείτε στην καρτέλα στυλ, όπου έχει εισαχθεί ο κώδικας.

Μπορείτε να αποθηκεύσετε το αποτέλεσμα και να αξιολογήσετε την εργασία που προκύπτει.

Το τελευταίο μέρος είναι η ένδειξη όλων των μεταβλητών Bitrix που είναι γραμμένες στο αρχείο κεφαλίδας. Είναι σημαντικό να θυμάστε να επεξεργάζεστε διαδρομές στο CSS και να αποθηκεύετε τα ενδιάμεσα αποτελέσματα. Μετά από αυτό, μπορείτε να εφαρμόσετε το πρότυπο στον ιστότοπο επιλέγοντάς το από την κατάλληλη λίστα στις ρυθμίσεις του προϊόντος.

συμπεράσματα

Τα πρότυπα 1C Bitrix είναι αρκετά πρακτικά και λειτουργικά. Η χρήση τους θα απλοποιήσει και θα επιταχύνει σημαντικά την ανάπτυξη του έργου. Μπορείτε να αγοράσετε έτοιμα πρότυπα στον ιστότοπο της εταιρείας.

Σε αυτό το άρθρο θα εξετάσουμε όλες τις δυνατότητες δημιουργίας προτύπου για το Bitrix από την αρχή. Δεν έχει σημασία αν έχεις έτοιμη διάταξη ή είσαι απλά τελειομανής που τον αφήνεις να γράψει κάτι μόνος του χωρίς μεσάζοντες :)

Ποια αρχεία χρειάζονται για τη δημιουργία ενός προτύπου;

Η εμφάνιση του ιστότοπού σας (ή η παρουσίαση του ιστότοπου) αποθηκεύεται πάντα σε ξεχωριστό φάκελο. Στο 1C-Bitrix, η διαδρομή προς το πρότυπο βρίσκεται μέσα από το φάκελο bitrix, ο οποίος περιέχει έναν φάκελο templates και περιέχει ήδη μια λίστα με όλα τα πρότυπα μας.

Διαδρομή προς τα πρότυπα: /bitrix/templates/

Μπορείτε να δημιουργήσετε ένα πρότυπο με 3 τρόπους:

μπορεί να αντιγραφεί έτοιμο πρότυποκαι με βάση αυτό αλλάξτε το για να σας ταιριάζει

μπορείτε να δημιουργήσετε ένα κενό πρότυπο μέσω του πίνακα διαχείρισης

μπορείτε να δημιουργήσετε έναν κενό φάκελο και να τον γεμίσετε σταδιακά με αρχεία και φακέλους

Όπως καταλαβαίνετε, η 3η επιλογή είναι η πιο σκληροπυρηνική :) Ας πάμε στον πίνακα διαχείρισης, Διαχείριση > Ρυθμίσεις > Ρυθμίσεις προϊόντος > Ιστότοποι > Πρότυπα ιστότοπου > Προσθήκη προτύπου.
σύνδεσμος σχετικά με τον ιστότοπο: /bitrix/admin/template_admin.php?lang=ru

Το αναγνωριστικό προτύπου είναι ουσιαστικά το όνομα του φακέλου στον οποίο θα βρίσκεται, θα το ονομάσω ανάπτυξη . Συμπληρώστε τα υπόλοιπα πεδία όσο πιο βολικά γίνεται· δεν είναι πολύ σημαντικά αυτήν τη στιγμή. Προσθέστε τον ακόλουθο κώδικα στον κώδικα του προτύπου:

#ΧΩΡΟ ΕΡΓΑΣΙΑΣ#

— γράφουμε αυτή τη γραμμή έτσι ώστε το αρχείο να μην μπορεί να κληθεί απευθείας από το πρόγραμμα περιήγησης και να μην ξεκινήσει να εκτελείται.
— εμφάνιση του τρέχοντος τίτλου για τη σελίδα.
— εμφάνιση λέξεων-κλειδιών, περιγραφής και όλων των σεναρίων.
— εμφάνιση του πίνακα για διαχειριστές.

Μετά την αποθήκευση του προτύπου, το αρχείο description.php μου μοιάζει με αυτό:

Ωραία, πρέπει να έχουμε 5 αρχεία στη ρίζα, τα υπόλοιπα πρέπει να είναι αυτή τη στιγμήδεν θα χρησιμοποιήσουμε:

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

Το τμήμα του κώδικα που βρίσκεται πριν από το #WORK_AREA# γράφεται τελικά στο header.php. Μαντέψτε ποιο μέρος είναι γραμμένο στο footer.php :) (το μετά από αυτό). Η ίδια η περιοχή εργασίας είναι δυναμικό περιεχόμενο (δεν είναι πάντα τόσο δυναμικό), το οποίο βρίσκεται, για παράδειγμα, στο φάκελο /contacts/ ή /about/ στο αρχείο index.php. Το ίδιο το αρχείο συνήθως αρχίζει με τη συμπερίληψη της κεφαλίδας και τελειώνει με τη συμπερίληψη του υποσέλιδου:

Κείμενο hir

Μέχρι στιγμής όλα φαίνονται λογικά.

Φάκελοι 1C-Bitrix και δομή του νέου προτύπου

Υπάρχουν αρκετές συστάσεις στην τεκμηρίωση που προσωπικά δεν μου αρέσουν πολύ. Πρώτον, τους αρέσει να ονομάζουν εικόνες του φακέλου εικόνας αντί για τη συντομογραφία img . Και, φυσικά, καταλαβαίνω τα πάντα, αλλά όταν γράφετε στυλ, πρέπει να αναφέρεστε σε εικόνες ούτως ή άλλως, γιατί να γράφετε 2 φορές περισσότερο; :) Δεύτερον, υπήρχε μια σύσταση για αποθήκευση περιοχών που περιλαμβάνονται στο φάκελο include_areas - γιατί να μην δημιουργήσετε inc; Τρίτον, γιατί χρειαζόμαστε 2 αρχεία με στυλ; Εάν θέλω να βάλω τα πάντα σε ένα ξεχωριστό αρχείο και να το συνδέσω αργότερα όπως χρειάζεται, τότε αυτά τα στυλ θα αποθηκευτούν είτε στο πρότυπο στοιχείου είτε στο φάκελο css του προτύπου.

Συνοψίζοντας, η σωστή δομή του προτύπου μας είναι:

Include_areas στοιχεία εικόνων js

Για να είμαστε λίγο επαναστάτες:

Inc img components js

Κατ 'αρχήν, κανείς δεν σας περιορίζει, αυτές είναι απλώς συστάσεις.

Και τώρα ερχόμαστε ομαλά στο πρώτο πρόβλημα - τον σκληρό κώδικα. Ο σκληρός κώδικας είναι όταν αντί για δυναμικές τιμές, για παράδειγμα Ονομα τομέα, χρήση εισαγωγή κειμένου. Οι περισσότεροι αρχάριοι προγραμματιστές δεν γνωρίζουν για τη σταθερά SITE_ TEMPLATE_PATH, η οποία αποθηκεύει τη διαδρομή προς το τρέχον πρότυπο ως τιμή - στην περίπτωσή μας είναι /bitrix/templates/development (χωρίς την τελική κάθετο, παρακαλώ σημειώστε). Και επομένως, όταν συμπεριλαμβάνετε τα σενάρια ή τις περιοχές που περιλαμβάνονται, για το φάκελο πρέπει να γράψετε: