改變WordPress主題中的favicon

4

我通常在我的網站添加一個圖標根目錄，因爲一些瀏覽器默認在那裏。

function so18074365_favicon() { 
    printf("<link rel=\"shortcut icon\" type=\"image/vnd.microsoft.icon\" href=\"%s/favicon.ico\" />\n", site_url()); 
} 

add_action('wp_head', 's018074365_favicon');

添加此功能，您functions.php並上傳您favicon.ico到你的WordPress根文件夾。

如果你想加入YOUT主題文件夾的圖標，添加此一個：

function so18074365_favicon() { 
    printf("<link rel=\"shortcut icon\" type=\"image/vnd.microsoft.icon\" href=\"%s/favicon.ico\" />\n", get_stylesheet_directory_uri()); 
} 

add_action('wp_head', 's018074365_favicon');

來源

2013-08-06 07:54:01 RRikesh

+0

ok。感謝所有的答案。我更新header.php文件。它只是工作正常。 –

+0

'functions.php'，而不是'header.php'！ – RRikesh

+0

爲什麼叫so18074365_favicon？爲什麼選擇一個favicon的動作？ –

4

Сonsidering的Wordpress Codex你最好

轉到你的WordPress管理面板。
點擊設計（在WordPress 2.3.x及以下中稱爲演示文稿，以及在WordPress 2.7+中呈現）。
點擊主題編輯器。
選擇名爲Header或header.php的文件來編輯文件。
搜索以<link rel="shortcut icon"開頭並以/favicon.ico" />結尾的代碼行。覆蓋它，如果存在，或者在<head>HTML標記下面添加以下代碼。 <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
保存更改。

注意。不要忘記通過任何可接受的方式將favico上傳到您當前的主題根目錄。

希望它有幫助。乾杯!

來源

2013-08-06 07:49:00

2

參考WordPress的抄本Create a favicon

搜索代碼與<link rel="shortcut icon" and ends with /favicon.ico" />開頭的行。覆蓋它，如果它存在，或添加HTML標籤下面的下面的代碼<head></head>

之間

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

確保您擁有的favicon.ico在樣式表目錄

來源

2013-08-06 07:49:28

0

按照此步驟：？

你是想弄清楚如何改變你的網站圖標的圖標是一個非常小的細節。我認爲它不會損害您的業務，因爲您沒有定製的圖標。但是當你擁有一個，這是人們注意到的那些小細節之一，並且可以給他們留下深刻的印象，即使它是潛意識的。

我想告訴你的有用工具是Favicon（dot）cc。

你會注意到你有一個16×16像素的完整編輯器。當我使用photoshop來完成這項任務時，試圖讓圖像看起來像這樣小的尺寸是有點具有挑戰性的。這個工具使得它更容易，因爲你可以像這樣編輯它，並在下面預覽它。他們的圖像導入功能使其更加輕鬆。通過這種方式，他們的軟件可以完成所有艱苦的工作，並且您可以快速決定是否喜歡它。

不要擔心放大的圖片看起來扭曲。它實際上將看起來像一個小favicon。要下載它，請點擊「下載Favicon」。非常簡單。

只要按照相同的步驟...

首先，我要上傳的圖片...

然後檢查，看看它的外觀...

如果我喜歡的話，我可以下載它。

給它幾個小時，你的圖標將更新整個互聯網。當我第一次做到這一點時，我預計它會立即更新，如果沒有，我認爲我錯過了一步。這是你所需要做的，只需要時間，你的新圖標就會出現。

如果您按照課程中的步驟操作，您將開始吸引流量到您的網站，並建立一個龐大的在線關注。

http://www.gowallaby.com/how-to-change-favicon-in-wordpress

來源

2014-03-11 13:04:07 Gielea06

0

如果要使用「自定義」，在「外觀/自定義」選項改變網站圖標，你可以這樣做：

在function.php添加代碼：

function themeslug_theme_customizer_favicon($wp_customize) { 
    // Fun code will go here 

    $wp_customize->add_section('themeslug_favicon_section' , array(
     'title'  => __('Favicon', 'themeslug'), 
     'priority' => 30, 
     'description' => 'Upload a favicon to your Wordpress', 
)); 
    $wp_customize->add_setting('themeslug_favicon'); 

    $wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, 'themeslug_favicon', array(
     'label' => __('Favicon', 'themeslug'), 
     'section' => 'themeslug_favicon_section', 
     'settings' => 'themeslug_favicon', 
))); 
} 
add_action('customize_register', 'themeslug_theme_customizer_favicon');

並在標籤<header></header>之間的header.php中添加代碼：

<?php if (get_theme_mod('themeslug_logo')) : ?> 
     <link rel="shortcut icon" href="<?php echo esc_url(get_theme_mod('themeslug_favicon')); ?>" /> 
    <?php endif; ?>

現在去外觀/定製，將有一個部分「Favicon」，只需上傳你的file.png，並享受

來源

2014-11-06 21:36:41 burunoh

-1

function add_my_favicon() { 
    $favicon_path = plugins_url('/favicon.ico', __FILE__);  
    echo '<link rel="shortcut icon" href="' . $favicon_path . '" />'; 
} 

add_action('wp_head', 'add_my_favicon'); //front end 
add_action('admin_head', 'add_my_favicon'); //admin end

來源

2015-04-16 13:46:08

+1

您能否詳細說明您的答案，並添加關於您提供的解決方案的更多描述？ – abarisone

+0

請將此代碼複製到您當前主題的function.php文件中 –

改變WordPress主題中的favicon

回答

相關問題