改变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

回答

相关问题