2013-06-07 25 views
11

Hiện nay tôi đang sử dụng bit này của mã để thêm một favicon vào một trang web:Thiết lập một favicon duy nhất cho toàn bộ trang web

<link rel="shortcut icon" href="https://www.mysite.co.uk/images/favicon/favicon1.ico" /> 

Tuy nhiên, mã này phải được thêm vào mỗi trang HTML. Có ai biết làm thế nào để thiết lập một favicon toàn cầu?

Ở mọi nơi tôi đã xem cho tôi biết tôi phải thêm nó vào mỗi trang.

UPDATE:

tìm kiếm Chrome cho một file favicon.ico trong thư mục gốc.

Firefox nhu cầu này trên mỗi trang:

<link rel="icon" type="image/png" href="/favicon.png" /> 
+0

Bạn chỉ có một trang web? Bạn đã thử giải pháp này chưa: http://stackoverflow.com/a/8687471/2427840? – Gimmy

+0

@Gimmy Tôi đã xem giải pháp đó và không hoạt động, tôi cũng đã xóa bộ nhớ cache của mình, nó hoạt động hoàn hảo trong chrome nhưng không phải firefox hoặc IE hoặc Safari, Nó được đặt trong thư mục gốc, cũng như thư mục với một trang được liên kết (dường như đã thiết lập nó cho toàn bộ trang web khi nó hoạt động trước khi tôi thêm nó vào thư mục gốc)! – Switchfire

+0

xem http://stackoverflow.com/questions/260857/changing-website-favicon-dynamically – user7282

Trả lời

19

Để sử dụng tham chiếu trong tương lai php để bao gồm thông tin tiêu đề (bao gồm favicon) duy trì nhất quán trên mỗi trang sao cho bạn chỉ phải chỉnh sửa một tệp thay vì một số tệp lớn.

Sử dụng <?include "header.php" ?> trên tất cả các trang mà header.php của bạn bao gồm tất cả các mã đó là chung cho tất cả các trang

Nó có thể là một cái gì đó như:

<link rel="stylesheet" href="screen.css" type="text/css" media="screen" /> 
<script src="../quirksmode.js"></script> 
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> 

và tất cả các mã khác mà cần phải được bao gồm trên tất cả các trang

Xem thêm về bao gồm ở đây: http://php.net/manual/en/function.include.php

EDIT: Hiện tại, bạn có thể mở tất cả các tệp trong trình chỉnh sửa như notepad ++ và thực hiện tìm và thay thế tất cả các lần xuất hiện với \ r \ n trong đó \ r \ n là ký tự dòng mới cho cửa sổ ở chế độ tìm kiếm mở rộng. Notepad ++ có tùy chọn thực hiện tìm và thay thế trong tất cả các tệp đang mở.

+0

Đây là một anwser tuyệt vời, mà tôi sẽ sử dụng trong tương lai, nhưng ý tưởng sử dụng một phiên bản toàn cầu là để có được xung quanh không phải chỉnh sửa lại nhiều trang khác cho nó để có hiệu lực – Switchfire

+0

Tôi đã nhận được điểm của bạn.Tôi đã thêm một phương pháp thay thế bây giờ mà bạn có thể sử dụng thời gian này. –

3

Không, bạn cần phải bao gồm các yếu tố <link rel="shortcut icon"> trong mỗi trang. Tuy nhiên, bạn có thể:

  • Đặt tệp favicon.ico vào thư mục gốc của dự án, sau đó gọi tệp đó là /favicon.ico.

Theo như tôi biết, nó sẽ được lưu vào bộ nhớ cache, vì vậy không có vấn đề khi tải xuống lại.

+1

đó là thời gian dành cho bạn để chắc chắn 100% rằng favicon được lưu trữ trong trình duyệt – bugwheels94

+0

Tôi biết thực tế có một cách để thiết lập toàn bộ và không phải thêm vào mỗi trang. – Switchfire

0

Đặt hình đại diện vào thư mục gốc của trang web có tên là "favicon.ico".

Nếu bạn muốn sử dụng định dạng biểu tượng khác (trong thư mục gốc), bạn có thể sử dụng htaccess (hoặc tương đương) để đặt loại mime ".ico" thành ".png" và đổi tên "favicon.png "to" favicon.ico ".

Trong file .htaccess bạn thêm đoạn mã sau:

AddType image/png .ico 
+0

Hmm, đã không làm việc cho tôi, tôi đã có 'favicon.ico' của tôi trong thư mục gốc, với mã ở trên hoặc thay đổi thành ico. "Hình ảnh AddType/ico .ico". Không hoạt động – Switchfire

+0

@Switchfire Theo mặc định, tệp .ico có loại "hình ảnh/biểu tượng x", tuy nhiên bạn sẽ không cần mã .htaccess cho các tệp .ico vì tệp này sẽ được định cấu hình theo mặc định. (mã đó chỉ sử dụng hình ảnh png như tệp favicon.ico của bạn (do đó, nó thực sự là favicon.png với phần mở rộng tệp ico) –

+0

nó không hoạt động –

1

Hầu hết các trình duyệt tìm kiếm /favicon.ico trong trang web. Nó thường lưu trữ và sẽ hoạt động trên toàn bộ trang web từ một thư mục.

1

Trên hầu hết các trình duyệt hiện đại, tất cả những gì bạn cần làm là đặt tệp favicon.ico vào thư mục gốc của trang web, tệp sẽ lưu vào bộ nhớ cache và hoạt động trên tất cả các trang.

Các vấn đề liên quan