และส่วนต่อมา ที่เราจะต้องทำคือที่เก็บรูปของเราหรือ path เมื่อมันเข้าไปอยู่ในระบบของ Mambo แล้ว เราจะต้องกำหนด Path ให้มันใหม่ด้วยนะครับ
ตัวอย่าง เดิมของ path ที่เก็บรูป ดังรูปข้างล่าง
ตัวอย่าง เมื่อนำมาทำ Template เพื่อใช้ในระบบ Mambo จำเป็นต้องเปลี่ยน Path รูปภาพให้ เป็นเหมือนดังรูปข้างล่างนี้ด้วยครับ
คือ “<?php echo $mosConfig_live_site; ?>/template/ชื่อโฟลเดอร์เทมเพลต/images/ชื่อไฟล์ของรูป.formatfile”
เมื่อพร้อมแล้ว เราจะมาสร้าง package ไฟล์ กัน เพื่อการนำไปใช้งานกับระบบของ Mambo
โครงสร้างของโฟลเดอร์และไฟล์ Template ที่จะเอามาใช้กับระบบ Mambo เราจำเป็นต้องมีให้ครบตามโครงสร้างที่จะกล่าวต่อไปนี้นะครับ ตัวอย่างดังรูปข้างล่างนี้
คำอธิบาย
โฟลเดอร์ Template_name เป็นโฟลเดอร์ที่บรรจุไฟล์เทมเพลตของเราทั้งหมด ซึ่งหลังจากที่เราทำเสร็จทั้งหมดแล้ว เราจะต้อง zip โฟลเดอร์นี้ แล้วนำเข้าไปที่ระบบจัดการของ Mambo เพื่ออัพโหลด โฟลเดอร์เทมเพลต.zip ของเราขึ้นไปแตกไฟล์ บนระบบของเครื่อง Server ครับ(เดี๋ยวกล่าวกันอีกทีตอนท้ายๆบทความ)
ต่อมา โฟลเดอร์ CSS จำเป็นต้องมีครับและผมคิดว่าเดี๋ยวนี้เว็บไซต์ทั่วไปจำเป็นต้องใช้ Style sheet กันหมดแล้ว เพื่อความสวยงามและเป็นรูปแบบของตัวเอง ดังนั้นไฟล์ css ของเรา จะต้องชื่อ template_css.css (จริงๆแล้วเป็นชื่ออื่นก็ได้หมดแหละครับ ที่ผมต้องบังคับให้ทำตามนี้ เพราะว่าอยากให้เข้าใจตามกัน และอีกอย่างของดั้งเดิมทั่วไปของ Mambo จะกำหนดค่าปกติมาอย่างนี้ครับ)
ต่อมาอีกครับ คือโฟลเดอร์ images ก็จำเป็นจะต้องมีด้วยครับ ไฟล์ของรูปที่เก็บในโฟลเดอร์นั้นจะชื่ออะไรก็ได้ครับ แต่ต้องอ้างอิงในไฟล์ templateDetails.xml ให้ถูกต้อง จะได้ไม่มี Error ในขั้นตอน Install Template ครับ
ไฟล์ index.php คือไฟล์ Template Design หน้าตาเว็บไซต์และที่เราใส่โค้ด PHP ให้กัน ในตอนต้นที่กล่าวไปแล้วครับ
ไฟล์ template_thumbnail.png คือไฟล์รูป ที่เรา Cupture รูปเทมเพลตหรือหน้าเว็บไซต์ Template ที่เราดีไซต์เอาไว้ครับ เพื่อเอามาใช้ดูรายละเอียดหน้าตาเมื่อเข้าไปในระบบ เผื่อบางทีไม่รู้ว่า Template ตัวนี้หน้าตาอย่างไร จะได้คลิ๊กดูก่อนที่จะเลือกใช้งานกัน
อีกอย่างเอาไว้ใช้กับโมดูล Template Chooser ด้วยครับ(โมดูลตัวนี้ยังไม่อธิบายถึงนะ ติดเอาไว้ก่อน)
ที่นี้ก็เหลือไฟล์ templateDetails.xml เป็นไฟล์สำคัญมาก เพราะถ้าไม่มีไฟล์นี้ก็จะ Install Template เข้าระบบไม่ได้ เป็นเหตุให้จำเป็นต้อง ftp อัพโหลดเอาเองซึ่งลำบากมาก ดังนั้นควรใส่ค่าต่างๆในไฟล์ templateDetails.xml ให้ถูกต้องนะครับ มาดูตัวอย่างโค้ดกันดีกว่า Copy เอาไปใช้งานกันได้เลย เอาเฉพาะโค้ดสีแดงไปใช้นะครับ
<?xml version=”1.0″ encoding=”iso-8859-1″?>
<mosinstall type=”template”>
<name>ชื่อเทมเพลตเป็นภาษาอังกฤษ</name>
<creationDate>20/08/2003</creationDate>/*วันที่สร้างไฟล์*/
<author>ชื่อผู้ที่ออกแบบภาษาอังกฤษ</author>
<copyright>รายละเอียดเกี่ยวกับลิขสิทธิ์เกี่ยวกับเทมเพลตนี้</copyright>
<authorEmail>อีเมล์ผู้ทำ</authorEmail>
<authorUrl>เว็บไซต์ผู้ทำ</authorUrl>
<version>1.0</version>/*เวอร์ชั่น*/
<description>รายละเอียดเกี่ยวกับเว็บไซต์หรือเทมเพลต</description>
<files>
<filename>index.php</filename>/*ไฟล์ในโฟลเดอร์ที่ทำการ Install ไปด้วย*/
<filename>template_thumbnail.png</filename>/*ไฟล์รูปในโฟลเดอร์ที่ทำการ Install ไปด้วย*/
</files>
<images>
<filename>images/03_01.jpg</filename>/*ไฟล์รูปในโฟลเดอร์ที่ทำการ Install ไปด้วย*/
<filename>images/03_02.jpg</filename>/*ไฟล์รูปในโฟลเดอร์ที่ทำการ Install ไปด้วย*/
</images>
<css>
<filename>css/template_css.css</filename>/*ไฟล์ Style Sheet ในโฟลเดอร์ที่ทำการ Install ไปด้วย*/
</css>
</mosinstall>
รูปโครงสร้าง XML ของ Mambo
แก้ไขในส่วนที่บอก ที่จำเป็นเท่านั้นนะครับ แนะนำว่าจำเป็นต้องเป็นภาษาอังกฤษด้วยครับ จะได้ไม่มีปัญหาในการ Install Template
และไฟล์รูปต่างๆที่มีอยู่ในโฟลเดอร์ images มีกี่รูปก็ต้องใส่ไปให้หมดนะครับ ใน แท็ก <images>..</images> ไม่อย่างงั้น ตอนInstall template หรือตอนแสดงผลจะมีการผิดพลาดครับ
Leave a Reply
You must be logged in to post a comment.