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

suttasilo

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

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  เป็นของ X3 แต่นำมาใช้ X3.4 ได้ เดี๋ยววันหลังจะนำมาแจก
ขั้นตอนการติดตั้งตามภาพ

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

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

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

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

ปลั๊กอินปรับแต่งโลโก้และเปลี่ยนพื้นหลัง คลิก

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