บทเรียนวิดีโอเกี่ยวกับการสร้างเทมเพลต HTML ใน 1C Bitrix นี่เป็นวิดีโอที่สี่ในชุดบทเรียน "การรวมเทมเพลตเข้ากับระบบ 1C Bitrix"

ในวิดีโอเราจะพูดคุยกับคุณ:

• วิธีถ่ายโอนเค้าโครงเทมเพลต HTML ที่เสร็จแล้วไปยัง Bitrix
• มาเชื่อมต่อสคริปต์และถ่ายโอนโครงสร้างไซต์ไปยัง Bitrix
• มาเชื่อมต่อไฟล์ภาษาและตรวจสอบวิธีการทำงาน
• ลองดูข้อผิดพลาดทั่วไป

สร้างเทมเพลตผ่านส่วนผู้ดูแลระบบ

เราจะไม่ใช้เทมเพลตที่ติดตั้งในปัจจุบันจากตลาด แต่จะสร้างของเราเองตั้งแต่ต้นโดยใช้ตัวอย่างของสิ่งที่เรามีตอนนี้ เมื่อต้องการทำเช่นนี้ ไปที่ส่วนผู้ดูแลระบบของไซต์ การตั้งค่า การตั้งค่าผลิตภัณฑ์ เลือกเทมเพลตไซต์ เพิ่มเทมเพลตใหม่

เราตั้งค่าพื้นฐานของเทมเพลต ป้อน ID “lendtv” ป้อนชื่อ “Landing” ในช่อง ป้อน “เทมเพลต Landing ของเรา” ในคำอธิบาย ระบุลำดับ “1” ปล่อยให้ประเภทเป็นค่าเริ่มต้น “ไซต์ แม่แบบ” ลงไปข้างล่างกันดีกว่า

ในช่องนี้ เราจำเป็นต้องแทรกโค้ดของหน้า HTML ของเรา ซึ่งจะถูกหารด้วยมาโคร #WORK_AREA# ส่วนบนจะไปที่ header.php และส่วนล่างหลังจากมาโครจะไปที่ส่วนท้ายของไฟล์ php

เปิดหน้าเค้าโครงเทมเพลต HTML ของเราในตัวแก้ไข เลือกโค้ด คัดลอกและวางลงในแบบฟอร์มของเรา เราได้ตกลงกันว่าเราจะวางบล็อคการทำงานทั้งหมดไว้ในส่วนหัว เมื่อต้องการทำเช่นนี้ ให้ลงไปจนกว่าส่วนจะปิด วางเคอร์เซอร์ระหว่างส่วนและส่วนท้าย คลิก #WORK_AREA# เครื่องหมายถูกเพิ่มแล้ว

ด้วยการใส่เครื่องหมายนี้ ระบบ Bitrix จะสร้างไฟล์ header.php และ footer.php โดยอัตโนมัติโดยมีโค้ดของเราวางไว้ เราปล่อยแท็บ "สไตล์ไซต์" ว่างไว้ คัดลอกโค้ดสไตล์หลักของเราจากไฟล์ style.css ไปยัง "สไตล์เทมเพลต" แล้วบันทึก

เปิด PhpShtorm ไปที่โฟลเดอร์ที่มีเทมเพลตของเราและทำการซิงโครไนซ์เพื่อให้ไฟล์ที่สร้างขึ้นใหม่แสดงในตัวแก้ไขของเรา เราเปิดโฟลเดอร์ด้วยเทมเพลตของเราและในนั้นเราจะเห็นไฟล์ที่สร้างขึ้นจำนวนหนึ่งของระบบโดยมีโค้ดที่แจกจ่ายและกรอกไปแล้ว สิ่งที่เราต้องทำคือถ่ายโอนไฟล์และสคริปต์เพิ่มเติมสำหรับการดำเนินการที่จำเป็นของเทมเพลต ในการดำเนินการนี้ เราเพียงคัดลอกไปยังไดเร็กทอรีเทมเพลตของเรา

มาเขียนรหัสยืนยันกัน

ตัวอย่างเช่น ลองเปิดเทมเพลตที่ติดตั้งของเราจากตลาดและคัดลอกโค้ดเพื่อตรวจสอบค่าคงที่ “B_PROLOG_INCLUDED” ค่าคงที่นี้ห้ามไม่ให้เปิดไฟล์นี้โดยไม่ต้องเชื่อมต่อแกน Bitrix

