super2816 โพสต์ 2015-7-12 20:14:54

All Discuz! X Series ทำ Intro site สุดชิคด้วยดีสคัสเอง..!! แบบไม่ง้ออะไรเพิ่ม

สวัสดีครับ ผมเป็นคนหนึ่งที่ชอบแบบว่าติดตั้ง Discuz ไว้ที่ Root
แล้วเวลาเราอยากทำ Intro site มันก็ลำบากเหลือเกิน ผมเลยเอาวิธีของผมมาแชร์ครับ

1. ออกแบบหน้า Introsite ก่อนเลย ~ เช่น.. ในตัวอย่างผมใช้ขนาด 800x500 ครับ

http://www.bunnn.com/data/attachment/forum/201507/12/184442w3durqgrdntgi0uq.png

2. เสร็จแล้ว Save for web แล้ว Create เป็น Html ด้วยนะครับ

http://www.bunnn.com/data/attachment/forum/201507/12/184711a7qcwa76qcwacdpc.png

3. หลังจากใส่ลิงก์ใส่อะไรต่างๆครบหมดแล้ว ผมจะอัพรูปทั้งเซตไปไว้ที่โฮสต์
แล้วเปลี่ยน url รูปทั้งหมดเป็นลิงก์โดยตรงครับ

เช่นintro/intro_01.pngเปลี่ยนเป็นhttp://i.bunnn.com/intro/intro_01.png4. สร้างหน้าเปล่า

http://www.bunnn.com/data/attachment/forum/201507/12/190013le0tx2g2hzegtetu.png

5. ใส่รายละเอียดลงไป ซึ่งตรงนี้ Google จะเอาไปเก็บเป็นค่าเวลาค้นหาเว็บนะครับ

http://www.bunnn.com/data/attachment/forum/201507/12/190135g8h1hfmmbdh8ihd7.png

6. เข้าหน้าเปล่า DIY แล้วลากโมดูลกระทู้ล่าสุด แล้วตั้งค่าตามนี้ครับ ขนาดรูปขึ้นอยู่กับกล่องสีเทาที่ออกแบบไว้

http://www.bunnn.com/data/attachment/forum/201507/12/192437d8y4tqzyn4yutpns.png

7. ก็จะได้แบบนี้

http://www.bunnn.com/data/attachment/forum/201507/12/192544ulh75e3ypu93ejuj.png

8. กด แก้ไข> แก้ไข > เทมเพลทโมดูล แล้วก็อปโค๊ดที่ได้ไปวางแทนโค๊ดภาพสีเทาๆของเราครับ

http://www.bunnn.com/data/attachment/forum/201507/12/192751woeexvopiaomifjo.png

9. ก็อปโค๊ดในส่วนของ Body มาครับ
** ของผมจะเพิ่มโค๊ดนี้ลงไปด้วย เพราะจะทำให้ bg โปร่งใสครับ .c_yeeib เปลี่ยนตามธีมของท่านนะครับ<style>.c_yeeib {background-color: transparent;}</style>
http://www.bunnn.com/data/attachment/forum/201507/12/192040mgzkgkaobb8w2q0k.png

10. เอาไปวางแทนโค๊ดเมื่อกี้

http://www.bunnn.com/data/attachment/forum/201507/12/192929tcjj3hcv0sicv1c0.png

11. กดบันทึกเป็นเทมเพลทซะเผื่อขี้เกียจแก้ใหม่ แล้วกดปรับปรุง

12. ผลที่ได้

http://www.bunnn.com/data/attachment/forum/201507/12/193050fqqg926jiqwv4966.png

13. แล้วเข้าไปเหมือนข้อ 4 แล้วติ๊กถูกแล้วก็กดเปิดซะ

http://www.bunnn.com/data/attachment/forum/201507/12/193226rpflnauul90laoyp.png

14. เข้าไปหน้าที่เราทำเสร็จแล้วก๊อปลิงก์มา ของผม mod rewrite ลิงก์เลยต่างจากคนอื่นครับhttp://www.bunnn.com/page/intro.html15. เข้าไปที่ Admin cp > รูปแบบ > เพิ่มเมนูเข้าไปตามภาพ > แล้วกดตกลง

http://www.bunnn.com/data/attachment/forum/201507/12/193436c2bodu7kmibwalmd.png

16. ตั้งเป็นหน้าหลัก แล้วเอาเช็คถูกตรงติ๊กใช้งานออกซะ ตามรูป

http://www.bunnn.com/data/attachment/forum/201507/12/193549x7sylymorlxt7lxh.png

17. เสร็จแล้วลองเข้าเว็บดูhttp://www.bunnn.comเสร็จแล้วค้าบบบบ (:

ปล. อาจเพิ่ม Bg เข้าไปเพื่อความสวยงามได้นะ เช่น..

http://www.bunnn.com/data/attachment/forum/201507/12/202015e65zls3p5ta9bfrs.png

มีใครสงสัยถามได้นะครับ
ฝากเว็บน้องใหม่ด้วยนะ bunnn.com นะครับ

soompoll01 โพสต์ 2015-7-28 15:26:59

ดูรูปไม่ได้อะ

jaideejung007 โพสต์ 2015-7-12 21:51:27

เพิ่งรู้ว่ามันทำได้แบบนี้ โดยการตั้งค่าในดิสคัส

ปกติ ผมจะทำแบบไฟล์โล้นๆ เอา 555+

ขอบคุณมากนะที่ guide line ให้ sm896dz

super2816 โพสต์ 2015-7-12 22:03:49

jaideejung007 ตอบกลับเมื่อ 2015-7-12 21:51
เพิ่งรู้ว่ามันทำได้แบบนี้ โดยการตั้งค่าในดิสคัส

ปก ...

คือทำแบบนี้นานแล้ว แต่ไม่ได้เอามาแชร์ 55+
พอดีกำลังอัพบทความในเว็บใหม่อยู่ ก็เลยเอามาโพสต์ในดีสคัสไทยด้วยครับ

muksuck77 โพสต์ 2015-7-27 15:06:17

ความรู้ใหม่ล้วนๆ ขอบคุณมากครับที่แบ่งปัน

muksuck77 โพสต์ 2015-7-30 13:12:28

ภาพไม่ขึ้นครับ
หน้า: [1]
ดูในรูปแบบกติ: All Discuz! X Series ทำ Intro site สุดชิคด้วยดีสคัสเอง..!! แบบไม่ง้ออะไรเพิ่ม