วิธีที่เหมาะสมในการเพิ่ม favicon ใน Wordpress โดยไม่ต้องใช้ปลั๊กอินคืออะไร? [ปิด]


11

วิธีที่เหมาะสมในการเพิ่ม favicon ใน Wordpress โดยไม่ต้องใช้ปลั๊กอินคืออะไร?

ฉันเพียงแค่วางไฟล์ที่favicon.icoมีไอคอนของฉันลงในรูทของเว็บไซต์ของฉันหรือไม่?

ฉันต้องการรหัสนี้ด้วยหรือไม่

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

บางคนบอกว่าเป็นรหัสนี้:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

และนี่สำหรับ iPhones?

<link rel="apple-touch-icon" href="/customIcon.png" />

มีข้อเสนอแนะเกี่ยวกับซอฟต์แวร์ในการสร้างหรือแปลงจากภาพขนาดย่อหรือไม่ และรองรับไฟล์ประเภทใด - เพียงแค่.ico?

ฉันเห็นเธรดอื่นด้วยวิธีการมากมายและฉันไม่ชัดเจนเกี่ยวกับแนวปฏิบัติที่ดีที่สุดสำหรับงานง่าย ๆ นี้: จะเปลี่ยน WordPress favicon อย่างไร


6
ทำไมไม่มีข้อ จำกัดปลั๊กอิน ?
Chip Bennett

3
คำถามประกอบด้วย imho เนื้อหาของหัวข้อที่มากเกินไป ปิดการโหวต
ไกเซอร์

คำตอบ:


15

ฉันมักจะใส่ไอคอนในโฟลเดอร์รูปภาพภายในชุดรูปแบบของฉันดังนั้นฉันจะใช้

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

แก้ไข: เพื่อเพิ่มไอคอนแอปเปิ้ลทัชต่อความคิดเห็นและเพื่อชี้แจงว่าหากคุณใช้ธีมลูก แต่ favicon อยู่ในโฟลเดอร์รูปภาพของธีมหลักคุณจะต้องใช้

get_template_directory_url();

หากคุณไม่ได้ใช้ธีมลูกก็จะทำงาน

ฉันมักจะสร้าง favicons ของฉันที่นี่: http://tools.dynamicdrive.com/favicon/


ในกรณีที่เป็นธีมลูกจะดีกว่าget_template_directory_uriไหมถ้าใช้แทน? ในการตอบคำถามเดิมฉันได้เพิ่มไอคอนแอปเปิ้ล 114x114px <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">เช่นนี้ นอกจากนี้ยังมีเอกสารเพิ่มเติมเกี่ยวกับการเพิ่ม favicons และไอคอน Apple ที่นี่: github.com/h5bp/html5-boilerplate

1
ฉันคิดว่า html5bp ไม่ได้เพิ่มไว้ในส่วนหัว หากคุณใส่ไอคอนด้วยชื่อที่ถูกต้องในรูทไซต์เบราว์เซอร์ส่วนใหญ่จะค้นหาโดยอัตโนมัติ แต่เพื่อตอบคำถามของคุณธีมลูกกับผู้ปกครอง ... มันขึ้นอยู่กับว่าคุณเก็บรูปภาพ favicon ไว้ที่ใด get_template_directory_uri () รับ url ของธีมพาเรนต์ขณะที่ stylesheet_directory_uri () รับ url ของเด็กถ้ามันเป็น child หรือ url ของ parent ถ้าเป็น theme ที่เปิดใช้งาน
helgatheviking

คุณถูก. ฉันทำให้พวกเขาทั้งสองรวมกันแล้ว ... html5bp ได้ลบออกจากส่วนหัวแล้ว แต่ยังมีเอกสารที่ดีในแหล่งข้อมูล (ส่วนใหญ่เกี่ยวกับไอคอน Apple) mathiasbynens.be/notes/touch-icons

11

ที่จริงแล้ววิธีการที่ถูกต้องเพื่อเพิ่ม favicon คือผ่านทางปลั๊กอินเพื่อให้ favicon เพิ่มไม่ได้เป็นรูปแบบขึ้นอยู่กับ โดยพื้นฐานแล้วใช้วิธีการของ @ helgatheviking แต่วางไว้ในปลั๊กอินที่กำหนดเองแทนที่จะอยู่ในfunctions.phpไฟล์ธีมของคุณ

หมายเหตุ: หากคุณใช้โดเมนระดับบนสุดนั่นคือexample.comเพียงแค่วางfavicon.icoในรูทเอกสารและทำเสร็จแล้ว สำหรับสิ่งอื่น, สร้างที่กำหนดเองปลั๊กอิน

หมายเหตุ 2: อ้างถึงTrac ตั๋ว # มีการเพิ่มตัวเลือกไซต์ favicon ลงในแกนหลักหวังว่าจะมีตัวเลือกหนึ่งที่จะมาถึงในรุ่น 3.4 ที่กำลังจะมาถึง


วันหนึ่งฉันต้องใช้ข้อมูลโค้ดของ otto โชคดีที่ผู้คนไม่ได้เปลี่ยนธีมของพวกเขาในแต่ละวัน แต่ฉันเห็นด้วยอย่างยิ่งที่ favicons (และประเภทโพสต์ ฯลฯ ) ไม่ควรขึ้นอยู่กับธีม รอคอยที่จะมาถึงแกนนี้
helgatheviking

จริงๆแล้วมันไม่ได้เป็น "ตัวอย่าง" มากนัก คิดว่ามันเป็นรูปแบบของfunctions.phpไฟล์ที่มีส่วนหัว PHPDoc โดยเฉพาะอย่างยิ่งชีวิตว่าในแทนในwp-content\plugins\some-plugin\name wp-content\themes\some-theme-name
Chip Bennett

2

มีความอดทนแกนกลางมีเพื่อขอความช่วยเหลือ

นี่คือคุณลักษณะที่วางแผนไว้กับสอง devs หลักที่ได้รับมอบหมายที่มาพร้อมกับ 3.4


1
เรากำลังดำเนินการอยู่เล็กน้อย - อาจไม่สามารถใช้งานได้ใน 3.4 เราจะรู้มากขึ้นหลังจากการประชุมในวันนี้
Tom Auger

@TomAuger ขอบคุณที่ทำให้มันเป็นข้อมูลล่าสุด อย่าลังเลที่จะแก้ไขคำตอบเมื่อคุณมีสถานะเต็ม
ไกเซอร์

1

หลายอย่างขึ้นอยู่กับธีมที่คุณใช้ หากธีมกำลังกำหนด favicon ของคุณ (ที่มี<link>แท็กในส่วนหัว) คุณจะต้องแทนที่favicon.icoในชุดรูปแบบของคุณเพื่อเปลี่ยน

แต่ถ้าชุดรูปแบบของคุณไม่ได้กำหนดอะไรการวางfavicon.icoที่รากของเว็บไซต์ของคุณควรจะเพียงพอ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.