วิธีการรวม HTML ในเอกสารจำนวนมากโดยใช้ PHP

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

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

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

หากคุณมี PHP บนเซิร์ฟเวอร์ของคุณคุณสามารถเขียนไฟล์หนึ่งไฟล์แล้วใส่ลงในหน้าเว็บใดก็ได้ที่คุณต้องการ

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

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

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

นี่คือสิ่งที่คุณต้องการ

เวลาที่ต้องการ: 15 นาที

ขั้นตอน:

  1. เขียน HTML ที่คุณต้องการทำซ้ำและบันทึกลงในไฟล์แยกต่างหากในตัวอย่างนี้ฉันต้องการรวมตัวอย่างที่กล่าวถึงไว้ในแบบฟอร์ม "contact" ซึ่งฉันจะเลือกเพิ่มในบางหน้า

    จากมุมมองโครงสร้างไฟล์ฉันต้องการบันทึกไฟล์ที่รวมไว้ในไดเร็กทอรีแยกกันซึ่งโดยปกติจะเรียกว่า "includes" ฉันจะบันทึกรูปแบบการติดต่อของฉันในไฟล์รวมเช่นนี้:
    รวมถึง / ติดต่อ form.php
  2. เปิดหนึ่งในเว็บเพจที่คุณต้องการรวมไฟล์ไว้เพื่อแสดง
  3. ค้นหาตำแหน่งใน HTML ที่ไฟล์รวมควรแสดงและวางโค้ดต่อไปนี้ในจุดนั้น

    ต้อง ($ DOCUMENT_ROOT. "รวมถึง / contact-form.php");
    ?>
  4. โปรดทราบว่าในตัวอย่างรหัสแบบแปรผันคุณจะเปลี่ยนเส้นทางและชื่อไฟล์เพื่อให้สอดคล้องกับตำแหน่งไฟล์และชื่อของไฟล์ที่คุณต้องการรวม ในตัวอย่างของฉันฉันมีไฟล์ 'contact-form.php' อยู่ภายในโฟลเดอร์ 'includes' ดังนั้นจึงเป็นรหัสที่เหมาะสมสำหรับหน้าเว็บของฉัน
  1. เพิ่มรหัสเดียวกันนี้ลงในทุกๆหน้าที่คุณต้องการให้แบบฟอร์มติดต่อปรากฏ สิ่งที่คุณต้องทำก็คือการคัดลอกและวางโค้ดนี้ลงบนหน้าเว็บเหล่านั้นหรือหากคุณอยู่ในระหว่างการพัฒนาไซต์ใหม่ให้สร้างแต่ละหน้าด้วยไฟล์ที่ถูกต้องซึ่งอ้างอิงได้จาก get-go
  2. หากคุณต้องการเปลี่ยนบางอย่างในแบบฟอร์มติดต่อเช่นการเพิ่มฟิลด์ใหม่คุณจะแก้ไขไฟล์ contact-form.php เมื่อคุณได้อัปโหลดไปยังไดเรกทอรี include / บนเว็บเซิร์ฟเวอร์แล้ว URL จะเปลี่ยนในทุกๆหน้าในไซต์ของคุณที่ใช้รหัสนี้ นี้ดีกว่าต้องเปลี่ยนหน้าเว็บเหล่านั้นเป็นรายบุคคล!

เคล็ดลับ:

  1. คุณสามารถรวม HTML หรือข้อความในไฟล์ PHP ที่มีอยู่ สิ่งที่สามารถไปในไฟล์ HTML มาตรฐานสามารถไปใน PHP รวม
  2. หน้าเว็บทั้งหมดของคุณควรได้รับการบันทึกเป็นไฟล์ PHP เช่น index.php ไม่ใช่ HTML เซิร์ฟเวอร์บางแห่งไม่จำเป็นต้องใช้เพื่อทดสอบการกำหนดค่าของคุณก่อน แต่วิธีง่ายๆในการทำให้แน่ใจว่าคุณได้รับการตั้งค่าทั้งหมดเพียงแค่ใช้