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 นะครับ ดูรูปไม่ได้อะ เพิ่งรู้ว่ามันทำได้แบบนี้ โดยการตั้งค่าในดิสคัส
ปกติ ผมจะทำแบบไฟล์โล้นๆ เอา 555+
ขอบคุณมากนะที่ guide line ให้ sm896dz jaideejung007 ตอบกลับเมื่อ 2015-7-12 21:51
เพิ่งรู้ว่ามันทำได้แบบนี้ โดยการตั้งค่าในดิสคัส
ปก ...
คือทำแบบนี้นานแล้ว แต่ไม่ได้เอามาแชร์ 55+
พอดีกำลังอัพบทความในเว็บใหม่อยู่ ก็เลยเอามาโพสต์ในดีสคัสไทยด้วยครับ ความรู้ใหม่ล้วนๆ ขอบคุณมากครับที่แบ่งปัน ภาพไม่ขึ้นครับ
หน้า:
[1]