Enfold主题如何添加Tiktok社交分享图标

Enfold主题如何添加Tiktok社交分享图标

Enfold主题如何添加Tiktok社交分享图标

  Enfold 是一个流行的多用途WordPress主题。用户可以创建几乎任何可以想象的布局。Enfold 主题开发人员根据您的要求和想法设计最合乎逻辑的解决方案。为您构建合适的主题。TikTok是一种流行的基于视频的社交媒体应用程序,在过去几年中变得越来越流行。

  TikTok 已经为全世界领先的社交媒体应用程序,是众多知名病毒视频和趋势的发源地。之前我们已经为你介绍了Enfold主题Mailchimp Newsletter通讯,本文,晓得博客为你介绍Enfold主题如何添加Tiktok社交分享图标。

  注意:建议使用 Enfold Child 子主题 来完成WordPress建站调试设置等操作

怎么添加Tiktok社交分享图标

  Enfold 主题中社交资料设置可以在此处输入指向您的社交资料的链接,之后可以通过在相应区域激活它们来选择显示它们的位置,可选择的社交媒体工具包括rss,facebook, twitter ,mail ,dribbble ,linkedin , search ,gplus ,behance ,flickr,myspace ,tumblr,vimeo , youtube , pinterest ,skype , instagram,但是没有Tiktok社交分享图标.

  推荐:Enfold主题Social profiles社交媒体设置

将Tiktok社交分享图标转为svg格式

  首先在网络上搜索一张TikTok图片,然后通过to svg网站将图片转化为svg格式

将Tiktok社交分享图标转为svg格式

  推荐:WPControl性能优化插件WordPress最简单的优化插件教程

svg转图标字体生成器

  通过图标字体生成器网站,将svg图片转化为网络图标字体。将svg图片拖拽到网站中心区域,然后点击“ Download webfont ”

svg转图标字体生成器
上传网络字体到Enfold主题

  将上一步下载的文件上传保存即可。Enfold主题设置中的“Import/Export导入导出”功能中,有个“Iconfont Manager”功能,可以上传使用 Fontello 生成的其他 Iconfont 包或使用 Flaticon 的单色图标集,然后可以在您的布局生成器中使用这些图标。

上传网络字体到Enfold主题

  推荐:WordPress优化修复WordPress网站速度慢加载慢

添加代码到Enfold主题

  现在,将以下的代码上传到 functions.php 文件中过滤器中的社交图标名称,并在“ Enfold ”->“ Social Profiles ”面板中选择了新的社交图标,即可以可以正确显示TikTok图标了。

/ Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['tiktok'] = array( 'font' =>'fontello', 'icon' => 'ue800');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['TikTok'] = 'tiktok';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
添加代码到Enfold主题

  Enfold主题添加Tiktok社交分享图标效果如下:

  推荐:WordPress插件Simple Google reCAPTCHA插件使用指南教程

总结

  以上是晓得博客为你介绍的Enfold主题如何添加Tiktok社交分享图标的全部内容,希望本篇文章对你的 WordPress建站 有所帮助,如有问题,可留言探讨。

  推荐:Enfold主题建站教程


晓得博客,版权所有丨如未注明,均为原创
晓得博客 » Enfold主题如何添加Tiktok社交分享图标

转载请保留链接:https://www.pythonthree.com/enfold-add-tiktok-media/

滚动至顶部