ขั้นตอนการนำไฟล์ html มาใช้ร่วมกับ XOOPS

ในการนำไฟล์ html มาใช้ร่วมกับ XOOPS พอจะสรุปเป็นขั้นตอนหลัก ๆ ได้ดังนี้
• เปลี่ยนนามสกุลไฟล์จาก .html ไปเป็น .php
• สร้างเมนูขึ้นมาใหม่พร้อมกับทำ Link ไปที่ไฟล์ .php
• เพิ่ม Code ลงในไฟล์ .php เพื่อให้ใช้งานร่วมกับ XOOPS อย่างลงตัว

ตัวอย่าง ต้องการนำไฟล์ html ที่ชื่อ opensource.html มาใช้งานร่วมกับ XOOPS

1. ให้เราสร้างโฟลเดอร์ย่อยขึ้นมาใน XOOPS เพื่อเก็บเอกสาร opensource.html ในที่นี้จะสร้างโฟลเดอร์ชื่อ content ฉะนั้นเมื่อสร้างแล้วเราจะได้เป็น c:\wm\www\xoops\content

2. ทำการคัดลอกไฟล์ opensource.html ไปเก็บไว้ในโฟลเดอร์ที่สร้างขึ้นมา

3. ทำการเปลี่ยนนามสกุลจาก opensource.html เป็น opensource.php

4. ทำการสร้างเมนูใหม่ขึ้นมาโดย Login ในฐานะผู้ดูแลเว็บ คลิ๊กเลือก เมนูผู้ดูแลเว็บ เลือก SYSTEM ADMIN เลือก เมนู จากนั้นให้เลื่อนลงไปที่ตาราง เพิ่มเมนูใหม่(วิธีการโดยละเอียดสามารถศึกษาได้จากเรื่องการเพิ่มเมนูใหม่)

5. ชนิดของเมนูให้เลือก เมนูตรงกลาง-กึ่งกลาง
6. ลำดับที่ให้เลือก 0
7. แสดงให้เลือกเป็น ใช่
8. แสดงที่เลือกเป็น หน้าแรก
9. กรอกชื่อเมนู ในตัวอย่างกรอกเป็น NECTEC กับ Opensource
10. กรอกเนื้อหา

11. คลิ๊กปุ่ม url (รูปโซ่)
12. กรอก URL ของลิงก์ที่ต้องการในที่นี้กรอกเป็น 127.0.0.1/content/opensource.php

13. กรอกข้อความที่ที่จะทำลิงก์ในที่นี้กรอกเป็น อ่านต่อ

จากนั้นโปรแกรมจะพิมพ์ข้อความ [url=127.0.0.1/xoops/content/opensource.php]อ่านต่อ[/url]
ให้โดยอัตโนมัติ
14. ให้คลิ๊กเลือก รูปแบบอัตโนมัติ (ตัวยิ้มทำงาน)
15. คลิ๊กปุ่ม ตกลง

จากนั้นให้ลองกลับไปที่หน้าแรกของเว็บไซต์จะเห็นเมนูเพิ่มขึ้นมา ดังภาพ

16. จากนั้นให้ทดลองคลิ๊ก อ่านต่อ

โปรแกรมจะลิงก์ไปยังไฟล์ opensource.php ดังภาพ

จากนั้นให้เราทำการปรับปรุงอีกนิดเพื่อให้ไฟล์ opensource.php ทำงานกับ xoops ได้อย่างกลมกลืน โดยให้เราใช้โปรแกรม Notepad หรือ EditPlus เปิดไฟล์ opensource.php ขึ้นมาดังภาพ

จากนั้นให้นำ Code ข้างล่างนี้ไปแทรกไว้บรรทัดแรก

<?php
require("../mainfile.php");
require(XOOPS_ROOT_PATH."/header.php");
?>

และนำ Code ข้างล่างนี้ไปแทรกไว้บรรทัดสุดท้าย

<?php
require(XOOPS_ROOT_PATH."/footer.php");
?>

จะได้ดังภาพ

จากนั้นให้ทำการ Save และออกจากโปรแกรม Notepad และทำการทดลองเข้าไปที่หน้าแรกของเว็บไซต์แล้วคลิ๊ก “อ่านต่อ” ในหัวข้อ “Nectec กับ Opensource” อีกครั้ง จะปรากฏดังภาพ

จะเห็นได้ว่าไฟล์ opensource.php ได้ทำงานร่วมกับ xoops อย่างลงตัวโดยที่ไฟล์ opensource.php จะแสดงผลตำแหน่งตรงกลางเว็บไซต์ โดยมี Header , Footer และเมนูต่าง ๆ ของ xoops ปรากฏรวมอยู่ด้วย

-----------------------------------------------