โดยปรกติแล้ว Theme ที่เราโหลดกันมานั้น จะมี 2 แบบคือ แบบที่มีโลโก้ติดมาให้เลย แต่จะเป็นรูปของผู้พัฒนาหรือชื่อของ Theme นั้น กับแบบที่ 2 คือจะใช้ Blog Title กับ Tagline มาแสดงผลในส่วนของ Header ของ Theme โดยตรง (ส่วนใหญ่จะเป็นแบบนี้)

ในกรณีที่ Theme นั้นออกแบบมามีโลโก้ให้มาอยู่แล้ว ถ้าเป็นแบบนี้จะไม่ยากครับ

• หลังจากที่โหลด Theme มาแล้ว แตกไฟล์ เปิดเข้าไปดูใน Folder Image เพื่อหาไฟล์รูปที่เป็นโลโก้ของ Theme นั้น
• ดูขนาดของรูป ชื่อไฟล์ และนามสกุลของโลโก้นั้น จดจำไว้ให้เรียบร้อย
• สร้างโลโก้ของตัวเองขึ้นมาให้มีขนาดที่เท่ากัน โดยตั้งชื่อและนามสกุลให้เหมือนกับที่ Theme นั้นมีอยู่
• เซฟทับของเดิม อัพโหลด Theme ขึ้นไปบนโฮส เป็นอันเสร็จพิธี

กับอีกแบบ อันนี้อาจจะวุ่นวายขึ้นอีกหน่อยครับ เพราะว่าจะต้องมีการแก้โค๊ดที่มีมาด้วยเล็กน้อยครับ

• ก่อนที่จะสร้างโลโก้ขึ้นมาสำหรับ Theme ลักษณะนี้ เราต้องเปิดดูก่อนว่า Theme นั้นมี พื้นที่ด้านบนอยู่ประมาณไหน เพื่อที่เราจะได้สร้างโลโก้ขึ้นมาได้ขนาดที่พอเหมาะกับ Theme และคงความสวยงามของ Theme นั้นไว้ครับ
• หลังจากที่เราได้โลโก้ของเราแล้ว เราก็ต้องเปิดไฟล์ header.php ของ Theme นั้นขั้นมาด้วยโปรแกรม Editor ต่างๆ หรือจะแก้จาก Theme Editor ในเมนู Appearance Editor ของ WordPress ก็ได้ครับ
• มองหาบรรทัดที่เขียนว่า <div id=”header”> หรืออะไรที่ใกล้ๆกันดูครับ โดนปรกติแ้ล้วบรรทัดต่อไปจะเป็นการเรียก Blog Title กับ Tagline ของบล็อกเราเพื่อนำมาแสดงผล โดยจะเขียนประมาณนี้

<h1><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></h1><p><?php bloginfo(‘description’); ?></p>

ตรงนี้แหละครับที่เราต้องเปลี่ยนให้เป็นที่อยู่ของโลโก้เราครับ

วิธีการสร้าง Link รูป เพื่อเอามาใส่ก็ไม่ยาก เราก็ใช้ WordPress ของเราให้เป็นประโยชน์ครับ จะได้ไม่ต้องกังวลว่าจะทำ Link ขึ้นมาผิดแล้วรูปจะไม่แสดง

• ก่อนอื่นก็เข้าไปที่ Add New Post
• อัพโหลดรูปโลโก้ของเราเข้าไป จากรูปตัวอย่างผมใช้เรียกจาก URL นะครับ อันนี้แล้วแต่สะดวก จะอัพโหลดจากเครื่องโดยตรงก็ได้

• พออัพโหลดรูปที่ได้เข้าไปแล้ว เข้าไปดูที่ โหมด HTML ครับ ในหน้านี้เพื่อนๆ จะเห็นโค๊ด 1 ชุด ที่เป็นที่อยู่ของโลโก้เราแล้ว เช่น

<a href=”http://www.nhumbiz.com”><img class=”alignnone” title=”นายหนุ่มบล็อก” src=”http://www.nhumbiz.com/images/logo/nainhum.png” alt=”" width=”230″ height=”55″ /></a>

และนี่แหละครับ คือ Link ที่เราต้องการ ขั้นตอนต่อไปก็คือ เอา Link ที่ได้มาไปแทนไว้ใน Code ที่ผมบอกไว้ด้านบนครับ

• ขั้นตอนสุดท้ายแล้ว นั่นก็การกดปุ่มเซพ แล้วไปเปิดดูที่บล็อกเราได้เลยครับ

จบแล้วกับวิธีการเปลี่ยน Logo ของบล็อกที่ทำจาก WordPress หวังว่าคงจะไม่งงกันนะครับ

หมายเหตุไว้สักนิด:
วิธีการที่เขียนมาทั้งหมดด้านบน ผมเขียนจากความเข้าใจส่วนตัว และใช้วิธีนี้มาตลอด ซึ่งจริงๆ แล้ว อาจจะมีวิธีที่ง่ายหรือเป็นวิธีที่ถูกต้องกว่านี้ก็ได้ ยินดีน้อมรับทุกคำแนะนำครับ

10 Responses to “วิธีเปลี่ยนโลโก้ให้กับ WordPress บล็อก”