我使用的主题为TwnetySeventeen在编辑页面底蔀社交网络菜单时发现只有一些国外网站才会显示图标,例如Facebook等国内微博等网站无法显示logo。
但是我并没有找到这些图标文件通过浏览器检查元素我发现这些这些图标使用的是SVG图标,于是我决定动手自己添加图标不清楚SVG格式的请点击
WordPress使用的是SVG Sprite技术,将图标图形整合在一起实际呈现的时候准确显示特定图标。TwnetySeventeen使用的SVG文件的位置为
使用编辑器或记事本打开里面包含了网站使用的所有SVG图标。
我们将自己制莋或者网上下载的SVG文件修改一下格式然后添加进这个文件中修改方法就按照里面已经有的格式修改就行。加上symbol标签id前面加上icon-,适当调整viewBoxviewBox值有4个数字:
这个宽度和高度代表对图标的截取,如果没有调整到合适的比例可能只截取了部分图标例如我对微博图标的调整如下:
我提供这个微博SVG文件的下载,请点击 没分的可以联系我邮箱。
可通过网站后台——外观——编辑找到该文件找到函数
在该函数中按照样式添加需要链接的网站
在网络社交菜单中选择添加自定义链接,链接文本为你上一步设置的文本例如我设置的为weibo,点击保存即可效果如下。