Question

我正在为我的博客定制一个单词印刷主题。我正在尝试更改图标，但我不知道该怎么做。我检查了所有设置，没有选项给favicon。任何人都可以告诉我如何改变它。

Answer 1

转到WordPress管理面板。
点击Design（在WordPress 2.3.x及更低版本中称为Presentation，在WordPress 2.7+中称为Appearance）。
点击主题编辑器。
选择名为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上传到您当前的主题根目录。

希望它有所帮助。干杯！

Answer 2

我通常会在我网站的根目录中添加一个favicon，因为默认情况下有些浏览器会查找它。

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主题文件夹中添加favicon，请添加以下内容：

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

Answer 3

参考wordpress codex Create a favicon

搜索以<link rel="shortcut icon" and ends with /favicon.ico" />开头的代码行。覆盖它（如果存在），或在<head></head>

之间的HTML标记下添加以下代码

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

确保样式表目录中有favicon.ico

Answer 4

请按照以下步骤操作：

您是否想知道如何更换您的Favicon？图标是一个非常小的细节。我不认为它会损害您的业务，因为您没有自定义的图标。但是当你确实拥有它时，它就是人们注意到的那些小细节之一，并且即使它是潜意识的，也能给它们留下深刻的印象。

我想向您展示的有用工具是 Favicon（dot）cc。

您会注意到您有一个16 x 16像素尺寸的完整编辑器。当我以前使用photoshop完成这项任务时，试图让图像看起来像这么小的尺寸是有点挑战性的。这个工具使它更容易，因为您可以像这样编辑它...并在下面预览它。他们的图像导入功能使它更容易。通过这种方式，他们的软件可以完成所有艰苦的工作，您可以快速决定是否喜欢它。

不要担心放大的图片看起来扭曲。它实际上看起来像一个小小的图标。要下载它，请单击“下载Favicon”。非常简单。

按照相同的步骤......

首先我会上传图片......

然后检查一下它的外观......

如果我喜欢它，我可以下载它。

给它几个小时，你的favicon将在整个互联网上更新。当我第一次这样做时，我希望它立即更新，当它没有时，我想我错过了一步。这就是你所要做的一切，只要给它时间，你的新的图标就会出现。

如果您按照课程中的步骤操作，您将开始将磁流量吸引到您的网站，并建立庞大的在线跟踪。

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

Answer 5

如果您想使用选项＆＃34; Customize＆＃34;更改Favicon。 at＆＃34;外观/定制＆＃34;你可以这样做：

在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; ?>

现在转到外观/自定义，将有一个部分＆＃34; Favicon＆＃34;，只需上传你的file.png并享受

Answer 6

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

在wordpress主题中改变favicon

6 个答案: