如何将收藏图标添加到我的网站-在前端和管理面板中

时间：2014-03-16 作者：Mayeenul Islam

如何将favicon添加到我的WordPress站点的前端和管理面板中。我尝试了很多方法，但都失败了。

我知道，向favicon展示代码是：

<link rel="shortcut icon" href="images/favicon.ico" />

我如何实现它？

2 个回复

最合适的回答,由SO网友:Mayeenul Islam 整理而成

更新以下变通方法对于使用WordPress的用户是必要的older than version 4.4. 如果您使用的是WordPress v4。4+那么你就不需要进行如此广泛的工作了。只需遵循乌斯曼·西迪基的答案，这很容易。

实际答案

您可以在以下两种方式中向WordPress站点添加favicon-

要添加favicon，首先必须制作一个。Favicon通常是-

16px x 16px, 或32px x 32px..png （用于透明）或.jpg 等。重命名文件并将扩展名更改为.ico （图标文件）-因此您的文件favicon.ico.
按主题：硬代码要使用主题实现favicon，您需要记住，您使用的是WordPress，必须以WordPress的方式执行，要显示文件的确切路径，必须使用get_template_directory_uri() 对于父主题，或get_stylesheet_directory_uri() 用于子主题。因此，实现favicon的代码应该是（其中favicon.ico 文件存储在主题文件夹中名为“images”的文件夹中：
```
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico" />
```
您可以在主题的<head> 和</head> 让favicon工作。
动态代码要以动态方式实现favicon，请使用以下代码：
```
function add_my_favicon() {
   $favicon_path = get_template_directory_uri() . \'/images/favicon.ico\';

   echo \'<link rel="shortcut icon" href="\' . esc_url($favicon_path) . \'" />\';
}

add_action( \'wp_head\', \'add_my_favicon\' ); //front end
add_action( \'admin_head\', \'add_my_favicon\' ); //admin end
```
我们使用了相同的代码，但现在包含了一个触发操作的函数。然后我们使用两个钩子添加了动作：
- wp_head &mdash；它会用wp_head() 主题标题部分的WordPress功能admin_head &mdash；它将通过插件将favicon启动到您的管理面板中。您可以制作自己的插件，将favicon设置到您的站点。这会更好，因为即使你改变了网站的主题，你的favicon也不会丢失。下面是我们如何用自己的custom plugin:
```
<?php
/*
Plugin Name: My Favicon Plugin
Description: Activating a favicon into my site.
*/

function add_my_favicon() {
    $favicon_path = plugins_url( \'/favicon.ico\', __FILE__ );    

    echo \'<link rel="shortcut icon" href="\' . esc_url($favicon_path) . \'" />\';
}


add_action( \'wp_head\', \'add_my_favicon\' ); //front end
add_action( \'admin_head\', \'add_my_favicon\' ); //admin end
```
  使用名称保存文件my-favicon.php 在文件夹中，并将favicon.ico 该文件夹中的文件。将文件夹命名为my-favicon 把它放在/wp-content/plugins/. 现在进入WordPress管理面板，激活插件以查看favicon的运行情况。：）
  Apple Touch图标
  此外，通过这些方式，您还可以实现Apple Touch图标：
  - Implementing an Apple Touch Icon by helgatheviking — WordPress Development
  苹果触控图标的尺寸为129px x 129px. :)

SO网友:Usman Siddiqui

我来不及回复这个帖子了。但它可能会在将来帮助别人。

然后转到WordPress管理面板，

Appearance » Customize » Site Identity

现在上传一个图标。

结束

小码农CODE

如何将收藏图标添加到我的网站-在前端和管理面板中

更新以下变通方法对于使用WordPress的用户是必要的older than version 4.4. 如果您使用的是WordPress v4。4+那么你就不需要进行如此广泛的工作了。只需遵循乌斯曼·西迪基的答案，这很容易。

实际答案

Apple Touch图标

相关推荐

WordPress Themes and PHP unit