远方的海
远方的海,WordPress,免费
2015 Aug 05 06 : 56

给WordPress网站在手机设备上设置自定义图标logo

您当前的位置: 首页 > WordPress > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

WordPress 4.3 升级后新增了一个站点图标功能,允许站长设置网站在桌面或手机中的网站图标(favicon)。站点图标这个功能是独立于主题的,也就是无需修改主题来支持。

函数说明

尺寸说明

图标的尺寸有以下,针对不同的设备:

  • 32x32px favicon.
  • 180x180px app icon for iOS up to the iPhone 6+.
  • 192x192px Android/Chrome app icon.
  • 270x270px medium-sized tile for Windows.

公众调用接口也很简单:

  • wp_site_icon() displays all available favicons and app icons. 显示所有可用的favicon和app icons图标。
  • get_site_icon_url() returns the url to the current site’s icon, or the default passed to it.返回当前站点的图标,或者默认缺省。
  • site_icon_url() displays an escaped version of the url to the current site’s icon.显示当前站点的转义图标。
  • has_site_icon() returns whether the current site has an icon set up or not.这是一个布朗函数,返回值根据网站是否有图标为是、否。

使用自定义图标

给站点加上图标,64是自定义的尺寸大小,数字可参考上述的图标尺寸说明。href属性里面填写icon图标的地址。

function prefix_custom_site_icon_size( $sizes ) {
 $sizes[] = 64;
 
 return $sizes;
}
add_filter( 'site_icon_image_sizes', 'prefix_custom_site_icon_size' );
 
function prefix_custom_site_icon_tag( $meta_tags ) {
 $meta_tags[] = sprintf( '<link rel="icon" href="%s" sizes="64x64" />', esc_url( get_site_icon_url( null, 64 ) ) );
 
 return $meta_tags;
}
add_filter( 'site_icon_meta_tags', 'prefix_custom_site_icon_tag' );

原文参考自:https://make.wordpress.org/core/2015/07/27/site-icon/

好文!分享给朋友,或者点个赞吧~

文章信息

分类:WordPress

您可能也会喜欢

发表回复

Post Comment