ถ้า(!กำหนด("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== จริง) ตาย(); // การตรวจสอบ

การเชื่อมต่อการแปล

เราเชื่อมต่อไฟล์ Lang ที่รับผิดชอบในการแปลเทมเพลตของเรา วางรหัสนี้

รวมเทมเพลตLangFile(__FILE__); -

การแปลไฟล์

ตัวอย่าง:

การเชื่อมต่อสคริปต์

จากนั้น เพื่อให้แสดงข้อมูลเมตาของเรา เราใช้วิธี "ShowHead" ซึ่งจะแสดงข้อมูลเมตาของหน้าของเราและเชื่อมต่อสคริปต์จากเทมเพลตด้วย แทนที่ด้วยการเรียกเมธอด $ แอปพลิเคชัน -> ShowHead ();

-

การเชื่อมต่อสคริปต์จากหน้าเทมเพลต

ชื่อการเชื่อมต่อ ขั้นตอนต่อไปคือการเชื่อมต่อชื่อโดยใช้วิธี "ShowTitle"

$แอปพลิเคชัน->ShowTitle();

-

เอาท์พุทชื่อเรื่อง

2017 .

การเชื่อมต่อไดเร็กทอรีไฟล์

จากนั้นเราจะระบุเส้นทางไปยังไฟล์ของเราโดยใช้ค่าคงที่ "SITE_TEMPLATE_PATH" ซึ่งจะช่วยในการระบุไดเรกทอรีที่ไฟล์เหล่านั้นอยู่

// เส้นทางไปยังไดเร็กทอรีเทมเพลต (อย่าลืมใส่แฟลชที่ส่วนท้าย)

เรานำวลีภาษาออกมา

ตอนนี้เรามาลบไฟล์ภาษาซึ่งเราจะเชื่อมต่อโดยไม่มีส่วนประกอบนั่นคือผ่านเทมเพลตโดยตรง ในการดำเนินการนี้ เราจะสร้างไดเร็กทอรีที่เหมาะสมที่จะจัดเก็บไดเร็กทอรีเหล่านั้น สร้างโฟลเดอร์ lang ประกอบด้วยไดเร็กทอรีย่อย ru และ en

เปิดไดเร็กทอรี ru และสร้างไฟล์ในนั้นซึ่งเราจะแยกวลีภาษาเขียน header.php ในเทมเพลตหลัก เราจะดูว่าเราต้องใส่อะไรลงในไฟล์ Lang ลองใช้ส่วนหัวของบล็อกของเราจาก header.php ของเทมเพลต เปิด leng สร้างอาร์เรย์ด้วยวลีแรกของเรา “เรากำลังทำงานในโครงการที่น่าทึ่ง” ด้วยคีย์ “WORKING_PROJECT” และใน header.php เราจะเขียน ฟังก์ชัน “GetMessage” ด้วยคีย์ของเราแทนวลี "WORKING_PROJECT"

จากนั้นเราจะเปลี่ยนชื่อเรื่อง "Contact" สร้างอาร์เรย์ด้วยคีย์ "CONTACT" และเปลี่ยนชื่อเป็นฟังก์ชันด้วยคีย์ของเรา

การเพิ่มวลีลงใน footer.php

ไปที่ส่วนท้าย ที่นี่คุณสามารถแสดงบล็อกนี้เหมือนผ่านพื้นที่ที่รวมไว้ได้ แต่เพื่อเป็นตัวอย่าง ลองใส่วลีเหล่านี้ในเล้ง ไปที่ไดเร็กทอรี ru และสร้างไฟล์ใหม่ด้วยชื่อที่เราจะแยกวลีเขียน footer.php ในนั้น เราสร้างอาร์เรย์ด้วยวลี “DALVEBSTROY” ของเราพร้อมคีย์ “COPY_DWS” และแทรกฟังก์ชัน “GetMessage” ลงในไฟล์หลักด้วยพารามิเตอร์คีย์ของเรา

เราคัดลอกอาร์เรย์จากไฟล์ส่วนหัว ไปที่ไดเรกทอรี en ของเรา สร้างไฟล์ header.php วางอาร์เรย์และวางวลีที่แปลแล้ว

ลองทำเช่นเดียวกันกับ footer คัดลอกอาร์เรย์ ไปที่ไดเร็กทอรี en และสร้างไฟล์ footer.php ที่เราวางอาร์เรย์ของเราและแปลวลี

มาเปิดใช้งานเทมเพลตในการตั้งค่าไซต์กันเถอะ

ไปที่ส่วนผู้ดูแลระบบ การตั้งค่าผลิตภัณฑ์ ไซต์ รายชื่อไซต์ เปิดไซต์ปัจจุบัน ลงไปที่ด้านล่างสุดและในเทมเพลตระบุเทมเพลต "Landing" ที่เราสร้างขึ้น บันทึก

มาดูส่วนที่มองเห็นกันดีกว่าว่าเราได้อะไรบ้าง

โหลดเทมเพลตแล้ว แต่รูปภาพหลักหายไป เป็นไปได้มากว่านี่เป็นเพราะว่าไฟล์สไตล์เคยอยู่ในโฟลเดอร์สไตล์ แต่เราย้ายมันไปยังไดเร็กทอรีที่สูงกว่าในไฟล์ template_styles.css ดังนั้นจึงเปลี่ยนพาธไป และเพื่อให้รูปภาพแสดงได้ตามปกติ จำเป็นต้องปรับไฟล์นี้

ลงไปดูว่าลิขสิทธิ์ไม่แสดงในส่วนท้ายและฉันทำสิ่งนี้โดยตั้งใจเพื่อแสดงข้อผิดพลาดทั่วไป

มาแก้ไขปัญหานี้กัน โดยไปที่เทมเพลตของเรา เปิด template_styles.css ค้นหาโค้ดเพื่อแสดงรูปภาพ ลบ [../] เนื่องจากไฟล์ปัจจุบันอยู่ในไดเร็กทอรีหลักของเทมเพลต มาบันทึกกันเถอะไปที่ไซต์และดูการแสดงผล เราเห็นว่ามีไอคอนกำลังโหลดและรูปภาพตัวเลื่อนปรากฏขึ้น

เรารีเฟรชหน้าหลัก เลื่อนลง และทุกอย่างดูดี มาตรวจสอบส่วนหัวของเราในเวอร์ชันภาษาอังกฤษ โดยเปลี่ยนภาษาเป็นภาษาอังกฤษในการตั้งค่าเทมเพลตแล้วบันทึก ไปที่ส่วนที่มองเห็นและส่วนหัวทั้งหมดที่เราแยกไว้ในไฟล์เล้งเปลี่ยนไป

สรุป:

เมื่อสร้างส่วนท้ายหากคุณต้องการแยกวลีออกมาเป็นเล้งอย่าลืมตรวจสอบการเชื่อมต่อของเคอร์เนลและการเชื่อมต่อของไฟล์ภาษา

หากเราเปลี่ยนเส้นทางของไฟล์ style.css จากเทมเพลตหลัก เราจะเปลี่ยนเส้นทางนี้ในโค้ดเอง เนื่องจากรูปภาพจะอยู่ในไดเร็กทอรีอื่นที่เกี่ยวข้องกับไฟล์นี้

เมื่อระบุเส้นทางโดยใช้ค่าคงที่ “SITE_TEMPLATE_PATH” อย่าลืมใส่ฟลัชที่ส่วนท้ายของเส้นทาง

เพียงเท่านี้สำหรับบทเรียนเรื่อง ฉันกำลังติดตั้ง HTML เสร็จแล้วในวิดีโอต่อไปนี้ เราจะแสดงบล็อกบางส่วนในพื้นที่รวมที่แยกจากกัน เราตั้งโปรแกรมส่วนประกอบ รูปร่าง และอื่นๆ

ในบทความที่สองเกี่ยวกับเทมเพลต Bitrix เราจะพูดถึงการจัดการเทมเพลต อธิบายกระบวนการติดตั้งเทมเพลตใหม่ และยังบอกวิธีกำหนดค่าการแสดงเทมเพลตต่างๆ สำหรับหน้าและส่วนต่างๆ

เทมเพลต Bitrix คือชุดของไฟล์ PHP, ไฟล์สไตล์, รูปภาพ และเทมเพลตส่วนประกอบ เทมเพลตทั้งหมดอยู่ในโฟลเดอร์ /bitrix/templates/ และสามารถใช้เป็นเทมเพลตเดียวสำหรับหลายไซต์ หรือหลายเทมเพลตในไซต์เดียว ในหน้าการตั้งค่า → การตั้งค่าผลิตภัณฑ์ → เทมเพลตเว็บไซต์ในแผงควบคุมระบบ รายการเทมเพลตที่มีอยู่ในระบบจะปรากฏขึ้น

การติดตั้งเทมเพลตใหม่

เทมเพลต Bitrix เป็นไฟล์เก็บถาวร .tar.gz ที่ประกอบด้วยไฟล์ PHP ไฟล์สไตล์ สคริปต์ และรูปภาพที่จำเป็นทั้งหมด คุณสามารถติดตั้งเทมเพลตใหม่ได้โดยการคลายแพ็กไฟล์เก็บถาวรลงในโฟลเดอร์ /bitrix/templates/ หรือโดยใช้แบบฟอร์มบนหน้าการตั้งค่า → การตั้งค่าผลิตภัณฑ์ → เทมเพลตไซต์ ในแผงการดูแลระบบ Bitrix ในหน้านี้คุณต้องคลิกปุ่มอัปโหลดเทมเพลต เลือกไฟล์เก็บถาวรที่มีเทมเพลตบนดิสก์ในเครื่องของคุณ และป้อนรหัสสัญลักษณ์ของเทมเพลต

รูปที่ 1 แสดงรายการเทมเพลตในแผงการดูแลระบบ รูปที่ 2 แสดงแบบฟอร์มสำหรับการเพิ่มเทมเพลตใหม่

หลังจากดาวน์โหลดไฟล์เก็บถาวรแล้ว ไฟล์นั้นจะถูกแตกไฟล์ลงในโฟลเดอร์ /bitrix/templates/ โดยอัตโนมัติ และจะแสดงในรายการเทมเพลตในแผงผู้ดูแลระบบ

เมื่อดาวน์โหลดเทมเพลต คุณสามารถเลือกไซต์ที่จะใช้เทมเพลตตามค่าเริ่มต้นได้

การใช้เทมเพลตกับไซต์ปัจจุบัน

เมื่อดาวน์โหลดและเพิ่มเทมเพลตลงในระบบแล้ว เทมเพลตนั้นสามารถนำไปใช้กับไซต์ใดไซต์หนึ่งได้ ในการดำเนินการนี้ คุณต้องเลือกไซต์ที่ควรใช้เทมเพลตในแผงการดูแลระบบในหน้าการตั้งค่า / การตั้งค่าผลิตภัณฑ์ / รายการไซต์ (รูปที่ 3 แสดงรายการไซต์ในแผงผู้ดูแลระบบ)

แบบฟอร์มการตั้งค่าไซต์จะเปิดขึ้น พารามิเตอร์สุดท้ายของแบบฟอร์มนี้คือการตั้งค่าเทมเพลตไซต์ ที่นี่คุณสามารถเลือกเทมเพลตอย่างน้อยหนึ่งรายการที่จะใช้สำหรับไซต์นี้

เงื่อนไขการใช้เทมเพลต

เพื่อให้ใช้เทมเพลตที่แตกต่างกันภายในไซต์เดียวกันภายใต้เงื่อนไขที่ต่างกัน คุณสามารถระบุเงื่อนไขสำหรับการใช้เทมเพลตในแบบฟอร์มการตั้งค่าไซต์ได้ ระบบจัดเตรียมเงื่อนไขประเภทต่อไปนี้: สำหรับโฟลเดอร์หรือไฟล์ สำหรับกลุ่มผู้ใช้ ช่วงเวลา พารามิเตอร์ใน URL นิพจน์ PHP มาดูรายละเอียดเพิ่มเติมกัน:

สำหรับเป็นโฟลเดอร์หรือไฟล์— เงื่อนไขนี้ควรใช้เมื่อควรใช้เทมเพลตที่แตกต่างกันสำหรับหน้าและส่วนต่างๆ เพื่อให้เทมเพลตถูกใช้สำหรับส่วนบัญชีส่วนบุคคลของผู้ใช้เท่านั้น ค่าของเงื่อนไขนี้ควรเป็น “/personal/” - เส้นทางไปยังส่วนจากโฟลเดอร์รูทซึ่งมีส่วน “บัญชีส่วนบุคคล” อยู่ หากเทมเพลตควรแตกต่างกันเฉพาะสำหรับเพจที่มีข้อผิดพลาด 404 คุณควรระบุ “/404.php” เป็นค่าเงื่อนไข

สำหรับกลุ่มผู้ใช้งาน- งานทั่วไปเมื่อรูปลักษณ์ของไซต์ควรแตกต่างกันสำหรับผู้จัดการและผู้เยี่ยมชมทั่วไปได้รับการแก้ไขโดยใช้เงื่อนไขประเภทนี้ ค่าคุณสมบัติควรตั้งค่าเป็นกลุ่มผู้ใช้ เช่น “ตัวแก้ไขเนื้อหา” ผู้เยี่ยมชมที่ได้รับอนุญาตในฐานะผู้ใช้จากกลุ่มแก้ไขเนื้อหาจะเห็นรูปลักษณ์ของไซต์ที่แตกต่างจากผู้เยี่ยมชมรายอื่นทั้งหมด

ช่วงเวลา- ตัวอย่างที่ดีของการใช้เงื่อนไขนี้คือธีมปีใหม่สำหรับไซต์ ถ้าจะใช้เทมเพลตปีใหม่บนไซต์ในช่วงเวลาตั้งแต่วันที่ 25 ธันวาคมถึง 10 มกราคม คุณต้องระบุช่วงนี้เป็นค่าสำหรับเงื่อนไขชนิดช่วงเวลา หลังจากสิ้นสุดระยะเวลา เทมเพลตจะเปลี่ยนเป็นเทมเพลตเริ่มต้นโดยอัตโนมัติ

พารามิเตอร์ใน URL- เงื่อนไขเงื่อนไขประเภทนี้มักใช้เพื่อสร้างเวอร์ชันสำหรับพิมพ์หรือทดสอบเทมเพลต หากต้องการสร้างการใช้งานเทมเพลตการพิมพ์ คุณต้องระบุ “print=Y” เป็นค่าเงื่อนไขของประเภทนี้ หากต้องการทดสอบเทมเพลตใหม่ คุณสามารถระบุ "test=Y" เป็นเงื่อนไขได้ และในหน้าใดๆ หากผ่านพารามิเตอร์การทดสอบเท่ากับ Y เทมเพลตการทดสอบจะถูกนำมาใช้

การแสดงออกของ PHP— ค่าของเงื่อนไขนี้สามารถเป็นนิพจน์ PHP หรือฟังก์ชัน Bitrix API ใดก็ได้

เทมเพลตไซต์จะถูกใช้ตามค่าดัชนีการเรียงลำดับ หากสามารถใช้เทมเพลตได้มากกว่าหนึ่งเทมเพลตสำหรับเพจ ระบบจะเลือกเทมเพลตที่มีดัชนีการเรียงลำดับที่สูงกว่า ดังนั้นควรระบุการเรียงลำดับเทมเพลตอย่างระมัดระวัง - ตำแหน่งดัชนีการเรียงลำดับที่ไม่ถูกต้องอาจทำให้เกิดข้อผิดพลาดที่ไม่พึงประสงค์ได้

อย่าลืมว่า “เราไม่ควรคูณสิ่งที่มีอยู่โดยไม่จำเป็น” เช่น หากปัญหาบางอย่างสามารถแก้ไขได้โดยไม่ต้องสร้างเทมเพลตเพิ่มเติม ก็ไม่ควรสร้างเทมเพลตเพิ่มเติม นี่เป็นเพราะความจริงที่ว่าโดยการคัดลอกเทมเพลตเพื่อทำการเปลี่ยนแปลงเล็กน้อย คุณบังคับตัวเองให้รักษาไฟล์ที่เหมือนกันหลายไฟล์และทำการเปลี่ยนแปลงกับเทมเพลตหลาย ๆ อันในเวลาเดียวกัน

ดังนั้นเราจึงดูกระบวนการจัดการเทมเพลต: การโหลดเทมเพลตใหม่เข้าสู่ระบบ การใช้เทมเพลตกับไซต์ เงื่อนไขในการใช้เทมเพลตที่แตกต่างกันบนเพจ ในบทความต่อไปนี้ เราจะไปที่การสร้างเทมเพลตของคุณเองโดยตรง

เป็นอีกครั้งที่พยายามค้นหาโปรแกรมเมอร์ที่ทำงานกับ CMS 1C-Bitrix ในเมืองของฉัน ฉันประสบปัญหา...

มีโปรแกรมเมอร์หลายคนที่เคยทำงานกับเฟรมเวิร์กฟรีมากมาย เช่น Joomla, WordPress ฯลฯ แต่เมื่อพูดถึง Bitrix ทุกคนพูดว่า: “โอ้ จ่ายแล้ว ทำไมฉันต้องใช้มันในเมื่อยังมีอันฟรีอื่นๆ มากมาย” และพวกเขาไม่ต้องการเรียนรู้สิ่งใหม่ๆ

นั่นคือวิธีที่ฉันเริ่มต้น ยกเว้นสิ่งหนึ่ง พวกเขาแสดงให้ฉันดูทันทีว่าอย่างไร อะไร และทำไม แต่ฉันพบเนื้อหาออนไลน์และในHabré ดังนั้น ฉันจะเริ่มต้นด้วยสิ่งง่ายๆ: เหมือนโปรแกรมเมอร์ทั่วไปที่มีความรู้เกี่ยวกับ PHP และอย่างน้อย HTML พื้นฐาน, CSS, JS ให้เริ่มทำงานกับ Bitrix

ฉันจะไม่พูดเกี่ยวกับโครงสร้างไดเร็กทอรีเทมเพลต คุณสามารถอ่านเกี่ยวกับเรื่องนั้นได้ สิ่งแรกที่คุณต้องจัดการคือการรวมเทมเพลต HTML เข้ากับ CMS

สมมติว่าคุณมีเทมเพลต HTML สำเร็จรูปและจำเป็นต้องรวมเข้ากับระบบ เริ่มต้นด้วยการติดตั้งบนเซิร์ฟเวอร์:

ไปที่เว็บไซต์ Bitrix และดาวน์โหลดตัวติดตั้ง

อัปโหลด bitrixsetup.php ไปยังเซิร์ฟเวอร์และเริ่มการติดตั้ง
สิ่งแรกที่ผู้ติดตั้งเสนอให้คุณคือเลือกรุ่น:

เลือกการแจกจ่ายที่คุณต้องการ (โดยปกติคือ “การจัดการไซต์”) หากคุณมีรหัส ให้ป้อนรหัสนั้นแล้วคลิก “ดาวน์โหลด” กระบวนการได้เริ่มขึ้นแล้ว...

หากการแกะกล่องสำเร็จ คุณจะเห็นหน้าต่างการติดตั้งต้อนรับ

สิ่งต่อไปที่โปรแกรมเมอร์มือใหม่พบคือ “พารามิเตอร์ระบบที่จำเป็น” กล่าวคือ:

เพื่อแก้ไขปัญหานี้ ให้ไปที่เซิร์ฟเวอร์ เปิดไฟล์ .htaccess และค้นหาบรรทัดต่อไปนี้

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

เรามายกเลิกการแสดงความคิดเห็นกันดีกว่า กด F5 และทุกอย่างใช้งานได้... หากยังคงใช้งานไม่ได้ (และบางครั้งก็เกิดขึ้น) ให้เขียนคำขอไปยังฝ่ายสนับสนุนด้านเทคนิค การสนับสนุนโฮสติ้ง

ขั้นตอนต่อไปคือการติดตั้งฐานข้อมูล ฉันไม่คิดว่าไม่จำเป็นต้องอธิบายที่นี่ เรามาต่อกันดีกว่า หากทุกอย่างเรียบร้อยดี คุณจะเห็นกระบวนการติดตั้ง Bitrix:

เรามาถึงตัวเลือกโซลูชันที่ Bitrix นำเสนอ เนื่องจากเราต้องการระบบที่สะอาดปราศจากส่วนเสริมใดๆ เราจึงเลือก “ไซต์สาธิตสำหรับนักพัฒนา”

ต่อไปเราได้รับการต้อนรับจาก “อาจารย์” มาตรฐาน

คุณสามารถติดตั้งข้อมูลสาธิตได้ เราไม่ต้องการสิ่งนี้ คลิก "ยกเลิก"

เสร็จสิ้นขั้นตอนการติดตั้ง เราดำเนินการรวมเทมเพลตโดยตรง ไปที่แผงการดูแลระบบในส่วน "การตั้งค่า" ต่อไปเราลงไปตามแผนผังการตั้งค่า: การตั้งค่าผลิตภัณฑ์ - เทมเพลตเว็บไซต์ คลิกที่ปุ่ม "เพิ่มเทมเพลต"

แบบฟอร์มการสร้างเทมเพลตมาตรฐานจะเปิดขึ้น

สร้าง ID (ฉันมักจะใช้หลัก) ป้อนชื่อของเทมเพลต ไม่จำเป็นต้องใช้ฟิลด์ "คำอธิบาย" แต่มีไว้สำหรับนักพัฒนาเพื่อไม่ให้เกิดความสับสนหากมีหลายรายการ

นี่คือจุดเริ่มต้นของความสนุก โดยทั่วไปแล้วเทมเพลตเพจ HTML จะมีลักษณะดังนี้:

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

สิ่งสำคัญที่นี่คือต้องเข้าใจว่าอะไรเป็นของเทมเพลตและอะไรอยู่ในส่วนเนื้อหา ในตัวอย่างนี้ ส่วนเนื้อหาเริ่มต้นระหว่างแท็กส่วน ดังนั้น ให้คัดลอกเทมเพลตลงในช่อง "ลักษณะเทมเพลตเว็บไซต์" ระหว่างแท็ก เราแทรกคำสั่งบริการ #WORK_AREA# ด้วยเหตุนี้ เทมเพลตของคุณจะมีลักษณะดังนี้:

... ... ... #WORK_AREA# ...

หากคุณมี CSS ให้ไปที่แท็บ “สไตล์เทมเพลต” แล้ววางที่นั่น

ต่อไปฉันมักจะแก้ไขไฟล์ผ่าน FTP เปิดตัวแก้ไขข้อความของคุณ (ฉันใช้ Notepad++ ดังนั้นฉันจะไม่เขียนในตัวอย่างของเขา) และไปที่เซิร์ฟเวอร์ เทมเพลต Bitrix ทั้งหมดอยู่ที่ /bitrix/templates/template_name/ หากคุณมีรูปภาพหรือไฟล์สไตล์เพิ่มเติม สคริปต์ JS ฯลฯ ให้คัดลอกทุกอย่างไปยังโฟลเดอร์นี้

มาดูส่วนสุดท้ายและลงทะเบียนตัวแปร Bitrix ที่จำเป็นทั้งหมดกัน เปิดไฟล์ header.php และเริ่มแก้ไข สิ่งแรกที่คุณต้องทำคือเชื่อมต่อเอาต์พุตส่วนหัวของไซต์:

… …

เรายังต้องการเห็นแผงผู้ดูแลระบบไซต์ในส่วนสาธารณะของไซต์:

… … …

หากต้องการแสดงชื่อหน้า ให้เพิ่มฟังก์ชันให้กับแท็กที่เกี่ยวข้อง เป็นผลให้เราได้รับไฟล์ดังต่อไปนี้:

... ... ...

โดยวิธีการที่ฉันลืมที่จะบอกว่าหากมีไฟล์เพิ่มเติมไม่ว่าจะเป็น JS, CSS, favicon และอื่น ๆ เพื่อไม่ให้เขียนเส้นทางยาวเต็ม /bitrix/…/ จะมีค่าคงที่พิเศษ SITE_TEMPLATE_PATH เราใส่มันในตำแหน่งที่ถูกต้อง:

…
เรายังต้องการเห็นแผงผู้ดูแลระบบไซต์ในส่วนสาธารณะของไซต์:

… … …
หากต้องการแสดงชื่อหน้า ให้เพิ่มฟังก์ชันให้กับแท็กที่เกี่ยวข้อง เป็นผลให้เราได้รับไฟล์ดังต่อไปนี้:

... ... ...
โดยวิธีการที่ฉันลืมที่จะบอกว่าหากยังมีไฟล์เพิ่มเติมไม่ว่าจะเป็น JS, CSS, favicon และอื่น ๆ เพื่อไม่ให้เขียนเส้นทางยาวเต็ม /bitrix/…/ จะมีค่าคงที่พิเศษ SITE_TEMPLATE_PATH เราใส่มันในตำแหน่งที่ถูกต้อง: