💃🏼 🕤 👨🏾‍🎤 1C-Bitrix पर एकीकरण टेम्पलेट 🛕 📟 🐆

एक बार फिर, अपने शहर के CMS 1C-Bitrix के साथ काम करने वाले एक प्रोग्रामर को खोजने की कोशिश कर रहा हूं, मैं एक समस्या में भागता हूं ...

ऐसे प्रोग्रामर हैं जिन्होंने जूमला, वर्डप्रेस, आदि जैसे विभिन्न फ्री फ्रेमवर्क के साथ काम किया है, लेकिन जब यह बिट्रिक्स की बात आती है, तो वे सभी एक के रूप में कहते हैं: "ओह, यह भुगतान किया है, मुझे इसकी आवश्यकता क्यों है जब अन्य फ्री वाले का एक गुच्छा है।" और वे कुछ नया करने का अध्ययन नहीं करना चाहते हैं।

इसलिए मैंने शुरू किया, एक के अपवाद के साथ, उन्होंने तुरंत मुझे दिखाया कि कैसे और क्यों। लेकिन मुझे नेटवर्क और हब पर सामग्री मिली के साथ शुरू करने के लिए, मैं बिट्रिक्स के साथ शुरू करना चाहता हूं जो पीएचपी के ज्ञान के साथ एक साधारण प्रोग्रामर के रूप में सरल है और कम से कम बुनियादी एचटीएमएल, सीएसएस, जेएस।

मैं टेम्पलेट की निर्देशिका संरचना के बारे में बात नहीं करूंगा, आप इसके बारे में यहां पढ़ सकते हैं। सीएमएस पर HTML टेम्प्लेट के एकीकरण के साथ आपको सबसे पहले निपटना होगा।

मान लें कि आपके पास तैयार HTML टेम्पलेट है और आपको इसे सिस्टम के साथ एकीकृत करने की आवश्यकता है। सर्वर पर स्थापित करके शुरू करते हैं:

हम बिट्रिक्स वेबसाइट पर जाते हैं और इंस्टॉलर डाउनलोड करते हैं;
सर्वर पर bitrixsetup.php भरें और स्थापना शुरू करें।
पहली चीज जो इंस्टॉलर आपको प्रदान करता है वह संस्करण का चयन करना है:

वह वितरण चुनें जिसकी आपको आवश्यकता है (आमतौर पर यह "साइट प्रबंधन"), यदि आपके पास कोई कुंजी है, तो उसे दर्ज करें, और "डाउनलोड करें" पर क्लिक करें। प्रक्रिया शुरू हो गई है ...
यदि अनपैकिंग सफल रही, तो आप इंस्टॉलेशन स्वागत विंडो देखें

"अगला" पर क्लिक करें, लाइसेंस समझौते को स्वीकार करें, UTF-8 एन्कोडिंग में साइट स्थापित करें (या नहीं, यदि वांछित हो)
निम्नलिखित नौसिखिए प्रोग्रामर मुठभेड़ क्या है "आवश्यक सिस्टम पैरामीटर", अर्थात्:

इस समस्या को हल करने के लिए, सर्वर पर जाएँ .htaccess फ़ाइल खोलें और वहाँ निम्न पंक्तियाँ पाएँ
```
  #php_value mbstring.func_overload 2 #php_value mbstring.internal_encoding UTF-8 
```
उन्हें उतार दो। हम F5 दबाते हैं और सब कुछ काम करता है ... अगर फिर भी यह काम नहीं किया (और कभी-कभी ऐसा होता है), तो उन लोगों के लिए एक अपील लिखें। होस्टिंग समर्थन।
अगला चरण डेटाबेस की स्थापना है। यहाँ मुझे लगता है कि रंग लगाना आवश्यक नहीं है। इसलिए, हम और आगे बढ़ते हैं। यदि सब ठीक है, तो आप बिट्रिक्स इंस्टॉलेशन प्रक्रिया देखेंगे:
हमें बिट्रिक्स द्वारा प्रस्तावित समाधानों का विकल्प मिला। चूँकि हमें बिना किसी जोड़ के एक स्वच्छ प्रणाली की आवश्यकता है, "डेवलपर्स के लिए डेमो साइट" का चयन करें
अगले हम मानक "मास्टर द्वारा अभिवादन कर रहे हैं

इसका उपयोग करके, आप डेमो डेटा स्थापित कर सकते हैं। हमें "रद्द करें" पर क्लिक करने की आवश्यकता नहीं है।

स्थापना के इस चरण में सब कुछ समाप्त होता है, सीधे टेम्पलेट के एकीकरण पर जाएं। हम "सेटिंग" अनुभाग में प्रशासन पैनल पर जाते हैं। अगला, हम टिंचर के पेड़ के नीचे जाते हैं: उत्पाद सेटिंग्स - वेबसाइट टेम्पलेट, "टेम्पलेट जोड़ें" बटन पर क्लिक करें

टेम्पलेट बनाने के लिए मानक रूप खुलता है।

आप एक आईडी के साथ आते हैं (मैं आमतौर पर मुख्य का उपयोग करता हूं), टेम्पलेट का नाम दर्ज करता हूं। विवरण फ़ील्ड वैकल्पिक है, यह डेवलपर्स के लिए बनाया गया है, ताकि टेम्प्लेट को भ्रमित न करें, यदि उनमें से कई हैं।

