การเปลี่ยน Themes ของเว็บไซต์

Themes เป็นต้นแบบของหน้าตาเว็บไซต์ ในปัจจุบันมีผู้ออกแบบ Themes ไว้มากมายทั้งให้ดาวน์โหลดฟรี และจำหน่ายในเชิงพาณิชย์ สำหรับเว็บไซต์ที่ให้ดาวน์โหลดฟรีได้แก่ www.xoops.org , www.thaixoops.org , www.7dana.com เป็นต้น

ขั้นตอนการเปลี่ยน themes
1. ให้ทำการดาวน์โหลด themes (ในที่นี้ชื่อไฟล์ Xoops_7Rose.zip) ไปเก็บไว้ใน C:\temp

2. ทำการแตกไฟล์ออกจะได้โฟลเดอร์ 7Rose

3. ให้ทำการคัดลอก Folder 7Rose ไปเก็บไว้ใน c:\wm\www\xoops\themes

4. จากนั้นให้ทำการ Login ในฐานะผู้ดูแลเว็บ คลิ๊ก เมนูผู้ดูแลเว็บ เลือก SYSTEM ADMIN
5. คลิ๊ก ค่าติดตั้งเฉพาะ

6. คลิ๊ก [แก้ไข] ในหัวข้อ การตั้งค่าทั่วไป

7. ธีมที่ใช้ ให้คลิ๊กเลือก 7Rose ซึ่งเป็นชื่อ themes ที่เราติดตั้งเข้าไป หากไม่แสดงชื่อ themes แสดงว่าเราคัดลอกโฟลเดอร์ไปไม่ถูกต้อง ซึ่งอาจจะมีโฟลเดอร์ซ้อนกันอยู่หลายชั้น (โฟลเดอร์ที่ถูกต้องเมื่อดับเบิ้ลคลิ๊กเข้าไปแล้วจะเจอไฟล์ themes.html)
8. ธีมที่ใช้งานได้ คลิ๊ก 7Rose จากนั้นให้คลิ๊ก ตกลง

9. คลิ๊ก Mouse ขวา เมนู หน้าแรก
10. คลิ๊ก Open in New Windows

หน้าตาของเว็บไซต์จะเปลี่ยนไปดังรูป

การแก้ไข Logo ใน Themes ที่เลือกใช้

สำหรับ Logo ในแต่ละ Themes ที่เราเลือกใช้งานนั้นปกติแล้วจะอยู่ในโฟลเดอร์ images ซึ่งเป็นโฟลเดอร์ย่อยของ Themes นั้น ๆ สำหรับในตัวอย่าง ไฟล์ Logo จะถูกเก็บไว้ที่ c:\wm\www\xoops\themes\7Rose\images\logo.jpg ให้เราใช้โปรแกรมตกแต่งภาพเช่น Photoshop หรืออื่น ๆ เปิดไฟล์ logo.jpg ขึ้นมาแก้ไขดังภาพ

เมื่อแก้ไขแล้วจะได้ดังภาพ

สำหรับผู้ที่แก้ไขด้วยโปรแกรม Photoshop เมื่อทำการแก้ไข Logo ตามต้องการแล้วให้คลิ๊กปุ่ม สามเหลี่ยม (ในวงกลม) จากนั้นคลิ๊ก Flatten Image

จากนั้นทำการบันทึกโดยคลิ๊กเมนู File แล้วเลือก Save

จากนั้นลองกลับมาที่หน้าแรกของเว็บไซต์ แล้วคลิ๊ก Refresh ดูจะพบว่า Logo ได้เปลี่ยนไปตามที่เราแก้ไข
สำหรับภาพอื่น ๆ ในเว็บไซต์ (ถ้ามี) ก็ใช้หลักการเดียวกันนี้เข้าไปแก้ไข (ชื่อไฟล์ภาพในแต่ละ Themes จะแตกต่างกัน)

** สำหรับการใช้งาน Photoshop นั้นมีรายละเอียดอีกมาก แนะนำให้ลองศึกษาดูนะครับ เพราะจำเป็นมาก หากเราต้องการทำเว็บไซต์ให้ดูดี และตรงกับความต้องการของเรา

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