0

我正在为我的博客定制一个文字新闻主题。我正在尝试更改图标，但我不知道该怎么做。我检查了所有设置，没有 favicon 选项。谁能告诉我如何改变它。

4

6 回答 6

4

Сonsidering Wordpress Codex你会

  1. 转到您的 WordPress 管理面板。
  2. 单击设计（在 WordPress 2.3.x 及更低版本中称为演示，在 WordPress 2.7+ 中称为外观）。
  3. 单击主题编辑器。
  4. 选择名为 Header 或 header.php 的文件来编辑该文件。

  5. 搜索以 开头<link rel="shortcut icon"和结尾的代码行/favicon.ico" />。覆盖它（如果存在），或在<head>HTML 标记下方添加以下代码。<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

  6. 保存更改。

笔记。不要忘记通过任何可接受的方式将 favico 上传到您当前的主题根目录中。

希望能帮助到你。干杯!

于 2013-08-06T07:49:00.820 回答
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 根文件夹。

如果你想在你的主题文件夹中添加图标，添加这个：

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-06T07:54:01.970 回答
2

参考 wordpress codex创建一个网站图标

搜索以 开头的代码行<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-06T07:49:28.183 回答
0

请按照以下步骤操作：

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

我想向您展示的有用工具位于Favicon (dot) cc。

您会注意到您拥有一个 16 x 16 像素尺寸的完整编辑器。当我过去使用 Photoshop 完成这项任务时，试图让图像在如此小的尺寸下看起来正确有点具有挑战性。这个工具使它更容易，因为你可以像这样编辑它……并在下面预览它。他们的图像导入功能使它变得更加容易。这样他们的软件就可以完成所有艰苦的工作，您可以快速决定是否喜欢它。

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

只需按照相同的步骤...</p>

首先我要上传图片……</p>

然后查看它的外观……</p>

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

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

如果您按照课程中的步骤进行操作，您将开始为您的网站吸引大量流量，并建立庞大的在线追随者。

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

于 2014-03-11T13:04:07.620 回答
0

如果您想使用“外观/自定义”中的“自定义”选项更改 Favicon，您可以执行以下操作：

在 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.php<header></header>添加代码：

  <?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-06T21:36:41.353 回答
-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-16T13:46:08.500 回答