यहां मस्ती शुरू हुई। आमतौर पर, HTML पेज टेम्पलेट इस तरह दिखता है:

 <html> <head> <title></title> <link rel="stylesheet" href="..." /> <script type="text/javascript">...</script> </head> <body> <header> <nav>...</nav> </header> <div class="content"> <aside>...</aside> <section>...</section> </div> <footer>...</footer> </body> </html>

यहां मुख्य बात यह समझना है कि टेम्पलेट से क्या संबंधित है, और सामग्री भाग में क्या है। इस उदाहरण में, सामग्री भाग section टैग के बीच शुरू होता है। इसलिए, "साइट टेम्पलेट के प्रकटन" फ़ील्ड में टेम्पलेट की प्रतिलिपि बनाएँ। टैग के बीच हम उपयोगिता निर्देश #WORK_AREA# सम्मिलित करते हैं। परिणामस्वरूप, आपका टेम्प्लेट इस तरह दिखाई देगा:

 <html> <head> <title></title> <link rel="stylesheet" href="..." /> <script type="text/javascript">...</script> </head> <body> <header> <nav>...</nav> </header> <div class="content"> <aside>...</aside> <section>#WORK_AREA#</section> </div> <footer>...</footer> </body> </html>

यदि आपके पास CSS है, तो "टेम्पलेट शैलियाँ" टैब पर जाएं और वहां पेस्ट करें।

इस स्तर पर, आप "सहेजें" पर क्लिक कर सकते हैं और देख सकते हैं कि क्या हुआ। लेकिन जब से हमारे पास चित्र नहीं हैं और एचटीएमएल और सीएसएस में सही रास्ते नहीं लिखे गए हैं, तो सबसे अधिक संभावना है कि आप बस साइट के कंकाल देखेंगे।

इसके अलावा, मैं आमतौर पर पहले से ही एफ़टीपी के माध्यम से फाइल संपादित करता हूं। अपना टेक्स्ट एडिटर खोलें (मेरे पास नोटपैड ++ है, इसलिए मैं उसका उदाहरण नहीं लिखूंगा) और सर्वर पर जाऊंगा। पूरा Bitrix टेम्पलेट /bitrix/templates/_/ पर स्थित है, अगर आपके पास चित्र या अतिरिक्त शैली की फाइलें, JS स्क्रिप्ट आदि हैं, तो इस फ़ोल्डर में सब कुछ कॉपी करें।

हम अंतिम भाग को पास करते हैं और सभी आवश्यक बिट्रिक्स चर निर्धारित करते हैं। शीर्ष लेख खोलें। फ़ाइल खोलें और संपादन प्रारंभ करें। पहली बात यह है कि साइट हेडर के आउटपुट को कनेक्ट करना है:

 … <head> <?$APPLICATION->ShowHead();?> </head> …

हम साइट के सार्वजनिक भाग में साइट व्यवस्थापक पैनल भी देखना चाहते हैं:

 … <body> <?$APPLICATION->ShowPanel();?> … </body> …

पृष्ठ शीर्षक प्रदर्शित <?$APPLICATION->ShowTitle();?> के <?$APPLICATION->ShowTitle();?> , संबंधित टैग में फ़ंक्शन <?$APPLICATION->ShowTitle();?> । परिणामस्वरूप, हमें यह फ़ाइल मिलती है:

 <html> <head> <title><?$APPLICATION->ShowTitle();?> </title> <?$APPLICATION->ShowHead();?> <link rel="stylesheet" href="..." /> <script type="text/javascript">...</script> </head> <body> <?$APPLICATION->ShowPanel();?> <header> <nav>...</nav> </header> <div class="content"> <aside>...</aside> <section>

वैसे, मैं यह कहना भूल गया कि यदि अतिरिक्त फाइलें हैं, तो यह जेएस, सीएसएस, फेविकॉन, और इसी तरह से हो, तो पूर्ण लंबी पथ /bitrix/…/ लिखने के लिए नहीं /bitrix/…/ एक विशेष निरंतर SITE_TEMPLATE_PATH । हम इसे सही स्थानों पर रखते हैं:

 <link rel="stylesheet" href="<?echo SITE_TEMPLATE_PATH;?>/style.css" />

CSS में पथों को संपादित करने के लिए मत भूलना, सब कुछ सहेजें और आप परिणाम देख सकते हैं।
अरे हाँ, आपको अभी भी साइट पर बनाए गए टेम्पलेट को लागू करने की आवश्यकता है। ऐसा करने के लिए, "उत्पाद सेटिंग - साइटों की सूची - s1" पर जाएं

हमारे द्वारा बनाए गए टेम्पलेट का चयन करें और "सहेजें" पर क्लिक करें, और हम किए गए कार्य का परिणाम देख सकते हैं।

यह, ज़ाहिर है, प्रक्रिया समाप्त नहीं होती है। लेकिन शुरुआत के लिए, यह पर्याप्त है। निम्नलिखित लेखों में हम इस बात पर विचार करेंगे कि एक टेम्पलेट और उसके अनुकूलन के लिए एक घटक कैसे जोड़ा जाए।

1C-Bitrix पर एकीकरण टेम्पलेट

More articles: