WordPress社交网络菜单图标更改——SVG图标

前言

我使用的主题为TwnetySeventeen，在编辑页面底部社交网络菜单时发现只有一些国外网站才会显示图标，例如Facebook等，国内微博等网站无法显示logo。

但是我并没有找到这些图标文件，通过浏览器检查元素我发现这些这些图标使用的是SVG图标，于是我决定动手自己添加图标。不清楚SVG格式的请点击使用SVG中的Symbol元素制作Icon

修改主题SVG文件

WordPress使用的是SVG Sprite技术，将图标图形整合在一起，实际呈现的时候准确显示特定图标。TwnetySeventeen使用的SVG文件的位置为

wp-content\themes\twentyseventeen\assets\images\svg-icons.svg

使用编辑器或记事本打开，里面包含了网站使用的所有SVG图标。

我们将自己制作或者网上下载的SVG文件修改一下格式然后添加进这个文件中。修改方法就按照里面已经有的格式修改就行。加上symbol标签，id前面加上icon-，适当调整viewBox。viewBox值有4个数字：