วิธีแทรกโลโก้ในส่วนหัว?


9

ฉันค่อนข้างใหม่ในโลก WordPress (ฉันมาจาก Joomla)

ฉันพบปัญหาในการแทรกโลโก้ในเว็บไซต์ทดสอบ WordPress นี้: http://onofri.org/example/

ฉันต้องการใส่โลโก้ไว้ในส่วนหัวของเว็บไซต์แทนข้อความ "EXAMPLE"

มองเข้าไปในแผงการกำหนดค่า WordPress ฉันไม่พบที่ฉันสามารถอัปโหลดโลโก้และวางมันโดยอัตโนมัติแทนข้อความ "ตัวอย่าง" ในส่วนหัว (ฉันไม่รู้ว่านี่เป็นฟังก์ชั่น WordPress มาตรฐานเช่นเดียวกับใน Joomla หรือถ้ามันเป็น คุณสมบัติที่สามารถให้บริการได้ในบางธีมหรือถ้าฉันต้องใส่ลงในโค้ดโดยตรง)

อย่างไรก็ตามฉันไม่พบมันแม้แต่ในการตั้งค่าธีมของฉัน

ฉันต้องทำอย่างไรเพื่อใส่โลโก้ ฉันต้องแทรกมันลงในรหัส HTML โดยตรงหรือไม่

คำตอบ:


14

ลองปรับเปลี่ยนส่วนหัวเล็กน้อยเพื่อให้สอดคล้องกับมาตรฐาน นี่คือสิ่งที่รหัสของคุณตอนนี้:

<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 /'

หวังว่าคุณจะได้รับส่วนที่เหลือ หากคำถามใด ๆ โปรดแสดงความคิดเห็นที่นี่ภายใต้


2

หากมีฟังก์ชั่น "โลโก้" มันจะเป็นส่วนหนึ่งของธีม บางทีอาจจะเป็นตัวเลือกธีมหรือส่วนหนึ่งของระบบการปรับแต่งรูปแบบ

ฉันมักจะใช้Custom Headerทำสิ่งนี้กับเว็บไซต์เชิงพาณิชย์ถึงแม้ว่าส่วนหัวที่กำหนดเองนั้นไม่ได้มีไว้สำหรับโลโก้โดยเฉพาะ มันเป็นฟังก์ชั่น "ภาพส่วนหัว" ทั่วไป

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


2

หากต้องการเปลี่ยนภาพส่วนหัวให้ไปที่แผงผู้ดูแลระบบของ wordpress ของคุณ ในเมนูลักษณะที่ปรากฏคลิกที่ส่วนหัวแล้วคุณจะพบตัวเลือกในการอัปโหลดภาพส่วนหัวและข้อความที่จะปรากฏในส่วนหัวของคุณ

หากไม่แสดงขึ้นมาคุณจะต้องแก้ไขไฟล์ส่วนหัวและใส่รหัสต่อไปนี้ในส่วนหัวหากยังไม่มีอยู่

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.