Cách thích hợp để thêm favicon trong Wordpress mà không cần plugin? [đóng cửa]


11

Cách thích hợp để thêm favicon trong Wordpress mà không cần plugin ?

Tôi chỉ cần đặt một tệp được gọi favicon.icovới biểu tượng của tôi vào thư mục gốc của trang web của tôi?

Tôi cũng cần mã này?

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

Một số người nói đó là mã này:

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

Và đây là cho iPhone?

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

Bất kỳ đề xuất về phần mềm để tạo ra nó hoặc để chuyển đổi nó từ hình thu nhỏ? Và loại tập tin nào được hỗ trợ - chỉ .ico?

Tôi đã thấy một chủ đề khác với rất nhiều phương pháp và tôi không rõ về cách thực hành tốt nhất cho nhiệm vụ đơn giản này: Làm thế nào để thay đổi favicon WordPress?


6
Tại sao không có hạn chế Plugin ?
Chip Bennett

3
Câu hỏi chứa imho quá nhiều chủ đề ngoài chủ đề. Đóng phiếu bầu.
kaiser

Câu trả lời:


15

Tôi thường đặt các biểu tượng trong một thư mục hình ảnh bên trong chủ đề của mình để tôi sử dụng

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');

đã chỉnh sửa: để thêm biểu tượng cảm ứng táo trên mỗi nhận xét và để làm rõ rằng nếu bạn đang sử dụng một chủ đề con, nhưng favicon nằm trong thư mục hình ảnh của chủ đề gốc, bạn sẽ sử dụng

get_template_directory_url();

nếu bạn không sử dụng một chủ đề con, thì một trong hai sẽ hoạt động

Tôi thường tạo favicon của mình ở đây: http://tools.dynamicdrive.com/favicon/


Trong trường hợp của một chủ đề trẻ em, nó sẽ tốt hơn để sử dụng get_template_directory_urithay thế? Để trả lời câu hỏi ban đầu, tôi đã thêm một biểu tượng Apple 114x114px như thế này : <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. Ngoài ra còn có nhiều tài liệu khác về việc thêm favicon và biểu tượng Apple tại đây: github.com/h5bp/html5-boilerplate

1
tôi nghĩ html5bp đã không còn thêm chúng vào tiêu đề. nếu bạn đặt các biểu tượng với tên chính xác trong thư mục gốc, hầu hết các trình duyệt sẽ tự động tìm thấy chúng. nhưng để trả lời câu hỏi của bạn, chủ đề con so với cha mẹ ... nó thực sự phụ thuộc vào nơi bạn lưu trữ hình ảnh favicon. get_template_directory_uri () lấy url của chủ đề gốc, trong khi Stylesheet_directory_uri () lấy url của con NẾU đó là con HOẶC url của cha mẹ nếu đó là chủ đề được kích hoạt.
xe đạp

Bạn đúng. Tôi đã có cả hai lẫn lộn ... html5bp thực sự đã xóa chúng khỏi tiêu đề, nhưng vẫn còn một số tài liệu tuyệt vời trong nguồn (chủ yếu là về các biểu tượng của Apple) mathiasbynens.be/notes/touch-icons

11

Trên thực tế, phương pháp chính xác để thêm favicon là thông qua Plugin , do đó, favicon được thêm vào không phụ thuộc vào Theme . Về cơ bản, hãy sử dụng phương pháp của @ helgatheviking, nhưng đặt nó vào một Plugin tùy chỉnh , thay vì trong functions.phptệp Theme của bạn .

Lưu ý: nếu bạn đang sử dụng tên miền cấp cao nhất, tức là example.comchỉ cần thả favicon.icovào gốc tài liệu và bạn đã hoàn tất. Đối với bất cứ điều gì khác, tạo một Plugin tùy chỉnh .

Lưu ý 2: Tham khảo vé Trac # 16434 . Một tùy chọn favicon trang web đang được thêm vào cốt lõi, hy vọng phiên bản một trong số đó sẽ hạ cánh trong phiên bản 3.4 sắp tới.


một trong những ngày này tôi cần sử dụng đoạn trích của otto. rất may mọi người không thay đổi chủ đề hàng ngày, nhưng tôi hoàn toàn đồng ý rằng favicon (và loại bài đăng, v.v.) không nên phụ thuộc chủ đề. mong chờ điều này đến cốt lõi.
xe đạp

Nó thực sự thậm chí không phải là một "đoạn trích". Hãy nghĩ về nó như một functions.phptệp của Theme , với một tiêu đề phpDoc cụ thể, tồn tại wp-content\plugins\some-plugin\namethay vì trong wp-content\themes\some-theme-name.
Chip Bennett

2

Hãy kiên nhẫn, cốt lõi là có để được giúp đỡ

Đây là một tính năng được lên kế hoạch, với hai nhà phát triển cốt lõi được chỉ định, đi kèm với 3,4 .


1
Chúng tôi đang chạy phía sau một chút - nó có thể không xuất hiện trong 3.4. Chúng ta sẽ biết nhiều hơn sau cuộc họp hôm nay.
Tom Auger

@TomAuger Cảm ơn bạn đã cập nhật thông tin này. Vui lòng chỉ chỉnh sửa câu trả lời khi bạn có trạng thái đầy đủ.
kaiser

1

Rất nhiều thứ sẽ phụ thuộc vào chủ đề bạn đang sử dụng. Nếu chủ đề đang xác định favicon của bạn (có <link>thẻ trong tiêu đề), thì bạn sẽ cần thay thế favicon.icotrong chủ đề của mình để thay đổi chủ đề.

Nhưng nếu chủ đề của bạn không xác định bất cứ điều gì, đặt một favicon.icogốc ở trang web của bạn là đủ.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.