ลองปรับเปลี่ยนส่วนหัวเล็กน้อยเพื่อให้สอดคล้องกับมาตรฐาน นี่คือสิ่งที่รหัสของคุณตอนนี้:
<div id="header-image">
<img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>
นี่คือวิธีที่คุณสามารถแก้ไขสิ่งต่าง ๆ :
<div id="header-image">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
</a>
</div>
มีเพียง 3 ขั้นตอนเท่านั้น:
- แทนที่จะใช้การตั้งค่าภาพส่วนหัวเริ่มต้นของชุดรูปแบบคุณสามารถแก้ไขชุดรูปแบบของคุณ
header.php
ด้วยรหัสที่ระบุด้านบน
- แทนการแทรกภาพจาก Add สื่อใหม่คุณสามารถอัปโหลดภาพผ่านcPanel (Control Panel ของพื้นที่เว็บของคุณ) ลงในโฟลเดอร์ของธีมโฟลเดอร์ย่อยชื่อ'ภาพ'
- และแทนที่จะสร้างภาพขนาดใหญ่ที่มีพื้นหลังสำหรับโลโก้ของคุณลองสร้างโลโก้แบบไม่ต้องใช้แบ็คกราวน์อย่างง่ายใน Photoshop (หรือซอฟต์แวร์กราฟิกใด ๆ ) - ในกรณีของ Photoshop ก็ทำได้: หลังจากวางภาพโลโก้ในเลเยอร์เพียงลบ เลเยอร์พื้นหลังแล้วบันทึกภาพสำหรับเว็บ (ไฟล์> บันทึกสำหรับเว็บ ... [ Ctrl+ Alt+ Shift+ S]) และเลือกรูปแบบPNG-24เพื่อผลลัพธ์ที่ดี จากนั้นบันทึกเป็น
logo.png
และวางลงในโฟลเดอร์ '/ wp-content / themes / simplemarket / images /'
หวังว่าคุณจะได้รับส่วนที่เหลือ หากคำถามใด ๆ โปรดแสดงความคิดเห็นที่นี่ภายใต้