วิธีเปลี่ยนโลโก้discuzX3.2

suttasilo

วิธีเปลี่ยนโลโก้discuzX3.2

1.ภาพโลโก้สกิน default เมื่อติดตั้งเริ่มต้นดังภาพ

2.วิธีที่1 เปลี่ยนโลโก้รูปดิสคัสใหม่ แก้ไข 3ไฟล์ logo.png,logo_sc.png,logo_sc_s.png เปิดโปรแกรมPhptoshop ทำการแก้ไขไฟล์ภาพทั้งสามแล้วเซฟไฟล์ต้นฉบับpsd  สำหรับไว้แก้ไขภายหลังได้  ส่วนไฟล์ภาพเซฟเป็นไฟล์ png ชื่อเดิม (แบ็คอัพไฟล์เดิมไว้เผื่อนำกลับมาใช้ใหม่) เสร็จแล้วอัพโหลดไฟล์โลโก้ logoทั้งสามไปที่โฟลเดอร์ static/image/common
ทดลองรีเฟรชหน้าดูผลลัพธ์

3.สร้างไฟล์ logo.png ด้วย โปรแกรม Phptoshopออกแบบใหม่ตามที่เราต้องการ ขนาด width="960"height="186" (ความสูงปรับขนาดได้)
อัพโหลดไฟล์โลโก้ logo.png ไปที่โฟลเดอร์ static/image/commonทับไฟล์เดิม (แบ็คอัพไฟล์เดิมไว้เผื่อนำกลับมาใช้ใหม่)
ดูผลลัพธ์ โลโก้เล็กจะถูกแทนที่ โลโก้ภาพใหญ่ทันที

เสร็จแล้วในที่นี้ขอกลับคืนค่าเดิมนำไฟล์เก่าโลโก้เล็กไปทับ
4.วิธีที่2 ไฟล์ logo.png ที่สร้างข้อ 3. อัพโหลดไฟล์โลโก้ ไปไว้ที่โฟลเดอร์ images/logo5.png(ถ้าไม่มีโฟลเดอร์  images ให้สร้างขึ้นใหม่)
เปิดไฟล์ header.htm อยู่ในโฟลเดอร์  template/default/common/header.htm
หา

1. </head>

คัดลอกไปที่คลิปบอร์ด

นำโค้ดนี้ไปวาง

1. </div><table width="960" border="0" align="center">
   
2. <tr>
   
3. <td><a href="http://localhost/dz3/" title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png" alt="ชมรมรักพลับพลึงธารคุระบุรีฯ" /></a></td>
   
4. </tr>
   
5. </table>
   
6. </div>

คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์

หรือ
เอาโค้ดนี้ไปวาง

1. <a href="http://localhost/dz3/" title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png" alt="ชมรมรักพลับพลึงธารคุระบุรีฯ"  width="100%" height="100%"/></a>

คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์นี้จะ fix เต็มหน้าจอ

สำหรับวิธีที่ 2. ผู้เขียนไม่มีความรู้เรื่องโค้ด  เพียงนำตัวอย่างมาให้ดูว่าสามารถแก้ไขได้ที่ไฟล์ header.htm เท่านั้น
5.วิธีที่3 ไปที่ control Panel(จัดการระบบ)  เพิ่มเติม/ตั้งค่าโฆษณา/เลือกส่วนหัวด้านบนสุด/คลิกที่ปุ่มเพิ่ม  แล้วตั้งค่าตามภาพ
ช่องสุดท้ายนำโค้ดนี้ไปใส่ช่อง กรอกโค้ด HTML ของโฆษณา:

1. <a href="http://localhost/dz3/" title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png" alt="ชมรมรักพลับพลึงธารคุระบุรีฯ"  width="100%" height="100%"/></a>

คัดลอกไปที่คลิปบอร์ด

6.ผลลัพธ์ เวลาย่อขยายภาพจะปรับแต่งตามไปด้วย

7.วิธีที่4 ไปที่ตั้งค่าโฆษณา/เลือกด้านบนใต้เมนูหลัก/คลิกที่ปุ่มเพิ่ม  แล้วทำการปรับแต่งตามข้อ 3.ใส่โค้ดเดิมเหมือนเดิม

8.ผลลัพธ์ เวลาย่อขยายภาพจะปรับแต่งตามไปด้วย

9.ติดตั้งปลั๊กอิน เปลี่ยน LOGO และพื้นหลัง 1.1ดาวน์โหลดได้ที่ http://forum.discuzthai.com/thread-35562-1-1.html
ขั้นตอนการติดตั้งตามภาพ

10.ค่าเริ่มต้นที่ปลั๊กอินเปลี่ยน LOGO และพื้นหลัง1.1 ตั้งไว้ดังภาพ

11.สามารถปรับค่าตำแหน่งโลโก้ได้ตามต้องการ  ลองปรับเปลี่ยนภาพพื้นหลังใหม่ เลือกภาพพื้นหลังเป็น Holiday

12.ผลลัพธ์ดังภาพ

13.การปรับเปลี่ยนโลโก้พื้นฐานของสกิน  default และการติดตั้งและใช้งาน ปลั๊กอินเปลี่ยน LOGO และพื้นหลัง1.1ก็เสร็จสิ้นเียงเท่านี้

ศึกษารายละเอียดวิธีการทำได้ที่วีดีโอด้านล่าง

บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT"ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)