给wordpress主题制作一个SVG格式logo以及让wp支持显示svg图片

2018.8. 2002:02:07 评论 826

大多数人都知道SVG格式的文件,wordpress是不支持的,会被wordpress的默认安全机制,判定为,不安全的文件,所以上传以后,就会立刻删除。

那么如何才能够让wordpress支持svg格式文件呢?

svg文件是一种由国外某某发现的一种新型克伸缩的图片格式,这种格式的好处就是图片可以无限制的放大和缩小,另一个就是这种格式的文件非常的小巧。一张非常大的图片也就之后几kb大小,可以说是目前可以显示的图像中最精巧的一种格式。

不过svg也有一个弊端,由于它是矢量类型的图片,所以支持的颜色没有我们常用的png以及jpg图片那么多的颜色。

不过用来制作logo,还是绰绰有余的,因为我们的logo,不需要太多的色彩。这个显示的色彩范围,也就是相对来说而已,并非是你想象中的那么少。

好了废话不多说,首先我们需要让我们的wordpress程序支持svg格式的文件,解决支持文件格式的方法有两个。

wordpress上传svg文件

第一个就是修改wordpress的文件,functions.php,直接在里面找到“wp_get_mime_types()”函数,然后在后面按照其他类似于jpg格式的样子新增一条svg的文件即可。

路径如下,在wordpress的程序文件找到“wp-includes/functions.php”

不过这种方法有一点不好的地方就是,如果面临wordpress的升级,以后就无法继续使用svg格式的文件,需要再次的修改。

第二种方法在主题的functions.php文件里面添加下面的代码;

function my_upload_mimes($mimes = array()) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter('upload_mimes', 'my_upload_mimes');

这一种方法好处就是,只要不更换主题,就可以一直使用svg格式文件上传。

然后再说说关于svg的另一个话题,由于svg是一种代码的形式,所以这里不建议直接使用文字编辑工具,制作svg文件,因为svg文件又恰恰是一种代码,所以如果浏览器在不支持一些特殊字体的时候,默认会以浏览器默认的字体显示,所以如果您非要用字体编辑svg文件的话,那么推荐你在编辑好文字信息以后,将文字转换为轮廓形式。

操作如下,在illustrator当中编辑好文字以后,点击上方点击文字——创建轮廓,这样再保存为,svg文件,就不会受浏览器字体的困扰了。

这里我献出两张svg图片供大家欣赏;

svg文件欣赏

这里再说一个问题,由于wordpress的编辑器对svg的文件目前兼容性还不是那么好,所以在插入svg图片的时候,不一定会显示,那是因为wordpress默认将svg当做一个文件,而不是一个图片处理的,所以在代码里面,添加了一个href,只需要将这一段删了就能够正常显示了。(将我标红的地方删了)

给wordpress主题制作一个SVG格式logo以及让wp支持显示svg图片

好了说到这里算是今天遇到的logo问题说完了,如果你遇上了不懂的问题,可以再文章底部留言。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: